@scalar/api-client 2.0.63 → 2.1.0

package/dist/views/Cookies/CookieRaw.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as c, openBlock as t, createBlock as r, withCtx as n, unref as e, createCommentVNode as i, createElementVNode as m } from "vue";
-import s from "../../components/CodeInput/CodeInput.vue.js";
-import p from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { useWorkspace as l } from "../../store/workspace.js";
-const u = /* @__PURE__ */ m("span", null, "Raw Cookie String", -1), w = /* @__PURE__ */ c({
+import { defineComponent as p, openBlock as t, createBlock as r, withCtx as n, unref as e, createCommentVNode as a, createElementVNode as c } from "vue";
+import i from "../../components/CodeInput/CodeInput.vue.js";
+import s from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { useWorkspace as l } from "../../store/store.js";
+const u = /* @__PURE__ */ c("span", null, "Raw Cookie String", -1), w = /* @__PURE__ */ p({
   __name: "CookieRaw",
   setup(_) {
-    const { cookies: a, activeCookieId: o } = l();
-    return (f, d) => (t(), r(p, null, {
+    const { cookies: m, activeCookieId: o } = l();
+    return (d, f) => (t(), r(s, null, {
       title: n(() => [
         u
       ]),
       default: n(() => [
-        e(o) && e(a)[e(o)] ? (t(), r(s, {
+        e(o) && e(m)[e(o)] ? (t(), r(i, {
           key: 0,
-          class: "px-2 py-2.5",
+          class: "pl-px pr-2 md:px-2 py-2.5",
           lineNumbers: "",
           modelValue: ""
-        })) : i("", !0)
+        })) : a("", !0)
       ]),
       _: 1
     }));

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":";AA+hBA,wBAKG"}
+{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/Cookies.vue"],"names":[],"mappings":";AAqhBA,wBAKG"}

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

@@ -1,26 +1,23 @@
-import { defineComponent as L, computed as V, onMounted as D, openBlock as l, createBlock as y, withCtx as n, createVNode as s, unref as a, createElementVNode as m, createElementBlock as f, Fragment as h, renderList as x, normalizeClass as w, createTextVNode as v, toDisplayString as S, withDirectives as $, vShow as O } from "vue";
+import { defineComponent as L, computed as V, onMounted as D, openBlock as l, createBlock as y, withCtx as n, createVNode as s, unref as a, createElementVNode as f, createElementBlock as m, Fragment as _, renderList as x, normalizeClass as w, createTextVNode as v, toDisplayString as S, withDirectives as O, vShow as $ } from "vue";
 import M from "../../components/Sidebar/SidebarButton.vue.js";
 import N from "../../components/Sidebar/SidebarList.vue.js";
 import B from "../../components/Sidebar/SidebarListElement.vue.js";
 import F from "../../components/SubpageHeader.vue.js";
 import I from "../../components/ViewLayout/ViewLayout.vue.js";
 import R from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { useWorkspace as A } from "../../store/workspace.js";
 import { ScalarIcon as j } from "@scalar/components";
-import { createCookie as H } from "@scalar/oas-utils/entities/workspace/cookie";
-import { nanoid as P } from "nanoid";
-import { useRouter as T } from "vue-router";
-import W from "./CookieForm.vue.js";
-import q from "./CookieRaw.vue.js";
+import { cookieSchema as A } from "@scalar/oas-utils/entities/cookie";
+import { useRouter as H } from "vue-router";
+import P from "./CookieForm.vue.js";
+import T from "./CookieRaw.vue.js";
+import { useSidebar as W } from "../../hooks/useSidebar.js";
+import { useWorkspace as q } from "../../store/store.js";
 import G from "../../components/Sidebar/Sidebar.vue.js";
-/* empty css                                    */
-import { useSidebar as J } from "../../hooks/useSidebar.js";
-const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 before:absolute before:left-[calc(1rem_-_1.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, X = ["onClick"], Y = { class: "before:bg-b-3 before:absolute before:left-[calc(1.75rem_-_1.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, xe = /* @__PURE__ */ L({
+const J = { class: "flex-1" }, K = ["onClick"], Q = { class: "before:bg-b-3 before:absolute before:left-[calc(1rem_-_1.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, U = ["onClick"], X = { class: "before:bg-b-3 before:absolute before:left-[calc(1.75rem_-_1.5px)] before:top-0 before:z-10 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, be = /* @__PURE__ */ L({
   __name: "Cookies",
-  setup(Z) {
-    const { cookies: p, cookieMutators: g } = A(), { collapsedSidebarFolders: i, toggleSidebarFolder: k } = J(), b = T(), E = () => {
-      const t = Object.keys(p).length, e = H({
-        uid: P(),
+  setup(Y) {
+    const { cookies: p, cookieMutators: g } = q(), { collapsedSidebarFolders: i, toggleSidebarFolder: k } = W(), b = H(), E = () => {
+      const t = Object.keys(p).length, e = A.parse({
         name: `Cookie ${t}`,
         value: "",
         domain: "example.com",
@@ -39,14 +36,14 @@ const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 befo
         const o = e[e.length - 1];
         b.push(o.uid);
       } else e.length === 1 && e[0].uid === "default" && b.push("default");
-    }, _ = V(() => {
+    }, h = V(() => {
       const t = {};
       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;
     }), C = (t) => i[t];
     return D(() => {
-      const t = Object.keys(_.value), e = Object.entries(_.value).flatMap(
+      const t = Object.keys(h.value), e = Object.entries(h.value).flatMap(
         ([o, r]) => Object.keys(r).map((d) => o + d)
       );
       t.forEach((o) => {
@@ -60,11 +57,11 @@ const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 befo
           default: n(() => [
             s(a(G), { title: "Cookies" }, {
               content: n(() => [
-                m("div", K, [
+                f("div", J, [
                   s(N, null, {
                     default: n(() => [
-                      (l(!0), f(h, null, x(_.value, (o, r) => (l(), f("div", { key: r }, [
-                        m("button", {
+                      (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: (d) => a(k)(r)
@@ -78,10 +75,10 @@ const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 befo
                             thickness: "2.5"
                           }, null, 8, ["class"]),
                           v(" " + S(r), 1)
-                        ], 8, Q),
-                        $(m("div", U, [
-                          (l(!0), f(h, null, x(o, (d, c) => (l(), f("div", { key: c }, [
-                            m("button", {
+                        ], 8, K),
+                        O(f("div", Q, [
+                          (l(!0), m(_, null, x(o, (d, c) => (l(), m("div", { key: c }, [
+                            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) => a(k)(r + c)
@@ -95,21 +92,21 @@ const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 befo
                                 thickness: "2.5"
                               }, null, 8, ["class"]),
                               v(" " + S(c), 1)
-                            ], 8, X),
-                            $(m("div", Y, [
-                              (l(!0), f(h, null, x(d, (u) => (l(), y(B, {
+                            ], 8, U),
+                            O(f("div", X, [
+                              (l(!0), m(_, null, x(d, (u) => (l(), y(B, {
                                 key: u.uid,
                                 class: "cookie text-xs",
                                 variable: { name: u.name, uid: u.uid },
                                 warningMessage: "Are you sure you want to delete this cookie?",
-                                onDelete: (ee) => z(u.uid)
+                                onDelete: (Z) => z(u.uid)
                               }, null, 8, ["variable", "onDelete"]))), 128))
                             ], 512), [
-                              [O, C(r + c)]
+                              [$, C(r + c)]
                             ])
                           ]))), 128))
                         ], 512), [
-                          [O, C(r)]
+                          [$, C(r)]
                         ])
                       ]))), 128))
                     ]),
@@ -129,8 +126,8 @@ const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 befo
             }),
             s(R, { class: "flex-1" }, {
               default: n(() => [
-                s(W),
-                s(q)
+                s(P),
+                s(T)
               ]),
               _: 1
             })
@@ -143,5 +140,5 @@ const K = { class: "flex-1" }, Q = ["onClick"], U = { class: "before:bg-b-3 befo
   }
 });
 export {
-  xe as default
+  be as default
 };

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

@@ -1,7 +1,6 @@
-import { defineComponent as b, ref as c, onMounted as C, openBlock as r, createBlock as f, withCtx as o, createVNode as a, createElementVNode as _, createElementBlock as d, Fragment as V, renderList as S, unref as u, createTextVNode as $, createSlots as h, createCommentVNode as I, toDisplayString as L, withKeys as B, nextTick as R } from "vue";
+import { defineComponent as C, ref as c, onMounted as S, openBlock as r, createBlock as d, withCtx as o, createVNode as a, createElementVNode as _, createElementBlock as f, Fragment as V, renderList as w, unref as u, createTextVNode as h, createSlots as I, createCommentVNode as $, toDisplayString as L, withKeys as B, nextTick as R } from "vue";
 import A from "../../components/CodeInput/CodeInput.vue.js";
 import K from "../../components/Sidebar/Sidebar.vue.js";
-/* empty css                                    */
 import M from "../../components/Sidebar/SidebarButton.vue.js";
 import T from "../../components/Sidebar/SidebarList.vue.js";
 import U from "../../components/Sidebar/SidebarListElement.vue.js";
@@ -9,53 +8,52 @@ import F from "../../components/SubpageHeader.vue.js";
 import H from "../../components/ViewLayout/ViewLayout.vue.js";
 import J from "../../components/ViewLayout/ViewLayoutContent.vue.js";
 import O from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { useWorkspace as W } from "../../store/workspace.js";
+import { environmentSchema as W } from "@scalar/oas-utils/entities/environment";
 import { nanoid as j } from "nanoid";
 import { useRouter as q } from "vue-router";
 import z from "./EnvironmentColors.vue.js";
-const G = { class: "flex-1" }, P = ["value"], Q = { class: "colors ml-auto" }, de = /* @__PURE__ */ b({
+import { useWorkspace as G } from "../../store/store.js";
+const P = { class: "flex-1" }, Q = ["value"], X = { class: "colors ml-auto" }, ve = /* @__PURE__ */ C({
   __name: "Environment",
-  setup(X) {
-    const v = q(), { environments: l, environmentMutators: s } = W(), e = c(null), p = c(null), m = c(!1);
+  setup(Y) {
+    const v = q(), { environments: l, environmentMutators: i } = G(), e = c(null), p = c(null), m = c(!1);
     function y() {
-      const t = {
+      const t = W.parse({
         name: "New Environment",
         uid: j(),
         color: "grey",
         raw: JSON.stringify({ exampleKey: "exampleValue" }, null, 2),
         parsed: [],
         isDefault: !1
-      };
-      s.add(t), e.value = t.uid, v.push(e.value);
+      });
+      i.add(t), e.value = t.uid, v.push(e.value);
     }
     function E(t) {
-      e.value && s.edit(e.value, "raw", t);
+      e.value && i.edit(e.value, "value", t);
     }
     const k = (t) => {
-      s.delete(t), e.value === t && (e.value = null);
-    }, g = (t) => {
-      e.value && (l[e.value].color = t);
-    }, x = () => {
+      i.delete(t), e.value === t && (e.value = null);
+    }, g = (t) => e.value && i.edit(e.value, "color", t), x = () => {
       v.currentRoute.value.params.environment === "default" && (e.value = l.default.uid);
-    }, w = () => {
+    }, b = () => {
       e.value && !l[e.value].isDefault && (m.value = !0, R(() => {
         var t;
         (t = p.value) == null || t.focus();
       }));
     }, D = (t) => {
       const n = t.target.value;
-      e.value && !l[e.value].isDefault && s.edit(e.value, "name", n);
+      e.value && !l[e.value].isDefault && i.edit(e.value, "name", n);
     };
-    return C(x), (t, i) => (r(), f(F, null, {
+    return S(x), (t, s) => (r(), d(F, null, {
       default: o(() => [
         a(H, null, {
           default: o(() => [
             a(K, { title: "Environment" }, {
               content: o(() => [
-                _("div", G, [
+                _("div", P, [
                   a(T, null, {
                     default: o(() => [
-                      (r(!0), d(V, null, S(u(l), (n) => (r(), f(U, {
+                      (r(!0), f(V, null, w(u(l), (n) => (r(), d(U, {
                         key: n.uid,
                         class: "text-xs",
                         variable: {
@@ -76,7 +74,7 @@ const G = { class: "flex-1" }, P = ["value"], Q = { class: "colors ml-auto" }, d
               button: o(() => [
                 a(M, { click: y }, {
                   title: o(() => [
-                    $("Add Environment")
+                    h("Add Environment")
                   ]),
                   _: 1
                 })
@@ -85,25 +83,25 @@ const G = { class: "flex-1" }, P = ["value"], Q = { class: "colors ml-auto" }, d
             }),
             a(J, { class: "flex-1" }, {
               default: o(() => [
-                a(O, null, h({
+                a(O, null, I({
                   default: o(() => [
-                    e.value ? (r(), f(A, {
+                    e.value ? (r(), d(A, {
                       key: 0,
-                      class: "px-2 py-2.5",
+                      class: "pl-px pr-2 md:px-2 py-2.5",
                       lineNumbers: "",
-                      modelValue: u(l)[e.value].raw,
+                      modelValue: u(l)[e.value].value,
                       "onUpdate:modelValue": E
-                    }, null, 8, ["modelValue"])) : I("", !0)
+                    }, null, 8, ["modelValue"])) : $("", !0)
                   ]),
                   _: 2
                 }, [
                   e.value ? {
                     name: "title",
                     fn: o(() => [
-                      !m.value || u(l)[e.value].isDefault ? (r(), d("span", {
+                      !m.value || u(l)[e.value].isDefault ? (r(), f("span", {
                         key: 0,
-                        onDblclick: w
-                      }, L(u(l)[e.value].name), 33)) : (r(), d("input", {
+                        onDblclick: b
+                      }, L(u(l)[e.value].name), 33)) : (r(), f("input", {
                         key: 1,
                         ref_key: "nameInputRef",
                         ref: p,
@@ -111,11 +109,11 @@ const G = { class: "flex-1" }, P = ["value"], Q = { class: "colors ml-auto" }, d
                         spellcheck: "false",
                         type: "text",
                         value: u(l)[e.value].name,
-                        onBlur: i[0] || (i[0] = (n) => m.value = !1),
+                        onBlur: s[0] || (s[0] = (n) => m.value = !1),
                         onInput: D,
-                        onKeyup: i[1] || (i[1] = B((n) => m.value = !1, ["enter"]))
-                      }, null, 40, P)),
-                      _("div", Q, [
+                        onKeyup: s[1] || (s[1] = B((n) => m.value = !1, ["enter"]))
+                      }, null, 40, Q)),
+                      _("div", X, [
                         a(z, {
                           activeColor: u(l)[e.value].color,
                           onSelect: g
@@ -137,5 +135,5 @@ const G = { class: "flex-1" }, P = ["value"], Q = { class: "colors ml-auto" }, d
   }
 });
 export {
-  de as default
+  ve as default
 };

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

@@ -1,17 +1,23 @@
-import type { WorkspaceStore } from '../../store/workspace.js';
+import type { WorkspaceStore } from '../../store/index.js';
 import type { Router } from 'vue-router';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     query: string;
-    activeParsedEnvironments: WorkspaceStore["activeParsedEnvironments"];
-    environments: WorkspaceStore["environments"];
+    activeEnvVariables: WorkspaceStore["activeEnvVariables"];
     router: Router;
+    dropdownPosition?: {
+        left: number;
+        top: number;
+    };
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (variable: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     query: string;
-    activeParsedEnvironments: WorkspaceStore["activeParsedEnvironments"];
-    environments: WorkspaceStore["environments"];
+    activeEnvVariables: WorkspaceStore["activeEnvVariables"];
     router: Router;
+    dropdownPosition?: {
+        left: number;
+        top: number;
+    };
 }>>> & {
     onSelect?: ((variable: string) => any) | undefined;
 }, {}, {}>;

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":"AAuHA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAQvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;;WAK/B,MAAM;8BACa,cAAc,CAAC,0BAA0B,CAAC;kBACtD,cAAc,CAAC,cAAc,CAAC;YACpC,MAAM;;;;WAHP,MAAM;8BACa,cAAc,CAAC,0BAA0B,CAAC;kBACtD,cAAc,CAAC,cAAc,CAAC;YACpC,MAAM;;;;AAqOhB,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":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;;WAK/B,MAAM;wBACO,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;WAJzC,MAAM;wBACO,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;AAiPlD,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/Environment/EnvironmentVariableDropdown.vue.js

@@ -1,71 +1,91 @@
-import { defineComponent as b, ref as E, computed as C, openBlock as n, createBlock as u, unref as s, withCtx as d, createElementBlock as a, Fragment as V, renderList as I, createElementVNode as c, normalizeClass as D, createTextVNode as p, toDisplayString as v, createVNode as S } from "vue";
-import { ScalarDropdown as z, ScalarDropdownItem as B, ScalarIcon as N } from "@scalar/components";
-import P from "fuse.js";
-const $ = { key: 0 }, j = ["onClick"], q = { class: "flex items-center gap-1.5 whitespace-nowrap" }, A = { class: "w-20 overflow-hidden text-ellipsis text-right" }, Q = /* @__PURE__ */ b({
+import { defineComponent as B, ref as f, computed as O, openBlock as o, createBlock as m, unref as i, normalizeStyle as z, withCtx as v, createElementBlock as c, Fragment as D, renderList as N, createElementVNode as u, normalizeClass as P, createTextVNode as w, toDisplayString as h, createVNode as R } from "vue";
+import { ScalarDropdown as $, ScalarButton as j, ScalarIcon as q } from "@scalar/components";
+import { onClickOutside as A } from "@vueuse/core";
+import F from "fuse.js";
+import { parseEnvVariables as k } from "../../libs/environment-parser.js";
+const I = { key: 0 }, T = ["onClick"], L = { class: "flex items-center gap-1.5 whitespace-nowrap" }, Q = { class: "w-20 overflow-hidden text-ellipsis text-right whitespace-nowrap" }, W = /* @__PURE__ */ B({
   __name: "EnvironmentVariableDropdown",
   props: {
     query: {},
-    activeParsedEnvironments: {},
-    environments: {},
-    router: {}
+    activeEnvVariables: {},
+    router: {},
+    dropdownPosition: {}
   },
   emits: ["select"],
-  setup(m, { emit: f }) {
-    const r = m, h = f, l = E(!0), w = () => {
-      const e = k.value.params.workspace;
-      _(`/workspace/${e}/environment/default`), l.value = !1;
-    }, { push: _, currentRoute: k } = r.router, g = new P(r.activeParsedEnvironments.value, {
+  setup(y, { emit: b }) {
+    const t = y, x = b, s = f(!0), a = f(null), _ = () => {
+      const e = V.value.params.workspace;
+      g(`/workspace/${e}/environment/default`), s.value = !1;
+    }, { push: g, currentRoute: V } = t.router, E = new F(k(t.activeEnvVariables.value), {
       keys: ["key", "value"]
-    }), i = C(() => {
-      const e = r.query;
+    }), p = O(() => {
+      const e = t.query;
       if (!e)
-        return r.activeParsedEnvironments.value.slice(-4);
-      const o = g.search(e);
-      return o.length > 0 ? o.map((t) => t.item) : [];
-    }), x = (e) => {
-      h("select", e);
-    }, y = (e) => "_scalarEnvId" in e ? `bg-${r.environments[e._scalarEnvId].color}` : "bg-grey";
-    return (e, o) => (n(), u(s(z), {
-      id: "env-dialog",
-      class: "z-10 w-60 rounded border bg-b-1 p-1",
-      open: l.value,
-      static: ""
-    }, {
-      items: d(() => [
-        i.value.length ? (n(), a("ul", $, [
-          (n(!0), a(V, null, I(i.value, (t) => (n(), a("li", {
-            key: t.key,
-            class: "h-8 font-code text-3xs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150",
-            onClick: (F) => x(t.key)
-          }, [
-            c("div", q, [
-              c("span", {
-                class: D(["h-2.5 w-2.5 min-w-2.5 rounded-full", y(t)])
-              }, null, 2),
-              p(" " + v(t.key), 1)
+        return k(t.activeEnvVariables.value).slice(-4);
+      const l = E.search(e);
+      return l.length > 0 ? l.map((r) => r.item) : [];
+    }), C = (e) => {
+      x("select", e);
+    }, S = () => t.activeEnvVariables.value.map((e) => {
+      if (e.key === "color")
+        return `bg-${e.value}`;
+    });
+    return A(
+      a,
+      () => {
+        s.value = !1;
+      },
+      { ignore: [a] }
+    ), (e, l) => {
+      var r, d;
+      return o(), m(i($), {
+        ref_key: "dropdownRef",
+        ref: a,
+        class: "mt-2 z-10 min-w-60 rounded border bg-b-1 p-1 w-fit",
+        static: "",
+        staticOpen: s.value,
+        style: z({
+          left: ((r = e.dropdownPosition) == null ? void 0 : r.left) + "px",
+          top: ((d = e.dropdownPosition) == null ? void 0 : d.top) + "px"
+        }),
+        teleport: ".scalar-client"
+      }, {
+        items: v(() => [
+          p.value.length ? (o(), c("ul", I, [
+            (o(!0), c(D, null, N(p.value, (n) => (o(), c("li", {
+              key: n.key,
+              class: "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",
+              onClick: (G) => C(n.key)
+            }, [
+              u("div", L, [
+                u("span", {
+                  class: P(["h-2.5 w-2.5 min-w-2.5 rounded-full", S()])
+                }, null, 2),
+                w(" " + h(n.key), 1)
+              ]),
+              u("span", Q, h(n.value), 1)
+            ], 8, T))), 128))
+          ])) : (o(), m(i(j), {
+            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",
+            onClick: _
+          }, {
+            default: v(() => [
+              R(i(q), {
+                class: "w-2.5",
+                icon: "Add"
+              }),
+              w(" Add Variable ")
             ]),
-            c("span", A, v(t.value), 1)
-          ], 8, j))), 128))
-        ])) : (n(), u(s(B), {
-          key: 1,
-          class: "font-code !text-3xs hover:bg-b-2 flex h-8 w-full justify-start gap-2 !px-1.5 transition-colors duration-150",
-          onClick: w
-        }, {
-          default: d(() => [
-            S(s(N), {
-              class: "w-2",
-              icon: "Add",
-              size: "xs"
-            }),
-            p(" Add variable ")
-          ]),
-          _: 1
-        }))
-      ]),
-      _: 1
-    }, 8, ["open"]));
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["staticOpen", "style"]);
+    };
   }
 });
 export {
-  Q as default
+  W as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":";;cA2hB8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAkzBjD,wBAMG"}
+{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":";;cAmL8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAiQjD,wBAMG"}

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

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