@scalar/api-client 2.1.39 → 2.1.41

package/dist/views/Cookies/Cookies.vue.d.ts

@@ -1,7 +1,3 @@
-declare const _default: import("vue").DefineComponent<{
-    isApp: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    isApp: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=Cookies.vue.d.ts.map

package/dist/views/Cookies/Cookies.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/Cookies.vue"],"names":[],"mappings":";WAwMS,OAAO;;WAAP,OAAO;;AAmWhB,wBAMG"}
+{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/Cookies.vue"],"names":[],"mappings":";AAsiBA,wBAKG"}

package/dist/views/Cookies/Cookies.vue2.js

@@ -1,25 +1,22 @@
-import { defineComponent as L, computed as V, onMounted as D, onBeforeUnmount as M, openBlock as n, createBlock as O, withCtx as a, createVNode as s, unref as l, createElementVNode as f, createElementBlock as m, Fragment as _, renderList as x, normalizeClass as $, createTextVNode as k, toDisplayString as j, withDirectives as A, vShow as E } from "vue";
-import R from "../../components/Sidebar/SidebarButton.vue.js";
-import F from "../../components/Sidebar/SidebarList.vue.js";
-import K from "../../components/Sidebar/SidebarListElement.vue.js";
-import H from "../../components/ViewLayout/ViewLayout.vue.js";
-import I from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { ScalarIcon as N } from "@scalar/components";
-import { cookieSchema as P } from "@scalar/oas-utils/entities/cookie";
-import { useRouter as T, useRoute as U } from "vue-router";
-import W from "./CookieForm.vue.js";
-import q from "./CookieRaw.vue.js";
-import { useSidebar as G } from "../../hooks/useSidebar.js";
-import { useWorkspace as J } from "../../store/store.js";
-import Q from "../../components/Sidebar/Sidebar.vue.js";
-const X = { class: "flex-1" }, Y = ["onClick"], Z = { class: "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(1rem_-_1.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, ee = ["onClick"], te = { class: "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(1.75rem_-_1.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, xe = /* @__PURE__ */ L({
+import { defineComponent as D, inject as M, computed as R, onMounted as F, onBeforeUnmount as K, openBlock as l, createBlock as j, withCtx as a, createVNode as s, unref as n, createElementVNode as f, createElementBlock as m, Fragment as _, renderList as x, normalizeClass as O, createTextVNode as k, toDisplayString as $, withDirectives as E, vShow as N } from "vue";
+import A from "../../components/Sidebar/SidebarButton.vue.js";
+import H from "../../components/Sidebar/SidebarList.vue.js";
+import I from "../../components/Sidebar/SidebarListElement.vue.js";
+import P from "../../components/ViewLayout/ViewLayout.vue.js";
+import T from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { ScalarIcon as z } from "@scalar/components";
+import { cookieSchema as U } from "@scalar/oas-utils/entities/cookie";
+import { useRouter as W, useRoute as q } from "vue-router";
+import G from "./CookieForm.vue.js";
+import J from "./CookieRaw.vue.js";
+import { useSidebar as Q } from "../../hooks/useSidebar.js";
+import { useWorkspace as X } from "../../store/store.js";
+import Y from "../../components/Sidebar/Sidebar.vue.js";
+const Z = { class: "flex-1" }, ee = ["onClick"], te = { class: "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(1rem_-_1.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, oe = ["onClick"], re = { class: "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(1.75rem_-_1.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, ve = /* @__PURE__ */ D({
   __name: "Cookies",
-  props: {
-    isApp: { type: Boolean }
-  },
-  setup(oe) {
-    const { cookies: d, cookieMutators: v, events: g } = J(), { collapsedSidebarFolders: i, toggleSidebarFolder: y } = G(), b = T(), z = U(), C = () => {
-      const t = Object.keys(d).length, e = P.parse({
+  setup(se) {
+    const { cookies: p, cookieMutators: v, events: y } = X(), { collapsedSidebarFolders: i, toggleSidebarFolder: g } = Q(), b = W(), L = q(), V = M("layout"), C = () => {
+      const t = Object.keys(p).length, e = U.parse({
         name: `Cookie ${t}`,
         value: "",
         domain: "example.com",
@@ -31,84 +28,84 @@ const X = { class: "flex-1" }, Y = ["onClick"], Z = { class: "before:bg-border b
       v.add(e), b.push(e.uid);
     }, B = (t) => {
       v.delete(t);
-      const e = Object.values(d).filter(
+      const e = Object.values(p).filter(
         (o) => o.uid !== t
       );
       if (e.length > 1) {
         const o = e[e.length - 1];
         b.push(o.uid);
       } else e.length === 1 && e[0].uid === "default" && b.push("default");
-    }, h = V(() => {
+    }, h = R(() => {
       const t = {};
-      return Object.values(d).forEach((e) => {
+      return Object.values(p).forEach((e) => {
         e.domain && e.path && (t[e.domain] || (t[e.domain] = {}), t[e.domain][e.path] || (t[e.domain][e.path] = []), t[e.domain][e.path].push(e));
       }), t;
     }), w = (t) => i[t], S = (t) => {
-      t != null && t.createNew && z.name === "cookies" && C();
+      t != null && t.createNew && L.name === "cookies" && C();
     };
-    return D(() => {
+    return F(() => {
       const t = Object.keys(h.value), e = Object.entries(h.value).flatMap(
-        ([o, r]) => Object.keys(r).map((p) => o + p)
+        ([o, r]) => Object.keys(r).map((d) => o + d)
       );
       t.forEach((o) => {
         i[o] = !0;
       }), e.forEach((o) => {
         i[o] = !0;
-      }), g.hotKeys.on(S);
-    }), M(() => g.hotKeys.off(S)), (t, e) => (n(), O(H, null, {
+      }), y.hotKeys.on(S);
+    }), K(() => y.hotKeys.off(S)), (t, e) => (l(), j(P, null, {
       default: a(() => [
-        s(l(Q), { title: "Cookies" }, {
+        s(n(Y), { title: "Cookies" }, {
           content: a(() => [
-            f("div", X, [
-              s(F, null, {
+            f("div", Z, [
+              s(H, null, {
                 default: a(() => [
-                  (n(!0), m(_, null, x(h.value, (o, r) => (n(), m("div", { key: r }, [
+                  (l(!0), m(_, null, x(h.value, (o, r) => (l(), m("div", { key: r }, [
                     f("button", {
                       class: "flex font-medium gap-1.5 items-center px-2 py-1.5 text-left text-sm w-full break-words rounded hover:bg-b-2",
                       type: "button",
-                      onClick: (p) => l(y)(r)
+                      onClick: (d) => n(g)(r)
                     }, [
-                      s(l(N), {
-                        class: $(["text-c-3", {
-                          "rotate-90": l(i)[r]
+                      s(n(z), {
+                        class: O(["text-c-3", {
+                          "rotate-90": n(i)[r]
                         }]),
                         icon: "ChevronRight",
                         size: "sm",
                         thickness: "2.5"
                       }, null, 8, ["class"]),
-                      k(" " + j(r), 1)
-                    ], 8, Y),
-                    A(f("div", Z, [
-                      (n(!0), m(_, null, x(o, (p, c) => (n(), m("div", { key: c }, [
+                      k(" " + $(r), 1)
+                    ], 8, ee),
+                    E(f("div", te, [
+                      (l(!0), m(_, null, x(o, (d, u) => (l(), m("div", { key: u }, [
                         f("button", {
                           class: "flex font-medium gap-1.5 items-center pl-5 pr-2 py-1.5 text-left text-sm w-full break-words rounded hover:bg-b-2",
                           type: "button",
-                          onClick: (u) => l(y)(r + c)
+                          onClick: (c) => n(g)(r + u)
                         }, [
-                          s(l(N), {
-                            class: $(["text-c-3", {
-                              "rotate-90": l(i)[r + c]
+                          s(n(z), {
+                            class: O(["text-c-3", {
+                              "rotate-90": n(i)[r + u]
                             }]),
                             icon: "ChevronRight",
                             size: "sm",
                             thickness: "2.5"
                           }, null, 8, ["class"]),
-                          k(" " + j(c), 1)
-                        ], 8, ee),
-                        A(f("div", te, [
-                          (n(!0), m(_, null, x(p, (u) => (n(), O(K, {
-                            key: u.uid,
+                          k(" " + $(u), 1)
+                        ], 8, oe),
+                        E(f("div", re, [
+                          (l(!0), m(_, null, x(d, (c) => (l(), j(I, {
+                            key: c.uid,
                             class: "cookie text-xs",
-                            variable: { name: u.name, uid: u.uid },
+                            variable: { name: c.name, uid: c.uid },
                             warningMessage: "Are you sure you want to delete this cookie?",
-                            onDelete: (re) => B(u.uid)
+                            onDelete: (ne) => B(c.uid)
                           }, null, 8, ["variable", "onDelete"]))), 128))
                         ], 512), [
-                          [E, w(r + c)]
+                          [N, w(r + u)]
                         ])
                       ]))), 128))
                     ], 512), [
-                      [E, w(r)]
+                      [N, w(r)]
                     ])
                   ]))), 128))
                 ]),
@@ -117,23 +114,23 @@ const X = { class: "flex-1" }, Y = ["onClick"], Z = { class: "before:bg-border b
             ])
           ]),
           button: a(() => [
-            s(R, {
+            s(A, {
               click: C,
               hotkey: "N",
-              isApp: t.isApp
+              layout: n(V)
             }, {
               title: a(() => e[0] || (e[0] = [
                 k("Add Cookie")
               ])),
               _: 1
-            }, 8, ["isApp"])
+            }, 8, ["layout"])
           ]),
           _: 1
         }),
-        s(I, { class: "flex-1" }, {
+        s(T, { class: "flex-1" }, {
           default: a(() => [
-            s(W),
-            s(q)
+            s(G),
+            s(J)
           ]),
           _: 1
         })
@@ -143,5 +140,5 @@ const X = { class: "flex-1" }, Y = ["onClick"], Z = { class: "before:bg-border b
   }
 });
 export {
-  xe as default
+  ve as default
 };

package/dist/views/Environment/Environment.vue.d.ts

@@ -1,7 +1,3 @@
-declare const _default: import("vue").DefineComponent<{
-    isApp: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    isApp: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=Environment.vue.d.ts.map

package/dist/views/Environment/Environment.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/Environment.vue"],"names":[],"mappings":";WA6NS,OAAO;;WAAP,OAAO;;AAibhB,wBAMG"}
+{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/Environment.vue"],"names":[],"mappings":";AAw0BA,wBAKG"}

package/dist/views/Environment/Environment.vue2.js

@@ -1,72 +1,116 @@
-import { defineComponent as B, ref as m, onMounted as K, onBeforeUnmount as L, openBlock as i, createBlock as p, withCtx as r, createVNode as u, createElementVNode as R, createElementBlock as y, Fragment as U, renderList as O, unref as a, createTextVNode as T, createSlots as j, createCommentVNode as F, toDisplayString as H, withKeys as J, nextTick as W } from "vue";
-import q from "../../components/CodeInput/CodeInput.vue.js";
-import z from "../../components/Sidebar/Sidebar.vue.js";
-import G from "../../components/Sidebar/SidebarButton.vue.js";
-import P from "../../components/Sidebar/SidebarList.vue.js";
-import Q from "../../components/Sidebar/SidebarListElement.vue.js";
-import X from "../../components/ViewLayout/ViewLayout.vue.js";
-import Y from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import Z from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { useModal as x } from "@scalar/components";
-import { environmentSchema as ee } from "@scalar/oas-utils/entities/environment";
-import { nanoid as te } from "nanoid";
-import { useRouter as oe, useRoute as ne } from "vue-router";
-import le from "./EnvironmentColorModal.vue.js";
-import ae from "./EnvironmentModal.vue.js";
-import { useWorkspace as re } from "../../store/store.js";
-const ue = { class: "flex-1" }, ie = ["value"], we = /* @__PURE__ */ B({
+import { defineComponent as J, ref as d, inject as T, watch as F, onMounted as H, onBeforeUnmount as W, openBlock as m, createBlock as b, withCtx as i, createVNode as s, createElementVNode as q, createElementBlock as g, Fragment as G, renderList as P, unref as a, createTextVNode as Q, createSlots as X, createCommentVNode as Y, toDisplayString as Z, withKeys as ee, nextTick as ne } from "vue";
+import te from "../../components/CodeInput/CodeInput.vue.js";
+import oe from "../../components/Sidebar/Sidebar.vue.js";
+import le from "../../components/Sidebar/SidebarButton.vue.js";
+import ae from "../../components/Sidebar/SidebarList.vue.js";
+import ue from "../../components/Sidebar/SidebarListElement.vue.js";
+import ie from "../../components/ViewLayout/ViewLayout.vue.js";
+import re from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import se from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { useModal as M } from "@scalar/components";
+import { environmentSchema as me } from "@scalar/oas-utils/entities/environment";
+import { nanoid as ce } from "nanoid";
+import { useRouter as de, useRoute as fe } from "vue-router";
+import ve from "./EnvironmentColorModal.vue.js";
+import pe from "./EnvironmentModal.vue.js";
+import { useWorkspace as ye } from "../../store/store.js";
+const Ee = { class: "flex-1" }, he = ["value"], Re = /* @__PURE__ */ J({
   __name: "Environment",
-  props: {
-    isApp: { type: Boolean }
-  },
-  setup(se) {
-    const E = oe(), h = ne(), { environments: l, environmentMutators: s, events: k } = re(), d = x(), f = x(), t = m(null), g = m(null), c = m(!1), v = m(null), C = m("");
-    function _(e) {
-      const o = ee.parse({
+  setup(be) {
+    const f = de(), k = fe(), { environments: l, environmentMutators: r, events: C } = ye(), v = M(), p = M(), o = d(null), _ = d(null), y = d(!1), E = d(null), V = d(""), O = T("layout"), c = (e) => JSON.parse(e), h = (e) => JSON.stringify(e, null, 2);
+    function x(e) {
+      const t = l[Object.keys(l)[0]], u = (t ? Object.keys(c(t.value)) : []).reduce(
+        (D, z) => (D[z] = "", D),
+        {}
+      ), w = me.parse({
         name: e.name,
-        uid: te(),
+        uid: ce(),
         color: e.color,
-        value: JSON.stringify({ exampleKey: "exampleValue" }, null, 2),
+        value: h(u),
         isDefault: !1
       });
-      s.add(o), t.value = o.uid, E.push(t.value), f.hide();
+      r.add(w), o.value = w.uid, f.push(o.value), p.hide();
     }
-    function N(e) {
-      t.value && s.edit(t.value, "value", e);
+    function S(e) {
+      Object.values(l).forEach((t) => {
+        const n = c(t.value);
+        e in n || (n[e] = "", r.edit(
+          t.uid,
+          "value",
+          h(n)
+        ));
+      });
+    }
+    function $(e) {
+      Object.values(l).forEach((t) => {
+        const n = c(t.value);
+        e in n && (delete n[e], r.edit(
+          t.uid,
+          "value",
+          h(n)
+        ));
+      });
+    }
+    function j(e) {
+      if (o.value) {
+        const t = c(e), n = c(
+          l[o.value].value
+        );
+        Object.keys(t).forEach((u) => {
+          u in n || S(u);
+        }), Object.keys(n).forEach((u) => {
+          u in t || $(u);
+        }), r.edit(o.value, "value", e);
+      }
     }
-    const w = (e) => {
-      s.delete(e), t.value === e && (t.value = null);
-    }, D = (e) => {
-      v.value = e, C.value = l[e].color || "", d.show();
-    }, M = (e) => {
-      v.value && (s.edit(v.value, "color", e), d.hide());
-    }, V = () => {
-      E.currentRoute.value.params.environment === "default" && (t.value = l.default.uid);
-    }, $ = () => {
-      t.value && !l[t.value].isDefault && (c.value = !0, W(() => {
+    const K = (e) => {
+      if (r.delete(e), o.value === e) {
+        const t = Object.values(l);
+        if (t.length > 0) {
+          const n = t[t.length - 1];
+          o.value = n.uid, f.push({
+            name: "environment",
+            params: { environment: n.uid }
+          });
+        } else
+          o.value = l.default.uid, f.push({ name: "environment", params: { environment: "default" } });
+      }
+    }, I = (e) => {
+      E.value = e, V.value = l[e].color || "", v.show();
+    }, R = (e) => {
+      E.value && (r.edit(E.value, "color", e), v.hide());
+    }, B = () => {
+      const e = f.currentRoute.value.params.environment;
+      e ? o.value = e : e === "default" && (o.value = l.default.uid);
+    }, L = () => {
+      o.value && !l[o.value].isDefault && (y.value = !0, ne(() => {
         var e;
-        (e = g.value) == null || e.focus();
+        (e = _.value) == null || e.focus();
       }));
-    }, S = (e) => {
+    }, A = (e) => {
       const n = e.target.value;
-      t.value && !l[t.value].isDefault && s.edit(t.value, "name", n);
-    }, b = (e) => {
-      e != null && e.createNew && h.name === "environment" && _({ name: "", color: "" });
-    }, A = () => {
-      f.show();
+      o.value && !l[o.value].isDefault && r.edit(o.value, "name", n);
+    }, N = (e) => {
+      e != null && e.createNew && k.name === "environment" && x({ name: "", color: "" });
+    }, U = () => {
+      p.show();
     };
-    return K(() => {
-      V(), k.hotKeys.on(b);
-    }), L(() => k.hotKeys.off(b)), (e, o) => (i(), p(X, null, {
-      default: r(() => [
-        u(z, { title: "Environment" }, {
-          content: r(() => [
-            R("div", ue, [
-              u(P, null, {
-                default: r(() => [
-                  (i(!0), y(U, null, O(a(l), (n) => (i(), p(Q, {
+    return F(
+      () => k.params.environment,
+      (e) => o.value = e || l.default.uid
+    ), H(() => {
+      B(), C.hotKeys.on(N);
+    }), W(() => C.hotKeys.off(N)), (e, t) => (m(), b(ie, null, {
+      default: i(() => [
+        s(oe, { title: "Environment" }, {
+          content: i(() => [
+            q("div", Ee, [
+              s(ae, null, {
+                default: i(() => [
+                  (m(!0), g(G, null, P(a(l), (n) => (m(), b(ue, {
                     key: n.uid,
                     class: "text-xs",
+                    isCopyable: !1,
                     variable: {
                       name: n.name,
                       uid: n.uid,
@@ -74,62 +118,64 @@ const ue = { class: "flex-1" }, ie = ["value"], we = /* @__PURE__ */ B({
                       isDefault: n.isDefault
                     },
                     warningMessage: "Are you sure you want to delete this environment?",
-                    onClick: (I) => t.value = n.uid,
-                    onColorModal: D,
-                    onDelete: (I) => w(n.uid)
+                    onClick: (u) => o.value = n.uid,
+                    onColorModal: I,
+                    onDelete: (u) => K(n.uid)
                   }, null, 8, ["variable", "onClick", "onDelete"]))), 128))
                 ]),
                 _: 1
               })
             ])
           ]),
-          button: r(() => [
-            u(G, {
-              click: A,
+          button: i(() => [
+            s(le, {
+              click: U,
               hotkey: "N",
-              isApp: e.isApp
+              layout: a(O)
             }, {
-              title: r(() => o[4] || (o[4] = [
-                T("Add Environment")
+              title: i(() => t[4] || (t[4] = [
+                Q("Add Environment")
               ])),
               _: 1
-            }, 8, ["isApp"])
+            }, 8, ["layout"])
           ]),
           _: 1
         }),
-        u(Y, { class: "flex-1" }, {
-          default: r(() => [
-            u(Z, null, j({
-              default: r(() => [
-                t.value ? (i(), p(q, {
+        s(re, { class: "flex-1" }, {
+          default: i(() => [
+            s(se, null, X({
+              default: i(() => [
+                o.value ? (m(), b(te, {
                   key: 0,
-                  class: "pl-px pr-2 md:px-2 py-2.5",
+                  class: "pl-px pr-2 md:px-4 py-2",
+                  isCopyable: "",
                   language: "json",
                   lineNumbers: "",
-                  modelValue: a(l)[t.value].value,
-                  "onUpdate:modelValue": N
-                }, null, 8, ["modelValue"])) : F("", !0)
+                  lint: "",
+                  modelValue: a(l)[o.value].value,
+                  "onUpdate:modelValue": j
+                }, null, 8, ["modelValue"])) : Y("", !0)
               ]),
               _: 2
             }, [
-              t.value ? {
+              o.value ? {
                 name: "title",
-                fn: r(() => [
-                  !c.value || a(l)[t.value].isDefault ? (i(), y("span", {
+                fn: i(() => [
+                  !y.value || a(l)[o.value].isDefault ? (m(), g("span", {
                     key: 0,
-                    onDblclick: $
-                  }, H(a(l)[t.value].name), 33)) : (i(), y("input", {
+                    onDblclick: L
+                  }, Z(a(l)[o.value].name), 33)) : (m(), g("input", {
                     key: 1,
                     ref_key: "nameInputRef",
-                    ref: g,
+                    ref: _,
                     class: "ring-1 ring-offset-4 ring-b-outline rounded",
                     spellcheck: "false",
                     type: "text",
-                    value: a(l)[t.value].name,
-                    onBlur: o[0] || (o[0] = (n) => c.value = !1),
-                    onInput: S,
-                    onKeyup: o[1] || (o[1] = J((n) => c.value = !1, ["enter"]))
-                  }, null, 40, ie))
+                    value: a(l)[o.value].name,
+                    onBlur: t[0] || (t[0] = (n) => y.value = !1),
+                    onInput: A,
+                    onKeyup: t[1] || (t[1] = ee((n) => y.value = !1, ["enter"]))
+                  }, null, 40, he))
                 ]),
                 key: "0"
               } : void 0
@@ -137,16 +183,16 @@ const ue = { class: "flex-1" }, ie = ["value"], we = /* @__PURE__ */ B({
           ]),
           _: 1
         }),
-        u(le, {
-          selectedColor: C.value,
-          state: a(d),
-          onCancel: o[2] || (o[2] = (n) => a(d).hide()),
-          onSubmit: M
+        s(ve, {
+          selectedColor: V.value,
+          state: a(v),
+          onCancel: t[2] || (t[2] = (n) => a(v).hide()),
+          onSubmit: R
         }, null, 8, ["selectedColor", "state"]),
-        u(ae, {
-          state: a(f),
-          onCancel: o[3] || (o[3] = (n) => a(f).hide()),
-          onSubmit: _
+        s(pe, {
+          state: a(p),
+          onCancel: t[3] || (t[3] = (n) => a(p).hide()),
+          onSubmit: x
         }, null, 8, ["state"])
       ]),
       _: 1
@@ -154,5 +200,5 @@ const ue = { class: "flex-1" }, ie = ["value"], we = /* @__PURE__ */ B({
   }
 });
 export {
-  we as default
+  Re as default
 };

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;;WAK/B,MAAM;uBACM,cAAc,CAAC,mBAAmB,CAAC;wBAClC,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;gCA0Df,IAAI,GAAG,MAAM;;;;;WA/DvC,MAAM;uBACM,cAAc,CAAC,mBAAmB,CAAC;wBAClC,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;AA+RlD,wBAUG"}
+{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;;WAK/B,MAAM;uBACM,cAAc,CAAC,mBAAmB,CAAC;wBAClC,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;gCA0Df,IAAI,GAAG,MAAM;;;;;WA/DvC,MAAM;uBACM,cAAc,CAAC,mBAAmB,CAAC;wBAClC,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;AAwRlD,wBAUG"}

package/dist/views/Environment/EnvironmentVariableDropdown.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as I, ref as d, computed as N, onMounted as P, openBlock as s, createBlock as w, unref as p, normalizeStyle as h, withCtx as y, createElementBlock as f, Fragment as R, renderList as j, normalizeClass as q, createElementVNode as v, createTextVNode as b, toDisplayString as k, createVNode as z } from "vue";
+import { defineComponent as I, ref as d, computed as N, onMounted as P, openBlock as a, createBlock as w, unref as p, normalizeStyle as h, withCtx as y, createElementBlock as f, Fragment as R, renderList as j, normalizeClass as q, createElementVNode as v, createTextVNode as k, toDisplayString as b, createVNode as z } from "vue";
 import { ScalarDropdown as F, ScalarButton as K, ScalarIcon as T } from "@scalar/components";
 import { onClickOutside as $ } from "@vueuse/core";
 import L from "fuse.js";
-import { parseEnvVariables as g } from "../../libs/environment-parser.js";
+import { parseEnvVariables as x } from "../../libs/environment-parser.js";
 const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 whitespace-nowrap" }, H = { class: "w-20 overflow-hidden text-ellipsis text-right whitespace-nowrap" }, oe = /* @__PURE__ */ I({
   __name: "EnvironmentVariableDropdown",
   props: {
@@ -13,16 +13,16 @@ const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 w
     dropdownPosition: {}
   },
   emits: ["select"],
-  setup(x, { expose: E, emit: V }) {
-    const a = x, _ = V, c = d(!0), u = d(null), r = d(0), C = () => {
+  setup(g, { expose: E, emit: V }) {
+    const l = g, _ = V, c = d(!0), u = d(null), r = d(0), C = () => {
       const e = A.value.params.workspace;
       S(`/workspace/${e}/environment/default`), c.value = !1;
-    }, { push: S, currentRoute: A } = a.router, B = new L(g(a.activeEnvVariables.value), {
+    }, { push: S, currentRoute: A } = l.router, B = new L(x(l.activeEnvVariables.value), {
       keys: ["key", "value"]
-    }), l = N(() => {
-      const e = a.query;
+    }), s = N(() => {
+      const e = l.query;
       if (!e)
-        return g(a.activeEnvVariables.value).slice(-4).filter(({ key: t, value: n }) => t !== "" || n !== "");
+        return x(l.activeEnvVariables.value).slice(-4).filter(({ key: t, value: n }) => t !== "" || n !== "");
       const o = B.search(e);
       return o.length > 0 ? o.map((t) => t.item).filter(({ key: t, value: n }) => t !== "" || n !== "") : [];
     }), m = (e) => {
@@ -30,12 +30,12 @@ const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 w
     }, O = (e) => e.value ? e.value.color : "#8E8E8E";
     return E({
       handleArrowKey: (e) => {
-        const o = e === "up" ? -1 : 1, t = l.value.length;
+        const o = e === "up" ? -1 : 1, t = s.value.length;
         t !== 0 && (r.value = (r.value + o + t) % t);
       },
       handleSelect: () => {
         if (r.value >= 0) {
-          const e = l.value[r.value];
+          const e = s.value[r.value];
           e && m(e.key);
         }
       }
@@ -49,10 +49,9 @@ const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 w
       { ignore: [u] }
     ), (e, o) => {
       var t, n;
-      return s(), w(p(F), {
+      return a(), w(p(F), {
         ref_key: "dropdownRef",
         ref: u,
-        class: "mt-2 min-w-60 rounded border bg-b-1 p-1 w-fit",
         static: "",
         staticOpen: c.value,
         style: h({
@@ -62,8 +61,8 @@ const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 w
         teleport: ".scalar-client"
       }, {
         items: y(() => [
-          l.value.length ? (s(), f("ul", M, [
-            (s(!0), f(R, null, j(l.value, (i, D) => (s(), f("li", {
+          s.value.length ? (a(), f("ul", M, [
+            (a(!0), f(R, null, j(s.value, (i, D) => (a(), f("li", {
               key: i.key,
               class: q(["h-8 font-code text-xxs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150", { "bg-b-2": D === r.value }]),
               onClick: (W) => m(i.key)
@@ -75,11 +74,11 @@ const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 w
                     backgroundColor: O(e.activeEnvironment)
                   })
                 }, null, 4),
-                b(" " + k(i.key), 1)
+                k(" " + b(i.key), 1)
               ]),
-              v("span", H, k(i.value), 1)
+              v("span", H, b(i.value), 1)
             ], 10, Q))), 128))
-          ])) : (s(), w(p(K), {
+          ])) : (a(), w(p(K), {
             key: 1,
             class: "font-code text-xxs hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150",
             variant: "secondary",
@@ -90,7 +89,7 @@ const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 w
                 class: "w-2.5",
                 icon: "Add"
               }),
-              o[0] || (o[0] = b(" Add Variable "))
+              o[0] || (o[0] = k(" Add Variable "))
             ]),
             _: 1
           }))