@scalar/api-client 2.2.0 → 2.2.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @scalar/api-client
 
+## 2.2.1
+
+### Patch Changes
+
+- 5da67b2: style: enhances responsive alignment layout
+- 6b0d817: style: updates response headers and copy button ui"
+- 6b0d817: fix: pretty print response body content
+- 6c843e6: feat(api-client): polish non-macos layouts
+- 1b06f64: fix(api-reference): conflicting styles with bulma, galaxy bug on docs
+- 8066c8c: fix: displays empty state new request button in desktop only
+- Updated dependencies [324834d]
+- Updated dependencies [1b06f64]
+- Updated dependencies [6dd7eda]
+  - @scalar/components@0.12.74
+  - @scalar/themes@0.9.50
+  - @scalar/oas-utils@0.2.79
+  - @scalar/use-codemirror@0.11.41
+  - @scalar/use-hooks@0.1.3
+
 ## 2.2.0
 
 ### Minor Changes

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-156a9bd9"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d3290fc"]]);
 export {
   d as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -124,7 +124,7 @@ const te = {
               ]),
               n(Y, { open: f }, null, 8, ["open"]),
               n(a(Q), {
-                class: "relative h-auto shrink-0 overflow-hidden pl-2 pr-2.5 py-1 font-bold",
+                class: "relative h-auto shrink-0 overflow-hidden !pl-2 !pr-2.5 !py-1 font-bold",
                 disabled: s.value,
                 onClick: b
               }, {

package/dist/components/SideNav/SideNav.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, openBlock as o, createElementBlock as r, normalizeClass as p, unref as e, createVNode as t, withCtx as n, createElementVNode as i, Fragment as y, renderList as v, createTextVNode as d, toDisplayString as w, createCommentVNode as b } from "vue";
+import { defineComponent as h, openBlock as o, createElementBlock as r, normalizeClass as p, unref as e, createVNode as t, withCtx as n, createElementVNode as i, Fragment as v, renderList as w, createTextVNode as d, toDisplayString as y, createCommentVNode as b } from "vue";
 import { ROUTES as k } from "../../constants.js";
 import { ScalarIcon as N } from "@scalar/components";
 import { useRouter as S } from "vue-router";
@@ -16,7 +16,7 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
     const { currentRoute: m } = S(), { layout: s } = j();
     return ($, l) => (o(), r("nav", {
       "aria-label": "App Navigation",
-      class: p(["flex items-center justify-center sm:justify-between gap-1.5 app-drag-region", e(s) === "web" ? "border h-12" : "sm:flex-col px-2 py-2"]),
+      class: p(["flex items-center justify-center sm:justify-between gap-1.5 app-drag-region", e(s) === "web" ? "border h-12" : "sm:flex-col px-2 pb-2"]),
       role: "navigation"
     }, [
       t(u, { class: "app-no-drag-region" }, {
@@ -33,7 +33,7 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
               size: "xl"
             })
           ], 2),
-          (o(!0), r(y, null, v(e(k).filter(
+          (o(!0), r(v, null, w(e(k).filter(
             (a) => a.name !== "settings"
           ), ({ icon: a, name: c, prettyName: g }, x) => {
             var f;
@@ -44,7 +44,7 @@ const B = { class: "flex items-center" }, E = { class: "flex items-center" }, L
                 name: c
               }, {
                 default: n(() => [
-                  d(w(g), 1)
+                  d(y(g), 1)
                 ]),
                 _: 2
               }, 1032, ["active", "icon", "name"])

package/dist/components/TopNav/TopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAiRA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAkaF,wBAOG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAsPA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAgaF,wBAOG"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,167 @@
-import o from "./TopNav.vue2.js";
-/* empty css            */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4e5c93a2"]]);
+import { defineComponent as $, reactive as z, ref as E, computed as M, watch as w, onMounted as j, onBeforeUnmount as B, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
+import q from "../ScalarHotkey.vue.js";
+import { ROUTES as F } from "../../constants.js";
+import { useActiveEntities as H } from "../../store/active-entities.js";
+import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDropdownItem as I } from "@scalar/components";
+import { capitalize as J } from "@scalar/oas-utils/helpers";
+import { useClipboard as P } from "@scalar/use-hooks/useClipboard";
+import Q from "./TopNavItem.vue.js";
+import { useWorkspace as X } from "../../store/store.js";
+const Y = { class: "flex relative h-10 pl-2 mac:pl-[72px] t-app__top-nav" }, Z = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, ee = {
+  key: 0,
+  class: "h-full w-full overflow-hidden"
+}, ue = /* @__PURE__ */ $({
+  __name: "TopNav",
+  props: {
+    openNewTab: {}
+  },
+  setup(_) {
+    const L = _, { activeRequest: S, router: i } = H(), { events: g } = X(), { copyToClipboard: U } = P(), t = z([{ label: "", path: "", icon: "Add" }]), a = E(0), T = M(() => a.value);
+    function k() {
+      var o;
+      const e = F.find((c) => i.currentRoute.value.name == c.name);
+      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
+        label: ((o = S.value) == null ? void 0 : o.summary) || "",
+        path: i.currentRoute.value.path,
+        icon: e.icon
+      } : t[a.value] = {
+        label: J(e == null ? void 0 : e.name) || "",
+        path: i.currentRoute.value.path,
+        icon: e.icon
+      });
+    }
+    function v() {
+      i.push(t[a.value].path);
+    }
+    function p() {
+      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
+    }
+    function r(e) {
+      a.value = e, v();
+    }
+    w(
+      () => i.currentRoute.value.path,
+      () => {
+        k();
+      },
+      { immediate: !0 }
+    );
+    function N(e) {
+      t.splice(e, 1), a.value = Math.min(
+        a.value,
+        t.length - 1
+      ), v();
+    }
+    const y = (e) => {
+      const o = new URL(window.location.href);
+      o.pathname = t[e].path, U(o.toString());
+    }, R = (e) => {
+      t.splice(0, e), t.splice(1), a.value = 0, v();
+    }, C = (e) => {
+      if (e) {
+        if (e.addTopNav && p(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && r(Math.max(a.value - 1, 0)), e.navigateTopNavRight && r(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+          const o = Number(e.jumpToTab.key) - 1;
+          o >= 0 && o < t.length && r(o);
+        }
+        e.jumpToLastTab && r(t.length - 1);
+      }
+    }, A = (e) => {
+      t.push({
+        label: e.name,
+        path: e.uid,
+        icon: "ExternalLink"
+      });
+    };
+    return w(
+      () => L.openNewTab,
+      (e) => {
+        e && A(e);
+      },
+      { immediate: !0 }
+    ), j(() => g.hotKeys.on(C)), B(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", Y, [
+      o[3] || (o[3] = f("div", { class: "absolute inset-0 app-drag-region" }, null, -1)),
+      f("div", Z, [
+        t.length === 1 ? (m(), b("div", ee, [
+          n(l(W), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+            trigger: u(() => [
+              n(l(d), {
+                icon: t[0].icon,
+                size: "xs",
+                thickness: "2.5"
+              }, null, 8, ["icon"]),
+              f("span", null, O(t[0].label), 1)
+            ]),
+            content: u(() => [
+              n(l(G), {
+                class: "scalar-client",
+                static: ""
+              }, {
+                items: u(() => [
+                  n(l(I), {
+                    class: "flex items-center gap-1.5",
+                    onClick: p
+                  }, {
+                    default: u(() => [
+                      n(l(d), {
+                        icon: "AddTab",
+                        size: "sm",
+                        thickness: "1.5"
+                      }),
+                      o[1] || (o[1] = x(" New Tab ")),
+                      n(q, {
+                        class: "bg-b-2 ml-auto",
+                        hotkey: "T"
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  n(l(I), {
+                    class: "flex items-center gap-1.5",
+                    onClick: o[0] || (o[0] = (c) => y(T.value))
+                  }, {
+                    default: u(() => [
+                      n(l(d), {
+                        icon: "Link",
+                        size: "sm",
+                        thickness: "1.5"
+                      }),
+                      o[2] || (o[2] = x(" Copy URL "))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(Q, {
+          key: s,
+          active: s === T.value,
+          hotkey: (s + 1).toString(),
+          icon: c.icon,
+          label: c.label,
+          onClick: (h) => r(s),
+          onClose: (h) => N(s),
+          onCloseOtherTabs: (h) => R(s),
+          onCopyUrl: (h) => y(s),
+          onNewTab: p
+        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
+        f("button", {
+          class: "text-c-3 hover:bg-b-3 p-1.5 rounded app-no-drag-region",
+          type: "button",
+          onClick: p
+        }, [
+          n(l(d), {
+            icon: "Add",
+            size: "xs",
+            thickness: "2.5"
+          })
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  m as default
+  ue as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,167 +1,4 @@
-import { defineComponent as $, reactive as z, ref as E, computed as M, watch as w, onMounted as j, onBeforeUnmount as B, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
-import q from "../ScalarHotkey.vue.js";
-import { ROUTES as F } from "../../constants.js";
-import { useActiveEntities as H } from "../../store/active-entities.js";
-import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDropdownItem as _ } from "@scalar/components";
-import { capitalize as J } from "@scalar/oas-utils/helpers";
-import { useClipboard as P } from "@scalar/use-hooks/useClipboard";
-import Q from "./TopNavItem.vue.js";
-import { useWorkspace as X } from "../../store/store.js";
-const Y = { class: "flex h-10 t-app__top-nav" }, Z = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, ee = {
-  key: 0,
-  class: "h-full w-full overflow-hidden"
-}, ue = /* @__PURE__ */ $({
-  __name: "TopNav",
-  props: {
-    openNewTab: {}
-  },
-  setup(I) {
-    const L = I, { activeRequest: S, router: i } = H(), { events: g } = X(), { copyToClipboard: U } = P(), t = z([{ label: "", path: "", icon: "Add" }]), a = E(0), T = M(() => a.value);
-    function k() {
-      var o;
-      const e = F.find((c) => i.currentRoute.value.name == c.name);
-      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
-        label: ((o = S.value) == null ? void 0 : o.summary) || "",
-        path: i.currentRoute.value.path,
-        icon: e.icon
-      } : t[a.value] = {
-        label: J(e == null ? void 0 : e.name) || "",
-        path: i.currentRoute.value.path,
-        icon: e.icon
-      });
-    }
-    function v() {
-      i.push(t[a.value].path);
-    }
-    function p() {
-      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
-    }
-    function r(e) {
-      a.value = e, v();
-    }
-    w(
-      () => i.currentRoute.value.path,
-      () => {
-        k();
-      },
-      { immediate: !0 }
-    );
-    function N(e) {
-      t.splice(e, 1), a.value = Math.min(
-        a.value,
-        t.length - 1
-      ), v();
-    }
-    const y = (e) => {
-      const o = new URL(window.location.href);
-      o.pathname = t[e].path, U(o.toString());
-    }, R = (e) => {
-      t.splice(0, e), t.splice(1), a.value = 0, v();
-    }, C = (e) => {
-      if (e) {
-        if (e.addTopNav && p(), e.closeTopNav && N(a.value), e.navigateTopNavLeft && r(Math.max(a.value - 1, 0)), e.navigateTopNavRight && r(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
-          const o = Number(e.jumpToTab.key) - 1;
-          o >= 0 && o < t.length && r(o);
-        }
-        e.jumpToLastTab && r(t.length - 1);
-      }
-    }, A = (e) => {
-      t.push({
-        label: e.name,
-        path: e.uid,
-        icon: "ExternalLink"
-      });
-    };
-    return w(
-      () => L.openNewTab,
-      (e) => {
-        e && A(e);
-      },
-      { immediate: !0 }
-    ), j(() => g.hotKeys.on(C)), B(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", Y, [
-      o[3] || (o[3] = f("div", { class: "t-app__top-nav-draggable" }, null, -1)),
-      f("div", Z, [
-        t.length === 1 ? (m(), b("div", ee, [
-          n(l(W), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
-            trigger: u(() => [
-              n(l(d), {
-                icon: t[0].icon,
-                size: "xs",
-                thickness: "2.5"
-              }, null, 8, ["icon"]),
-              f("span", null, O(t[0].label), 1)
-            ]),
-            content: u(() => [
-              n(l(G), {
-                class: "scalar-client",
-                static: ""
-              }, {
-                items: u(() => [
-                  n(l(_), {
-                    class: "flex items-center gap-1.5",
-                    onClick: p
-                  }, {
-                    default: u(() => [
-                      n(l(d), {
-                        icon: "AddTab",
-                        size: "sm",
-                        thickness: "1.5"
-                      }),
-                      o[1] || (o[1] = x(" New Tab ")),
-                      n(q, {
-                        class: "bg-b-2 ml-auto",
-                        hotkey: "T"
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  n(l(_), {
-                    class: "flex items-center gap-1.5",
-                    onClick: o[0] || (o[0] = (c) => y(T.value))
-                  }, {
-                    default: u(() => [
-                      n(l(d), {
-                        icon: "Link",
-                        size: "sm",
-                        thickness: "1.5"
-                      }),
-                      o[2] || (o[2] = x(" Copy URL "))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(Q, {
-          key: s,
-          active: s === T.value,
-          hotkey: (s + 1).toString(),
-          icon: c.icon,
-          label: c.label,
-          onClick: (h) => r(s),
-          onClose: (h) => N(s),
-          onCloseOtherTabs: (h) => R(s),
-          onCopyUrl: (h) => y(s),
-          onNewTab: p
-        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        f("button", {
-          class: "text-c-3 hover:bg-b-3 p-1.5 rounded webkit-app-no-drag",
-          type: "button",
-          onClick: p
-        }, [
-          n(l(d), {
-            icon: "Add",
-            size: "xs",
-            thickness: "2.5"
-          })
-        ])
-      ])
-    ]));
-  }
-});
+import f from "./TopNav.vue.js";
 export {
-  ue as default
+  f as default
 };

package/dist/components/TopNav/TopNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AA0MA,OAAO,EACL,KAAK,IAAI,EAOV,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AAkUF,wBAQG"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAuMA,OAAO,EACL,KAAK,IAAI,EAOV,MAAM,oBAAoB,CAAA;AAI3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AAiUF,wBAQG"}

package/dist/components/TopNav/TopNavItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNavItem.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e4e81f66"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9e263bd8"]]);
 export {
-  r as default
+  a as default
 };

package/dist/components/TopNav/TopNavItem.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, openBlock as p, createBlock as d, unref as s, withCtx as i, createVNode as t, createElementVNode as a, normalizeClass as f, toDisplayString as u, createCommentVNode as b, createTextVNode as r } from "vue";
 import c from "../ScalarHotkey.vue.js";
-import { ScalarContextMenu as v, ScalarTooltip as C, ScalarIcon as l, ScalarDropdown as g, ScalarDropdownItem as m, ScalarDropdownDivider as y } from "@scalar/components";
+import { ScalarContextMenu as g, ScalarTooltip as v, ScalarIcon as l, ScalarDropdown as C, ScalarDropdownItem as m, ScalarDropdownDivider as y } from "@scalar/components";
 const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, $ = { class: "custom-scroll nav-item-copy text-xs" }, D = /* @__PURE__ */ k({
   __name: "TopNavItem",
   props: {
@@ -11,9 +11,9 @@ const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
   },
   emits: ["click", "close", "newTab", "copyUrl", "closeOtherTabs"],
   setup(w) {
-    return (o, e) => (p(), d(s(v), { triggerClass: "overflow-hidden w-full" }, {
+    return (o, e) => (p(), d(s(g), { triggerClass: "overflow-hidden w-full" }, {
       trigger: i(() => [
-        t(s(C), {
+        t(s(v), {
           class: "scalar-client",
           delay: 500,
           disableClosingTrigger: !0,
@@ -22,7 +22,7 @@ const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
         }, {
           trigger: i(() => [
             a("div", {
-              class: f(["nav-item webkit-app-no-drag", { "nav-item__active": o.active }]),
+              class: f(["nav-item app-no-drag-region", { "nav-item__active": o.active }]),
               onClick: e[1] || (e[1] = (n) => o.$emit("click"))
             }, [
               a("div", T, [
@@ -55,7 +55,7 @@ const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
         })
       ]),
       content: i(() => [
-        t(s(g), {
+        t(s(C), {
           class: "scalar-client",
           static: ""
         }, {

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAhLH,OAAO;eACT,MAAM;6EAuLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutCollapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutCollapse.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAkBJ,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;;;YAVtB,GAAG;;;YACD,GAAG;;;YACH,GAAG;;;;EAahC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAlLH,OAAO;eACT,MAAM;6EAyLpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutCollapse.vue.js

@@ -21,7 +21,7 @@ const g = { class: "flex items-center" }, v = { class: "flex flex-1 items-center
     }, {
       default: n(({ open: t }) => [
         r("div", g, [
-          i(o(h), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-2.5 outline-none" }, {
+          i(o(h), { class: "group hover:text-c-1 flex flex-1 items-center gap-2.5 overflow-hidden py-1.5 text-sm font-medium px-1 md:px-1.5 xl:px-2 outline-none" }, {
             default: n(() => [
               i(o(b), {
                 class: "text-c-3 group-hover:text-c-1 group-focus-visible:outline ui-open:rotate-90 ui-not-open:rotate-0 rounded-[1px] outline-offset-2",

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -1,7 +1,7 @@
 import { openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as t } from "vue";
 import s from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, c = { class: "flex xl:h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
-function m(e, x) {
+const r = {}, c = { class: "flex xl:h-full xl:min-w-0 flex-1 flex-col xl:custom-scroll bg-b-1" }, i = { class: "min-h-12 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-1.5 md:px-4 md:py-2 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none z-1" };
+function m(e, d) {
   return o(), l("section", c, [
     n("div", i, [
       t(e.$slots, "title")

package/dist/layouts/App/ApiClientApp.vue.d.ts

@@ -8,6 +8,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         name: string;
         uid: string;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=ApiClientApp.vue.d.ts.map

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAgI8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8KjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAoI8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAgLjD,wBAOG"}

package/dist/layouts/App/ApiClientApp.vue.js

@@ -1,56 +1,59 @@
-import { defineComponent as T, ref as _, onBeforeMount as y, onMounted as h, onBeforeUnmount as v, computed as K, openBlock as t, createElementBlock as C, Fragment as k, createElementVNode as E, createVNode as r, unref as a, createBlock as m, withCtx as p, KeepAlive as N, resolveDynamicComponent as H, createCommentVNode as b } from "vue";
-import A from "../../components/TopNav/TopNav.vue.js";
-import S from "./MainLayout.vue.js";
-import { useActiveEntities as B } from "../../store/active-entities.js";
-import { addScalarClassesToHeadless as D } from "@scalar/components";
-import { getThemeStyles as L } from "@scalar/themes";
-import { useColorMode as M } from "@scalar/use-hooks/useColorMode";
-import { ScalarToasts as P } from "@scalar/use-toasts";
-import { RouterView as V } from "vue-router";
-import { APP_HOTKEYS as g } from "./hotkeys.js";
-import { DEFAULT_HOTKEYS as x, handleHotKeyDown as F } from "../../libs/hot-keys.js";
-import { useWorkspace as O } from "../../store/store.js";
-const U = ["innerHTML"], oe = /* @__PURE__ */ T({
+import { defineComponent as w, ref as h, onBeforeMount as y, onMounted as T, onBeforeUnmount as v, computed as K, openBlock as t, createElementBlock as C, createElementVNode as k, createVNode as r, unref as a, createBlock as m, withCtx as d, KeepAlive as E, resolveDynamicComponent as H, createCommentVNode as N } from "vue";
+import b from "../../components/TopNav/TopNav.vue.js";
+import A from "./MainLayout.vue.js";
+import { useActiveEntities as S } from "../../store/active-entities.js";
+import { addScalarClassesToHeadless as B } from "@scalar/components";
+import { getThemeStyles as D } from "@scalar/themes";
+import { useColorMode as L } from "@scalar/use-hooks/useColorMode";
+import { ScalarToasts as M } from "@scalar/use-toasts";
+import { RouterView as P } from "vue-router";
+import { APP_HOTKEYS as V } from "./hotkeys.js";
+import { DEFAULT_HOTKEYS as x, handleHotKeyDown as $ } from "../../libs/hot-keys.js";
+import { useWorkspace as g } from "../../store/store.js";
+const O = {
+  id: "scalar-client-app",
+  class: "contents"
+}, U = ["innerHTML"], oe = /* @__PURE__ */ w({
   __name: "ApiClientApp",
   emits: ["newTab"],
   setup(W) {
-    const d = { ...x, ...g }, l = _(null), u = (e) => {
-      l.value = e;
+    const p = { ...x, ...V }, s = h(null), f = (e) => {
+      s.value = e;
     };
-    M();
-    const { activeWorkspace: n } = B(), { events: o } = O();
-    y(() => D());
-    const s = (e) => F(e, o.hotKeys, { hotKeys: d }), i = (e) => {
+    L();
+    const { activeWorkspace: n } = S(), { events: o } = g();
+    y(() => B());
+    const l = (e) => $(e, o.hotKeys, { hotKeys: p }), i = (e) => {
       e && e.openCommandPalette && (e.openCommandPalette.preventDefault(), o.commandPalette.emit());
     };
-    h(() => {
-      window.addEventListener("keydown", s), o.hotKeys.on(i);
+    T(() => {
+      window.addEventListener("keydown", l), o.hotKeys.on(i);
     }), v(() => {
-      window.removeEventListener("keydown", s), o.hotKeys.off(i);
+      window.removeEventListener("keydown", l), o.hotKeys.off(i);
     });
-    const f = K(
-      () => n.value && `<style>${L(n.value.themeId)}</style>`
+    const u = K(
+      () => n.value && `<style>${D(n.value.themeId)}</style>`
     );
     return (e, Y) => {
       var c;
-      return t(), C(k, null, [
-        E("div", { innerHTML: f.value }, null, 8, U),
-        r(A, { openNewTab: l.value }, null, 8, ["openNewTab"]),
-        (c = a(n)) != null && c.uid ? (t(), m(S, { key: 0 }, {
-          default: p(() => [
-            r(a(V), { onNewTab: u }, {
-              default: p(({ Component: w }) => [
-                (t(), m(N, null, [
-                  (t(), m(H(w)))
+      return t(), C("div", O, [
+        k("div", { innerHTML: u.value }, null, 8, U),
+        r(b, { openNewTab: s.value }, null, 8, ["openNewTab"]),
+        (c = a(n)) != null && c.uid ? (t(), m(A, { key: 0 }, {
+          default: d(() => [
+            r(a(P), { onNewTab: f }, {
+              default: d(({ Component: _ }) => [
+                (t(), m(E, null, [
+                  (t(), m(H(_)))
                 ], 1024))
               ]),
               _: 1
             })
           ]),
           _: 1
-        })) : b("", !0),
-        r(a(P))
-      ], 64);
+        })) : N("", !0),
+        r(a(M))
+      ]);
     };
   }
 });

package/dist/layouts/Modal/ApiClientModal.vue.js

@@ -2,7 +2,7 @@ import o from "./ApiClientModal.vue2.js";
 /* empty css                    */
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37c83444"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e68efb34"]]);
 export {
-  a as default
+  m as default
 };