@scalar/api-client 2.1.1 → 2.1.4

package/dist/views/Request/RequestSection/RequestPathParams.vue.js

@@ -1,65 +1,66 @@
-import { defineComponent as K, computed as R, watch as E, openBlock as d, createBlock as f, withCtx as y, createTextVNode as g, toDisplayString as q, createElementBlock as C, createElementVNode as w } from "vue";
+import { defineComponent as $, computed as K, watch as E, openBlock as d, createBlock as f, withCtx as y, createTextVNode as x, toDisplayString as q, createElementBlock as C, createElementVNode as w } from "vue";
 import P from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import V from "./RequestTable.vue.js";
-import { useWorkspace as M } from "../../../store/store.js";
-const B = {
+import { pathRegex as M } from "@scalar/oas-utils/helpers";
+import { useWorkspace as B } from "../../../store/store.js";
+const N = {
   key: 1,
   class: "text-c-3 px-4 text-sm border rounded min-h-12 justify-center flex items-center bg-b-1 mx-1"
-}, N = /* @__PURE__ */ w("code", { class: "bg-b-2 ml-1 px-1 rounded" }, "/endpoint/{my_path_variable}", -1), H = /* @__PURE__ */ K({
+}, U = /* @__PURE__ */ w("code", { class: "bg-b-2 ml-1 px-1 rounded" }, "/endpoint/{my_path_variable}", -1), S = /* @__PURE__ */ $({
   __name: "RequestPathParams",
   props: {
     title: {},
     paramKey: {}
   },
-  setup(x) {
-    const o = x, {
+  setup(g) {
+    const o = g, {
       activeRequest: s,
-      activeExample: r,
+      activeExample: n,
       requestMutators: h,
       requestExampleMutators: v
-    } = M(), u = R(() => {
-      const e = r.value;
-      return e ? e.parameters[o.paramKey].map((n) => {
+    } = B(), u = K(() => {
+      const e = n.value;
+      return e ? e.parameters[o.paramKey].map((r) => {
         var a;
         return {
-          ...n,
-          enum: n.enum || ((a = e.serverVariables) == null ? void 0 : a[n.key])
+          ...r,
+          enum: r.enum || ((a = e.serverVariables) == null ? void 0 : a[r.key])
         };
       }) : [];
-    }), _ = (e, n, a) => {
-      var p, t;
-      if (!s.value || !r.value) return;
-      const c = r.value.parameters[o.paramKey], l = (p = c[e]) == null ? void 0 : p.key;
-      if (n === "key") {
-        if ((t = c[e]) != null && t.required)
+    }), _ = (e, r, a) => {
+      var l, t;
+      if (!s.value || !n.value) return;
+      const p = n.value.parameters[o.paramKey], c = (l = p[e]) == null ? void 0 : l.key;
+      if (r === "key") {
+        if ((t = p[e]) != null && t.required)
           return;
         if (a) {
-          const i = encodeURIComponent(l), m = encodeURIComponent(a), k = new RegExp(`(?<=/):${i}(?=[/?#]|$)`, "g"), $ = s.value.path.replace(
+          const i = encodeURIComponent(c), m = encodeURIComponent(a), k = new RegExp(`(?<=/):${i}(?=[/?#]|$)`, "g"), R = s.value.path.replace(
             k,
             `:${m}`
           );
-          h.edit(s.value.uid, "path", $);
+          h.edit(s.value.uid, "path", R);
         } else {
-          c.splice(e, 1);
-          const i = new RegExp(`/:${encodeURIComponent(l)}(?=[/?#]|$)`, "g"), m = s.value.path.replace(i, "");
+          p.splice(e, 1);
+          const i = new RegExp(`/:${encodeURIComponent(c)}(?=[/?#]|$)`, "g"), m = s.value.path.replace(i, "");
           h.edit(s.value.uid, "path", m);
         }
       }
       v.edit(
-        r.value.uid,
-        `parameters.${o.paramKey}.${e}.${n}`,
+        n.value.uid,
+        `parameters.${o.paramKey}.${e}.${r}`,
         a
       );
     }, b = (e) => {
-      var p;
-      if (!r.value) return;
-      const n = ((p = e.match(/{([^{}]+)}/g)) == null ? void 0 : p.map((t) => t.slice(1, -1))) || [], a = r.value.parameters[o.paramKey], c = new Map(a.map((t) => [t.key, t])), l = n.map(
-        (t) => c.get(t) || { key: t, value: "", enabled: !0 }
+      var l;
+      if (!n.value) return;
+      const r = ((l = e.match(M)) == null ? void 0 : l.map((t) => t.slice(1, -1))) || [], a = n.value.parameters[o.paramKey], p = new Map(a.map((t) => [t.key, t])), c = r.map(
+        (t) => p.get(t) || { key: t, value: "", enabled: !0 }
       );
       a.forEach((t) => {
-        !n.includes(t.key) && (t.value || t.required) && l.push(t);
-      }), a.splice(0, a.length, ...l), v.edit(
-        r.value.uid,
+        !r.includes(t.key) && (t.value || t.required) && c.push(t);
+      }), a.splice(0, a.length, ...c), v.edit(
+        n.value.uid,
         `parameters.${o.paramKey}`,
         a
       );
@@ -72,11 +73,11 @@ const B = {
       (e) => {
         e && b(e);
       }
-    ), (e, n) => (d(), f(P, {
+    ), (e, r) => (d(), f(P, {
       itemCount: u.value.length
     }, {
       title: y(() => [
-        g(q(e.title), 1)
+        x(q(e.title), 1)
       ]),
       default: y(() => [
         u.value.length ? (d(), f(V, {
@@ -85,9 +86,9 @@ const B = {
           isEnabledHidden: "",
           items: u.value,
           onUpdateRow: _
-        }, null, 8, ["items"])) : (d(), C("div", B, [
-          g(" You can use variables in your path: "),
-          N
+        }, null, 8, ["items"])) : (d(), C("div", N, [
+          x(" You can use variables in your path: "),
+          U
         ]))
       ]),
       _: 1
@@ -95,5 +96,5 @@ const B = {
   }
 });
 export {
-  H as default
+  S as default
 };

package/dist/views/Request/RequestSection/RequestSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":";AAuaA,wBAKG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":";AAsaA,wBAKG"}

package/dist/views/Request/RequestSection/RequestSection.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as R, computed as _, ref as g, watch as C, openBlock as c, createBlock as w, withCtx as x, createVNode as n, unref as a, createElementVNode as A, createTextVNode as H, createElementBlock as d, createCommentVNode as N, toDisplayString as b, withDirectives as r, vShow as u } from "vue";
-import V from "../../../components/ContextBar.vue.js";
+import { defineComponent as R, computed as _, ref as g, watch as C, openBlock as c, createBlock as w, withCtx as x, createVNode as n, unref as a, createElementVNode as A, createTextVNode as H, createElementBlock as d, createCommentVNode as N, toDisplayString as V, withDirectives as r, vShow as u } from "vue";
+import b from "../../../components/ContextBar.vue.js";
 import E from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import K from "./RequestBody.vue.js";
 import p from "./RequestParams.vue.js";
@@ -57,7 +57,7 @@ const M = { class: "flex-1 flex gap-1 items-center pointer-events-none" }, P = {
           A("div", M, [
             H(" Request "),
             a(m) ? N("", !0) : (c(), d("label", P)),
-            a(m) ? (c(), d("span", L, b((i = a(o)) == null ? void 0 : i.summary), 1)) : (c(), d("input", {
+            a(m) ? (c(), d("span", L, V((i = a(o)) == null ? void 0 : i.summary), 1)) : (c(), d("input", {
               key: 1,
               id: "requestname",
               class: "outline-none border-0 text-c-2 rounded pointer-events-auto relative w-full",
@@ -72,7 +72,7 @@ const M = { class: "flex-1 flex gap-1 items-center pointer-events-none" }, P = {
         var s, i, y;
         return [
           A("div", O, [
-            n(V, {
+            n(b, {
               activeSection: e.value,
               sections: q.value,
               onSetActiveSection: l[0] || (l[0] = (B) => e.value = B)
@@ -110,10 +110,7 @@ const M = { class: "flex-1 flex gap-1 items-center pointer-events-none" }, P = {
             }, null, 512), [
               [u, e.value === "All" || e.value === "Query"]
             ]),
-            r(n(K, {
-              body: "foo",
-              title: "Body"
-            }, null, 512), [
+            r(n(K, { title: "Body" }, null, 512), [
               [
                 u,
                 a(o) && (e.value === "All" || e.value === "Body") && a(v)(a(o).method)

package/dist/views/Request/RequestSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebar.vue"],"names":[],"mappings":";iBA8Ne,OAAO;gBACR,OAAO;;;;cAMkB,MAAM;aAAO,MAAM;;;iBAP3C,OAAO;gBACR,OAAO;;;cAMkB,MAAM;aAAO,MAAM;;;;AAyd1D,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":"RequestSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebar.vue"],"names":[],"mappings":";iBAiPe,OAAO;gBACR,OAAO;;;;cAMkB,MAAM;aAAO,MAAM;;;iBAP3C,OAAO;gBACR,OAAO;;;cAMkB,MAAM;aAAO,MAAM;;;;AA0gB1D,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/views/Request/RequestSidebar.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestSidebar.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0a67e4bf"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d4db0c38"]]);
 export {
-  f as default
+  d as default
 };

package/dist/views/Request/RequestSidebar.vue2.js

@@ -1,179 +1,190 @@
-import { defineComponent as A, watch as j, onMounted as G, onBeforeUnmount as J, withDirectives as Q, openBlock as a, createBlock as l, unref as e, normalizeClass as m, createSlots as X, withCtx as r, createElementVNode as c, createVNode as d, isRef as Y, withKeys as f, withModifiers as u, createElementBlock as k, Fragment as y, renderList as C, createTextVNode as D, toDisplayString as Z, createCommentVNode as _, vShow as ee } from "vue";
-import te from "../../components/HttpMethod/HttpMethod.vue.js";
-import { useSearch as oe } from "../../components/Search/useSearch.js";
-import se from "../../components/Sidebar/SidebarButton.vue.js";
-import { dragHandlerFactory as re } from "./handle-drag.js";
-import { ScalarSearchInput as ae, ScalarSearchResultList as ie, ScalarSearchResultItem as ne, ScalarIcon as I } from "@scalar/components";
-import le from "./RequestSidebarItem.vue.js";
-import de from "../../components/Sidebar/Sidebar.vue.js";
-import ue from "./components/WorkspaceDropdown.vue.js";
-import { useSidebar as pe } from "../../hooks/useSidebar.js";
-import { useWorkspace as me } from "../../store/store.js";
-import { hotKeyBus as $ } from "../../libs/event-busses/hot-keys-bus.js";
-import { commandPaletteBus as x } from "../../libs/event-busses/command-palette-bus.js";
-const ce = { class: "search-button-fade sticky px-3 py-2.5 top-0 z-50" }, $e = /* @__PURE__ */ A({
+import { defineComponent as J, reactive as Q, watch as X, onBeforeMount as Y, onMounted as Z, onBeforeUnmount as _, openBlock as r, createElementBlock as c, Fragment as b, withDirectives as ee, createVNode as l, unref as t, normalizeClass as f, createSlots as te, withCtx as a, createElementVNode as h, isRef as oe, withKeys as S, withModifiers as u, createBlock as m, renderList as I, createTextVNode as D, toDisplayString as se, createCommentVNode as $, vShow as re } from "vue";
+import ae from "../../components/HttpMethod/HttpMethod.vue.js";
+import { useSearch as ne } from "../../components/Search/useSearch.js";
+import ie from "../../components/Sidebar/SidebarButton.vue.js";
+import le from "./RequestSidebarItemMenu.vue.js";
+import { dragHandlerFactory as de } from "./handle-drag.js";
+import { ScalarSearchInput as ue, ScalarSearchResultList as me, ScalarSearchResultItem as pe, ScalarIcon as B } from "@scalar/components";
+import fe from "./RequestSidebarItem.vue.js";
+import ce from "../../components/Sidebar/Sidebar.vue.js";
+import be from "./components/WorkspaceDropdown.vue.js";
+import { useSidebar as he } from "../../hooks/useSidebar.js";
+import { useWorkspace as Se } from "../../store/store.js";
+import { hotKeyBus as x } from "../../libs/event-busses/hot-keys-bus.js";
+import { commandPaletteBus as V } from "../../libs/event-busses/command-palette-bus.js";
+const ve = { class: "search-button-fade sticky px-3 py-2.5 top-0 z-50" }, Me = /* @__PURE__ */ J({
   __name: "RequestSidebar",
   props: {
     showSidebar: { type: Boolean },
     isReadonly: { type: Boolean }
   },
   emits: ["update:showSidebar", "newTab"],
-  setup(B, { emit: V }) {
-    const F = B, h = V, b = me(), {
-      activeWorkspaceCollections: E,
-      activeRequest: q,
+  setup(E, { emit: F }) {
+    const M = E, v = F, R = Se(), {
+      activeWorkspaceCollections: q,
+      activeRequest: T,
       activeWorkspaceRequests: N,
-      findRequestParents: P
-    } = b, { handleDragEnd: T, isDroppable: z } = re(b), { collapsedSidebarFolders: K, setCollapsedSidebarFolder: U } = pe();
-    j(
-      q,
+      findRequestParents: O,
+      isReadOnly: P
+    } = R, { handleDragEnd: z, isDroppable: K } = de(R), { collapsedSidebarFolders: U, setCollapsedSidebarFolder: W } = he(), d = Q({ open: !1 });
+    X(
+      T,
       (s) => {
-        s && P(s).forEach(
-          (t) => U(t, !0)
+        s && O(s).forEach(
+          (e) => W(e, !0)
         );
       },
       { immediate: !0 }
     );
     const {
       searchText: p,
-      searchResultsWithPlaceholderResults: S,
-      selectedSearchResult: v,
-      onSearchResultClick: W,
-      fuseSearch: H,
-      searchInputRef: R,
-      searchResultRefs: M,
-      navigateSearchResults: w,
-      selectSearchResult: L
-    } = oe(), g = (s) => {
-      var t;
-      s.toggleSidebar && h("update:showSidebar", F.showSidebar), s.openCommandPalette && (s.openCommandPalette.preventDefault(), x.emit()), s.focusRequestSearch && ((t = R.value) == null || t.focus());
+      searchResultsWithPlaceholderResults: w,
+      selectedSearchResult: g,
+      onSearchResultClick: H,
+      fuseSearch: L,
+      searchInputRef: k,
+      searchResultRefs: j,
+      navigateSearchResults: y,
+      selectSearchResult: A
+    } = ne(), C = (s) => {
+      var e;
+      s.toggleSidebar && v("update:showSidebar", M.showSidebar), s.openCommandPalette && (s.openCommandPalette.preventDefault(), V.emit()), s.focusRequestSearch && ((e = k.value) == null || e.focus());
     };
-    return G(() => {
-      $.on(g);
-    }), J(() => {
-      $.off(g);
-    }), (s, t) => Q((a(), l(e(de), {
-      class: m([s.showSidebar ? "sidebar-active-width" : ""]),
-      showSidebar: s.showSidebar,
-      "onUpdate:showSidebar": t[7] || (t[7] = (o) => s.$emit("update:showSidebar", o))
-    }, X({
-      content: r(() => [
-        c("div", ce, [
-          d(e(ae), {
-            ref_key: "searchInputRef",
-            ref: R,
-            modelValue: e(p),
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => Y(p) ? p.value = o : null),
-            sidebar: "",
-            onInput: e(H),
-            onKeydown: [
-              t[1] || (t[1] = f(u((o) => e(w)("down"), ["stop"]), ["down"])),
-              t[2] || (t[2] = f(u((o) => e(L)(), ["stop"]), ["enter"])),
-              t[3] || (t[3] = f(u((o) => e(w)("up"), ["stop"]), ["up"]))
-            ]
-          }, null, 8, ["modelValue", "onInput"])
-        ]),
-        c("div", {
-          class: m(["custom-scroll flex flex-1 flex-col overflow-visible px-3 pb-3 pt-0", {
-            "pb-14": !s.isReadonly
-          }]),
-          onDragenter: t[5] || (t[5] = u(() => {
-          }, ["prevent"])),
-          onDragover: t[6] || (t[6] = u(() => {
-          }, ["prevent"]))
-        }, [
-          e(p) ? (a(), l(e(ie), {
-            key: 0,
-            class: "gap-px custom-scroll",
-            noResults: !e(S).length
-          }, {
-            default: r(() => [
-              (a(!0), k(y, null, C(e(S), (o, i) => (a(), l(e(ne), {
-                id: `#search-input-${o.item.id}`,
-                key: o.refIndex,
-                ref_for: !0,
-                ref: (n) => e(M)[i] = n,
-                active: e(v) === i,
-                class: "px-2",
-                onClick: (n) => e(W)(o),
-                onFocus: (n) => v.value = i
+    return Y(() => console.time("sidebar")), Z(() => {
+      x.on(C), setTimeout(() => console.timeEnd("sidebar"), 0);
+    }), _(() => {
+      x.off(C);
+    }), (s, e) => (r(), c(b, null, [
+      ee(l(t(ce), {
+        class: f([s.showSidebar ? "sidebar-active-width" : ""]),
+        showSidebar: s.showSidebar,
+        "onUpdate:showSidebar": e[8] || (e[8] = (o) => s.$emit("update:showSidebar", o))
+      }, te({
+        content: a(() => [
+          h("div", ve, [
+            l(t(ue), {
+              ref_key: "searchInputRef",
+              ref: k,
+              modelValue: t(p),
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => oe(p) ? p.value = o : null),
+              sidebar: "",
+              onInput: t(L),
+              onKeydown: [
+                e[1] || (e[1] = S(u((o) => t(y)("down"), ["stop"]), ["down"])),
+                e[2] || (e[2] = S(u((o) => t(A)(), ["stop"]), ["enter"])),
+                e[3] || (e[3] = S(u((o) => t(y)("up"), ["stop"]), ["up"]))
+              ]
+            }, null, 8, ["modelValue", "onInput"])
+          ]),
+          h("div", {
+            class: f(["custom-scroll flex flex-1 flex-col overflow-visible px-3 pb-3 pt-0", {
+              "pb-14": !s.isReadonly
+            }]),
+            onDragenter: e[6] || (e[6] = u(() => {
+            }, ["prevent"])),
+            onDragover: e[7] || (e[7] = u(() => {
+            }, ["prevent"]))
+          }, [
+            t(p) ? (r(), m(t(me), {
+              key: 0,
+              class: "gap-px custom-scroll",
+              noResults: !t(w).length
+            }, {
+              default: a(() => [
+                (r(!0), c(b, null, I(t(w), (o, i) => (r(), m(t(pe), {
+                  id: `#search-input-${o.item.id}`,
+                  key: o.refIndex,
+                  ref_for: !0,
+                  ref: (n) => t(j)[i] = n,
+                  active: t(g) === i,
+                  class: "px-2",
+                  onClick: (n) => t(H)(o),
+                  onFocus: (n) => g.value = i
+                }, {
+                  addon: a(() => [
+                    l(ae, {
+                      class: "font-bold",
+                      method: o.item.httpVerb ?? "get"
+                    }, null, 8, ["method"])
+                  ]),
+                  default: a(() => [
+                    D(se(o.item.title) + " ", 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "active", "onClick", "onFocus"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["noResults"])) : (r(!0), c(b, { key: 1 }, I(t(q), (o) => {
+              var i;
+              return r(), m(fe, {
+                key: o.uid,
+                isDraggable: !s.isReadonly && ((i = o.info) == null ? void 0 : i.title) !== "Drafts",
+                isDroppable: t(K),
+                menuItem: d,
+                parentUids: [],
+                uid: o.uid,
+                onNewTab: e[4] || (e[4] = (n, G) => v("newTab", { name: n, uid: G })),
+                onOnDragEnd: t(z),
+                onOpenMenu: e[5] || (e[5] = (n) => Object.assign(d, n))
               }, {
-                addon: r(() => [
-                  d(te, {
-                    class: "font-bold",
-                    method: o.item.httpVerb ?? "get"
-                  }, null, 8, ["method"])
-                ]),
-                default: r(() => [
-                  D(Z(o.item.title) + " ", 1)
+                leftIcon: a(() => [
+                  l(t(B), {
+                    class: "text-sidebar-c-2 text-sm group-hover:hidden",
+                    icon: "CodeFolder",
+                    size: "sm",
+                    thickness: "2"
+                  }),
+                  h("div", {
+                    class: f({
+                      "rotate-90": t(U)[o.uid]
+                    })
+                  }, [
+                    l(t(B), {
+                      class: "text-c-3 hidden text-sm group-hover:block",
+                      icon: "ChevronRight",
+                      size: "sm"
+                    })
+                  ], 2)
                 ]),
                 _: 2
-              }, 1032, ["id", "active", "onClick", "onFocus"]))), 128))
+              }, 1032, ["isDraggable", "isDroppable", "menuItem", "uid", "onOnDragEnd"]);
+            }), 128))
+          ], 34)
+        ]),
+        button: a(() => [
+          s.isReadonly ? $("", !0) : (r(), m(ie, {
+            key: 0,
+            class: f({
+              "empty-sidebar-item": t(N).length === 1
+            }),
+            click: t(V).emit
+          }, {
+            title: a(() => [
+              D("Add Item")
             ]),
             _: 1
-          }, 8, ["noResults"])) : (a(!0), k(y, { key: 1 }, C(e(E), (o) => {
-            var i;
-            return a(), l(le, {
-              key: o.uid,
-              isDraggable: !s.isReadonly && ((i = o.info) == null ? void 0 : i.title) !== "Drafts",
-              isDroppable: e(z),
-              parentUids: [],
-              uid: o.uid,
-              onNewTab: t[4] || (t[4] = (n, O) => h("newTab", { name: n, uid: O })),
-              onOnDragEnd: e(T)
-            }, {
-              leftIcon: r(() => [
-                d(e(I), {
-                  class: "text-sidebar-c-2 text-sm group-hover:hidden",
-                  icon: "CodeFolder",
-                  size: "sm",
-                  thickness: "2"
-                }),
-                c("div", {
-                  class: m({
-                    "rotate-90": e(K)[o.uid]
-                  })
-                }, [
-                  d(e(I), {
-                    class: "text-c-3 hidden text-sm group-hover:block",
-                    icon: "ChevronRight",
-                    size: "sm"
-                  })
-                ], 2)
-              ]),
-              _: 2
-            }, 1032, ["isDraggable", "isDroppable", "uid", "onOnDragEnd"]);
-          }), 128))
-        ], 34)
-      ]),
-      button: r(() => [
-        s.isReadonly ? _("", !0) : (a(), l(se, {
-          key: 0,
-          class: m({
-            "empty-sidebar-item": e(N).length === 1
-          }),
-          click: e(x).emit
-        }, {
-          title: r(() => [
-            D("Add Item")
+          }, 8, ["class", "click"]))
+        ]),
+        _: 2
+      }, [
+        s.isReadonly ? void 0 : {
+          name: "header",
+          fn: a(() => [
+            l(t(be))
           ]),
-          _: 1
-        }, 8, ["class", "click"]))
+          key: "0"
+        }
+      ]), 1032, ["class", "showSidebar"]), [
+        [re, s.showSidebar]
       ]),
-      _: 2
-    }, [
-      s.isReadonly ? void 0 : {
-        name: "header",
-        fn: r(() => [
-          d(e(ue))
-        ]),
-        key: "0"
-      }
-    ]), 1032, ["class", "showSidebar"])), [
-      [ee, s.showSidebar]
-    ]);
+      !t(P) && d ? (r(), m(le, {
+        key: 0,
+        menuItem: d,
+        onCloseMenu: e[9] || (e[9] = (o) => d.open = !1)
+      }, null, 8, ["menuItem"])) : $("", !0)
+    ], 64));
   }
 });
 export {
-  $e as default
+  Me as default
 };

package/dist/views/Request/RequestSidebarItem.vue.d.ts

@@ -1,3 +1,4 @@
+import type { SidebarMenuItem } from '../../views/Request/types/index.js';
 import { type DraggableProps, type DraggingItem, type HoveredItem } from '@scalar/draggable';
 declare function __VLS_template(): Readonly<{
     leftIcon(): void;
@@ -21,6 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     parentUids: string[];
     /** uid of a Collection, Tag, Request or RequestExample */
     uid: string;
+    /** To keep track of the menu being open */
+    menuItem: SidebarMenuItem;
 }>, {
     isDraggable: boolean;
     isDroppable: boolean;
@@ -28,6 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     onDragEnd: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => void;
     newTab: (name: string, uid: string) => void;
+    openMenu: (menuItem: SidebarMenuItem) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /**
      * Toggle dragging on and off
@@ -45,6 +49,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     parentUids: string[];
     /** uid of a Collection, Tag, Request or RequestExample */
     uid: string;
+    /** To keep track of the menu being open */
+    menuItem: SidebarMenuItem;
 }>, {
     isDraggable: boolean;
     isDroppable: boolean;
@@ -52,6 +58,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>> & {
     onOnDragEnd?: ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => any) | undefined;
     onNewTab?: ((name: string, uid: string) => any) | undefined;
+    onOpenMenu?: ((menuItem: SidebarMenuItem) => any) | undefined;
 }, {
     isDroppable: boolean | ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean);
     isDraggable: boolean;

package/dist/views/Request/RequestSidebarItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AAggBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AA+Q1B,iBAAS,cAAc;gBAnOT,IAAI;;gBAAJ,IAAI;EAo7BjB;AACD,QAAA,MAAM,eAAe;IAj9BjB;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,cAAc,CAAC,aAAa,CAAC;IAC3C,oEAAoE;gBACxD,MAAM,EAAE;IACpB,0DAA0D;SACrD,MAAM;;;;;;;;;IAfX;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,cAAc,CAAC,aAAa,CAAC;IAC3C,oEAAoE;gBACxD,MAAM,EAAE;IACpB,0DAA0D;SACrD,MAAM;;;;;;;;;;iBAVG,OAAO;MAm9BvB,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":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AAwbA,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEzE,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAmO1B,iBAAS,cAAc;gBA5LT,IAAI;;gBAAJ,IAAI;EAyvBjB;AACD,QAAA,MAAM,eAAe;IAzxBjB;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,cAAc,CAAC,aAAa,CAAC;IAC3C,oEAAoE;gBACxD,MAAM,EAAE;IACpB,0DAA0D;SACrD,MAAM;IACX,2CAA2C;cACjC,eAAe;;;;;;;;;;IAjBzB;;;;OAIG;kBACW,OAAO;IACrB;;;;OAIG;kBACW,cAAc,CAAC,aAAa,CAAC;IAC3C,oEAAoE;gBACxD,MAAM,EAAE;IACpB,0DAA0D;SACrD,MAAM;IACX,2CAA2C;cACjC,eAAe;;;;;;;;;;;iBAZX,OAAO;MA2xBvB,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/views/Request/RequestSidebarItem.vue.js

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