@scalar/api-client 2.18.0 → 2.18.3

package/dist/v2/components/code-input/CodeInput.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as Q, useAttrs as G, ref as u, computed as d, toRef as r, watch as X, createElementBlock as i, openBlock as a, Fragment as Y, createBlock as y, createCommentVNode as f, normalizeClass as Z, createElementVNode as V, toDisplayString as _, mergeProps as ee, unref as O, withKeys as b, withModifiers as $, createTextVNode as B, renderSlot as I } from "vue";
+import { defineComponent as Q, useAttrs as G, ref as d, computed as s, toRef as r, watch as X, createElementBlock as i, openBlock as o, Fragment as Y, createBlock as y, createCommentVNode as c, normalizeClass as Z, createElementVNode as V, toDisplayString as _, mergeProps as ee, unref as O, withKeys as b, withModifiers as $, createTextVNode as p, renderSlot as I } from "vue";
 import { isDefined as te } from "@scalar/helpers/array/is-defined";
-import { useCodeMirror as ne, useDropdown as le, colorPicker as oe } from "@scalar/use-codemirror";
-import { nanoid as ae } from "nanoid";
-import k from "../data-table/DataTableInputSelect.vue.js";
+import { useCodeMirror as ne, useDropdown as le, colorPicker as ae } from "@scalar/use-codemirror";
+import { nanoid as oe } from "nanoid";
+import B from "../data-table/DataTableInputSelect.vue.js";
 import re from "../../features/environments/components/EnvironmentVariablesDropdown.vue.js";
-import { pillPlugin as ie, backspaceCommand as se } from "./code-variable-widget.js";
-const ue = { class: "whitespace-nowrap" }, de = ["id"], fe = {
+import { pillPlugin as ie, backspaceCommand as ue } from "./code-variable-widget.js";
+const de = { class: "whitespace-nowrap" }, se = ["id"], ce = {
   key: 0,
   class: "z-context text-c-2 absolute right-1.5 bottom-1 hidden font-sans group-has-[:focus-visible]/input:block",
   role: "alert"
-}, ce = {
+}, fe = {
   key: 5,
   class: "centered-y text-orange absolute right-7 text-xs"
 }, me = {
@@ -20,7 +20,7 @@ const ue = { class: "whitespace-nowrap" }, de = ["id"], fe = {
   class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pt-px pr-2 opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.alert]:shadow-none group-[.error]:bg-transparent group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
 }, be = {
   inheritAttrs: !1
-}, xe = /* @__PURE__ */ Q({
+}, ke = /* @__PURE__ */ Q({
   ...be,
   __name: "CodeInput",
   props: {
@@ -53,83 +53,83 @@ const ue = { class: "whitespace-nowrap" }, de = ["id"], fe = {
     handleFieldSubmit: { type: Function }
   },
   emits: ["update:modelValue", "submit", "blur", "curl", "redirectToEnvironment"],
-  setup(t, { expose: M, emit: N }) {
-    const s = N, x = G(), R = x.id || `id-${ae()}`, h = u(!1), q = d(() => t.enum?.length ? !1 : t.type === "boolean" || Array.isArray(t.type) && t.type.includes("boolean")), C = d(() => t.nullable ? ["true", "false", "null"] : ["true", "false"]), z = d(() => Array.isArray(t.type) ? t.type.find((e) => e !== "null") ?? "string" : t.type), E = (e) => {
-      if (!t.alwaysEmitChange && e === c(t.modelValue))
+  setup(e, { expose: M, emit: N }) {
+    const u = N, k = G(), R = k.id || `id-${oe()}`, h = d(!1), q = s(() => e.enum?.length ? !1 : e.type === "boolean" || Array.isArray(e.type) && e.type.includes("boolean")), C = s(() => e.nullable ? ["true", "false", "null"] : ["true", "false"]), z = s(() => Array.isArray(e.type) ? e.type.find((t) => t !== "null") ?? "string" : e.type), E = (t) => {
+      if (!e.alwaysEmitChange && t === f(e.modelValue))
         return;
-      if (typeof e == "string" && t.importCurl && e.trim().toLowerCase().startsWith("curl")) {
-        s("curl", e), l.value && l.value.dispatch({
+      if (typeof t == "string" && e.importCurl && t.trim().toLowerCase().startsWith("curl")) {
+        u("curl", t), l.value && l.value.dispatch({
           changes: {
             from: 0,
             to: l.value.state.doc.length,
-            insert: c(t.modelValue)
+            insert: f(e.modelValue)
           }
         });
         return;
       }
-      const n = T(e);
-      t.handleFieldChange ? t.handleFieldChange(n) : s("update:modelValue", n);
-    }, g = (e) => {
-      t.handleFieldSubmit ? t.handleFieldSubmit(e) : s("submit", e);
-    }, S = (e) => {
-      h.value = !1, t.emitOnBlur && t.modelValue && g(e), s("blur", e);
-    }, p = (e) => {
-      s("update:modelValue", e);
+      const n = T(t);
+      e.handleFieldChange ? e.handleFieldChange(n) : u("update:modelValue", n);
+    }, g = (t) => {
+      e.handleFieldSubmit ? e.handleFieldSubmit(t) : u("submit", t);
+    }, S = (t) => {
+      h.value = !1, e.emitOnBlur && e.modelValue && g(t), u("blur", t);
+    }, v = (t) => {
+      u("update:modelValue", t);
     }, W = () => {
-      const e = [...t.extensions];
-      return t.colorPicker && e.push(oe), e;
-    }, K = d(
+      const t = [...e.extensions];
+      return e.colorPicker && t.push(ae), t;
+    }, K = s(
       () => ie({
-        environment: t.environment,
-        isReadOnly: t.layout === "modal"
+        environment: e.environment,
+        isReadOnly: e.layout === "modal"
       })
-    ), L = d(() => [
+    ), L = s(() => [
       ...W(),
       K.value,
-      se
-    ]), P = u(null), c = (e) => typeof e == "object" ? JSON.stringify(e) : String(e ?? ""), T = (e) => {
-      const n = e.trim(), o = n.startsWith("[") || n.startsWith("{"), F = typeof t.modelValue;
-      if (Array.isArray(t.modelValue) && !o && n.includes(","))
+      ue
+    ]), P = d(null), f = (t) => typeof t == "object" ? JSON.stringify(t) : String(t ?? ""), T = (t) => {
+      const n = t.trim(), a = n.startsWith("[") || n.startsWith("{"), F = typeof e.modelValue;
+      if (Array.isArray(e.modelValue) && !a && n.includes(","))
         return n.split(",").map((H) => H.trim());
-      if (o || F === "number" || F === "boolean")
+      if (a || F === "number" || F === "boolean")
         try {
-          return JSON.parse(e);
+          return JSON.parse(t);
         } catch {
         }
-      return e;
+      return t;
     }, { codeMirror: l } = ne({
-      content: r(() => c(t.modelValue)),
-      onChange: (e) => {
-        E(e), J();
+      content: r(() => f(e.modelValue)),
+      onChange: (t) => {
+        E(t), J();
       },
       onFocus: () => {
         h.value = !0;
       },
       onBlur: S,
       codeMirrorRef: P,
-      disableTabIndent: r(() => t.disableTabIndent),
-      disableEnter: r(() => t.disableEnter),
-      disableCloseBrackets: r(() => t.disableCloseBrackets),
-      lineNumbers: r(() => t.lineNumbers),
-      language: r(() => t.language),
-      lint: r(() => t.lint),
+      disableTabIndent: r(() => e.disableTabIndent),
+      disableEnter: r(() => e.disableEnter),
+      disableCloseBrackets: r(() => e.disableCloseBrackets),
+      lineNumbers: r(() => e.lineNumbers),
+      language: r(() => e.language),
+      lint: r(() => e.lint),
       extensions: L,
-      placeholder: r(() => t.placeholder)
+      placeholder: r(() => e.placeholder)
     });
     X(l, () => {
-      l.value && Object.hasOwn(x, "autofocus") && l.value.focus();
+      l.value && Object.hasOwn(k, "autofocus") && l.value.focus();
     });
-    const v = u(!1), A = u(""), D = u({ left: 0, top: 0 }), w = u(null), { handleDropdownSelect: j, updateDropdownVisibility: J } = le({
+    const w = d(!1), A = d(""), D = d({ left: 0, top: 0 }), x = d(null), { handleDropdownSelect: j, updateDropdownVisibility: J } = le({
       codeMirror: l,
       query: A,
-      showDropdown: v,
+      showDropdown: w,
       dropdownPosition: D
-    }), U = d(() => v.value && t.withVariables && t.layout !== "modal" && !!t.environment), m = (e, n) => {
-      if (v.value) {
-        e === "down" || e === "up" ? (n.preventDefault(), w.value?.handleArrowKey(e)) : e === "enter" && (n.preventDefault(), w.value?.handleSelect());
+    }), U = s(() => w.value && e.withVariables && e.layout !== "modal" && !!e.environment), m = (t, n) => {
+      if (w.value) {
+        t === "down" || t === "up" ? (n.preventDefault(), x.value?.handleArrowKey(t)) : t === "enter" && (n.preventDefault(), x.value?.handleSelect());
         return;
       }
-      e === "escape" && !t.disableTabIndent && n.stopPropagation(), e === "enter" && n.target instanceof HTMLDivElement && g(n.target.textContent ?? "");
+      t === "escape" && !e.disableTabIndent && n.stopPropagation(), t === "enter" && n.target instanceof HTMLDivElement && g(n.target.textContent ?? "");
     };
     return M({
       /**
@@ -137,10 +137,10 @@ const ue = { class: "whitespace-nowrap" }, de = ["id"], fe = {
        *
        * @param cursorAtEnd boolean place the cursor at the end of the input
        */
-      focus: (e) => {
-        if (!l.value || (l.value.focus(), !te(e)))
+      focus: (t) => {
+        if (!l.value || (l.value.focus(), !te(t)))
           return;
-        const n = e === "start" ? 0 : e === "end" ? l.value.state.doc.length : e;
+        const n = t === "start" ? 0 : t === "end" ? l.value.state.doc.length : t;
         l.value.dispatch({
           selection: { anchor: n },
           scrollIntoView: !0
@@ -152,40 +152,40 @@ const ue = { class: "whitespace-nowrap" }, de = ["id"], fe = {
       handleBlur: S,
       booleanOptions: C,
       codeMirror: l,
-      modelValue: t.modelValue,
+      modelValue: e.modelValue,
       cursorPosition: () => l.value?.state.selection.main.head,
-      serializeValue: c,
+      serializeValue: f,
       deserializeValue: T
-    }), (e, n) => (a(), i(Y, null, [
-      e.disabled ? (a(), i("div", {
+    }), (t, n) => (o(), i(Y, null, [
+      e.disabled ? (o(), i("div", {
         key: 0,
         class: Z(["text-c-2 flex cursor-default items-center justify-center", e.layout === "modal" ? "font-code pr-2 pl-1 text-base" : "px-2"]),
         "data-testid": "code-input-disabled"
       }, [
-        V("span", ue, _(e.modelValue), 1)
-      ], 2)) : t.enum?.length ? (a(), y(k, {
+        V("span", de, _(e.modelValue), 1)
+      ], 2)) : e.enum?.length ? (o(), y(B, {
         key: 1,
-        default: t.default,
+        default: e.default,
         modelValue: e.modelValue,
         type: z.value,
-        value: t.enum,
-        "onUpdate:modelValue": p
-      }, null, 8, ["default", "modelValue", "type", "value"])) : q.value ? (a(), y(k, {
+        value: e.enum,
+        "onUpdate:modelValue": v
+      }, null, 8, ["default", "modelValue", "type", "value"])) : q.value ? (o(), y(B, {
         key: 2,
-        default: t.default,
+        default: e.default,
         modelValue: e.modelValue,
         value: C.value,
-        "onUpdate:modelValue": p
-      }, null, 8, ["default", "modelValue", "value"])) : e.examples?.length ? (a(), y(k, {
+        "onUpdate:modelValue": v
+      }, null, 8, ["default", "modelValue", "value"])) : e.examples?.length ? (o(), y(B, {
         key: 3,
-        default: t.default,
+        default: e.default,
         modelValue: e.modelValue,
         value: e.examples,
-        "onUpdate:modelValue": p
-      }, null, 8, ["default", "modelValue", "value"])) : (a(), i("div", ee({
+        "onUpdate:modelValue": v
+      }, null, 8, ["default", "modelValue", "value"])) : (o(), i("div", ee({
         key: 4,
         id: O(R)
-      }, e.$attrs, {
+      }, t.$attrs, {
         ref_key: "codeMirrorRef",
         ref: P,
         class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden text-xs leading-[1.44] whitespace-nowrap -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
@@ -193,40 +193,40 @@ const ue = { class: "whitespace-nowrap" }, de = ["id"], fe = {
           "flow-code-input--error": e.error
         }],
         onKeydown: [
-          n[0] || (n[0] = b($((o) => m("down", o), ["stop"]), ["down"])),
-          n[1] || (n[1] = b((o) => m("enter", o), ["enter"])),
-          n[2] || (n[2] = b((o) => m("escape", o), ["escape"])),
-          n[3] || (n[3] = b($((o) => m("up", o), ["stop"]), ["up"]))
+          n[0] || (n[0] = b($((a) => m("down", a), ["stop"]), ["down"])),
+          n[1] || (n[1] = b((a) => m("enter", a), ["enter"])),
+          n[2] || (n[2] = b((a) => m("escape", a), ["escape"])),
+          n[3] || (n[3] = b($((a) => m("up", a), ["stop"]), ["up"]))
         ]
       }), [
-        e.disableTabIndent ? f("", !0) : (a(), i("div", fe, [...n[5] || (n[5] = [
-          B(" Press ", -1),
+        e.disableTabIndent ? c("", !0) : (o(), i("div", ce, [...n[5] || (n[5] = [
+          p(" Press ", -1),
           V("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
-          B(" then ", -1),
+          p(" then ", -1),
           V("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
-          B(" to exit ", -1)
+          p(" to exit ", -1)
         ])]))
-      ], 16, de)),
-      e.$slots.warning ? (a(), i("div", ce, [
-        I(e.$slots, "warning", {}, void 0, !0)
-      ])) : f("", !0),
-      e.$slots.icon ? (a(), i("div", me, [
-        I(e.$slots, "icon", {}, void 0, !0)
-      ])) : f("", !0),
-      e.required ? (a(), i("div", ye, " Required ")) : f("", !0),
-      U.value && e.environment ? (a(), y(re, {
+      ], 16, se)),
+      t.$slots.warning ? (o(), i("div", fe, [
+        I(t.$slots, "warning", {}, void 0, !0)
+      ])) : c("", !0),
+      t.$slots.icon ? (o(), i("div", me, [
+        I(t.$slots, "icon", {}, void 0, !0)
+      ])) : c("", !0),
+      e.required ? (o(), i("div", ye, " Required ")) : c("", !0),
+      U.value && e.environment ? (o(), y(re, {
         key: 8,
         ref_key: "dropdownRef",
-        ref: w,
+        ref: x,
         dropdownPosition: D.value,
         environment: e.environment,
         query: A.value,
-        onRedirect: n[4] || (n[4] = (o) => s("redirectToEnvironment")),
+        onRedirect: n[4] || (n[4] = (a) => u("redirectToEnvironment")),
         onSelect: O(j)
-      }, null, 8, ["dropdownPosition", "environment", "query", "onSelect"])) : f("", !0)
+      }, null, 8, ["dropdownPosition", "environment", "query", "onSelect"])) : c("", !0)
     ], 64));
   }
 });
 export {
-  xe as default
+  ke as default
 };

package/dist/v2/components/data-table/DataTable.vue.js

@@ -1,38 +1,38 @@
-import { defineComponent as r, createElementBlock as o, openBlock as l, normalizeProps as n, guardReactiveProps as i, unref as m, createElementVNode as p, normalizeStyle as c, normalizeClass as u, createCommentVNode as d, renderSlot as t } from "vue";
-import { useBindCx as f } from "@scalar/components";
-const b = ["role"], y = {
+import { defineComponent as r, createElementBlock as t, openBlock as l, normalizeProps as c, guardReactiveProps as i, unref as m, createElementVNode as u, normalizeStyle as d, normalizeClass as p, createCommentVNode as f, renderSlot as a } from "vue";
+import { useBindCx as b } from "@scalar/components";
+const y = ["role"], v = {
   key: 0,
   class: "sr-only"
-}, _ = /* @__PURE__ */ r({
+}, h = /* @__PURE__ */ r({
   __name: "DataTable",
   props: {
     columns: {},
     scroll: { type: Boolean },
     presentational: { type: Boolean }
   },
-  setup(v) {
-    const { cx: a } = f();
-    return (e, w) => (l(), o("div", n(i(
-      m(a)(
+  setup(e) {
+    const { cx: n } = b();
+    return (o, w) => (l(), t("div", c(i(
+      m(n)(
         e.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible",
         "scalar-data-table"
       )
     )), [
-      p("table", {
-        class: u(["mb-0 grid min-h-8 auto-rows-auto", { "w-max min-w-full": e.scroll }]),
+      u("table", {
+        class: p(["mb-0 grid min-h-8 auto-rows-auto", { "w-max min-w-full": e.scroll }]),
         role: e.presentational ? "presentation" : "table",
-        style: c({
+        style: d({
           gridTemplateColumns: e.columns.map((s) => s || "1fr").join(" ")
         })
       }, [
-        e.$slots.caption ? (l(), o("caption", y, [
-          t(e.$slots, "caption")
-        ])) : d("", !0),
-        t(e.$slots, "default")
-      ], 14, b)
+        o.$slots.caption ? (l(), t("caption", v, [
+          a(o.$slots, "caption")
+        ])) : f("", !0),
+        a(o.$slots, "default")
+      ], 14, y)
     ], 16));
   }
 });
 export {
-  _ as default
+  h as default
 };

package/dist/v2/components/data-table/DataTableCell.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as t, createBlock as o, openBlock as a, resolveDynamicComponent as n, mergeProps as s, unref as l, withCtx as p, renderSlot as b } from "vue";
-import { useBindCx as d } from "@scalar/components";
-const f = /* @__PURE__ */ t({
+import { defineComponent as o, createBlock as a, openBlock as n, resolveDynamicComponent as l, mergeProps as s, unref as b, withCtx as d, renderSlot as p } from "vue";
+import { useBindCx as i } from "@scalar/components";
+const f = /* @__PURE__ */ o({
   inheritAttrs: !1,
   __name: "DataTableCell",
   props: {
     is: { default: "td" }
   },
-  setup(i) {
-    const { cx: r } = d();
-    return (e, m) => (a(), o(n(e.is), s(
-      l(r)(
+  setup(e) {
+    const { cx: r } = i();
+    return (t, m) => (n(), a(l(e.is), s(
+      b(r)(
         "box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base last:border-r-0 group-last:border-b-transparent p-0 m-0 relative"
       ),
       { class: "group-[.alert]:bg-b-alert group-[.error]:bg-b-danger" }
     ), {
-      default: p(() => [
-        b(e.$slots, "default")
+      default: d(() => [
+        p(t.$slots, "default")
       ]),
       _: 3
     }, 16));

package/dist/v2/components/data-table/DataTableCheckbox.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, createBlock as n, openBlock as i, withCtx as d, createElementVNode as a, normalizeClass as t, unref as l, createVNode as u } from "vue";
-import { cva as p, ScalarIcon as m } from "@scalar/components";
-import b from "./DataTableCell.vue.js";
-const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
+import { defineComponent as i, createBlock as r, openBlock as d, withCtx as u, createElementVNode as t, normalizeClass as l, unref as o, createVNode as m } from "vue";
+import { cva as p, ScalarIcon as b } from "@scalar/components";
+import f from "./DataTableCell.vue.js";
+const h = ["checked", "disabled"], x = /* @__PURE__ */ i({
   __name: "DataTableCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -9,8 +9,8 @@ const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
     align: { default: "center" }
   },
   emits: ["update:modelValue"],
-  setup(h) {
-    const s = p({
+  setup(e) {
+    const c = p({
       base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute",
       variants: {
         align: {
@@ -19,25 +19,25 @@ const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
         }
       }
     });
-    return (e, o) => (i(), n(b, { class: "group/cell relative flex min-w-8" }, {
-      default: d(() => [
-        a("input", {
+    return (n, a) => (d(), r(f, { class: "group/cell relative flex min-w-8" }, {
+      default: u(() => [
+        t("input", {
           checked: e.modelValue,
           class: "peer absolute inset-0 cursor-pointer opacity-0 disabled:cursor-default",
           disabled: !!e.disabled,
           type: "checkbox",
-          onChange: o[0] || (o[0] = (r) => e.$emit("update:modelValue", r.target.checked))
-        }, null, 40, f),
-        a("div", {
-          class: t(l(s)({ align: e.align }))
+          onChange: a[0] || (a[0] = (s) => n.$emit("update:modelValue", s.target.checked))
+        }, null, 40, h),
+        t("div", {
+          class: l(o(c)({ align: e.align }))
         }, [
-          a("div", {
-            class: t([
+          t("div", {
+            class: l([
               "absolute m-auto size-3/4 rounded border-[1px] opacity-0",
               !e.disabled && "group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100"
             ])
           }, null, 2),
-          u(l(m), {
+          m(o(b), {
             icon: "Checkmark",
             size: "xs",
             thickness: "2.5"
@@ -49,5 +49,5 @@ const f = ["checked", "disabled"], y = /* @__PURE__ */ c({
   }
 });
 export {
-  y as default
+  x as default
 };

package/dist/v2/components/data-table/DataTableInput.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as b, ref as y, useTemplateRef as B, computed as $, createBlock as d, openBlock as n, normalizeClass as I, withCtx as O, createElementBlock as u, createCommentVNode as i, createElementVNode as S, renderSlot as p, createTextVNode as E, Fragment as h, mergeProps as c, unref as s } from "vue";
-import { ScalarIconButton as v } from "@scalar/components";
-import { ScalarIconX as A, ScalarIconEye as T, ScalarIconEyeSlash as W } from "@scalar/icons";
-import q from "./DataTableCell.vue.js";
-import F from "./DataTableInputSelect.vue.js";
-import N from "../code-input/CodeInput.vue.js";
-const P = ["for"], D = { class: "relative flex min-w-0 flex-1" }, U = ["readOnly", "type", "value"], z = {
+import { defineComponent as b, ref as y, useTemplateRef as x, computed as B, createBlock as s, openBlock as a, normalizeClass as $, withCtx as I, createElementBlock as r, createCommentVNode as m, createElementVNode as O, renderSlot as c, createTextVNode as S, Fragment as E, mergeProps as v, unref as u } from "vue";
+import { ScalarIconButton as V } from "@scalar/components";
+import { ScalarIconX as h, ScalarIconEye as A, ScalarIconEyeSlash as T } from "@scalar/icons";
+import W from "./DataTableCell.vue.js";
+import q from "./DataTableInputSelect.vue.js";
+import F from "../code-input/CodeInput.vue.js";
+const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly", "type", "value"], U = {
   key: 1,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, J = /* @__PURE__ */ b({
+}, G = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -26,49 +26,49 @@ const P = ["for"], D = { class: "relative flex min-w-0 flex-1" }, U = ["readOnly
     lineWrapping: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(V, { emit: w }) {
-    const a = V, t = w, r = y(!0), k = y(!1), m = B("codeInput"), g = () => !k.value && t("inputBlur"), f = $(
-      () => a.type === "password" ? "text" : a.type ?? "text"
+  setup(e, { emit: w }) {
+    const t = e, d = w, i = y(!0), k = y(!1), f = x("codeInput"), g = () => !k.value && d("inputBlur"), p = B(
+      () => t.type === "password" ? "text" : t.type ?? "text"
     ), C = () => {
-      !a.enum?.length && !a.readOnly && m.value?.focus();
+      !t.enum?.length && !t.readOnly && f.value?.focus();
     };
-    return (e, l) => (n(), d(q, {
-      class: I(["relative flex", e.containerClass])
+    return (n, l) => (a(), s(W, {
+      class: $(["relative flex", e.containerClass])
     }, {
-      default: O(() => [
-        e.$slots.default ? (n(), u("div", {
+      default: I(() => [
+        n.$slots.default ? (a(), r("div", {
           key: 0,
           class: "text-c-1 flex items-center pr-0 pl-3",
           for: e.id ?? "",
           onClick: C
         }, [
-          p(e.$slots, "default", {}, void 0, !0),
-          l[6] || (l[6] = E(": ", -1))
-        ], 8, P)) : i("", !0),
-        S("div", D, [
-          a.enum && a.enum.length ? (n(), d(F, {
+          c(n.$slots, "default", {}, void 0, !0),
+          l[6] || (l[6] = S(": ", -1))
+        ], 8, N)) : m("", !0),
+        O("div", P, [
+          t.enum && t.enum.length ? (a(), s(q, {
             key: 0,
-            canAddCustomValue: a.canAddCustomEnumValue,
-            modelValue: a.modelValue,
-            value: a.enum,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => t("update:modelValue", o))
-          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), u(h, { key: 1 }, [
-            r.value && e.type === "password" ? (n(), u("input", c({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
+            canAddCustomValue: t.canAddCustomEnumValue,
+            modelValue: t.modelValue,
+            value: t.enum,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => d("update:modelValue", o))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (a(), r(E, { key: 1 }, [
+            i.value && e.type === "password" ? (a(), r("input", v({ key: 0 }, e.id ? { ...n.$attrs, id: e.id } : n.$attrs, {
               autocomplete: "off",
               class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1", { "scalar-password-input": e.type === "password" }],
               "data-1p-ignore": "",
               readOnly: e.readOnly,
               spellcheck: "false",
-              type: f.value,
+              type: p.value,
               value: e.modelValue,
-              onInput: l[1] || (l[1] = (o) => t(
+              onInput: l[1] || (l[1] = (o) => d(
                 "update:modelValue",
                 o.target.value ?? ""
               ))
-            }), null, 16, U)) : (n(), d(s(N), c({ key: 1 }, e.$attrs, {
+            }), null, 16, D)) : (a(), s(u(F), v({ key: 1 }, n.$attrs, {
               id: e.id,
               ref_key: "codeInput",
-              ref: m,
+              ref: f,
               class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none -outline-offset-1", [
                 e.type === "password" && e.description && "pr-12",
                 e.description && "pr-8",
@@ -85,37 +85,37 @@ const P = ["for"], D = { class: "relative flex min-w-0 flex-1" }, U = ["readOnly
               readOnly: e.readOnly,
               required: !!e.required,
               spellcheck: "false",
-              type: f.value,
+              type: p.value,
               onBlur: g,
-              onFocus: l[2] || (l[2] = (o) => t("inputFocus")),
-              "onUpdate:modelValue": l[3] || (l[3] = (o) => t("update:modelValue", o))
+              onFocus: l[2] || (l[2] = (o) => d("inputFocus")),
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => d("update:modelValue", o))
             }), null, 16, ["id", "class", "description", "environment", "lineWrapping", "max", "min", "modelValue", "readOnly", "required", "type"]))
           ], 64))
         ]),
-        e.$slots.warning ? (n(), u("div", z, [
-          p(e.$slots, "warning", {}, void 0, !0)
-        ])) : i("", !0),
-        p(e.$slots, "icon", {}, void 0, !0),
-        e.modelValue ? (n(), d(s(v), {
+        n.$slots.warning ? (a(), r("div", U, [
+          c(n.$slots, "warning", {}, void 0, !0)
+        ])) : m("", !0),
+        c(n.$slots, "icon", {}, void 0, !0),
+        e.modelValue ? (a(), s(u(V), {
           key: 2,
           class: "-ml-.25 h-6 w-6 self-center p-1.25",
-          icon: s(A),
+          icon: u(h),
           label: "Clear Value",
-          onClick: l[4] || (l[4] = (o) => t("update:modelValue", ""))
-        }, null, 8, ["icon"])) : i("", !0),
-        e.type === "password" ? (n(), d(s(v), {
+          onClick: l[4] || (l[4] = (o) => d("update:modelValue", ""))
+        }, null, 8, ["icon"])) : m("", !0),
+        e.type === "password" ? (a(), s(u(V), {
           key: 3,
           class: "-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25",
           "data-testid": "data-table-password-toggle",
-          icon: r.value ? s(T) : s(W),
-          label: r.value ? "Show Password" : "Hide Password",
-          onClick: l[5] || (l[5] = (o) => r.value = !r.value)
-        }, null, 8, ["icon", "label"])) : i("", !0)
+          icon: i.value ? u(A) : u(T),
+          label: i.value ? "Show Password" : "Hide Password",
+          onClick: l[5] || (l[5] = (o) => i.value = !i.value)
+        }, null, 8, ["icon", "label"])) : m("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  J as default
+  G as default
 };