@scalar/api-client 2.18.0 → 2.18.3

package/dist/views/Collection/components/EnvironmentForm.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as W, ref as m, computed as h, watch as R, onMounted as $, createBlock as b, openBlock as f, withCtx as i, createVNode as c, createElementBlock as D, createTextVNode as E, Fragment as O, renderList as j, normalizeClass as F, createSlots as A, unref as V, createCommentVNode as J, withModifiers as L, nextTick as g } from "vue";
+import { defineComponent as W, ref as m, computed as h, watch as I, onMounted as $, createBlock as b, openBlock as f, withCtx as s, createVNode as c, createElementBlock as D, createTextVNode as R, Fragment as O, renderList as j, normalizeClass as F, createSlots as A, unref as V, createCommentVNode as J, withModifiers as L, nextTick as g } from "vue";
 import { ScalarButton as q } from "@scalar/components";
 import { ScalarIconWarning as G, ScalarIconTrash as H } from "@scalar/icons";
-import K from "../../../components/CodeInput/CodeInput.vue.js";
+import E from "../../../components/CodeInput/CodeInput.vue.js";
 import P from "../../../components/DataTable/DataTable.vue.js";
-import T from "../../../components/DataTable/DataTableCell.vue.js";
-import U from "../../../components/DataTable/DataTableHeader.vue.js";
-import z from "../../../components/DataTable/DataTableRow.vue.js";
+import K from "../../../components/DataTable/DataTableCell.vue.js";
+import T from "../../../components/DataTable/DataTableHeader.vue.js";
+import U from "../../../components/DataTable/DataTableRow.vue.js";
 import { useWorkspace as Q } from "../../../store/store.js";
 const oe = /* @__PURE__ */ W({
   __name: "EnvironmentForm",
@@ -15,85 +15,85 @@ const oe = /* @__PURE__ */ W({
     workspace: {},
     envVariables: {}
   },
-  setup(l) {
-    const { collectionMutators: d } = Q(), o = m([]), y = m(/* @__PURE__ */ new Set()), k = m(/* @__PURE__ */ new Map()), u = m(!1), M = h(() => {
-      if (!l.environment?.value)
+  setup(t) {
+    const { collectionMutators: d } = Q(), o = m([]), y = m(/* @__PURE__ */ new Set()), k = m(/* @__PURE__ */ new Map()), u = m(!1), z = h(() => {
+      if (!t.environment?.value)
         return [{ key: "", value: "" }];
       try {
-        const e = JSON.parse(l.environment.value), a = Object.entries(e).map(([t, n]) => ({
-          key: t,
-          value: String(n)
+        const n = JSON.parse(t.environment.value), a = Object.entries(n).map(([l, e]) => ({
+          key: l,
+          value: String(e)
         }));
         return a.length === 0 ? [{ key: "", value: "" }] : a;
       } catch {
         return [{ key: "", value: "" }];
       }
-    }), x = h(() => {
-      const e = o.value[o.value.length - 1];
-      return e ? e.key || e.value ? [...o.value, { key: "", value: "" }] : o.value : [{ key: "", value: "" }];
+    }), M = h(() => {
+      const n = o.value[o.value.length - 1];
+      return n ? n.key || n.value ? [...o.value, { key: "", value: "" }] : o.value : [{ key: "", value: "" }];
     }), p = h(() => {
-      const e = /* @__PURE__ */ new Map();
-      return o.value.forEach((a, t) => {
+      const n = /* @__PURE__ */ new Map();
+      return o.value.forEach((a, l) => {
         if (a.key) {
-          const n = e.get(a.key) || [];
-          n.push(t), e.set(a.key, n);
+          const e = n.get(a.key) || [];
+          e.push(l), n.set(a.key, e);
         }
-      }), k.value.forEach((a, t) => {
+      }), k.value.forEach((a, l) => {
         if (a) {
-          const n = e.get(a) || [];
-          n.push(t), e.set(a, n);
+          const e = n.get(a) || [];
+          e.push(l), n.set(a, e);
         }
-      }), Array.from(e.values()).filter((a) => a.length > 1).flat();
+      }), Array.from(n.values()).filter((a) => a.length > 1).flat();
     });
-    R(
-      M,
-      (e) => {
-        o.value = [...e], y.value = new Set(e.map((a) => a.key).filter(Boolean));
+    I(
+      z,
+      (n) => {
+        o.value = [...n], y.value = new Set(n.map((a) => a.key).filter(Boolean));
       },
       { immediate: !0 }
     );
-    const C = async (e, a, t) => {
+    const x = async (n, a, l) => {
       if (!u.value) {
         if (a === "key") {
-          k.value.set(e, t);
-          const n = new Set(y.value), r = o.value[e];
-          if (r && n.delete(r.key), n.has(t))
+          k.value.set(n, l);
+          const e = new Set(y.value), r = o.value[n];
+          if (r && e.delete(r.key), e.has(l))
             return;
         }
         u.value = !0;
         try {
-          const n = [...o.value], r = n[e];
+          const e = [...o.value], r = e[n];
           if (!r)
             return;
-          n[e] = {
-            key: a === "key" ? t : r.key,
-            value: a === "value" ? t : r.value
-          }, !n[e].key && !n[e].value && e !== n.length - 1 && n.splice(e, 1);
-          const v = n.reduce(
-            (s, { key: B, value: I }) => ((B || I) && (s[B] = I), s),
+          e[n] = {
+            key: a === "key" ? l : r.key,
+            value: a === "value" ? l : r.value
+          }, !e[n].key && !e[n].value && n !== e.length - 1 && e.splice(n, 1);
+          const v = e.reduce(
+            (i, { key: S, value: B }) => ((S || B) && (i[S] = B), i),
             {}
           );
-          if (l.collection) {
-            const s = {
-              ...l.collection["x-scalar-environments"],
-              [l.environment.name]: {
-                ...l.collection["x-scalar-environments"]?.[l.environment.name],
+          if (t.collection) {
+            const i = {
+              ...t.collection["x-scalar-environments"],
+              [t.environment.name]: {
+                ...t.collection["x-scalar-environments"]?.[t.environment.name],
                 variables: v
               }
             };
             await d.edit(
-              l.collection.uid,
+              t.collection.uid,
               "x-scalar-environments",
-              s
+              i
             );
           }
-          if (e === o.value.length - 1) {
-            const s = n[n.length - 1];
-            s && (s.key || s.value) && await w();
+          if (n === o.value.length - 1) {
+            const i = e[e.length - 1];
+            i && (i.key || i.value) && await w();
           }
-          await g(), o.value = n, a === "key" && (y.value = new Set(
-            n.map((s) => s.key).filter(Boolean)
-          ), k.value.delete(e));
+          await g(), o.value = e, a === "key" && (y.value = new Set(
+            e.map((i) => i.key).filter(Boolean)
+          ), k.value.delete(n));
         } finally {
           u.value = !1;
         }
@@ -102,51 +102,51 @@ const oe = /* @__PURE__ */ W({
       if (!u.value) {
         u.value = !0;
         try {
-          const e = [...o.value, { key: "", value: "" }], a = e.reduce(
-            (t, { key: n, value: r }) => ((n || r) && (t[n] = r), t),
+          const n = [...o.value, { key: "", value: "" }], a = n.reduce(
+            (l, { key: e, value: r }) => ((e || r) && (l[e] = r), l),
             {}
           );
-          if (l.collection) {
-            const t = {
-              ...l.collection["x-scalar-environments"],
-              [l.environment.name]: {
-                ...l.collection["x-scalar-environments"]?.[l.environment.name],
+          if (t.collection) {
+            const l = {
+              ...t.collection["x-scalar-environments"],
+              [t.environment.name]: {
+                ...t.collection["x-scalar-environments"]?.[t.environment.name],
                 variables: a
               }
             };
             await d.edit(
-              l.collection.uid,
+              t.collection.uid,
               "x-scalar-environments",
-              t
+              l
             );
           }
-          await g(), o.value = e;
+          await g(), o.value = n;
         } finally {
           u.value = !1;
         }
       }
-    }, N = async (e) => {
+    }, N = async (n) => {
       if (!u.value) {
         u.value = !0;
         try {
           const a = [...o.value];
-          a.splice(e, 1);
-          const t = a.reduce(
-            (n, { key: r, value: v }) => ((r || v) && (n[r] = v), n),
+          a.splice(n, 1);
+          const l = a.reduce(
+            (e, { key: r, value: v }) => ((r || v) && (e[r] = v), e),
             {}
           );
-          if (l.collection) {
-            const n = {
-              ...l.collection["x-scalar-environments"],
-              [l.environment.name]: {
-                ...l.collection["x-scalar-environments"]?.[l.environment.name],
-                variables: t
+          if (t.collection) {
+            const e = {
+              ...t.collection["x-scalar-environments"],
+              [t.environment.name]: {
+                ...t.collection["x-scalar-environments"]?.[t.environment.name],
+                variables: l
               }
             };
             await d.edit(
-              l.collection.uid,
+              t.collection.uid,
               "x-scalar-environments",
-              n
+              e
             );
           }
           await g(), o.value = a;
@@ -154,67 +154,67 @@ const oe = /* @__PURE__ */ W({
           u.value = !1;
         }
       }
-    }, S = async () => {
+    }, C = async () => {
       if (o.value.length === 0)
         await w();
       else if (o.value.length >= 1) {
-        const e = o.value[o.value.length - 1];
-        e && (e.key || e.value) && await w();
+        const n = o.value[o.value.length - 1];
+        n && (n.key || n.value) && await w();
       }
     };
     return $(() => {
-      S();
-    }), R(
+      C();
+    }), I(
       () => o.value,
       () => {
-        S();
+        C();
       }
-    ), (e, a) => (f(), b(P, {
+    ), (n, a) => (f(), b(P, {
       class: "group/table flex-1",
       columns: ["", ""]
     }, {
-      default: i(() => [
-        c(z, { class: "sr-only !block" }, {
-          default: i(() => [
-            c(U, null, {
-              default: i(() => [...a[0] || (a[0] = [
-                E("Key", -1)
+      default: s(() => [
+        c(U, { class: "sr-only !block" }, {
+          default: s(() => [
+            c(T, null, {
+              default: s(() => [...a[0] || (a[0] = [
+                R("Key", -1)
               ])]),
               _: 1
             }),
-            c(U, null, {
-              default: i(() => [...a[1] || (a[1] = [
-                E("Value", -1)
+            c(T, null, {
+              default: s(() => [...a[1] || (a[1] = [
+                R("Value", -1)
               ])]),
               _: 1
             })
           ]),
           _: 1
         }),
-        (f(!0), D(O, null, j(x.value, (t, n) => (f(), b(z, {
-          key: n,
+        (f(!0), D(O, null, j(M.value, (l, e) => (f(), b(U, {
+          key: e,
           class: F({
-            error: p.value.includes(n)
+            error: p.value.includes(e)
           })
         }, {
-          default: i(() => [
-            c(T, null, {
-              default: i(() => [
-                c(K, {
+          default: s(() => [
+            c(K, null, {
+              default: s(() => [
+                c(E, {
                   disableCloseBrackets: "",
                   disableEnter: "",
                   disableTabIndent: "",
                   lineWrapping: "",
-                  environment: e.environment,
-                  envVariables: e.envVariables,
-                  modelValue: t.key,
+                  environment: t.environment,
+                  envVariables: t.envVariables,
+                  modelValue: l.key,
                   placeholder: "Key",
-                  workspace: e.workspace,
-                  "onUpdate:modelValue": (r) => C(n, "key", r)
+                  workspace: t.workspace,
+                  "onUpdate:modelValue": (r) => x(e, "key", r)
                 }, A({ _: 2 }, [
-                  p.value.includes(n) ? {
+                  p.value.includes(e) ? {
                     name: "icon",
-                    fn: i(() => [
+                    fn: s(() => [
                       c(V(G), { class: "text-red mr-0.75 size-3.5 brightness-[.9]" })
                     ]),
                     key: "0"
@@ -223,30 +223,30 @@ const oe = /* @__PURE__ */ W({
               ]),
               _: 2
             }, 1024),
-            c(T, null, {
-              default: i(() => [
-                c(K, {
+            c(K, null, {
+              default: s(() => [
+                c(E, {
                   class: "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10",
                   disableCloseBrackets: "",
                   disableEnter: "",
                   disableTabIndent: "",
                   lineWrapping: "",
-                  environment: e.environment,
-                  envVariables: e.envVariables,
-                  modelValue: t.value,
+                  environment: t.environment,
+                  envVariables: t.envVariables,
+                  modelValue: l.value,
                   placeholder: "Value",
-                  workspace: e.workspace,
-                  "onUpdate:modelValue": (r) => C(n, "value", r)
+                  workspace: t.workspace,
+                  "onUpdate:modelValue": (r) => x(e, "value", r)
                 }, {
-                  icon: i(() => [
-                    t.key || t.value ? (f(), b(V(q), {
+                  icon: s(() => [
+                    l.key || l.value ? (f(), b(V(q), {
                       key: 0,
                       class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex",
                       size: "sm",
                       variant: "ghost",
-                      onClick: L((r) => N(n), ["stop"])
+                      onClick: L((r) => N(e), ["stop"])
                     }, {
-                      default: i(() => [
+                      default: s(() => [
                         c(V(H), { class: "size-3.5" })
                       ]),
                       _: 1

package/dist/views/Collection/components/MarkdownInput.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, ref as p, watch as w, nextTick as x, createElementBlock as i, openBlock as o, createElementVNode as n, createBlock as u, createCommentVNode as a, unref as r, withCtx as v, createVNode as d, Fragment as f } from "vue";
-import { ScalarButton as c, ScalarIcon as b, ScalarMarkdown as y } from "@scalar/components";
-import z from "../../../components/CodeInput/CodeInput.vue.js";
-const B = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" }, I = { class: "has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg" }, E = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" }, N = {
+import { defineComponent as h, ref as v, watch as w, nextTick as y, createElementBlock as s, openBlock as n, createElementVNode as o, createBlock as u, createCommentVNode as a, unref as r, withCtx as f, createVNode as d, Fragment as p } from "vue";
+import { ScalarButton as b, ScalarIcon as k, ScalarMarkdown as z } from "@scalar/components";
+import B from "../../../components/CodeInput/CodeInput.vue.js";
+const C = { class: "flex h-full w-full flex-col gap-2 pt-8" }, I = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" }, E = { class: "has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg" }, N = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" }, S = {
   key: 1,
   class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4"
 }, F = /* @__PURE__ */ h({
@@ -13,10 +13,10 @@ const B = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "fle
     workspace: {}
   },
   emits: ["update:modelValue"],
-  setup(S, { emit: k }) {
-    const g = k, t = p("preview"), m = p(null);
-    w(t, (l) => {
-      l === "edit" && x(() => {
+  setup(l, { emit: x }) {
+    const g = x, t = v("preview"), m = v(null);
+    w(t, (c) => {
+      c === "edit" && y(() => {
         m.value?.focus();
       });
     });
@@ -25,60 +25,60 @@ const B = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "fle
         t.value = "preview";
       });
     };
-    return (l, e) => (o(), i("div", B, [
-      n("div", C, [
-        e[5] || (e[5] = n("h3", { class: "font-bold" }, "Description", -1)),
-        t.value === "preview" ? (o(), u(r(c), {
+    return (c, e) => (n(), s("div", C, [
+      o("div", I, [
+        e[5] || (e[5] = o("h3", { class: "font-bold" }, "Description", -1)),
+        t.value === "preview" ? (n(), u(r(b), {
           key: 0,
           class: "text-c-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
           type: "button",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (s) => t.value = "edit")
+          onClick: e[0] || (e[0] = (i) => t.value = "edit")
         }, {
-          default: v(() => [
-            d(r(b), {
+          default: f(() => [
+            d(r(k), {
               icon: "Pencil",
               size: "sm",
               thickness: "1.5"
             }),
-            e[4] || (e[4] = n("span", null, "Edit", -1))
+            e[4] || (e[4] = o("span", null, "Edit", -1))
           ]),
           _: 1
         })) : a("", !0)
       ]),
-      n("div", I, [
-        n("div", E, [
-          t.value === "preview" ? (o(), i(f, { key: 0 }, [
-            l.modelValue && l.modelValue.trim().length ? (o(), i(f, { key: 0 }, [
-              l.modelValue ? (o(), u(r(y), {
+      o("div", E, [
+        o("div", N, [
+          t.value === "preview" ? (n(), s(p, { key: 0 }, [
+            l.modelValue && l.modelValue.trim().length ? (n(), s(p, { key: 0 }, [
+              l.modelValue ? (n(), u(r(z), {
                 key: 0,
                 class: "h-full flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
                 value: l.modelValue,
                 withImages: "",
-                onDblclick: e[1] || (e[1] = (s) => t.value = "edit")
+                onDblclick: e[1] || (e[1] = (i) => t.value = "edit")
               }, null, 8, ["value"])) : a("", !0),
-              e[6] || (e[6] = n("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
-            ], 64)) : (o(), i("div", N, [
-              d(r(c), {
+              e[6] || (e[6] = o("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
+            ], 64)) : (n(), s("div", S, [
+              d(r(b), {
                 class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
                 size: "sm",
                 variant: "ghost",
-                onClick: e[2] || (e[2] = (s) => t.value = "edit")
+                onClick: e[2] || (e[2] = (i) => t.value = "edit")
               }, {
-                default: v(() => [
-                  d(r(b), {
+                default: f(() => [
+                  d(r(k), {
                     icon: "Pencil",
                     size: "sm",
                     thickness: "1.5"
                   }),
-                  e[7] || (e[7] = n("span", null, "Write a description", -1))
+                  e[7] || (e[7] = o("span", null, "Write a description", -1))
                 ]),
                 _: 1
               })
             ]))
           ], 64)) : a("", !0),
-          t.value === "edit" ? (o(), u(z, {
+          t.value === "edit" ? (n(), u(B, {
             key: 1,
             ref_key: "codeInputRef",
             ref: m,
@@ -88,7 +88,7 @@ const B = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "fle
             modelValue: l.modelValue,
             workspace: l.workspace,
             onBlur: V,
-            "onUpdate:modelValue": e[3] || (e[3] = (s) => g("update:modelValue", s))
+            "onUpdate:modelValue": e[3] || (e[3] = (i) => g("update:modelValue", i))
           }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : a("", !0)
         ])
       ])

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

@@ -1,75 +1,75 @@
-import { defineComponent as V, ref as c, watch as x, createBlock as b, openBlock as k, unref as C, withCtx as m, createVNode as t, createElementVNode as i, createTextVNode as l } from "vue";
+import { defineComponent as V, ref as c, watch as x, createBlock as b, openBlock as k, unref as C, withCtx as s, createVNode as o, createElementVNode as m, createTextVNode as l } from "vue";
 import { ScalarModal as g } from "@scalar/components";
 import { useToasts as N } from "@scalar/use-toasts";
 import S from "../../components/CommandPalette/CommandActionForm.vue.js";
-import n from "../../components/CommandPalette/CommandActionInput.vue.js";
-const U = { class: "flex h-8 items-start gap-2 text-sm" }, $ = { class: "flex h-8 items-start gap-2 text-sm" }, w = { class: "flex h-8 items-start gap-2 text-sm" }, _ = /* @__PURE__ */ V({
+import i from "../../components/CommandPalette/CommandActionInput.vue.js";
+const U = { class: "flex h-8 items-start gap-2 text-sm" }, $ = { class: "flex h-8 items-start gap-2 text-sm" }, w = { class: "flex h-8 items-start gap-2 text-sm" }, y = /* @__PURE__ */ V({
   __name: "CookieModal",
   props: {
     state: {}
   },
   emits: ["cancel", "submit"],
-  setup(r, { emit: p }) {
-    const u = r, d = p, a = c({
+  setup(n, { emit: f }) {
+    const u = n, d = f, a = c({
       name: "",
       value: "",
       domain: ""
-    }), { toast: f } = N(), v = () => {
+    }), { toast: p } = N(), v = () => {
       if (!a.value.name || !a.value.value) {
-        f("Please fill in all fields before adding a cookie.", "error");
+        p("Please fill in all fields before adding a cookie.", "error");
         return;
       }
       d("submit", a.value), u.state.hide();
     };
     return x(
       () => u.state.open,
-      (s) => {
-        s && (a.value = {
+      (r) => {
+        r && (a.value = {
           name: "",
           value: "",
           domain: ""
         });
       }
-    ), (s, e) => (k(), b(C(g), {
+    ), (r, e) => (k(), b(C(g), {
       size: "xs",
-      state: s.state,
+      state: n.state,
       title: "Add Cookie"
     }, {
-      default: m(() => [
-        t(S, {
+      default: s(() => [
+        o(S, {
           disabled: !a.value.name || !a.value.value,
-          onCancel: e[3] || (e[3] = (o) => d("cancel")),
+          onCancel: e[3] || (e[3] = (t) => d("cancel")),
           onSubmit: v
         }, {
-          submit: m(() => [...e[7] || (e[7] = [
+          submit: s(() => [...e[7] || (e[7] = [
             l("Add Cookie", -1)
           ])]),
-          default: m(() => [
-            i("div", U, [
+          default: s(() => [
+            m("div", U, [
               e[4] || (e[4] = l(" Name: ", -1)),
-              t(n, {
+              o(i, {
                 modelValue: a.value.name,
-                "onUpdate:modelValue": e[0] || (e[0] = (o) => a.value.name = o),
+                "onUpdate:modelValue": e[0] || (e[0] = (t) => a.value.name = t),
                 autofocus: "",
                 class: "!p-0",
                 placeholder: "session_id"
               }, null, 8, ["modelValue"])
             ]),
-            i("div", $, [
+            m("div", $, [
               e[5] || (e[5] = l(" Value: ", -1)),
-              t(n, {
+              o(i, {
                 modelValue: a.value.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (o) => a.value.value = o),
+                "onUpdate:modelValue": e[1] || (e[1] = (t) => a.value.value = t),
                 autofocus: "",
                 class: "!p-0",
                 placeholder: "my-cookie-session-id"
               }, null, 8, ["modelValue"])
             ]),
-            i("div", w, [
+            m("div", w, [
               e[6] || (e[6] = l(" Domain: ", -1)),
-              t(n, {
+              o(i, {
                 modelValue: a.value.domain,
-                "onUpdate:modelValue": e[2] || (e[2] = (o) => a.value.domain = o),
+                "onUpdate:modelValue": e[2] || (e[2] = (t) => a.value.domain = t),
                 autofocus: "",
                 class: "!p-0",
                 placeholder: "example.com"
@@ -84,5 +84,5 @@ const U = { class: "flex h-8 items-start gap-2 text-sm" }, $ = { class: "flex h-
   }
 });
 export {
-  _ as default
+  y as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as u, createBlock as f, openBlock as d, unref as p, withCtx as C, createElementVNode as v, createVNode as n } from "vue";
+import { defineComponent as m, ref as u, createBlock as f, openBlock as d, unref as p, withCtx as C, createElementVNode as v, createVNode as a } from "vue";
 import { ScalarModal as _ } from "@scalar/components";
 import x from "../../components/Sidebar/Actions/SidebarListElementForm.vue.js";
 import S from "./EnvironmentColors.vue.js";
@@ -9,26 +9,26 @@ const b = { class: "flex flex-col gap-4" }, B = /* @__PURE__ */ m({
     selectedColor: {}
   },
   emits: ["cancel", "submit"],
-  setup(a, { emit: r }) {
-    const s = a, o = r, e = u(""), c = (t) => {
-      e.value = t;
+  setup(t, { emit: r }) {
+    const c = t, o = r, e = u(""), s = (l) => {
+      e.value = l;
     }, i = () => {
       o("submit", e.value), e.value = "";
     };
-    return (t, l) => (d(), f(p(_), {
+    return (l, n) => (d(), f(p(_), {
       size: "xxs",
       state: t.state,
       title: "Edit Environment Color"
     }, {
       default: C(() => [
         v("div", b, [
-          n(S, {
-            activeColor: e.value || s.selectedColor,
+          a(S, {
+            activeColor: e.value || c.selectedColor,
             class: "w-full p-1",
-            onSelect: c
+            onSelect: s
           }, null, 8, ["activeColor"]),
-          n(x, {
-            onCancel: l[0] || (l[0] = (E) => o("cancel")),
+          a(x, {
+            onCancel: n[0] || (n[0] = (E) => o("cancel")),
             onSubmit: i
           })
         ])