@scalar/api-client 2.0.57 → 2.0.58

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

@@ -1,21 +1,22 @@
-import { defineComponent as _, computed as m, ref as h, openBlock as r, createBlock as n, withCtx as p, createVNode as u, unref as x, createElementVNode as d, createTextVNode as y, createCommentVNode as l, createElementBlock as C, Fragment as A } from "vue";
+import { defineComponent as _, computed as p, ref as h, openBlock as r, createBlock as n, withCtx as u, createVNode as c, unref as x, createElementVNode as d, createTextVNode as y, createCommentVNode as l, createElementBlock as C, Fragment as A } from "vue";
 import B from "../../../components/ContextBar.vue.js";
 import S from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import $ from "./ResponseBody.vue.js";
-import E from "./ResponseEmpty.vue.js";
+import g from "./ResponseEmpty.vue.js";
+import E from "./ResponseLoadingOverlay.vue.js";
 import N from "./ResponseMetaInformation.vue.js";
-import { ScalarIcon as V } from "@scalar/components";
-import g from "./ResponseCookies.vue.js";
+import { ScalarIcon as R } from "@scalar/components";
+import V from "./ResponseCookies.vue.js";
 import H from "./ResponseHeaders.vue.js";
-const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll flex flex-1 flex-col px-2 xl:px-6 py-2.5" }, T = /* @__PURE__ */ _({
+const L = { class: "flex items-center flex-1" }, O = { class: "custom-scroll relative flex flex-1 flex-col px-2 xl:px-6 py-2.5" }, D = /* @__PURE__ */ _({
   __name: "ResponseSection",
   props: {
     response: {}
   },
   setup(f) {
-    const c = f, i = m(() => {
+    const i = f, m = p(() => {
       var s;
-      const e = (s = c.response) == null ? void 0 : s.headers;
+      const e = (s = i.response) == null ? void 0 : s.headers;
       return e ? Object.keys(e).map((o) => ({
         name: o,
         value: e[o],
@@ -26,9 +27,9 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
           "X-API-Client-Content-Length"
         ].includes(o.name)
       ) : [];
-    }), v = m(() => {
+    }), v = p(() => {
       var s, o;
-      const e = (o = (s = c.response) == null ? void 0 : s.headers) == null ? void 0 : o.cookies;
+      const e = (o = (s = i.response) == null ? void 0 : s.headers) == null ? void 0 : o.cookies;
       return e ? Object.keys(e).map((a) => ({
         name: a,
         value: e[a],
@@ -36,14 +37,14 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
       })) : [];
     }), k = ["All", "Body", "Headers", "Cookies"], t = h("All");
     return (e, s) => (r(), n(S, null, {
-      title: p(() => [
-        u(x(V), {
+      title: u(() => [
+        c(x(R), {
           class: "text-c-3 mr-2 rotate-180",
           icon: "ExternalLink",
           size: "sm",
           thickness: "2.5"
         }),
-        d("div", R, [
+        d("div", L, [
           y(" Response "),
           e.response ? (r(), n(N, {
             key: 0,
@@ -51,32 +52,33 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
           }, null, 8, ["response"])) : l("", !0)
         ])
       ]),
-      default: p(() => {
+      default: u(() => {
         var o;
         return [
-          d("div", b, [
+          d("div", O, [
             e.response ? (r(), C(A, { key: 1 }, [
-              u(B, {
+              c(B, {
                 activeSection: t.value,
                 sections: k,
                 onSetActiveSection: s[0] || (s[0] = (a) => t.value = a)
               }, null, 8, ["activeSection"]),
-              t.value === "All" || t.value === "Cookies" ? (r(), n(g, {
+              t.value === "All" || t.value === "Cookies" ? (r(), n(V, {
                 key: 0,
                 cookies: v.value
               }, null, 8, ["cookies"])) : l("", !0),
               t.value === "All" || t.value === "Headers" ? (r(), n(H, {
                 key: 1,
-                headers: i.value
+                headers: m.value
               }, null, 8, ["headers"])) : l("", !0),
               t.value === "All" || t.value === "Body" ? (r(), n($, {
                 key: 2,
                 active: !0,
-                data: (o = c.response) == null ? void 0 : o.data,
-                headers: i.value,
+                data: (o = i.response) == null ? void 0 : o.data,
+                headers: m.value,
                 title: "Body"
               }, null, 8, ["data", "headers"])) : l("", !0)
-            ], 64)) : (r(), n(E, { key: 0 }))
+            ], 64)) : (r(), n(g, { key: 0 })),
+            c(E)
           ])
         ];
       }),
@@ -85,5 +87,5 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
   }
 });
 export {
-  T as default
+  D as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.57",
+  "version": "2.0.58",
   "engines": {
     "node": ">=18"
   },
@@ -127,15 +127,15 @@
     "vue-router": "^4.3.0",
     "whatwg-mimetype": "^4.0.0",
     "zod": "^3.22.4",
-    "@scalar/components": "0.12.38",
+    "@scalar/components": "0.12.39",
     "@scalar/draggable": "0.1.4",
-    "@scalar/oas-utils": "0.2.37",
     "@scalar/object-utils": "1.1.7",
-    "@scalar/themes": "0.9.26",
-    "@scalar/types": "0.0.3",
+    "@scalar/oas-utils": "0.2.38",
+    "@scalar/themes": "0.9.27",
     "@scalar/use-codemirror": "0.11.10",
-    "@scalar/use-tooltip": "1.0.2",
-    "@scalar/use-toasts": "0.7.5"
+    "@scalar/types": "0.0.4",
+    "@scalar/use-toasts": "0.7.5",
+    "@scalar/use-tooltip": "1.0.2"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.8",