@scalar/api-client 2.0.59 → 2.0.62

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

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