@scalar/api-client 2.0.49 → 2.0.51

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @scalar/api-client
 
+## 2.0.51
+
+### Patch Changes
+
+- f2b4b3f: fix: request sidebar draft native context menu
+- c386d64: fix: enable sidebar resizer on request page
+- 5c877b8: fix: command palette navigation
+- 1c81549: feat: topnav navigation hotkeys
+- Updated dependencies [48693d7]
+- Updated dependencies [1c81549]
+  - @scalar/components@0.12.32
+  - @scalar/oas-utils@0.2.32
+
+## 2.0.50
+
+### Patch Changes
+
+- Updated dependencies [c220358]
+- Updated dependencies [7ec175b]
+  - @scalar/oas-utils@0.2.31
+
 ## 2.0.49
 
 ### Patch Changes

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA4WA;;;;GAIG;;AACH,wBA0YI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA6WA;;;;GAIG;;AACH,wBAuYI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -2,7 +2,7 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-67f4ba63"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3597a300"]]);
 export {
   s as PaletteComponents,
   r as default

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -1,31 +1,31 @@
-import { defineComponent as M, ref as d, computed as N, onMounted as F, onBeforeUnmount as q, openBlock as n, createElementBlock as s, Fragment as f, withDirectives as h, createElementVNode as m, vShow as x, unref as p, createVNode as w, vModelText as K, renderList as P, toDisplayString as B, normalizeClass as T, createTextVNode as U, createCommentVNode as H, createBlock as G, resolveDynamicComponent as Q } from "vue";
-import { useModal as j, ScalarIcon as y } from "@scalar/components";
-import { useRouter as J } from "vue-router";
-import { useWorkspace as O } from "../../store/workspace.js";
-import X from "./CommandPaletteCollection.vue.js";
-import Y from "./CommandPaletteExample.vue.js";
-import Z from "./CommandPaletteFolder.vue.js";
-import ee from "./CommandPaletteImport.vue.js";
-import oe from "./CommandPaletteRequest.vue.js";
-import te from "./CommandPaletteWorkspace.vue.js";
-import { commandPaletteBus as E } from "../../libs/event-busses/command-palette-bus.js";
-import { hotKeyBus as I } from "../../libs/event-busses/hot-keys-bus.js";
-const ne = { class: "commandmenu" }, ae = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, le = { for: "commandmenu" }, se = ["onClick"], ce = {
+import { defineComponent as F, ref as i, computed as B, onMounted as T, onBeforeUnmount as U, openBlock as a, createElementBlock as l, Fragment as u, withDirectives as h, createElementVNode as s, vShow as b, unref as f, createVNode as x, vModelText as q, renderList as E, toDisplayString as I, normalizeClass as K, createTextVNode as H, createCommentVNode as G, createBlock as Q, resolveDynamicComponent as j, nextTick as J } from "vue";
+import { useModal as O, ScalarIcon as w } from "@scalar/components";
+import { useRouter as X } from "vue-router";
+import { useWorkspace as Y } from "../../store/workspace.js";
+import Z from "./CommandPaletteCollection.vue.js";
+import ee from "./CommandPaletteExample.vue.js";
+import oe from "./CommandPaletteFolder.vue.js";
+import te from "./CommandPaletteImport.vue.js";
+import ne from "./CommandPaletteRequest.vue.js";
+import ae from "./CommandPaletteWorkspace.vue.js";
+import { commandPaletteBus as V } from "../../libs/event-busses/command-palette-bus.js";
+import { hotKeyBus as W } from "../../libs/event-busses/hot-keys-bus.js";
+const le = { class: "commandmenu" }, se = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, ce = { for: "commandmenu" }, me = ["onClick"], re = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"
-}, me = {
+}, ie = {
   name: "TheCommandPalette"
-}, re = {
-  "Import Collection": ee,
-  "Create Request": oe,
-  "Create Workspace": te,
-  "Add Folder": Z,
-  "Create Collection": X,
-  "Add Example": Y
-}, ye = /* @__PURE__ */ M({
-  ...me,
-  setup(ie) {
-    const C = [
+}, ue = {
+  "Import Collection": te,
+  "Create Request": ne,
+  "Create Workspace": ae,
+  "Add Folder": oe,
+  "Create Collection": Z,
+  "Add Example": ee
+}, $e = /* @__PURE__ */ F({
+  ...ie,
+  setup(de) {
+    const y = [
       {
         label: "Add to Request Sidebar",
         commands: [
@@ -75,132 +75,138 @@ const ne = { class: "commandmenu" }, ae = { class: "bg-b-2 flex items-center rou
           }
         ]
       }
-    ], r = j(), { push: V } = J(), { activeWorkspace: W } = O(), S = d(), i = d(""), u = d(null), a = d(-1), $ = d([]), k = N(
-      () => C.reduce((e, t) => {
-        const o = t.commands.filter(
-          (c) => c.name.toLowerCase().includes(i.value.toLowerCase())
+    ], c = O(), { push: z } = X(), { activeWorkspace: M } = Y(), S = i(), m = i(""), r = i(null), d = i(-1), $ = i([]), C = B(
+      () => y.reduce((e, n) => {
+        const o = n.commands.filter(
+          (t) => t.name.toLowerCase().includes(m.value.toLowerCase())
         );
         return [...e, ...o];
       }, [])
-    ), v = () => {
-      r.hide(), i.value = "", u.value = null, a.value = -1;
+    ), p = () => {
+      c.hide(), m.value = "", r.value = null, d.value = -1;
     }, A = (e) => {
-      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), v()) : u.value = e.name;
-    }, R = d(), g = ({
+      "path" in e ? (z(`/workspace/${M.value.uid}${e.path}`), p()) : r.value = e.name;
+    }, D = i(), P = ({
       commandName: e,
-      metaData: t
+      metaData: n
     } = {}) => {
-      var o;
-      u.value = e ?? null, S.value = t, r.show(), (o = R.value) == null || o.focus();
-    }, L = (e) => {
-      var c;
-      if (!r.open) return;
-      const t = e === "up" ? -1 : 1, o = k.value.length;
-      a.value = (a.value + t + o) % o, (c = $.value[a.value]) == null || c.scrollIntoView({
+      r.value = e ?? null, S.value = n, c.show(), J(() => {
+        var o;
+        return (o = D.value) == null ? void 0 : o.focus();
+      });
+    }, R = (e, n) => {
+      var v;
+      if (!c.open) return;
+      n.preventDefault();
+      const o = e === "up" ? -1 : 1, t = C.value.length;
+      d.value = (d.value + o + t) % t, (v = $.value[d.value]) == null || v.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
-    }, z = () => {
-      if (a.value === -1) return;
-      const e = k.value[a.value];
-      A(e);
-    }, D = (e) => {
-      r.open && (e.closeModal && v(), e.commandPaletteUp && L("up"), e.commandPaletteDown && L("down"), e.commandPaletteSelect && z());
+    }, k = B(
+      () => C.value[d.value]
+    ), N = () => {
+      k.value && A(k.value);
+    }, g = (e) => {
+      c.open && (e.closeModal && p(), e.commandPaletteUp && R("up", e.commandPaletteUp), e.commandPaletteDown && R("down", e.commandPaletteDown), e.commandPaletteSelect && N());
     };
-    return F(() => {
-      E.on(g), I.on(D);
-    }), q(() => {
-      E.off(g), I.off(D);
-    }), (e, t) => (n(), s(f, null, [
-      h(m("div", {
+    return T(() => {
+      V.on(P), W.on(g);
+    }), U(() => {
+      V.off(P), W.off(g);
+    }), (e, n) => (a(), l(u, null, [
+      h(s("div", {
         class: "commandmenu-clickout",
-        onClick: t[0] || (t[0] = (o) => v())
+        onClick: n[0] || (n[0] = (o) => p())
       }, null, 512), [
-        [x, p(r).open]
+        [b, f(c).open]
       ]),
-      h(m("div", ne, [
-        u.value ? (n(), s(f, { key: 1 }, [
-          m("button", {
+      h(s("div", le, [
+        r.value ? (a(), l(u, { key: 1 }, [
+          s("button", {
             class: "absolute p-0.75 hover:bg-b-3 rounded text-c-3 active:text-c-1 m-1.5 z-10",
             type: "button",
-            onClick: t[2] || (t[2] = (o) => u.value = null)
+            onClick: n[2] || (n[2] = (o) => r.value = null)
           }, [
-            w(p(y), {
+            x(f(w), {
               icon: "ChevronLeft",
               size: "md",
               thickness: "1.5"
             })
           ]),
-          (n(), G(Q(re[u.value]), {
+          (a(), Q(j(ue[r.value]), {
             metaData: S.value,
-            onClose: v
+            onClose: p
           }, null, 40, ["metaData"]))
-        ], 64)) : (n(), s(f, { key: 0 }, [
-          m("div", ae, [
-            m("label", le, [
-              w(p(y), {
+        ], 64)) : (a(), l(u, { key: 0 }, [
+          s("div", se, [
+            s("label", ce, [
+              x(f(w), {
                 class: "text-c-1 mr-2.5",
                 icon: "Search",
                 size: "sm",
                 thickness: "1.5"
               })
             ]),
-            h(m("input", {
+            h(s("input", {
               id: "commandmenu",
               ref_key: "commandInputRef",
-              ref: R,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => i.value = o),
+              ref: D,
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => m.value = o),
               autocomplete: "off",
               autofocus: "",
               class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
               placeholder: "Search commands...",
               type: "text"
             }, null, 512), [
-              [K, i.value]
+              [q, m.value]
             ])
           ]),
-          (n(), s(f, null, P(C, (o, c) => (n(), s(f, {
+          (a(), l(u, null, E(y, (o) => (a(), l(u, {
             key: o.label
           }, [
-            h(m("div", { class: "text-c-3 font-medium text-xs mt-2" }, B(o.label), 513), [
+            h(s("div", { class: "text-c-3 font-medium text-xs mt-2" }, I(o.label), 513), [
               [
-                x,
+                b,
                 o.commands.filter(
-                  (l) => l.name.toLowerCase().includes(i.value.toLowerCase())
+                  (t) => t.name.toLowerCase().includes(m.value.toLowerCase())
                 ).length > 0
               ]
             ]),
-            (n(!0), s(f, null, P(o.commands.filter(
-              (l) => l.name.toLowerCase().includes(i.value.toLowerCase())
-            ), (l, _) => (n(), s("div", {
-              key: l.name,
-              ref_for: !0,
-              ref: (b) => {
-                b && ($.value[_] = b);
-              },
-              class: T(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
-                "bg-b-2": c > 0 ? a.value === _ + C[c - 1].commands.length : a.value === _
-              }]),
-              onClick: (b) => A(l)
-            }, [
-              w(p(y), {
-                class: "text-c-1 mr-2.5",
-                icon: l.icon,
-                size: "md",
-                thickness: "1.5"
-              }, null, 8, ["icon"]),
-              U(" " + B(l.name), 1)
-            ], 10, se))), 128))
+            (a(!0), l(u, null, E(o.commands.filter(
+              (t) => t.name.toLowerCase().includes(m.value.toLowerCase())
+            ), (t, v) => {
+              var L;
+              return a(), l("div", {
+                key: t.name,
+                ref_for: !0,
+                ref: (_) => {
+                  _ && ($.value[v] = _);
+                },
+                class: K(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
+                  "bg-b-2": t.name === ((L = k.value) == null ? void 0 : L.name)
+                }]),
+                onClick: (_) => A(t)
+              }, [
+                x(f(w), {
+                  class: "text-c-1 mr-2.5",
+                  icon: t.icon,
+                  size: "md",
+                  thickness: "1.5"
+                }, null, 8, ["icon"]),
+                H(" " + I(t.name), 1)
+              ], 10, me);
+            }), 128))
           ], 64))), 64)),
-          k.value.length ? H("", !0) : (n(), s("div", ce, " No commands found "))
+          C.value.length ? G("", !0) : (a(), l("div", re, " No commands found "))
         ], 64))
       ], 512), [
-        [x, p(r).open]
+        [b, f(c).open]
       ])
     ], 64));
   }
 });
 export {
-  re as PaletteComponents,
-  ye as default
+  ue as PaletteComponents,
+  $e as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarHotkey.vue.d.ts","sourceRoot":"","sources":["../../src/components/ScalarHotkey.vue"],"names":[],"mappings":";YAoDU,MAAM;;;;YAAN,MAAM;;;;AAiFhB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ScalarHotkey.vue.d.ts","sourceRoot":"","sources":["../../src/components/ScalarHotkey.vue"],"names":[],"mappings":";YAoDU,MAAM;;;;YAAN,MAAM;;;;AAgFhB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ScalarHotkey.vue.js

@@ -8,16 +8,16 @@ const P = /* @__PURE__ */ l({
     hotkey: {}
   },
   emits: ["hotkeyPressed"],
-  setup(n, { emit: i }) {
-    const o = n, a = i, p = t(() => r() ? "⌘" : "⌃"), s = t(() => h().get(o.hotkey)), c = t(() => `${p.value}${o.hotkey}`), m = f({
+  setup(n, { emit: a }) {
+    const o = n, i = a, p = t(() => r() ? "⌘" : "⌃"), s = t(() => h().get(o.hotkey)), c = t(() => `${p.value}${o.hotkey}`), m = f({
       passive: !1,
       onEventFired(e) {
         !r() && e.ctrlKey && e.key === s.value && (e.preventDefault(), e.stopPropagation());
       }
     });
     return v(m[`${r() ? "meta" : "control"}_${o.hotkey}`], () => {
-      a("hotkeyPressed", s.value || "");
-    }), (e, b) => (d(), y("div", k(e.$attrs, { class: "bg-b-2 border-b-3 inline-block overflow-hidden rounded border-1/2 bg-inherit text-xxs rounded-b px-1 font-medium uppercase" }), u(c.value), 17));
+      i("hotkeyPressed", s.value || "");
+    }), (e, b) => (d(), y("div", k(e.$attrs, { class: "bg-c-btn border-b-3 inline-block overflow-hidden rounded border-1/2 text-xxs rounded-b px-1 font-medium uppercase" }), u(c.value), 17));
   }
 });
 export {

package/dist/components/Sidebar/Sidebar.vue.d.ts

@@ -5,19 +5,15 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     title?: string;
-    showSideBar: boolean;
+    showSideBar?: boolean;
 }>, {
     showSideBar: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:showSideBar": (v: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     title?: string;
-    showSideBar: boolean;
+    showSideBar?: boolean;
 }>, {
     showSideBar: boolean;
-}>>> & {
-    "onUpdate:showSideBar"?: ((v: boolean) => any) | undefined;
-}, {
+}>>>, {
     showSideBar: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AA+QA,iBAAS,cAAc;oBAoEK,GAAG;qBACF,GAAG;oBACJ,GAAG;EAoB9B;AACD,QAAA,MAAM,eAAe;YAhMW,MAAM;iBAAe,OAAO;;;;;;YAA5B,MAAM;iBAAe,OAAO;;;;;;iBAAP,OAAO;MAuM1D,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.vue"],"names":[],"mappings":"AAoMA,iBAAS,cAAc;oBAoEK,GAAG;qBACF,GAAG;oBACJ,GAAG;EAmB9B;AACD,QAAA,MAAM,eAAe;YAxJT,MAAM;kBACA,OAAO;;;;YADb,MAAM;kBACA,OAAO;;;;iBAAP,OAAO;MA6JvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Sidebar/Sidebar.vue.js

@@ -1,67 +1,56 @@
-import { defineComponent as B, ref as r, watch as L, onMounted as W, withDirectives as D, openBlock as h, createElementBlock as v, normalizeClass as g, normalizeStyle as k, renderSlot as n, unref as b, createElementVNode as i, toDisplayString as I, createCommentVNode as _, vShow as $ } from "vue";
-import { useWorkspace as C } from "../../store/workspace.js";
-const z = {
+import { defineComponent as S, ref as f, withDirectives as x, openBlock as p, createElementBlock as v, normalizeClass as h, normalizeStyle as D, unref as r, renderSlot as a, createElementVNode as l, toDisplayString as k, createCommentVNode as L, vShow as _ } from "vue";
+import { useWorkspace as B } from "../../store/workspace.js";
+const W = {
   key: 0,
   class: "xl:min-h-header py-2.5 flex items-center border-b-1/2 px-4 text-sm"
-}, M = { class: "font-medium m-0 text-sm whitespace-nowrap" }, N = /* @__PURE__ */ B({
+}, C = { class: "font-medium m-0 text-sm whitespace-nowrap" }, I = /* @__PURE__ */ S({
   __name: "Sidebar",
   props: {
     title: {},
     showSideBar: { type: Boolean, default: !0 }
   },
-  emits: ["update:showSideBar"],
-  setup(S, { emit: w }) {
-    const d = S, l = w, { isReadOnly: c } = C(), a = r(!1), m = r(null), s = r(localStorage.getItem("sidebarWidth") || "280px"), u = () => {
-      (s.value === "0px" || localStorage.getItem("sidebarWidth") === "0px") && (s.value = "280px");
-    }, y = (e) => {
+  setup(g) {
+    const b = g, { isReadOnly: i, sidebarWidth: s, setSidebarWidth: o } = B(), n = f(!1), d = f(null), w = (e) => {
       e.preventDefault();
-      const o = e.clientX, x = parseInt(
-        getComputedStyle(m.value).width || "280px",
+      const m = e.clientX, y = parseInt(
+        getComputedStyle(d.value).width || s.value,
         10
-      ), p = (E) => {
-        a.value = !0, document.body.classList.add("dragging");
-        let t = x + E.clientX - o;
-        t > 420 && (t = 420 + (t - 420) * 0.2), t < 240 ? (t = 0, l("update:showSideBar", !1)) : l("update:showSideBar", !0), s.value = `${t}px`, localStorage.setItem("sidebarWidth", `${Math.min(t, 420)}px`);
-      }, f = () => {
-        a.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", p, !1), document.documentElement.removeEventListener("mouseup", f, !1), parseInt(s.value, 10) > 420 && (s.value = "360px");
+      ), c = (E) => {
+        n.value = !0, document.body.classList.add("dragging");
+        let t = y + E.clientX - m;
+        t > 420 && (t = 420 + (t - 420) * 0.2), t < 240 && (t = 240), o(`${t}px`);
+      }, u = () => {
+        n.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", c, !1), document.documentElement.removeEventListener("mouseup", u, !1), parseInt(s.value, 10) > 420 ? o("360px") : parseInt(s.value, 10) < 240 && o("240px");
       };
-      document.documentElement.addEventListener("mousemove", p, !1), document.documentElement.addEventListener("mouseup", f, !1);
+      document.documentElement.addEventListener("mousemove", c, !1), document.documentElement.addEventListener("mouseup", u, !1);
     };
-    return L(
-      () => d.showSideBar,
-      (e) => {
-        const o = document.querySelector(".sidebar");
-        o && (e ? o.classList.remove("blur-content") : (o.classList.add("blur-content"), document.body.classList.remove("dragging"))), u();
-      }
-    ), W(() => {
-      u();
-    }), (e, o) => D((h(), v("aside", {
+    return (e, m) => x((p(), v("aside", {
       ref_key: "sidebarRef",
-      ref: m,
-      class: g(["sidebar overflow-hidden relative flex flex-col border-r-1/2 bg-b-1", { dragging: a.value }]),
-      style: k({ width: s.value })
+      ref: d,
+      class: h(["sidebar overflow-hidden relative flex flex-col border-r-1/2 bg-b-1", { dragging: n.value }]),
+      style: D({ width: r(s) })
     }, [
-      n(e.$slots, "header"),
-      !b(c) && e.title ? (h(), v("div", z, [
-        i("h2", M, I(e.title), 1)
-      ])) : _("", !0),
-      i("div", {
-        class: g(["custom-scroll sidebar-height", {
-          "sidebar-mask": !b(c)
+      a(e.$slots, "header"),
+      !r(i) && e.title ? (p(), v("div", W, [
+        l("h2", C, k(e.title), 1)
+      ])) : L("", !0),
+      l("div", {
+        class: h(["custom-scroll sidebar-height", {
+          "sidebar-mask": !r(i)
         }])
       }, [
-        n(e.$slots, "content")
+        a(e.$slots, "content")
       ], 2),
-      n(e.$slots, "button"),
-      i("div", {
+      a(e.$slots, "button"),
+      l("div", {
         class: "resizer",
-        onMousedown: y
+        onMousedown: w
       }, null, 32)
     ], 6)), [
-      [$, d.showSideBar]
+      [_, b.showSideBar]
     ]);
   }
 });
 export {
-  N as default
+  I as default
 };

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":";AAqZA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAmaA,wBAKG"}

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

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-19efa966"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-91b3e5a4"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,41 +1,41 @@
-import { defineComponent as x, reactive as S, ref as T, watch as C, computed as B, onMounted as R, onBeforeUnmount as w, openBlock as i, createElementBlock as p, createElementVNode as r, createVNode as _, unref as g, toDisplayString as A, Fragment as M, renderList as z, createBlock as E, pushScopeId as L, popScopeId as V } from "vue";
-import { ROUTES as j } from "../../constants.js";
-import { ScalarIcon as b } from "@scalar/components";
+import { defineComponent as T, reactive as x, ref as S, watch as C, computed as j, onMounted as B, onBeforeUnmount as R, openBlock as u, createElementBlock as p, createElementVNode as s, createVNode as b, unref as _, toDisplayString as w, Fragment as A, renderList as L, createBlock as M, pushScopeId as z, popScopeId as E } from "vue";
+import { ROUTES as V } from "../../constants.js";
+import { ScalarIcon as g } from "@scalar/components";
 import { capitalize as q } from "@scalar/oas-utils/helpers";
 import K from "./TopNavItem.vue.js";
 import { useWorkspace as U } from "../../store/workspace.js";
 import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
-const $ = (l) => (L("data-v-19efa966"), l = l(), V(), l), D = { class: "flex h-10 t-app__top-nav" }, F = /* @__PURE__ */ $(() => /* @__PURE__ */ r("div", { class: "t-app__top-nav-draggable" }, null, -1)), H = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, O = {
+const $ = (i) => (z("data-v-91b3e5a4"), i = i(), E(), i), D = { class: "flex h-10 t-app__top-nav" }, F = /* @__PURE__ */ $(() => /* @__PURE__ */ s("div", { class: "t-app__top-nav-draggable" }, null, -1)), H = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, O = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, Z = /* @__PURE__ */ x({
+}, Z = /* @__PURE__ */ T({
   __name: "TopNav",
-  setup(l) {
-    const { activeRequest: N, router: o } = U(), t = S([{ label: "", path: "", icon: "Add" }]), a = T(0);
+  setup(i) {
+    const { activeRequest: N, router: n } = U(), t = x([{ label: "", path: "", icon: "Add" }]), a = S(0);
     function m() {
-      var s;
-      const e = j.find((c) => o.currentRoute.value.name == c.name);
+      var o;
+      const e = V.find((r) => n.currentRoute.value.name == r.name);
       e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
-        label: ((s = N.value) == null ? void 0 : s.summary) || "",
-        path: o.currentRoute.value.path,
+        label: ((o = N.value) == null ? void 0 : o.summary) || "",
+        path: n.currentRoute.value.path,
         icon: e.icon
       } : t[a.value] = {
         label: q(e == null ? void 0 : e.name) || "",
-        path: o.currentRoute.value.path,
+        path: n.currentRoute.value.path,
         icon: e.icon
       });
     }
     function v() {
-      o.push(t[a.value].path);
+      n.push(t[a.value].path);
     }
     function d() {
       t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, m();
     }
-    function u(e) {
+    function l(e) {
       a.value = e, v();
     }
     C(
-      () => o.currentRoute.value.path,
+      () => n.currentRoute.value.path,
       () => {
         m();
       },
@@ -47,34 +47,38 @@ const $ = (l) => (L("data-v-19efa966"), l = l(), V(), l), D = { class: "flex h-1
         t.length - 1
       ), v();
     }
-    const I = B(() => a.value), h = (e) => {
-      e.addTopNav && d(), e.closeTopNav && f(a.value), e.navigateTopNavLeft && u(Math.max(a.value - 1, 0)), e.navigateTopNavRight && u(Math.min(a.value + 1, t.length - 1));
+    const I = j(() => a.value), h = (e) => {
+      if (e.addTopNav && d(), e.closeTopNav && f(a.value), e.navigateTopNavLeft && l(Math.max(a.value - 1, 0)), e.navigateTopNavRight && l(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+        const o = Number(e.jumpToTab.key) - 1;
+        o >= 0 && o < t.length && l(o);
+      }
+      e.jumpToLastTab && l(t.length - 1);
     };
-    return R(() => k.on(h)), w(() => k.off(h)), (e, s) => (i(), p("nav", D, [
+    return B(() => k.on(h)), R(() => k.off(h)), (e, o) => (u(), p("nav", D, [
       F,
-      r("div", H, [
-        t.length === 1 ? (i(), p("div", O, [
-          _(g(b), {
+      s("div", H, [
+        t.length === 1 ? (u(), p("div", O, [
+          b(_(g), {
             icon: t[0].icon,
             size: "xs",
             thickness: "2.5"
           }, null, 8, ["icon"]),
-          r("div", null, A(t[0].label), 1)
-        ])) : (i(!0), p(M, { key: 1 }, z(t, (c, n) => (i(), E(K, {
-          key: n,
-          active: n === I.value,
-          hotkey: (n + 1).toString(),
-          icon: c.icon,
-          label: c.label,
-          onClick: (y) => u(n),
-          onClose: (y) => f(n)
+          s("div", null, w(t[0].label), 1)
+        ])) : (u(!0), p(A, { key: 1 }, L(t, (r, c) => (u(), M(K, {
+          key: c,
+          active: c === I.value,
+          hotkey: (c + 1).toString(),
+          icon: r.icon,
+          label: r.label,
+          onClick: (y) => l(c),
+          onClose: (y) => f(c)
         }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose"]))), 128)),
-        r("button", {
+        s("button", {
           class: "text-c-3 hover:bg-b-3 p-1.5 rounded-lg webkit-app-no-drag",
           type: "button",
           onClick: d
         }, [
-          _(g(b), {
+          b(_(g), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"

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":";AAiVA,wBAKG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";AAkVA,wBAKG"}

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

@@ -13,7 +13,7 @@ import { useDarkModeState as b } from "../../hooks/useDarkModeState.js";
 import { handleHotKeyDown as H } from "../../libs/event-busses/hot-keys-bus.js";
 const V = ["innerHTML"], F = {
   key: 0,
-  class: "flex min-h-0 flex-1"
+  class: "flex min-h-0 flex-1 z-0"
 }, O = { class: "flex flex-1 flex-col min-w-0" }, ee = /* @__PURE__ */ _({
   __name: "ApiClientApp",
   setup(P) {