@scalar/api-client 2.0.47 → 2.0.48

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

@@ -1,32 +1,31 @@
-import { defineComponent as K, ref as u, computed as N, onMounted as F, onBeforeUnmount as I, openBlock as a, createElementBlock as s, Fragment as d, withDirectives as k, createElementVNode as c, vShow as L, unref as p, createVNode as S, vModelText as q, renderList as V, toDisplayString as B, normalizeClass as T, createTextVNode as U, createCommentVNode as G, createBlock as H, resolveDynamicComponent as O } from "vue";
-import { useModal as Q, ScalarIcon as g } from "@scalar/components";
-import { useMagicKeys as j, whenever as b } from "@vueuse/core";
+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 { isMacOS as X } from "@scalar/use-tooltip";
-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 M } from "../../libs/event-busses/command-palette.js";
-const le = { class: "commandmenu" }, re = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, se = { for: "commandmenu" }, me = ["onClick"], ce = {
+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 = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"
-}, ie = {
+}, me = {
   name: "TheCommandPalette"
-}, ue = {
-  "Import Collection": te,
-  "Create Request": ne,
-  "Create Workspace": ae,
-  "Add Folder": oe,
-  "Create Collection": Z,
-  "Add Example": ee
-}, Se = /* @__PURE__ */ K({
-  ...ie,
-  setup(de) {
-    const w = [
+}, 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 = [
       {
         label: "Add to Request Sidebar",
         commands: [
@@ -76,140 +75,132 @@ const le = { class: "commandmenu" }, re = { class: "bg-b-2 flex items-center rou
           }
         ]
       }
-    ], v = j(), l = Q(), { push: P } = J(), { activeWorkspace: W } = Y(), A = u(), i = u(""), m = u(null), o = u(-1), _ = u([]), f = N(
-      () => w.reduce((e, n) => {
-        const t = n.commands.filter(
-          (C) => C.name.toLowerCase().includes(i.value.toLowerCase())
+    ], 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())
         );
-        return [...e, ...t];
+        return [...e, ...o];
       }, [])
-    ), h = () => {
-      l.hide(), i.value = "", m.value = null, window.removeEventListener("keydown", y, !0), o.value = -1;
-    };
-    b(v.escape, () => {
-      l.open && h();
-    }), b(v.enter, () => {
-      if (!l.open || o.value === -1) return;
-      const e = f.value[o.value];
-      $(e);
-    }), b(v.ArrowDown, () => {
-      var e;
-      l.open && (o.value < f.value.length - 1 ? o.value++ : o.value = 0, (e = _.value[o.value]) == null || e.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      }));
-    }), b(v.ArrowUp, () => {
-      var e;
-      l.open && (o.value > 0 ? o.value-- : o.value = f.value.length - 1, (e = _.value[o.value]) == null || e.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      }));
-    });
-    const $ = (e) => {
-      "path" in e ? (P(`/workspace/${W.value.uid}${e.path}`), h()) : m.value = e.name;
-    }, D = u(), R = ({
+    ), v = () => {
+      r.hide(), i.value = "", u.value = null, a.value = -1;
+    }, A = (e) => {
+      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), v()) : u.value = e.name;
+    }, R = d(), g = ({
       commandName: e,
-      metaData: n
+      metaData: t
     } = {}) => {
-      var t;
-      m.value = e ?? null, A.value = n, l.show(), (t = D.value) == null || t.focus(), window.addEventListener("keydown", y, !0);
-    };
-    F(() => M.on(R)), I(() => M.off(R));
-    const z = (e) => X() ? e.metaKey && e.key === "Enter" : e.ctrlKey && e.key === "Enter", y = (e) => {
-      z(e) && !m.value && (e.stopPropagation(), e.preventDefault());
+      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({
+        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());
     };
-    return I(() => {
-      window.removeEventListener("keydown", y, !0);
-    }), (e, n) => (a(), s(d, null, [
-      k(c("div", {
+    return F(() => {
+      E.on(g), I.on(D);
+    }), q(() => {
+      E.off(g), I.off(D);
+    }), (e, t) => (n(), s(f, null, [
+      h(m("div", {
         class: "commandmenu-clickout",
-        onClick: n[0] || (n[0] = (t) => h())
+        onClick: t[0] || (t[0] = (o) => v())
       }, null, 512), [
-        [L, p(l).open]
+        [x, p(r).open]
       ]),
-      k(c("div", le, [
-        m.value ? (a(), s(d, { key: 1 }, [
-          c("button", {
+      h(m("div", ne, [
+        u.value ? (n(), s(f, { key: 1 }, [
+          m("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: n[2] || (n[2] = (t) => m.value = null)
+            onClick: t[2] || (t[2] = (o) => u.value = null)
           }, [
-            S(p(g), {
+            w(p(y), {
               icon: "ChevronLeft",
               size: "md",
               thickness: "1.5"
             })
           ]),
-          (a(), H(O(ue[m.value]), {
-            metaData: A.value,
-            onClose: h
+          (n(), G(Q(re[u.value]), {
+            metaData: S.value,
+            onClose: v
           }, null, 40, ["metaData"]))
-        ], 64)) : (a(), s(d, { key: 0 }, [
-          c("div", re, [
-            c("label", se, [
-              S(p(g), {
+        ], 64)) : (n(), s(f, { key: 0 }, [
+          m("div", ae, [
+            m("label", le, [
+              w(p(y), {
                 class: "text-c-1 mr-2.5",
                 icon: "Search",
                 size: "sm",
                 thickness: "1.5"
               })
             ]),
-            k(c("input", {
+            h(m("input", {
               id: "commandmenu",
               ref_key: "commandInputRef",
-              ref: D,
-              "onUpdate:modelValue": n[1] || (n[1] = (t) => i.value = t),
+              ref: R,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => i.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), [
-              [q, i.value]
+              [K, i.value]
             ])
           ]),
-          (a(), s(d, null, V(w, (t, C) => (a(), s(d, {
-            key: t.label
+          (n(), s(f, null, P(C, (o, c) => (n(), s(f, {
+            key: o.label
           }, [
-            k(c("div", { class: "text-c-3 font-medium text-xs mt-2" }, B(t.label), 513), [
+            h(m("div", { class: "text-c-3 font-medium text-xs mt-2" }, B(o.label), 513), [
               [
-                L,
-                t.commands.filter(
-                  (r) => r.name.toLowerCase().includes(i.value.toLowerCase())
+                x,
+                o.commands.filter(
+                  (l) => l.name.toLowerCase().includes(i.value.toLowerCase())
                 ).length > 0
               ]
             ]),
-            (a(!0), s(d, null, V(t.commands.filter(
-              (r) => r.name.toLowerCase().includes(i.value.toLowerCase())
-            ), (r, x) => (a(), s("div", {
-              key: r.name,
+            (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: (E) => {
-                E && (_.value[x] = E);
+              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 ? o.value === x + w[C - 1].commands.length : o.value === x
+                "bg-b-2": c > 0 ? a.value === _ + C[c - 1].commands.length : a.value === _
               }]),
-              onClick: (E) => $(r)
+              onClick: (b) => A(l)
             }, [
-              S(p(g), {
+              w(p(y), {
                 class: "text-c-1 mr-2.5",
-                icon: r.icon,
+                icon: l.icon,
                 size: "md",
                 thickness: "1.5"
               }, null, 8, ["icon"]),
-              U(" " + B(r.name), 1)
-            ], 10, me))), 128))
+              U(" " + B(l.name), 1)
+            ], 10, se))), 128))
           ], 64))), 64)),
-          f.value.length ? G("", !0) : (a(), s("div", ce, " No commands found "))
+          k.value.length ? H("", !0) : (n(), s("div", ce, " No commands found "))
         ], 64))
       ], 512), [
-        [L, p(l).open]
+        [x, p(r).open]
       ])
     ], 64));
   }
 });
 export {
-  ue as PaletteComponents,
-  Se as default
+  re as PaletteComponents,
+  ye as default
 };

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

@@ -1,15 +1,36 @@
 declare function __VLS_template(): {
     header?(_: {}): any;
+    title?(_: {}): any;
     content?(_: {}): any;
     button?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     title?: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    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<{
     title?: string;
-}>>>, {}, {}>;
+    showSideBar: boolean;
+}>, {
+    showSideBar: boolean;
+}>>> & {
+    "onUpdate:showSideBar"?: ((v: boolean) => any) | undefined;
+}, {
+    showSideBar: boolean;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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":"AAuDA,iBAAS,cAAc;oBAwDK,GAAG;qBACF,GAAG;oBACJ,GAAG;EAe9B;AACD,QAAA,MAAM,eAAe;YApFW,MAAM;;YAAN,MAAM;aA0FpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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":"AA+QA,iBAAS,cAAc;oBAqEK,GAAG;mBACJ,GAAG;qBACD,GAAG;oBACJ,GAAG;EAoB9B;AACD,QAAA,MAAM,eAAe;YAlMW,MAAM;iBAAe,OAAO;;;;;;YAA5B,MAAM;iBAAe,OAAO;;;;;;iBAAP,OAAO;MAyM1D,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,31 +1,69 @@
-import { defineComponent as a, openBlock as o, createElementBlock as r, renderSlot as t, unref as l, createElementVNode as n, toDisplayString as i, createCommentVNode as d, normalizeClass as m } from "vue";
-import { useWorkspace as c } from "../../store/workspace.js";
-const p = { class: "w-sidebar relative flex flex-col border-r-1/2 bg-b-1" }, b = {
+import { defineComponent as B, ref as n, watch as L, onMounted as W, withDirectives as k, openBlock as h, createElementBlock as v, normalizeClass as g, normalizeStyle as D, renderSlot as a, unref as b, createElementVNode as i, createCommentVNode as I, vShow as _ } from "vue";
+import { useWorkspace as $ } from "../../store/workspace.js";
+const C = {
   key: 0,
   class: "xl:min-h-header py-2.5 flex items-center border-b-1/2 px-4 text-sm"
-}, f = { class: "font-medium m-0 text-sm" }, x = /* @__PURE__ */ a({
+}, z = { class: "font-medium m-0 text-sm whitespace-nowrap" }, X = /* @__PURE__ */ B({
   __name: "Sidebar",
   props: {
-    title: {}
+    title: {},
+    showSideBar: { type: Boolean, default: !0 }
   },
-  setup(h) {
-    const { isReadOnly: s } = c();
-    return (e, u) => (o(), r("aside", p, [
-      t(e.$slots, "header"),
-      !l(s) && e.title ? (o(), r("div", b, [
-        n("h2", f, i(e.title), 1)
-      ])) : d("", !0),
-      n("div", {
-        class: m(["custom-scroll sidebar-height", {
-          "sidebar-mask": !l(s)
+  emits: ["update:showSideBar"],
+  setup(w, { emit: S }) {
+    const d = w, l = S, { isReadOnly: c } = $(), r = n(!1), m = n(null), s = n(localStorage.getItem("sidebarWidth") || "280px"), u = () => {
+      (s.value === "0px" || localStorage.getItem("sidebarWidth") === "0px") && (s.value = "280px");
+    }, x = (e) => {
+      e.preventDefault();
+      const o = e.clientX, y = parseInt(
+        getComputedStyle(m.value).width || "280px",
+        10
+      ), p = (E) => {
+        r.value = !0, document.body.classList.add("dragging");
+        let t = y + 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 = () => {
+        r.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");
+      };
+      document.documentElement.addEventListener("mousemove", p, !1), document.documentElement.addEventListener("mouseup", f, !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) => k((h(), v("aside", {
+      ref_key: "sidebarRef",
+      ref: m,
+      class: g(["sidebar overflow-hidden relative flex flex-col border-r-1/2 bg-b-1", { dragging: r.value }]),
+      style: D({ width: s.value })
+    }, [
+      a(e.$slots, "header"),
+      !b(c) && e.title ? (h(), v("div", C, [
+        i("h2", z, [
+          a(e.$slots, "title")
+        ])
+      ])) : I("", !0),
+      i("div", {
+        class: g(["custom-scroll sidebar-height", {
+          "sidebar-mask": !b(c)
         }])
       }, [
-        t(e.$slots, "content")
+        a(e.$slots, "content")
       ], 2),
-      t(e.$slots, "button")
-    ]));
+      a(e.$slots, "button"),
+      i("div", {
+        class: "resizer",
+        onMousedown: x
+      }, null, 32)
+    ], 6)), [
+      [_, d.showSideBar]
+    ]);
   }
 });
 export {
-  x as default
+  X 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":";AAyXA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAqZA,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-76f92299"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-19efa966"]]);
 export {
   f as default
 };

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

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

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from './layouts/Modal/index.js';
 export * from './layouts/App/index.js';
 export { useWorkspace } from './store/workspace.js';
-export { createModalRouter, webHashRouter, router } from './router.js';
+export { createModalRouter, createWebHashRouter, router } from './router.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.js

@@ -1,18 +1,18 @@
-import { useWorkspace as t } from "./store/workspace.js";
-import { createModalRouter as a, router as i, webHashRouter as l } from "./router.js";
-import { default as m } from "./layouts/App/ApiClientApp.vue.js";
+import { useWorkspace as o } from "./store/workspace.js";
+import { createModalRouter as a, createWebHashRouter as i, router as l } from "./router.js";
+import { default as c } from "./layouts/App/ApiClientApp.vue.js";
 /* empty css                              */
-import { default as c } from "./layouts/Modal/ApiClientModal.vue.js";
+import { default as A } from "./layouts/Modal/ApiClientModal.vue.js";
 import { createApiClientModal as n, createApiClientModalSync as u } from "./layouts/Modal/create-api-client-modal.js";
 import { createApiClientApp as s } from "./layouts/App/create-api-client-app.js";
 export {
-  m as ApiClientApp,
-  c as ApiClientModal,
+  c as ApiClientApp,
+  A as ApiClientModal,
   s as createApiClientApp,
   n as createApiClientModal,
   u as createApiClientModalSync,
   a as createModalRouter,
-  i as router,
-  t as useWorkspace,
-  l as webHashRouter
+  i as createWebHashRouter,
+  l as router,
+  o as useWorkspace
 };

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

@@ -10,7 +10,7 @@ import { RouterView as A } from "vue-router";
 import { loadAllResources as D } from "../../libs/local-storage.js";
 import N from "../../components/CommandPalette/TheCommandPalette.vue.js";
 import { useDarkModeState as b } from "../../hooks/useDarkModeState.js";
-import { handleHotKeyDown as H } from "../../libs/event-busses/hot-key.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"