@scalar/api-client 2.18.0 → 2.18.3

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

@@ -1,21 +1,21 @@
-import { defineComponent as D, computed as v, useId as g, ref as M, watch as S, createBlock as d, openBlock as r, withCtx as c, createElementVNode as y, withDirectives as s, createCommentVNode as k, createElementBlock as f, createVNode as i, unref as l, vShow as m, Fragment as K, renderList as L, resolveDynamicComponent as Q, toDisplayString as $ } from "vue";
-import { ScalarErrorBoundary as C } from "@scalar/components";
-import { canMethodHaveBody as b, isDefined as j, REGEX as R } from "@scalar/oas-utils/helpers";
-import F from "../../../components/SectionFilter.vue.js";
-import T from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { matchesDomain as W } from "../../../libs/send-request/set-request-cookies.js";
-import z from "./RequestBody.vue.js";
-import w from "./RequestParams.vue.js";
-import G from "./RequestPathParams.vue.js";
-import X from "./RequestAuth/RequestAuth.vue.js";
-import J from "./RequestCodeExample.vue.js";
-import { usePluginManager as Y } from "../../../plugins/hooks/usePluginManager.js";
-import { useWorkspace as Z } from "../../../store/store.js";
-import { useLayout as x } from "../../../hooks/useLayout.js";
-const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ee = ["for"], ae = ["id", "placeholder", "value"], oe = {
+import { defineComponent as U, computed as v, useId as q, ref as D, watch as g, createBlock as d, openBlock as n, withCtx as f, createElementVNode as k, withDirectives as s, createCommentVNode as b, createElementBlock as h, createVNode as i, unref as l, vShow as m, Fragment as M, renderList as K, resolveDynamicComponent as L, toDisplayString as Q } from "vue";
+import { ScalarErrorBoundary as S } from "@scalar/components";
+import { canMethodHaveBody as p, isDefined as $, REGEX as C } from "@scalar/oas-utils/helpers";
+import j from "../../../components/SectionFilter.vue.js";
+import F from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { matchesDomain as T } from "../../../libs/send-request/set-request-cookies.js";
+import W from "./RequestBody.vue.js";
+import x from "./RequestParams.vue.js";
+import z from "./RequestPathParams.vue.js";
+import G from "./RequestAuth/RequestAuth.vue.js";
+import X from "./RequestCodeExample.vue.js";
+import { usePluginManager as J } from "../../../plugins/hooks/usePluginManager.js";
+import { useWorkspace as Y } from "../../../store/store.js";
+import { useLayout as Z } from "../../../hooks/useLayout.js";
+const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ee = ["for"], ae = ["id", "placeholder", "value"], te = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, le = ["id", "role"], be = /* @__PURE__ */ D({
+}, le = ["id", "role"], pe = /* @__PURE__ */ U({
   __name: "RequestSection",
   props: {
     collection: {},
@@ -28,8 +28,8 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
     server: {},
     workspace: {}
   },
-  setup(o) {
-    const O = [
+  setup(e) {
+    const R = [
       "Auth",
       "Path Parameters",
       "Cookies",
@@ -37,80 +37,80 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
       "Query",
       "Body"
       // 'Scripts',
-    ], { requestMutators: P, cookies: B, securitySchemes: V } = Z(), { layout: u } = x(), A = v(() => {
-      const e = /* @__PURE__ */ new Set(["All", ...O]);
-      return o.example.parameters.path.length || e.delete("Path Parameters"), b(o.operation.method ?? "get") || e.delete("Body"), h.value && e.delete("Auth"), [...e];
-    }), n = v(
+    ], { requestMutators: w, cookies: O, securitySchemes: P } = Y(), { layout: u } = Z(), V = v(() => {
+      const t = /* @__PURE__ */ new Set(["All", ...R]);
+      return e.example.parameters.path.length || t.delete("Path Parameters"), p(e.operation.method ?? "get") || t.delete("Body"), y.value && t.delete("Auth"), [...t];
+    }), o = v(
       () => Object.fromEntries(
-        A.value.map((e) => [e, g()])
+        V.value.map((t) => [t, q()])
       )
-    ), h = v(
-      () => u === "modal" && !o.operation.security && !Object.keys(V ?? {}).length
-    ), a = M("All");
-    S(
-      () => o.operation,
-      (e) => {
-        a.value === "Body" && e && !b(e.method) && (a.value = "All");
+    ), y = v(
+      () => u === "modal" && !e.operation.security && !Object.keys(P ?? {}).length
+    ), a = D("All");
+    g(
+      () => e.operation,
+      (t) => {
+        a.value === "Body" && t && !p(t.method) && (a.value = "All");
       }
     );
-    const E = (e) => {
-      const t = e.target;
-      P.edit(o.operation.uid, "summary", t.value);
-    }, H = v(
-      () => (o.workspace.cookies ?? []).map((e) => B[e]).filter(j).filter((e) => e.name).filter(
-        (e) => W(o.server?.url || o.operation.path, e.domain)
-      ).map((e) => ({
-        key: e.name,
-        value: e.value,
+    const B = (t) => {
+      const r = t.target;
+      w.edit(e.operation.uid, "summary", r.value);
+    }, E = v(
+      () => (e.workspace.cookies ?? []).map((t) => O[t]).filter($).filter((t) => t.name).filter(
+        (t) => T(e.server?.url || e.operation.path, t.domain)
+      ).map((t) => ({
+        key: t.name,
+        value: t.value,
         route: {
           name: "cookies",
           params: {
-            cookies: e.uid
+            cookies: t.uid
           }
         },
         enabled: !0
       }))
-    ), N = () => o.operation.summary ? o.operation.summary : o.operation.path.replace(R.PROTOCOL, "") ? o.operation.path.replace(R.PROTOCOL, "") : "Request Name", q = g(), I = Y().getViewComponents("request.section"), U = (e, t) => P.edit(o.operation.uid, e, t);
-    return S(
-      () => h.value,
-      (e) => {
-        e && a.value === "Auth" && (a.value = "All");
+    ), H = () => e.operation.summary ? e.operation.summary : e.operation.path.replace(C.PROTOCOL, "") ? e.operation.path.replace(C.PROTOCOL, "") : "Request Name", A = q(), N = J().getViewComponents("request.section"), I = (t, r) => w.edit(e.operation.uid, t, r);
+    return g(
+      () => y.value,
+      (t) => {
+        t && a.value === "Auth" && (a.value = "All");
       }
-    ), (e, t) => (r(), d(T, {
+    ), (t, r) => (n(), d(F, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
-      title: c(() => [
-        y("div", _, [
-          l(u) !== "modal" ? (r(), f("label", {
+      title: f(() => [
+        k("div", _, [
+          l(u) !== "modal" ? (n(), h("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-            for: l(q)
-          }, null, 8, ee)) : k("", !0),
-          l(u) !== "modal" ? (r(), f("input", {
+            for: l(A)
+          }, null, 8, ee)) : b("", !0),
+          l(u) !== "modal" ? (n(), h("input", {
             key: 1,
-            id: l(q),
+            id: l(A),
             class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
-            placeholder: N(),
+            placeholder: H(),
             value: e.operation.summary,
-            onInput: E
-          }, null, 40, ae)) : (r(), f("span", oe, $(e.operation.summary), 1))
+            onInput: B
+          }, null, 40, ae)) : (n(), h("span", te, Q(e.operation.summary), 1))
         ]),
-        i(F, {
+        i(j, {
           modelValue: a.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (p) => a.value = p),
-          filterIds: n.value,
-          filters: A.value
+          "onUpdate:modelValue": r[0] || (r[0] = (c) => a.value = c),
+          filterIds: o.value,
+          filters: V.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
-      default: c(() => [
-        y("div", {
-          id: n.value.All,
+      default: f(() => [
+        k("div", {
+          id: o.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col",
           role: a.value === "All" ? "tabpanel" : "none"
         }, [
-          e.collection && e.workspace && (l(u) !== "modal" || Object.keys(l(V) ?? {}).length) ? s((r(), d(X, {
+          e.collection && e.workspace && (l(u) !== "modal" || Object.keys(l(P) ?? {}).length) ? s((n(), d(G, {
             key: 0,
-            id: n.value.Auth,
+            id: o.value.Auth,
             class: "request-section-content-auth",
             collection: e.collection,
             envVariables: e.envVariables,
@@ -126,11 +126,11 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           }, null, 8, ["id", "collection", "envVariables", "environment", "isReadOnly", "operation", "role", "selectedSecuritySchemeUids", "server", "workspace"])), [
             [
               m,
-              !h.value && (a.value === "All" || a.value === "Auth")
+              !y.value && (a.value === "All" || a.value === "Auth")
             ]
-          ]) : k("", !0),
-          s(i(G, {
-            id: n.value["Path Parameters"],
+          ]) : b("", !0),
+          s(i(z, {
+            id: o.value["Path Parameters"],
             class: "request-section-content-path-params",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -147,8 +147,8 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
               (a.value === "All" || a.value === "Path Parameters") && e.example.parameters.path.length
             ]
           ]),
-          s(i(w, {
-            id: n.value.Cookies,
+          s(i(x, {
+            id: o.value.Cookies,
             class: "request-section-content-cookies",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -157,15 +157,15 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             label: "Cookie",
             operation: e.operation,
             paramKey: "cookies",
-            readOnlyEntries: H.value,
+            readOnlyEntries: E.value,
             role: a.value === "All" ? "none" : "tabpanel",
             title: "Cookies",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "role", "workspace"]), [
             [m, a.value === "All" || a.value === "Cookies"]
           ]),
-          s(i(w, {
-            id: n.value.Headers,
+          s(i(x, {
+            id: o.value.Headers,
             class: "request-section-content-headers",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -180,8 +180,8 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [m, a.value === "All" || a.value === "Headers"]
           ]),
-          s(i(w, {
-            id: n.value.Query,
+          s(i(x, {
+            id: o.value.Query,
             class: "request-section-content-query",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -196,9 +196,9 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [m, a.value === "All" || a.value === "Query"]
           ]),
-          e.operation.method && (a.value === "All" || a.value === "Body") && l(b)(e.operation.method) ? (r(), d(z, {
+          e.operation.method && (a.value === "All" || a.value === "Body") && l(p)(e.operation.method) ? (n(), d(W, {
             key: 1,
-            id: n.value.Body,
+            id: o.value.Body,
             class: "request-section-content-body",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -207,24 +207,24 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             role: a.value === "All" ? "none" : "tabpanel",
             title: "Body",
             workspace: e.workspace
-          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : k("", !0),
-          (r(!0), f(K, null, L(l(I), (p) => (r(), d(l(C), {
-            key: p.component
+          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : b("", !0),
+          (n(!0), h(M, null, K(l(N), (c) => (n(), d(l(S), {
+            key: c.component
           }, {
-            default: c(() => [
-              s((r(), d(Q(p.component), {
+            default: f(() => [
+              s((n(), d(L(c.component), {
                 operation: e.operation,
-                "onUpdate:operation": U
+                "onUpdate:operation": I
               }, null, 40, ["operation"])), [
-                [m, a.value === "All" || a.value === p.title]
+                [m, a.value === "All" || a.value === c.title]
               ])
             ]),
             _: 2
           }, 1024))), 128)),
-          t[1] || (t[1] = y("div", { class: "flex flex-grow" }, null, -1)),
-          i(l(C), null, {
-            default: c(() => [
-              i(J, {
+          r[1] || (r[1] = k("div", { class: "flex flex-grow" }, null, -1)),
+          i(l(S), null, {
+            default: f(() => [
+              i(X, {
                 class: "request-section-content-code-example -mt-1/2 border-t",
                 collection: e.collection,
                 environment: e.envVariables,
@@ -243,5 +243,5 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
   }
 });
 export {
-  be as default
+  pe as default
 };

package/dist/views/Request/RequestSection/RequestTable.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as _, createBlock as i, openBlock as u, withCtx as n, createVNode as r, createElementBlock as b, createTextVNode as f, toDisplayString as c, Fragment as g, renderList as z, normalizeClass as v, unref as s, createCommentVNode as k, createElementVNode as p } from "vue";
-import { ScalarTooltip as q, ScalarIcon as B, ScalarButton as R } from "@scalar/components";
-import { ScalarIconTrash as D } from "@scalar/icons";
-import { RouterLink as E } from "vue-router";
+import { defineComponent as z, createBlock as c, openBlock as d, withCtx as t, createVNode as n, createElementBlock as f, createTextVNode as v, toDisplayString as p, Fragment as g, renderList as q, normalizeClass as k, unref as u, createCommentVNode as y, createElementVNode as m } from "vue";
+import { ScalarTooltip as D, ScalarIcon as B, ScalarButton as R } from "@scalar/components";
+import { ScalarIconTrash as E } from "@scalar/icons";
+import { RouterLink as G } from "vue-router";
 import C from "../../../components/CodeInput/CodeInput.vue.js";
-import G from "../../../components/DataTable/DataTable.vue.js";
-import y from "../../../components/DataTable/DataTableCell.vue.js";
-import N from "../../../components/DataTable/DataTableCheckbox.vue.js";
-import V from "../../../components/DataTable/DataTableHeader.vue.js";
+import N from "../../../components/DataTable/DataTable.vue.js";
+import V from "../../../components/DataTable/DataTableCell.vue.js";
+import P from "../../../components/DataTable/DataTableCheckbox.vue.js";
+import h from "../../../components/DataTable/DataTableHeader.vue.js";
 import $ from "../../../components/DataTable/DataTableRow.vue.js";
-import { parameterIsInvalid as P, hasItemProperties as h } from "../libs/request.js";
-import j from "./RequestTableTooltip.vue.js";
-const K = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify-end overflow-hidden p-1" }, O = ["onClick"], A = {
+import { parameterIsInvalid as j, hasItemProperties as w } from "../libs/request.js";
+import K from "./RequestTableTooltip.vue.js";
+const O = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify-end overflow-hidden p-1" }, A = ["onClick"], L = {
   key: 1,
   class: "p-0.5"
-}, oe = /* @__PURE__ */ _({
+}, oe = /* @__PURE__ */ z({
   __name: "RequestTable",
   props: {
     items: {},
@@ -28,62 +28,62 @@ const K = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
     label: {}
   },
   emits: ["updateRow", "toggleRow", "addRow", "deleteRow", "inputFocus", "inputBlur", "uploadFile", "removeFile"],
-  setup(x, { emit: F }) {
-    const m = x, t = F, U = ["", "", "36px"], w = (e, o, l) => {
-      t("updateRow", e, o, l);
-    }, S = (e) => {
-      t("uploadFile", e);
-    }, T = (e) => Array.isArray(e.default) && e.default.length === 1 ? e.default[0] : e.default, I = (e) => !!(e.key || e.value);
-    return (e, o) => (u(), i(G, {
+  setup(l, { emit: F }) {
+    const b = l, s = F, U = ["", "", "36px"], x = (r, o, e) => {
+      s("updateRow", r, o, e);
+    }, S = (r) => {
+      s("uploadFile", r);
+    }, T = (r) => Array.isArray(r.default) && r.default.length === 1 ? r.default[0] : r.default, I = (r) => !!(r.key || r.value);
+    return (r, o) => (d(), c(N, {
       class: "group/table flex-1",
       columns: U
     }, {
-      default: n(() => [
-        r($, { class: "sr-only !block" }, {
-          default: n(() => [
-            r(V, null, {
-              default: n(() => [
-                f(c(e.label) + " Enabled", 1)
+      default: t(() => [
+        n($, { class: "sr-only !block" }, {
+          default: t(() => [
+            n(h, null, {
+              default: t(() => [
+                v(p(l.label) + " Enabled", 1)
               ]),
               _: 1
             }),
-            r(V, null, {
-              default: n(() => [
-                f(c(e.label) + " Key", 1)
+            n(h, null, {
+              default: t(() => [
+                v(p(l.label) + " Key", 1)
               ]),
               _: 1
             }),
-            r(V, null, {
-              default: n(() => [
-                f(c(e.label) + " Value", 1)
+            n(h, null, {
+              default: t(() => [
+                v(p(l.label) + " Value", 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        (u(!0), b(g, null, z(e.items, (l, d) => (u(), i($, {
-          id: l.key,
-          key: d,
-          class: v({
-            alert: s(P)(l).value,
-            error: e.invalidParams && e.invalidParams.has(l.key)
+        (d(!0), f(g, null, q(l.items, (e, i) => (d(), c($, {
+          id: e.key,
+          key: i,
+          class: k({
+            alert: u(j)(e).value,
+            error: l.invalidParams && l.invalidParams.has(e.key)
           })
         }, {
-          default: n(() => [
-            e.isGlobal ? (u(), i(s(E), {
+          default: t(() => [
+            l.isGlobal ? (d(), c(u(G), {
               key: 0,
               class: "text-c-2 flex items-center justify-center border-t !border-r",
-              to: l.route ?? {}
+              to: e.route ?? {}
             }, {
-              default: n(() => [
-                o[4] || (o[4] = p("span", { class: "sr-only" }, "Global", -1)),
-                r(s(q), {
+              default: t(() => [
+                o[4] || (o[4] = m("span", { class: "sr-only" }, "Global", -1)),
+                n(u(D), {
                   content: "Global cookies are shared across the whole workspace.",
                   placement: "top"
                 }, {
-                  default: n(() => [
-                    r(s(B), {
+                  default: t(() => [
+                    n(u(B), {
                       tabindex: "0",
                       class: "text-c-1",
                       icon: "Globe",
@@ -94,114 +94,114 @@ const K = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
                 })
               ]),
               _: 1
-            }, 8, ["to"])) : (u(), i(N, {
+            }, 8, ["to"])) : (d(), c(P, {
               key: 1,
               class: "!border-r",
-              disabled: m.hasCheckboxDisabled,
-              modelValue: l.enabled,
-              "onUpdate:modelValue": (a) => t("toggleRow", d, a)
+              disabled: b.hasCheckboxDisabled,
+              modelValue: e.enabled,
+              "onUpdate:modelValue": (a) => s("toggleRow", i, a)
             }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])),
-            r(y, null, {
-              default: n(() => [
-                r(C, {
-                  "aria-label": `${e.label} Key`,
+            n(V, null, {
+              default: t(() => [
+                n(C, {
+                  "aria-label": `${l.label} Key`,
                   disableCloseBrackets: "",
-                  disabled: m.isReadOnly,
+                  disabled: b.isReadOnly,
                   disableEnter: "",
                   disableTabIndent: "",
                   lineWrapping: "",
-                  envVariables: e.envVariables,
-                  environment: e.environment,
-                  modelValue: l.key,
+                  envVariables: l.envVariables,
+                  environment: l.environment,
+                  modelValue: e.key,
                   placeholder: "Key",
-                  required: !!l.required,
-                  workspace: e.workspace,
-                  onBlur: o[0] || (o[0] = (a) => t("inputBlur")),
-                  onFocus: o[1] || (o[1] = (a) => t("inputFocus")),
-                  onSelectVariable: (a) => w(d, "key", a),
-                  "onUpdate:modelValue": (a) => t("updateRow", d, "key", a)
+                  required: !!e.required,
+                  workspace: l.workspace,
+                  onBlur: o[0] || (o[0] = (a) => s("inputBlur")),
+                  onFocus: o[1] || (o[1] = (a) => s("inputFocus")),
+                  onSelectVariable: (a) => x(i, "key", a),
+                  "onUpdate:modelValue": (a) => s("updateRow", i, "key", a)
                 }, null, 8, ["aria-label", "disabled", "envVariables", "environment", "modelValue", "required", "workspace", "onSelectVariable", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            r(y, null, {
-              default: n(() => [
-                r(C, {
-                  "aria-label": `${e.label} Value`,
-                  class: v(
-                    s(h)(l) ? "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10" : "group-hover:pr-6 group-has-[.cm-focused]:pr-6"
+            n(V, null, {
+              default: t(() => [
+                n(C, {
+                  "aria-label": `${l.label} Value`,
+                  class: k(
+                    u(w)(e) ? "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10" : "group-hover:pr-6 group-has-[.cm-focused]:pr-6"
                   ),
-                  default: l.default,
+                  default: e.default,
                   disableCloseBrackets: "",
-                  disabled: m.isReadOnly,
+                  disabled: b.isReadOnly,
                   disableEnter: "",
                   disableTabIndent: "",
                   lineWrapping: "",
-                  enum: l.enum ?? [],
-                  envVariables: e.envVariables,
-                  environment: e.environment,
-                  examples: l.examples ?? [],
-                  max: l.maximum,
-                  min: l.minimum,
-                  modelValue: l.value,
-                  nullable: !!l.nullable,
+                  enum: e.enum ?? [],
+                  envVariables: l.envVariables,
+                  environment: l.environment,
+                  examples: e.examples ?? [],
+                  max: e.maximum,
+                  min: e.minimum,
+                  modelValue: e.value,
+                  nullable: !!e.nullable,
                   placeholder: "Value",
-                  type: l.type,
-                  workspace: e.workspace,
-                  onBlur: o[2] || (o[2] = (a) => t("inputBlur")),
-                  onFocus: o[3] || (o[3] = (a) => t("inputFocus")),
-                  onSelectVariable: (a) => w(d, "value", a),
-                  "onUpdate:modelValue": (a) => t("updateRow", d, "value", a)
+                  type: e.type,
+                  workspace: l.workspace,
+                  onBlur: o[2] || (o[2] = (a) => s("inputBlur")),
+                  onFocus: o[3] || (o[3] = (a) => s("inputFocus")),
+                  onSelectVariable: (a) => x(i, "value", a),
+                  "onUpdate:modelValue": (a) => s("updateRow", i, "value", a)
                 }, {
-                  icon: n(() => [
-                    I(l) && !l.required ? (u(), i(s(R), {
+                  icon: t(() => [
+                    I(e) && !e.required ? (d(), c(u(R), {
                       key: 0,
-                      class: v([{
-                        "-mr-0.5": s(h)(l)
+                      class: k([{
+                        "-mr-0.5": u(w)(e)
                       }, "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: (a) => t("deleteRow", d)
+                      onClick: (a) => s("deleteRow", i)
                     }, {
-                      default: n(() => [
-                        r(s(D), { class: "size-3.5" })
+                      default: t(() => [
+                        n(u(E), { class: "size-3.5" })
                       ]),
                       _: 1
-                    }, 8, ["class", "onClick"])) : k("", !0),
-                    s(h)(l) ? (u(), i(j, {
+                    }, 8, ["class", "onClick"])) : y("", !0),
+                    u(w)(e) ? (d(), c(K, {
                       key: 1,
-                      item: { ...l, default: T(l) }
-                    }, null, 8, ["item"])) : k("", !0)
+                      item: { ...e, default: T(e) }
+                    }, null, 8, ["item"])) : y("", !0)
                   ]),
                   _: 2
                 }, 1032, ["aria-label", "class", "default", "disabled", "enum", "envVariables", "environment", "examples", "max", "min", "modelValue", "nullable", "type", "workspace", "onSelectVariable", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            e.showUploadButton ? (u(), i(y, {
+            l.showUploadButton ? (d(), c(V, {
               key: 2,
               class: "group/upload flex items-center justify-center whitespace-nowrap"
             }, {
-              default: n(() => [
-                l.file ? (u(), b(g, { key: 0 }, [
-                  p("div", K, [
-                    p("span", null, c(l.file?.name), 1)
+              default: t(() => [
+                e.file ? (d(), f(g, { key: 0 }, [
+                  m("div", O, [
+                    m("span", null, p(e.file?.name), 1)
                   ]),
-                  p("button", {
+                  m("button", {
                     class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
                     type: "button",
-                    onClick: (a) => t("removeFile", d)
-                  }, " Delete ", 8, O)
-                ], 64)) : (u(), b("div", A, [
-                  r(s(R), {
+                    onClick: (a) => s("removeFile", i)
+                  }, " Delete ", 8, A)
+                ], 64)) : (d(), f("div", L, [
+                  n(u(R), {
                     class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
                     size: "sm",
                     variant: "outlined",
-                    onClick: (a) => S(d)
+                    onClick: (a) => S(i)
                   }, {
-                    default: n(() => [
-                      o[5] || (o[5] = p("span", null, "Upload File", -1)),
-                      r(s(B), {
+                    default: t(() => [
+                      o[5] || (o[5] = m("span", null, "Upload File", -1)),
+                      n(u(B), {
                         class: "ml-1",
                         icon: "Upload",
                         size: "xs",
@@ -213,7 +213,7 @@ const K = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
                 ]))
               ]),
               _: 2
-            }, 1024)) : k("", !0)
+            }, 1024)) : y("", !0)
           ]),
           _: 2
         }, 1032, ["id", "class"]))), 128))