@scalar/api-client 2.17.8 → 2.18.0

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

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

package/dist/v2/components/data-table/DataTableInput.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_Props = {
     /** Class for the wrapping cell because attrs is bound to the input */
     containerClass?: VueClassProp | undefined;
     required?: boolean;
-    modelValue: string | number;
+    modelValue: string;
     /** Allows adding a custom value to the enum dropdown, defaults to true */
     canAddCustomEnumValue?: boolean;
     readOnly?: boolean;
@@ -27,12 +27,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     selectVariable: (value: string) => any;
-    "update:modelValue": (v: string) => any;
+    "update:modelValue": (v: string | number) => any;
     inputFocus: () => any;
     inputBlur: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelectVariable?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string | number) => any) | undefined;
     onInputFocus?: (() => any) | undefined;
     onInputBlur?: (() => any) | undefined;
 }>, {

package/dist/v2/components/data-table/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"names":[],"mappings":"AAuMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAoUJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAoC7C,QAAA,MAAM,eAAe;;;;;;;;;;;cAvXN,OAAO;cAIP,OAAO;kBAMH,OAAO;2BAPE,OAAO;6EA4XjC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"names":[],"mappings":"AAuMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,kBAAkB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAgUJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAmC7C,QAAA,MAAM,eAAe;;;;;;;;;;;cAlXN,OAAO;cAIP,OAAO;kBAMH,OAAO;2BAPE,OAAO;6EAuXjC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,7 +1,7 @@
 import t from "./DataTableInput.vue2.js";
 /* empty css                    */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-d6948ce7"]]);
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3157c3c7"]]);
 export {
-  e as default
+  c as default
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as b, ref as p, computed as B, createBlock as d, openBlock as n, normalizeClass as $, withCtx as I, createElementBlock as u, createCommentVNode as i, createElementVNode as O, renderSlot as m, createTextVNode as S, Fragment as E, mergeProps as c, unref as r } from "vue";
+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 h, ScalarIconEye as A, ScalarIconEyeSlash as W } from "@scalar/icons";
+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 T from "../code-input/CodeInput.vue.js";
-const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly", "type", "value"], U = {
+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 = {
   key: 1,
   class: "centered-y text-orange absolute right-7 text-xs"
 }, J = /* @__PURE__ */ b({
@@ -27,48 +27,48 @@ const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
   setup(V, { emit: w }) {
-    const a = V, t = w, s = p(!0), k = p(!1), f = p(null), g = () => !k.value && t("inputBlur"), y = B(
+    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"
     ), C = () => {
-      !a.enum?.length && !a.readOnly && f.value?.focus();
+      !a.enum?.length && !a.readOnly && m.value?.focus();
     };
     return (e, l) => (n(), d(q, {
-      class: $(["relative flex", e.containerClass])
+      class: I(["relative flex", e.containerClass])
     }, {
-      default: I(() => [
+      default: O(() => [
         e.$slots.default ? (n(), u("div", {
           key: 0,
           class: "text-c-1 flex items-center pr-0 pl-3",
           for: e.id ?? "",
           onClick: C
         }, [
-          m(e.$slots, "default", {}, void 0, !0),
-          l[6] || (l[6] = S(": ", -1))
-        ], 8, N)) : i("", !0),
-        O("div", P, [
+          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, {
             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(E, { key: 1 }, [
-            s.value && e.type === "password" ? (n(), u("input", c({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
+          }, 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, {
               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: y.value,
+              type: f.value,
               value: e.modelValue,
               onInput: l[1] || (l[1] = (o) => t(
                 "update:modelValue",
                 o.target.value ?? ""
               ))
-            }), null, 16, D)) : (n(), d(r(T), c({ key: 1 }, e.$attrs, {
+            }), null, 16, U)) : (n(), d(s(N), c({ key: 1 }, e.$attrs, {
               id: e.id,
               ref_key: "codeInput",
-              ref: f,
+              ref: m,
               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,31 +85,31 @@ const N = ["for"], P = { class: "relative flex min-w-0 flex-1" }, D = ["readOnly
               readOnly: e.readOnly,
               required: !!e.required,
               spellcheck: "false",
-              type: y.value,
+              type: f.value,
               onBlur: g,
               onFocus: l[2] || (l[2] = (o) => t("inputFocus")),
               "onUpdate:modelValue": l[3] || (l[3] = (o) => t("update:modelValue", o))
             }), null, 16, ["id", "class", "description", "environment", "lineWrapping", "max", "min", "modelValue", "readOnly", "required", "type"]))
           ], 64))
         ]),
-        e.$slots.warning ? (n(), u("div", U, [
-          m(e.$slots, "warning", {}, void 0, !0)
+        e.$slots.warning ? (n(), u("div", z, [
+          p(e.$slots, "warning", {}, void 0, !0)
         ])) : i("", !0),
-        m(e.$slots, "icon", {}, void 0, !0),
-        e.modelValue ? (n(), d(r(v), {
+        p(e.$slots, "icon", {}, void 0, !0),
+        e.modelValue ? (n(), d(s(v), {
           key: 2,
           class: "-ml-.25 h-6 w-6 self-center p-1.25",
-          icon: r(h),
+          icon: s(A),
           label: "Clear Value",
           onClick: l[4] || (l[4] = (o) => t("update:modelValue", ""))
         }, null, 8, ["icon"])) : i("", !0),
-        e.type === "password" ? (n(), d(r(v), {
+        e.type === "password" ? (n(), d(s(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: s.value ? r(A) : r(W),
-          label: s.value ? "Show Password" : "Hide Password",
-          onClick: l[5] || (l[5] = (o) => s.value = !s.value)
+          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)
       ]),
       _: 3

package/dist/v2/components/data-table/DataTableInputSelect.vue.d.ts

@@ -1,7 +1,8 @@
+import type { CodeInputModelValue } from '../../../v2/components/code-input/CodeInput.vue.js';
 type __VLS_Props = {
-    modelValue: string | number | boolean;
+    modelValue: CodeInputModelValue;
     value?: string[];
-    default?: string | number | boolean | undefined;
+    default?: CodeInputModelValue | undefined;
     canAddCustomValue?: boolean;
     type?: string | undefined;
 };

package/dist/v2/components/data-table/DataTableInputSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInputSelect.vue"],"names":[],"mappings":"AA4LA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAC;;;;;;uBAFoB,OAAO;;AA2Z/B,wBAQG"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/data-table/DataTableInputSelect.vue"],"names":[],"mappings":"AA+LA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAA;AAEnF,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,mBAAmB,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAA;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAC;;;;;;uBAFoB,OAAO;;AA4Z/B,wBAQG"}