@scalar/api-client 2.5.32 → 2.5.34

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

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

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

@@ -10,8 +10,7 @@ const x = ["download", "href"], h = /* @__PURE__ */ l({
   },
   setup(s) {
     const n = s, r = p(() => {
-      var e;
-      const o = ((e = u(n.type ?? "")) == null ? void 0 : e.extension) ?? ".unknown";
+      const o = u(n.type ?? "")?.extension ?? ".unknown";
       return n.filename ? n.filename : `response${o}`;
     });
     return (o, e) => (i(), a("a", {

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

@@ -1,5 +1,5 @@
 import o from "./ResponseBodyPreview.vue2.js";
-import "./ResponseBodyPreview.vue3.js";
+/* empty css                         */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
 const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0956ad2d"]]);
 export {

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

@@ -1,5 +1,5 @@
 import o from "./ResponseBodyRaw.vue2.js";
-import "./ResponseBodyRaw.vue3.js";
+/* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
 const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85d2902e"]]);
 export {

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

@@ -1,39 +1,36 @@
-import { defineComponent as u, ref as p, useId as m, toRef as n, createElementBlock as f, openBlock as c, createBlock as _, createCommentVNode as g, createElementVNode as l, unref as s } from "vue";
-import { ScalarCodeBlockCopy as k } from "@scalar/components";
-import { prettyPrintJson as y } from "@scalar/oas-utils/helpers";
-import { useCodeMirror as b } from "@scalar/use-codemirror";
-const v = { class: "scalar-code-block group/code-block body-raw grid min-h-0 overflow-hidden p-px outline-none has-[:focus-visible]:outline" }, C = {
+import { defineComponent as i, ref as u, useId as p, toRef as r, createElementBlock as m, openBlock as n, createBlock as f, createCommentVNode as _, createElementVNode as c, unref as l } from "vue";
+import { ScalarCodeBlockCopy as g } from "@scalar/components";
+import { prettyPrintJson as k } from "@scalar/oas-utils/helpers";
+import { useCodeMirror as y } from "@scalar/use-codemirror";
+const b = { class: "scalar-code-block group/code-block body-raw grid min-h-0 overflow-hidden p-px outline-none has-[:focus-visible]:outline" }, v = {
   class: "body-raw-scroller custom-scroll relative pr-1",
   tabindex: "0"
-}, M = /* @__PURE__ */ u({
+}, M = /* @__PURE__ */ i({
   __name: "ResponseBodyRaw",
   props: {
     content: {},
     language: {}
   },
-  setup(a) {
-    const o = a, t = p(null), d = m(), { codeMirror: i } = b({
-      codeMirrorRef: t,
+  setup(s) {
+    const e = s, o = u(null), a = p(), { codeMirror: d } = y({
+      codeMirrorRef: o,
       readOnly: !0,
       lineNumbers: !0,
-      content: n(() => y(o.content)),
-      language: n(() => o.language),
+      content: r(() => k(e.content)),
+      language: r(() => e.language),
       forceFoldGutter: !0
-    }), r = () => {
-      var e;
-      return ((e = i.value) == null ? void 0 : e.state.doc.toString()) || "";
-    };
-    return (e, h) => (c(), f("div", v, [
-      r() ? (c(), _(s(k), {
+    }), t = () => d.value?.state.doc.toString() || "";
+    return (C, h) => (n(), m("div", b, [
+      t() ? (n(), f(l(g), {
         key: 0,
-        content: r(),
-        controls: s(d),
+        content: t(),
+        controls: l(a),
         class: "z-context top-2 mr-2"
-      }, null, 8, ["content", "controls"])) : g("", !0),
-      l("div", C, [
-        l("div", {
+      }, null, 8, ["content", "controls"])) : _("", !0),
+      c("div", v, [
+        c("div", {
           ref_key: "codeMirrorRef",
-          ref: t
+          ref: o
         }, null, 512)
       ])
     ]));

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue3.js

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

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

@@ -1,5 +1,5 @@
 import o from "./ResponseEmpty.vue2.js";
-import "./ResponseEmpty.vue3.js";
+/* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
 const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d2bdb61"]]);
 export {

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

@@ -1,5 +1,5 @@
-import { defineComponent as q, onMounted as R, onBeforeUnmount as v, createElementBlock as i, openBlock as u, createElementVNode as s, createCommentVNode as c, normalizeClass as y, unref as t, createVNode as m, createTextVNode as p, toDisplayString as h, nextTick as S } from "vue";
-import { ScalarHotkey as d } from "@scalar/components";
+import { defineComponent as w, onMounted as q, onBeforeUnmount as R, createElementBlock as l, openBlock as i, createElementVNode as s, createCommentVNode as m, normalizeClass as y, unref as t, createVNode as u, createTextVNode as c, toDisplayString as h, nextTick as S } from "vue";
+import { ScalarHotkey as p } from "@scalar/components";
 import { useRoute as C, useRouter as N } from "vue-router";
 import B from "../../../assets/computer.ascii.js";
 import V from "../../../components/EmptyState.vue.js";
@@ -9,7 +9,7 @@ import { useLayout as A } from "../../../hooks/useLayout.js";
 const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" }, $ = {
   key: 0,
   class: "scalar-version-number"
-}, j = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, U = /* @__PURE__ */ q({
+}, j = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, U = /* @__PURE__ */ w({
   __name: "ResponseEmpty",
   props: {
     collection: {},
@@ -18,9 +18,8 @@ const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
     numWorkspaceRequests: {}
   },
   setup(r) {
-    const { events: a, requestMutators: x } = K(), g = C(), b = N(), { layout: n } = A(), f = () => {
-      var l;
-      const o = (l = r.operation.tags) != null && l.length ? { tags: r.operation.tags[0] ? [r.operation.tags[0]] : [] } : {}, e = x.add(o, r.collection.uid);
+    const { events: a, requestMutators: x } = K(), g = C(), b = N(), { layout: n } = A(), d = () => {
+      const o = r.operation.tags?.length ? { tags: r.operation.tags[0] ? [r.operation.tags[0]] : [] } : {}, e = x.add(o, r.collection.uid);
       e && (b.push({
         name: "request",
         params: {
@@ -32,68 +31,68 @@ const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
           focusAddressBar: new KeyboardEvent("keydown", { key: "l" })
         });
       }));
-    }, k = (o) => {
-      o != null && o.createNew && g.name === "request" && f();
-    }, w = "2.5.32";
-    return R(() => a.hotKeys.on(k)), v(() => a.hotKeys.off(k)), (o, e) => (u(), i("div", W, [
+    }, f = (o) => {
+      o?.createNew && g.name === "request" && d();
+    }, v = "2.5.34";
+    return q(() => a.hotKeys.on(f)), R(() => a.hotKeys.off(f)), (o, e) => (i(), l("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
           "hidden opacity-0": o.numWorkspaceRequests <= 1 && t(n) !== "modal"
         }])
       }, [
-        t(n) !== "modal" ? (u(), i("div", $, [
-          p(" Scalar App V" + h(t(w)) + " Beta ", 1),
+        t(n) !== "modal" ? (i(), l("div", $, [
+          c(" Scalar App V" + h(t(v)) + " Beta ", 1),
           e[3] || (e[3] = s("div", { class: "mt-2" }, [
             s("a", {
               href: "https://github.com/scalar/scalar/issues/2669",
               target: "_blank"
             }, " Roadmap ")
           ], -1))
-        ])) : c("", !0),
+        ])) : m("", !0),
         e[4] || (e[4] = s("a", {
           class: "gitbook-show scalar-version-number",
           href: "https://www.scalar.com",
           target: "_blank"
         }, " Powered By Scalar.com ", -1)),
-        m(E, {
+        u(E, {
           art: t(B),
           class: "text-c-3"
         }, null, 8, ["art"])
       ], 2),
-      t(n) !== "modal" ? (u(), i("div", {
+      t(n) !== "modal" ? (i(), l("div", {
         key: 0,
         class: y(["hidden h-[calc(100%_-_50px)] items-center justify-center pb-5", {
           "!flex opacity-100": o.numWorkspaceRequests == 1
         }])
       }, [
-        m(V)
-      ], 2)) : c("", !0),
+        u(V)
+      ], 2)) : m("", !0),
       s("div", j, [
-        t(n) !== "modal" ? (u(), i("button", {
+        t(n) !== "modal" ? (i(), l("button", {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (l) => t(a).commandPalette.emit())
+          onClick: e[0] || (e[0] = (k) => t(a).commandPalette.emit())
         }, [
-          e[5] || (e[5] = p(" Get Started ")),
-          m(t(d), { hotkey: "k" })
-        ])) : c("", !0),
-        t(n) === "desktop" ? (u(), i("button", {
+          e[5] || (e[5] = c(" Get Started ")),
+          u(t(p), { hotkey: "k" })
+        ])) : m("", !0),
+        t(n) === "desktop" ? (i(), l("button", {
           key: 1,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[1] || (e[1] = (l) => f())
+          onClick: e[1] || (e[1] = (k) => d())
         }, [
-          e[6] || (e[6] = p(" New Request ")),
-          m(t(d), { hotkey: "N" })
-        ])) : c("", !0),
+          e[6] || (e[6] = c(" New Request ")),
+          u(t(p), { hotkey: "N" })
+        ])) : m("", !0),
         s("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[2] || (e[2] = (l) => t(a).executeRequest.emit())
+          onClick: e[2] || (e[2] = (k) => t(a).executeRequest.emit())
         }, [
-          e[7] || (e[7] = p(" Send Request ")),
-          m(t(d), { hotkey: "↵" })
+          e[7] || (e[7] = c(" Send Request ")),
+          u(t(p), { hotkey: "↵" })
         ])
       ])
     ]));

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

@@ -1,27 +1,27 @@
-import { defineComponent as y, createBlock as f, openBlock as t, withCtx as e, createElementBlock as l, createVNode as a, unref as u, createTextVNode as n, Fragment as i, renderList as b, toDisplayString as p } from "vue";
-import g from "../../../components/DataTable/DataTable.vue.js";
-import c 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 = {
+import { defineComponent as x, createBlock as f, openBlock as t, withCtx as e, createElementBlock as l, createVNode as a, unref as d, createTextVNode as n, Fragment as u, renderList as y, toDisplayString as i } from "vue";
+import b from "../../../components/DataTable/DataTable.vue.js";
+import p from "../../../components/DataTable/DataTableRow.vue.js";
+import c 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 = {
   key: 0,
   class: "max-h-[calc(100%-32px)] overflow-y-auto"
-}, C = {
+}, H = {
   key: 1,
   class: "text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base"
-}, T = /* @__PURE__ */ y({
+}, D = /* @__PURE__ */ x({
   __name: "ResponseHeaders",
   props: {
     headers: {}
   },
-  setup(v) {
-    const m = (s) => h.find(
+  setup(C) {
+    const m = (s) => w.find(
       (r) => r.name.toLowerCase() === s.toLowerCase()
     );
-    return (s, r) => (t(), f(w, {
+    return (s, r) => (t(), f(k, {
       class: "overflow-auto",
       defaultOpen: !1,
       itemCount: s.headers.length
@@ -30,22 +30,22 @@ const H = {
         n("Response Headers")
       ])),
       default: e(() => [
-        s.headers.length ? (t(), l("div", H, [
-          a(g, {
+        s.headers.length ? (t(), l("div", h, [
+          a(b, {
             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(x), null, {
+                  a(d(_), null, {
                     default: e(() => r[1] || (r[1] = [
                       n("Header Key")
                     ])),
                     _: 1,
                     __: [1]
                   }),
-                  a(u(x), null, {
+                  a(d(_), null, {
                     default: e(() => r[2] || (r[2] = [
                       n("Header Value")
                     ])),
@@ -55,32 +55,29 @@ const H = {
                 ]),
                 _: 1
               }),
-              (t(!0), l(i, null, b(s.headers, (o) => (t(), f(c, {
+              (t(!0), l(u, null, y(s.headers, (o) => (t(), f(p, {
                 key: o.name,
                 class: "group/row text-c-1"
               }, {
                 default: e(() => [
-                  a(_, { class: "bg-b-1 sticky left-0 z-1 max-w-48 group-first/row:border-t-0" }, {
-                    default: e(() => {
-                      var d;
-                      return [
-                        typeof ((d = m(o.name)) == null ? void 0 : d.url) == "string" ? (t(), f(k, {
-                          key: 0,
-                          class: "decoration-c-3",
-                          href: m(o.name).url
-                        }, {
-                          default: e(() => [
-                            n(p(o.name), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["href"])) : (t(), l(i, { key: 1 }, [
-                          n(p(o.name), 1)
-                        ], 64))
-                      ];
-                    }),
+                  a(c, { class: "bg-b-1 sticky left-0 z-1 max-w-48 group-first/row:border-t-0" }, {
+                    default: e(() => [
+                      typeof m(o.name)?.url == "string" ? (t(), f(g, {
+                        key: 0,
+                        class: "decoration-c-3",
+                        href: m(o.name).url
+                      }, {
+                        default: e(() => [
+                          n(i(o.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["href"])) : (t(), l(u, { key: 1 }, [
+                        n(i(o.name), 1)
+                      ], 64))
+                    ]),
                     _: 2
                   }, 1024),
-                  a(_, {
+                  a(c, {
                     class: "z-0 group-first/row:border-t-0",
                     text: o.value
                   }, null, 8, ["text"])
@@ -90,12 +87,12 @@ const H = {
             ]),
             _: 1
           })
-        ])) : (t(), l("div", C, " No Headers "))
+        ])) : (t(), l("div", H, " No Headers "))
       ]),
       _: 1
     }, 8, ["itemCount"]));
   }
 });
 export {
-  T as default
+  D as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ResponseLoadingOverlay.vue2.js";
-import "./ResponseLoadingOverlay.vue3.js";
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-62b8db3f"]]);
+/* empty css                            */
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5d3b84e1"]]);
 export {
   p as default
 };

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

@@ -1,68 +1,67 @@
-import { defineComponent as I, ref as d, computed as _, createElementBlock as r, openBlock as o, toDisplayString as n, unref as f, Fragment as v, createElementVNode as a, createCommentVNode as y, createTextVNode as p, createBlock as b, withCtx as w, normalizeStyle as k } from "vue";
-import { httpStatusCodes as B } from "@scalar/oas-utils/helpers";
-import N from "pretty-bytes";
-import h from "pretty-ms";
-import L from "../../../components/HelpfulLink.vue.js";
-import { useWorkspace as V } from "../../../store/store.js";
-const x = { class: "text-c-1 flex gap-1.5" }, z = { key: 0 }, D = { key: 0 }, E = { key: 1 }, $ = /* @__PURE__ */ I({
+import { defineComponent as C, ref as c, computed as S, createElementBlock as r, openBlock as o, toDisplayString as n, unref as m, Fragment as d, createElementVNode as a, createCommentVNode as f, createTextVNode as p, createBlock as I, withCtx as _, normalizeStyle as v } from "vue";
+import { httpStatusCodes as b } from "@scalar/oas-utils/helpers";
+import w from "pretty-bytes";
+import y from "pretty-ms";
+import B from "../../../components/HelpfulLink.vue.js";
+import { useWorkspace as N } from "../../../store/store.js";
+const L = { class: "text-c-1 flex gap-1.5" }, V = { key: 0 }, x = { key: 0 }, z = { key: 1 }, T = /* @__PURE__ */ C({
   __name: "ResponseMetaInformation",
   props: {
     response: {}
   },
-  setup(g) {
-    const C = g, { events: S } = V(), l = d(), u = d(0);
-    S.requestStatus.on((e) => {
+  setup(k) {
+    const h = k, { events: g } = N(), l = c(), u = c(0);
+    g.requestStatus.on((e) => {
       e === "start" ? l.value = setInterval(() => u.value += 1e3, 1e3) : (clearInterval(l.value), l.value = void 0, u.value = 0);
     });
     const i = (e) => {
-      var c, m;
       const t = Number.parseInt(
-        ((c = e.headers) == null ? void 0 : c["Content-Length"]) || ((m = e.headers) == null ? void 0 : m["content-length"]) || "0",
+        e.headers?.["Content-Length"] || e.headers?.["content-length"] || "0",
         10
       );
-      return t ? N(t) : void 0;
-    }, s = _(() => {
-      const e = C.response.status;
+      return t ? w(t) : void 0;
+    }, s = S(() => {
+      const e = h.response.status;
       if (e)
-        return B[e] ?? void 0;
+        return b[e] ?? void 0;
     });
-    return (e, t) => (o(), r("div", x, [
-      l.value && u.value ? (o(), r("span", z, n(f(h)(u.value)), 1)) : (o(), r(v, { key: 1 }, [
+    return (e, t) => (o(), r("div", L, [
+      l.value && u.value ? (o(), r("span", V, n(m(y)(u.value)), 1)) : (o(), r(d, { key: 1 }, [
         a("span", null, [
           t[0] || (t[0] = a("span", { class: "sr-only" }, "Response Information, Duration:", -1)),
-          p(" " + n(f(h)(e.response.duration)), 1)
+          p(" " + n(m(y)(e.response.duration)), 1)
         ]),
-        i(e.response) ? (o(), r("span", D, [
+        i(e.response) ? (o(), r("span", x, [
           t[1] || (t[1] = a("span", { class: "sr-only" }, ", Size:", -1)),
           p(" " + n(i(e.response)), 1)
-        ])) : y("", !0),
-        s.value ? (o(), r(v, { key: 1 }, [
+        ])) : f("", !0),
+        s.value ? (o(), r(d, { key: 1 }, [
           t[2] || (t[2] = a("span", { class: "sr-only" }, ", Status:", -1)),
-          s.value.url ? (o(), b(L, {
+          s.value.url ? (o(), I(B, {
             key: 0,
             class: "flex items-center gap-1.5",
             href: s.value.url
           }, {
-            default: w(() => [
+            default: _(() => [
               p(n(e.response.status) + " " + n(s.value.name) + " ", 1),
               a("span", {
                 class: "block h-1.5 w-1.5 rounded-full",
-                style: k({ backgroundColor: s.value.color })
+                style: v({ backgroundColor: s.value.color })
               }, null, 4)
             ]),
             _: 1
-          }, 8, ["href"])) : (o(), r("span", E, [
+          }, 8, ["href"])) : (o(), r("span", z, [
             p(n(e.response.status) + " " + n(s.value.name) + " ", 1),
             a("span", {
               class: "block h-1.5 w-1.5 rounded-full",
-              style: k({ backgroundColor: s.value.color })
+              style: v({ backgroundColor: s.value.color })
             }, null, 4)
           ]))
-        ], 64)) : y("", !0)
+        ], 64)) : f("", !0)
       ], 64))
     ]));
   }
 });
 export {
-  $ as default
+  T as default
 };

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

@@ -1,5 +1,5 @@
 import o from "./ResponseSection.vue2.js";
-import "./ResponseSection.vue3.js";
+/* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
 const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7138ed84"]]);
 export {