@scalar/api-client 2.0.46 → 2.0.48

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/Sidebar/SidebarListElement.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":";cAyEY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;cANb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;AAwJzB,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":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":";cA4EY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;cANb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB;qBACgB,MAAM;;;;AA0JzB,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/Sidebar/SidebarListElement.vue.js

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

package/dist/components/Sidebar/SidebarListElement.vue2.js

@@ -22,7 +22,7 @@ const C = {
       const d = v("router-link");
       return o(), n("li", null, [
         t(d, {
-          class: l(["text-c-2 hover:bg-b-2 group relative block flex items-center gap-1 rounded py-1 pr-2 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-2"]]),
+          class: l(["h-8 text-c-2 hover:bg-b-2 group relative block flex items-center gap-1 rounded py-1 pr-2 font-medium no-underline", [e.variable.color ? "pl-1" : "pl-2"]]),
           exactActiveClass: "active-link",
           to: `${e.variable.uid}`,
           onClick: a[0] || (a[0] = f((b) => p(b, e.variable.uid), ["prevent"]))

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

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
         name: string;
         isDefault: boolean;
     };
+    warningMessage?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (id: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
         name: string;
         isDefault: boolean;
     };
+    warningMessage?: string;
 }>>> & {
     onDelete?: ((id: string) => any) | undefined;
 }, {}, {}>;

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElementActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElementActions.vue"],"names":[],"mappings":";cAqFY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;;;;cAJS;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;;;;AA6LH,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":"SidebarListElementActions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElementActions.vue"],"names":[],"mappings":";cAsFY;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;qBACgB,MAAM;;;;cALb;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB;qBACgB,MAAM;;;;AA6LzB,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/Sidebar/SidebarListElementActions.vue.js

@@ -1,41 +1,42 @@
-import { defineComponent as k, ref as w, openBlock as l, createElementBlock as c, Fragment as g, createElementVNode as u, unref as a, createVNode as i, withModifiers as N, createCommentVNode as m, withCtx as x, createBlock as $ } from "vue";
-import D from "./Actions/DeleteSidebarListElement.vue.js";
-import { useModal as M, ScalarIcon as d, ScalarModal as A } from "@scalar/components";
-import { useClipboard as S } from "../../hooks/useClipboard.js";
-const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, z = /* @__PURE__ */ k({
+import { defineComponent as w, ref as M, openBlock as l, createElementBlock as c, Fragment as k, createElementVNode as m, unref as a, createVNode as i, withModifiers as y, createCommentVNode as u, withCtx as N, createBlock as $ } from "vue";
+import x from "./Actions/DeleteSidebarListElement.vue.js";
+import { useModal as D, ScalarIcon as d, ScalarModal as S } from "@scalar/components";
+import { useClipboard as A } from "../../hooks/useClipboard.js";
+const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" }, I = /* @__PURE__ */ w({
   __name: "SidebarListElementActions",
   props: {
-    variable: {}
+    variable: {},
+    warningMessage: {}
   },
   emits: ["delete"],
   setup(p, { emit: v }) {
-    const { variable: b } = p, f = v, t = w({ action: "None", name: "" }), n = M(), { copyToClipboard: h } = S();
+    const { variable: b } = p, f = v, t = M({ action: "None", name: "" }), n = D(), { copyToClipboard: g } = A();
     function C(e) {
       t.value = { action: e, name: b.name }, n.show();
     }
     function r() {
       n.hide(), t.value = { action: "None", name: "" };
     }
-    function y(e) {
+    function h(e) {
       f("delete", e), r();
     }
-    return (e, o) => (l(), c(g, null, [
-      u("div", B, [
-        u("button", {
+    return (e, o) => (l(), c(k, null, [
+      m("div", B, [
+        m("button", {
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-[5px]",
           type: "button",
-          onClick: o[0] || (o[0] = (s) => a(h)(e.variable.name))
+          onClick: o[0] || (o[0] = (s) => a(g)(e.variable.name))
         }, [
           i(a(d), {
             class: "h-3 w-3",
             icon: "Clipboard"
           })
         ]),
-        e.variable.isDefault ? m("", !0) : (l(), c("button", {
+        e.variable.isDefault ? u("", !0) : (l(), c("button", {
           key: 0,
           class: "text-c-3 hover:bg-b-3 hover:text-c-1 rounded p-1",
           type: "button",
-          onClick: o[1] || (o[1] = N((s) => C(
+          onClick: o[1] || (o[1] = y((s) => C(
             "Delete"
             /* Delete */
           ), ["prevent"]))
@@ -46,19 +47,19 @@ const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" },
           })
         ]))
       ]),
-      i(a(A), {
+      i(a(S), {
         size: "sm",
         state: a(n),
         title: `${t.value.action} ${t.value.name}`
       }, {
-        default: x(() => [
-          t.value.action === "Delete" ? (l(), $(D, {
+        default: N(() => [
+          t.value.action === "Delete" ? (l(), $(x, {
             key: 0,
             variableName: t.value.name,
-            warningMessage: "Are you sure you want to delete this cookie?",
+            warningMessage: e.warningMessage,
             onClose: r,
-            onDelete: o[2] || (o[2] = (s) => y(e.variable.uid))
-          }, null, 8, ["variableName"])) : m("", !0)
+            onDelete: o[2] || (o[2] = (s) => h(e.variable.uid))
+          }, null, 8, ["variableName", "warningMessage"])) : u("", !0)
         ]),
         _: 1
       }, 8, ["state", "title"])
@@ -66,5 +67,5 @@ const B = { class: "absolute flex right-1 opacity-0 group-hover:opacity-100" },
   }
 });
 export {
-  z 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":";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"