@scalar/api-client 2.2.57 → 2.2.60

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

@@ -1,16 +1,16 @@
-import { defineComponent as ve, useCssVars as ge, computed as b, ref as be, resolveComponent as ye, openBlock as u, createElementBlock as C, normalizeClass as y, unref as n, createVNode as v, withCtx as c, createBlock as f, withModifiers as U, createElementVNode as s, toDisplayString as D, createCommentVNode as m, createTextVNode as E, renderSlot as X, Fragment as Z, renderList as he } from "vue";
-import { ScalarButton as R, ScalarIcon as h, ScalarSidebarGroupToggle as _, ScalarTooltip as ee } from "@scalar/components";
-import { Draggable as xe } from "@scalar/draggable";
-import { shouldIgnoreEntity as te } from "@scalar/oas-utils/helpers";
-import { useRouter as ke, RouterLink as ie } from "vue-router";
-import { useLayout as we } from "../../hooks/useLayout.js";
-import { useSidebar as Ue } from "../../hooks/useSidebar.js";
-import { useActiveEntities as qe } from "../../store/active-entities.js";
+import { defineComponent as ve, useCssVars as ge, computed as b, ref as be, resolveComponent as ye, openBlock as u, createElementBlock as C, normalizeClass as y, unref as n, createVNode as v, withCtx as c, createBlock as f, withModifiers as U, createElementVNode as s, toDisplayString as D, createCommentVNode as m, createTextVNode as E, renderSlot as Z, Fragment as _, renderList as he, nextTick as xe } from "vue";
+import { ScalarButton as R, ScalarIcon as h, ScalarSidebarGroupToggle as ee, ScalarTooltip as te } from "@scalar/components";
+import { Draggable as ke } from "@scalar/draggable";
+import { shouldIgnoreEntity as ie } from "@scalar/oas-utils/helpers";
+import { useRouter as we, RouterLink as ne } from "vue-router";
+import { useLayout as Ue } from "../../hooks/useLayout.js";
+import { useSidebar as qe } from "../../hooks/useSidebar.js";
+import { useActiveEntities as Ce } from "../../store/active-entities.js";
 import { PathId as S } from "../../routes.js";
-import Ce from "../../components/HttpMethod/HttpMethod.vue.js";
-import { getModifiers as De } from "../../libs/hot-keys.js";
-import { useWorkspace as Re } from "../../store/store.js";
-const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { class: "flex flex-row items-center gap-1" }, ze = { class: "relative" }, Me = { class: "flex items-start" }, $e = ["aria-expanded"], Ee = { class: "flex flex-1 flex-row justify-between font-medium" }, Se = { class: "line-clamp-1 w-full break-all text-left" }, Be = { class: "relative flex h-fit justify-end" }, je = { class: "w-content bg-b-1 z-100 text-xxs text-c-1 pointer-events-none z-10 grid max-w-10 gap-1.5 rounded p-2 leading-5 shadow-lg" }, We = { class: "text-c-2 flex items-center" }, Ne = { class: "text-pretty break-all" }, Oe = ["aria-expanded"], Ae = { class: "flex h-5 max-w-[14px] items-center justify-center" }, Pe = { class: "flex flex-1 flex-row justify-between" }, Ve = { class: "line-clamp-1 w-full break-all text-left font-medium" }, Fe = { class: "relative flex h-fit justify-end" }, Ye = { class: "w-content bg-b-1 z-100 text-xxs text-c-1 pointer-events-none z-10 grid max-w-10 gap-1.5 rounded p-2 leading-5 shadow-lg" }, He = { class: "text-c-2 flex items-center" }, Le = { class: "text-pretty break-all" }, Ge = { key: 3 }, P = "hover:bg-sidebar-active-b indent-padding-left", ot = /* @__PURE__ */ ve({
+import De from "../../components/HttpMethod/HttpMethod.vue.js";
+import { getModifiers as Re } from "../../libs/hot-keys.js";
+import { useWorkspace as Ie } from "../../store/store.js";
+const Te = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, ze = { class: "flex flex-row items-center gap-1" }, Me = { class: "relative" }, $e = { class: "flex items-start" }, Ee = ["aria-expanded"], Se = { class: "flex flex-1 flex-row justify-between font-medium" }, Be = { class: "line-clamp-1 w-full break-all text-left" }, je = { class: "relative flex h-fit justify-end" }, We = { class: "w-content bg-b-1 z-100 text-xxs text-c-1 pointer-events-none z-10 grid max-w-10 gap-1.5 rounded p-2 leading-5 shadow-lg" }, Ae = { class: "text-c-2 flex items-center" }, Ne = { class: "text-pretty break-all" }, Oe = ["aria-expanded"], Pe = { class: "flex h-5 max-w-[14px] items-center justify-center" }, Ve = { class: "flex flex-1 flex-row justify-between" }, Fe = { class: "line-clamp-1 w-full break-all text-left font-medium" }, Ye = { class: "relative flex h-fit justify-end" }, He = { class: "w-content bg-b-1 z-100 text-xxs text-c-1 pointer-events-none z-10 grid max-w-10 gap-1.5 rounded p-2 leading-5 shadow-lg" }, Le = { class: "text-c-2 flex items-center" }, Ge = { class: "text-pretty break-all" }, Ke = { key: 3 }, P = "hover:bg-sidebar-active-b indent-padding-left", at = /* @__PURE__ */ ve({
   __name: "RequestSidebarItem",
   props: {
     isDraggable: { type: Boolean, default: !1 },
@@ -20,23 +20,23 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
     menuItem: {}
   },
   emits: ["onDragEnd", "newTab", "openMenu"],
-  setup(l, { emit: ne }) {
+  setup(l, { emit: se }) {
     ge((e) => ({
-      "98b93bde": re.value,
-      "24740e0d": ue.value
+      f1b25d28: re.value,
+      "30af9cd2": ue.value
     }));
-    const se = ne, { activeCollection: le, activeRequest: V, activeRouterParams: oe, activeWorkspace: q } = qe(), {
+    const le = se, { activeCollection: oe, activeRequest: V, activeRouterParams: ae, activeWorkspace: q } = Ce(), {
       collections: T,
       tags: z,
       requests: B,
       requestExamples: j,
       collectionMutators: W,
       tagMutators: F,
-      requestMutators: N,
+      requestMutators: A,
       requestExampleMutators: Y,
-      events: ae
-    } = Re(), x = ke(), { collapsedSidebarFolders: I, toggleSidebarFolder: H } = Ue(), { layout: p } = we(), i = b(() => {
-      var g, o, d, k, $, J;
+      events: H
+    } = Ie(), x = we(), { collapsedSidebarFolders: I, toggleSidebarFolder: L } = qe(), { layout: p } = Ue(), i = b(() => {
+      var g, o, d, k, $, Q;
       const e = T[l.uid], t = z[l.uid], r = B[l.uid], a = j[l.uid];
       return e ? {
         title: ((g = e.info) == null ? void 0 : g.title) || "Untitled Collection",
@@ -54,8 +54,8 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
           }
         } : void 0,
         warning: "This cannot be undone. You’re about to delete the collection and all folders and requests inside it.",
-        edit: (w, Q) => {
-          W.edit(e.uid, "info.title", w), Q && W.edit(e.uid, "x-scalar-icon", Q);
+        edit: (w, X) => {
+          W.edit(e.uid, "info.title", w), X && W.edit(e.uid, "x-scalar-icon", X);
         },
         delete: () => {
           q.value && W.delete(e, q.value);
@@ -82,8 +82,8 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
         resourceTitle: "Request",
         warning: "This cannot be undone. You’re about to delete the request.",
         children: r.examples.slice(1),
-        edit: (w) => N.edit(r.uid, "summary", w),
-        delete: () => l.parentUids[0] && N.delete(r, l.parentUids[0])
+        edit: (w) => A.edit(r.uid, "summary", w),
+        delete: () => l.parentUids[0] && A.delete(r, l.parentUids[0])
       } : a != null && a.requestUid ? {
         title: a.name,
         to: {
@@ -94,7 +94,7 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
             examples: a.uid
           }
         },
-        method: (J = B[a.requestUid]) == null ? void 0 : J.method,
+        method: (Q = B[a.requestUid]) == null ? void 0 : Q.method,
         entity: a,
         resourceTitle: "Example",
         warning: "This cannot be undone. You’re about to delete the example from the request.",
@@ -122,19 +122,19 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
     ), pe = b(
       () => {
         var e;
-        return typeof x.currentRoute.value.name == "string" && x.currentRoute.value.name.startsWith("request") && oe.value[S.Request] === "default" && ((e = V.value) == null ? void 0 : e.uid) === l.uid;
+        return typeof x.currentRoute.value.name == "string" && x.currentRoute.value.name.startsWith("request") && ae.value[S.Request] === "default" && ((e = V.value) == null ? void 0 : e.uid) === l.uid;
       }
-    ), O = be(null), L = b(() => {
+    ), N = be(null), G = b(() => {
       let e = 0.5, t = 0.5;
-      if (!O.value) return { ceiling: e, floor: t };
-      const { draggingItem: r } = O.value;
+      if (!N.value) return { ceiling: e, floor: t };
+      const { draggingItem: r } = N.value;
       return !T[r == null ? void 0 : r.id] && i.value.entity.type === "collection" ? (e = 1, t = 0) : i.value.entity.type === "tag" && (e = 0.8, t = 0.2), { ceiling: e, floor: t };
     }), ce = (e, t) => !(p === "modal" || j[t.id] || T[e.id]), fe = (e, t) => {
-      e && (De(["default"]).some((g) => e[g]) ? se("newTab", t.title || "", t.entity.uid) : t.to && x.push(t.to));
+      e && (Re(["default"]).some((g) => e[g]) ? le("newTab", t.title || "", t.entity.uid) : t.to && x.push(t.to), xe(() => H.focusAddressBar.emit()));
     };
-    function A(e) {
+    function O(e) {
       var g, o, d;
-      const t = l.parentUids[0] ? ((g = T[l.parentUids[0]]) == null ? void 0 : g.uid) || "" : e, r = l.parentUids[0] && ((o = z[e]) != null && o.name) ? { tags: [z[e].name] } : {}, a = N.add(
+      const t = l.parentUids[0] ? ((g = T[l.parentUids[0]]) == null ? void 0 : g.uid) || "" : e, r = l.parentUids[0] && ((o = z[e]) != null && o.name) ? { tags: [z[e].name] } : {}, a = A.add(
         r,
         t
       );
@@ -144,18 +144,18 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
           workspace: (d = q.value) == null ? void 0 : d.uid,
           request: a.uid
         }
-      }), ae.hotKeys.emit({
+      }), H.hotKeys.emit({
         focusAddressBar: new KeyboardEvent("keydown", { key: "l" })
       }));
     }
-    const G = b(() => {
-      const { uid: e, watchModeStatus: t } = le.value || {};
+    const K = b(() => {
+      const { uid: e, watchModeStatus: t } = oe.value || {};
       return e !== i.value.entity.uid ? "text-c-3" : t === "WATCHING" ? "text-c-1" : t === "ERROR" ? "text-red" : "text-c-3";
-    }), K = b(() => i.value.title === "Drafts" && p !== "modal" && i.value.children.length > 0), me = b(() => {
+    }), J = b(() => i.value.title === "Drafts" && p !== "modal" && i.value.children.length > 0), me = b(() => {
       const e = B[l.uid];
-      if (e) return !te(e);
+      if (e) return !ie(e);
       const t = z[l.uid];
-      return t ? !te(t) : !0;
+      return t ? !ie(t) : !0;
     });
     return (e, t) => {
       const r = ye("RequestSidebarItem", !0);
@@ -165,13 +165,13 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
           n(p) === "modal" && e.parentUids.length > 1 || n(p) !== "modal" && e.parentUids.length ? "before:bg-border indent-border-line-offset before:z-1 mb-[.5px] before:pointer-events-none before:absolute before:left-[calc(.75rem_+_.5px)] before:top-0 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full" : ""
         ]])
       }, [
-        v(n(xe), {
+        v(n(ke), {
           id: i.value.entity.uid,
           ref_key: "draggableRef",
-          ref: O,
-          ceiling: L.value.ceiling,
+          ref: N,
+          ceiling: G.value.ceiling,
           class: "gap-1/2 flex flex-1 flex-col text-sm",
-          floor: L.value.floor,
+          floor: G.value.floor,
           isDraggable: e.isDraggable,
           isDroppable: e.isDroppable,
           parentIds: e.parentUids,
@@ -180,7 +180,7 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
           default: c(() => {
             var a, g;
             return [
-              (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (u(), f(n(ie), {
+              (i.value.entity.type === "request" || i.value.entity.type === "requestExample") && i.value.to ? (u(), f(n(ne), {
                 key: 0,
                 class: "group no-underline",
                 to: i.value.to,
@@ -198,9 +198,9 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                         o || pe.value ? "bg-sidebar-active-b text-sidebar-active-c transition-none" : "text-sidebar-c-2"
                       ]])
                     }, [
-                      s("span", Ie, D(i.value.title || "Untitled"), 1),
-                      s("div", Te, [
-                        s("div", ze, [
+                      s("span", Te, D(i.value.title || "Untitled"), 1),
+                      s("div", ze, [
+                        s("div", Me, [
                           n(p) !== "modal" ? (u(), f(n(R), {
                             key: 0,
                             class: y(["hover:bg-b-3 hidden aspect-square h-fit px-0.5 py-0 opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
@@ -228,10 +228,10 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                             _: 1
                           }, 8, ["class"])) : m("", !0)
                         ]),
-                        s("span", Me, [
+                        s("span", $e, [
                           t[14] || (t[14] = E("   ")),
                           t[15] || (t[15] = s("span", { class: "sr-only" }, "HTTP Method:", -1)),
-                          i.value.method ? (u(), f(n(Ce), {
+                          i.value.method ? (u(), f(n(De), {
                             key: 0,
                             class: "font-bold",
                             method: i.value.method
@@ -255,18 +255,18 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
               }, [
                 s("span", {
                   class: "flex h-5 max-w-[14px] cursor-pointer items-center justify-center",
-                  onClick: t[2] || (t[2] = (o) => n(H)(i.value.entity.uid))
+                  onClick: t[2] || (t[2] = (o) => n(L)(i.value.entity.uid))
                 }, [
-                  X(e.$slots, "leftIcon", {}, () => [
-                    v(n(_), {
+                  Z(e.$slots, "leftIcon", {}, () => [
+                    v(n(ee), {
                       class: "text-c-3 shrink-0",
                       open: !!n(I)[i.value.entity.uid]
                     }, null, 8, ["open"])
                   ], !0),
                   t[16] || (t[16] = E("   "))
                 ]),
-                s("div", Ee, [
-                  i.value.to ? (u(), f(n(ie), {
+                s("div", Se, [
+                  i.value.to ? (u(), f(n(ne), {
                     key: 0,
                     class: "w-full no-underline",
                     to: i.value.to,
@@ -274,20 +274,20 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                     }, ["stop", "prevent"]))
                   }, {
                     default: c(() => [
-                      s("span", Se, D(i.value.title), 1)
+                      s("span", Be, D(i.value.title), 1)
                     ]),
                     _: 1
-                  }, 8, ["to"])) : (u(), C(Z, { key: 1 }, [
+                  }, 8, ["to"])) : (u(), C(_, { key: 1 }, [
                     E(D(i.value.title), 1)
                   ], 64)),
-                  s("div", Be, [
+                  s("div", je, [
                     s("div", {
                       class: y(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
                         flex: e.menuItem.open,
                         hidden: !e.menuItem.open || ((a = e.menuItem.item) == null ? void 0 : a.entity.uid) !== i.value.entity.uid
                       }])
                     }, [
-                      n(p) !== "modal" && !M.value || M.value && K.value ? (u(), f(n(R), {
+                      n(p) !== "modal" && !M.value || M.value && J.value ? (u(), f(n(R), {
                         key: 0,
                         class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                         size: "sm",
@@ -315,7 +315,7 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                         class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                         size: "sm",
                         variant: "ghost",
-                        onClick: t[5] || (t[5] = U((o) => A(i.value.entity.uid), ["stop", "prevent"]))
+                        onClick: t[5] || (t[5] = U((o) => O(i.value.entity.uid), ["stop", "prevent"]))
                       }, {
                         default: c(() => [
                           v(n(h), {
@@ -327,22 +327,22 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                         _: 1
                       })) : m("", !0)
                     ], 2),
-                    i.value.watchMode ? (u(), f(n(ee), {
+                    i.value.watchMode ? (u(), f(n(te), {
                       key: 0,
                       side: "right",
                       sideOffset: 12
                     }, {
                       trigger: c(() => [
                         v(n(h), {
-                          class: y(["ml-0.5 text-sm", G.value]),
+                          class: y(["ml-0.5 text-sm", K.value]),
                           icon: "Watch",
                           size: "md",
                           thickness: "2"
                         }, null, 8, ["class"])
                       ]),
                       content: c(() => [
-                        s("div", je, [
-                          s("div", We, [
+                        s("div", We, [
+                          s("div", Ae, [
                             s("p", Ne, " Watching: " + D(i.value.documentUrl), 1)
                           ])
                         ])
@@ -352,32 +352,32 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                     t[17] || (t[17] = s("span", null, " ", -1))
                   ])
                 ])
-              ], 10, $e)) : n(p) !== "modal" || e.parentUids.length ? (u(), C("button", {
+              ], 10, Ee)) : n(p) !== "modal" || e.parentUids.length ? (u(), C("button", {
                 key: 2,
                 "aria-expanded": !!n(I)[i.value.entity.uid],
                 class: y(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10", [P]]),
                 type: "button",
-                onClick: t[8] || (t[8] = (o) => n(H)(i.value.entity.uid))
+                onClick: t[8] || (t[8] = (o) => n(L)(i.value.entity.uid))
               }, [
-                s("span", Ae, [
-                  X(e.$slots, "leftIcon", {}, () => [
-                    v(n(_), {
+                s("span", Pe, [
+                  Z(e.$slots, "leftIcon", {}, () => [
+                    v(n(ee), {
                       class: "text-c-3 hover:text-c-1 shrink-0",
                       open: !!n(I)[i.value.entity.uid]
                     }, null, 8, ["open"])
                   ], !0),
                   t[18] || (t[18] = E("   "))
                 ]),
-                s("div", Pe, [
-                  s("span", Ve, D(i.value.title), 1),
-                  s("div", Fe, [
+                s("div", Ve, [
+                  s("span", Fe, D(i.value.title), 1),
+                  s("div", Ye, [
                     s("div", {
                       class: y(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
                         flex: e.menuItem.open,
                         hidden: !e.menuItem.open || ((g = e.menuItem.item) == null ? void 0 : g.entity.uid) !== i.value.entity.uid
                       }])
                     }, [
-                      n(p) !== "modal" && !M.value || M.value && K.value ? (u(), f(n(R), {
+                      n(p) !== "modal" && !M.value || M.value && J.value ? (u(), f(n(R), {
                         key: 0,
                         class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                         size: "sm",
@@ -405,7 +405,7 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                         class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
                         size: "sm",
                         variant: "ghost",
-                        onClick: t[7] || (t[7] = U((o) => A(i.value.entity.uid), ["stop", "prevent"]))
+                        onClick: t[7] || (t[7] = U((o) => O(i.value.entity.uid), ["stop", "prevent"]))
                       }, {
                         default: c(() => [
                           v(n(h), {
@@ -417,23 +417,23 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                         _: 1
                       })) : m("", !0)
                     ], 2),
-                    i.value.watchMode ? (u(), f(n(ee), {
+                    i.value.watchMode ? (u(), f(n(te), {
                       key: 0,
                       side: "right",
                       sideOffset: 12
                     }, {
                       trigger: c(() => [
                         v(n(h), {
-                          class: y(["ml-0.5 text-sm", G.value]),
+                          class: y(["ml-0.5 text-sm", K.value]),
                           icon: "Watch",
                           size: "md",
                           thickness: "2"
                         }, null, 8, ["class"])
                       ]),
                       content: c(() => [
-                        s("div", Ye, [
-                          s("div", He, [
-                            s("p", Le, " Watching: " + D(i.value.documentUrl), 1)
+                        s("div", He, [
+                          s("div", Le, [
+                            s("p", Ge, " Watching: " + D(i.value.documentUrl), 1)
                           ])
                         ])
                       ]),
@@ -443,8 +443,8 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                   ])
                 ])
               ], 10, Oe)) : m("", !0),
-              de.value ? (u(), C("ul", Ge, [
-                (u(!0), C(Z, null, he(i.value.children, (o) => (u(), f(r, {
+              de.value ? (u(), C("ul", Ke, [
+                (u(!0), C(_, null, he(i.value.children, (o) => (u(), f(r, {
                   key: o,
                   isDraggable: !n(j)[o],
                   isDroppable: ce,
@@ -459,7 +459,7 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
                   key: 0,
                   class: y(["text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 text-xs", e.parentUids.length ? "pl-9" : ""]),
                   variant: "ghost",
-                  onClick: t[12] || (t[12] = (o) => A(i.value.entity.uid))
+                  onClick: t[12] || (t[12] = (o) => O(i.value.entity.uid))
                 }, {
                   default: c(() => [
                     v(n(h), {
@@ -480,5 +480,5 @@ const Ie = { class: "line-clamp-1 w-full break-all pl-2 font-medium" }, Te = { c
   }
 });
 export {
-  ot as default
+  at as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ResponseBody.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29928f90"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9bbb0b3d"]]);
 export {
   e as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as b, ref as C, computed as u, openBlock as o, createBlock as n, createSlots as N, withCtx as d, createTextVNode as h, toDisplayString as g, createElementBlock as T, createElementVNode as _, unref as a, createCommentVNode as s, createVNode as $ } from "vue";
+import { defineComponent as b, ref as C, computed as d, openBlock as o, createBlock as n, createSlots as N, withCtx as u, createTextVNode as h, toDisplayString as g, createElementBlock as T, createElementVNode as _, unref as a, createCommentVNode as s, createVNode as $ } from "vue";
 import E from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { useResponseBody as P } from "../../../hooks/useResponseBody.js";
 import S from "./ResponseBodyDownload.vue.js";
@@ -18,20 +18,20 @@ const q = {
     headers: {}
   },
   setup(x) {
-    const c = x, r = C(!0), p = u(
+    const c = x, r = C(!0), p = d(
       () => {
         var t;
         return !!((t = e.value) != null && t.raw && e.value.preview);
       }
-    ), k = u(() => r.value || !p.value), B = u(() => !r.value || !p.value), { mimeType: i, attachmentFilename: R, dataUrl: l } = P({
+    ), k = d(() => r.value || !p.value), B = d(() => !r.value || !p.value), { mimeType: i, attachmentFilename: R, dataUrl: l } = P({
       data: c.data,
       headers: c.headers
-    }), e = u(() => I[i.value.essence]);
-    return (t, m) => (o(), n(E, { class: "max-h-content overflow-x-auto" }, N({
-      title: d(() => [
+    }), e = d(() => I[i.value.essence]);
+    return (t, m) => (o(), n(E, { class: "max-h-content overflow-y-hidden" }, N({
+      title: u(() => [
         h(g(t.title), 1)
       ]),
-      default: d(() => {
+      default: u(() => {
         var f, v, y, w;
         return [
           t.data ? (o(), T("div", q, [
@@ -56,7 +56,7 @@ const q = {
               type: a(i).essence
             }, null, 8, ["alpha", "mode", "src", "type"])) : s("", !0),
             !((y = e.value) != null && y.raw) && !((w = e.value) != null && w.preview) ? (o(), n(U, { key: 2 }, {
-              default: d(() => m[1] || (m[1] = [
+              default: u(() => m[1] || (m[1] = [
                 h(" Binary file ")
               ])),
               _: 1
@@ -68,7 +68,7 @@ const q = {
     }, [
       t.data && a(l) ? {
         name: "actions",
-        fn: d(() => [
+        fn: u(() => [
           $(S, {
             filename: a(R),
             href: a(l),

package/dist/views/Request/ResponseSection/ResponseBodyRaw.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"names":[],"mappings":"AAyGA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAM/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,SAAS,CAAA;CACzC,CAAC;;AA4GF,wBAOG"}
+{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"names":[],"mappings":"AAkHA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAM/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,SAAS,CAAA;CACzC,CAAC;;AAwHF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseBodyRaw.vue2.js";
 /* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-73c37f28"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-96fbecd5"]]);
 export {
-  a as default
+  s as default
 };

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

@@ -1,47 +1,52 @@
-import { defineComponent as m, ref as f, toRef as c, openBlock as a, createElementBlock as l, createElementVNode as t, unref as i, createVNode as y, createCommentVNode as C } from "vue";
-import { ScalarIcon as b } from "@scalar/components";
-import { prettyPrintJson as g } from "@scalar/oas-utils/helpers";
-import { useCodeMirror as v } from "@scalar/use-codemirror";
+import { defineComponent as m, ref as f, toRef as c, openBlock as l, createElementBlock as i, createElementVNode as e, unref as a, createVNode as y, createCommentVNode as b } from "vue";
+import { ScalarIcon as v } from "@scalar/components";
+import { prettyPrintJson as C } from "@scalar/oas-utils/helpers";
+import { useCodeMirror as g } from "@scalar/use-codemirror";
 import { useClipboard as _ } from "@scalar/use-hooks/useClipboard";
-const k = { class: "body-raw relative overflow-auto" }, R = {
+const k = { class: "body-raw grid min-h-0 overflow-hidden p-px outline-none has-[:focus-visible]:outline" }, w = {
   key: 0,
   class: "scalar-code-copy"
+}, x = {
+  class: "body-raw-scroller custom-scroll relative overflow-x-auto overscroll-contain",
+  tabindex: "0"
 }, E = /* @__PURE__ */ m({
   __name: "ResponseBodyRaw",
   props: {
     content: {},
     language: {}
   },
-  setup(u) {
-    const r = u, n = f(null), { copyToClipboard: d } = _(), { codeMirror: p } = v({
+  setup(d) {
+    const r = d, n = f(null), { copyToClipboard: u } = _(), { codeMirror: p } = g({
       codeMirrorRef: n,
       readOnly: !0,
       lineNumbers: !0,
-      content: c(() => g(r.content)),
+      content: c(() => C(r.content)),
       language: c(() => r.language),
       forceFoldGutter: !0
     }), s = () => {
-      var o;
-      return ((o = p.value) == null ? void 0 : o.state.doc.toString()) || "";
+      var t;
+      return ((t = p.value) == null ? void 0 : t.state.doc.toString()) || "";
     };
-    return (o, e) => (a(), l("div", k, [
-      s() ? (a(), l("div", R, [
-        t("button", {
+    return (t, o) => (l(), i("div", k, [
+      s() ? (l(), i("div", w, [
+        e("button", {
           class: "copy-button",
           type: "button",
-          onClick: e[0] || (e[0] = (M) => i(d)(s()))
+          onClick: o[0] || (o[0] = (R) => a(u)(s()))
         }, [
-          e[1] || (e[1] = t("span", { class: "sr-only" }, "Copy content", -1)),
-          y(i(b), {
+          o[1] || (o[1] = e("span", { class: "sr-only" }, "Copy content", -1)),
+          y(a(v), {
             icon: "Clipboard",
             size: "md"
           })
         ])
-      ])) : C("", !0),
-      t("div", {
-        ref_key: "codeMirrorRef",
-        ref: n
-      }, null, 512)
+      ])) : b("", !0),
+      e("div", x, [
+        e("div", {
+          ref_key: "codeMirrorRef",
+          ref: n
+        }, null, 512)
+      ])
     ]));
   }
 });

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

@@ -36,7 +36,7 @@ const P = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, T = {
       }));
     }, y = (s) => {
       s != null && s.createNew && w.name === "request" && k();
-    }, N = "2.2.57";
+    }, N = "2.2.60";
     return B(() => r.hotKeys.on(y)), E(() => r.hotKeys.off(y)), (s, e) => (u(), i("div", P, [
       o("div", {
         class: q(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAgBvE,KAAK,WAAW,GAAG;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AA4RF,wBAOG"}
+{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAgBvE,KAAK,WAAW,GAAG;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;CACvC,CAAC;;AAqRF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseSection.vue2.js";
 /* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-700328ca"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-76ba3474"]]);
 export {
   s as default
 };