@scalar/api-client 2.38.0 → 2.38.2

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

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

package/dist/v2/components/code-input/code-variable-widget.js

@@ -1,106 +0,0 @@
-import { ScalarTooltip as m } from "@scalar/components";
-import { REGEX as u } from "@scalar/helpers/regex/regex-helpers";
-import { ViewPlugin as p, EditorView as v, RangeSetBuilder as b, Decoration as g, WidgetType as E } from "@scalar/use-codemirror";
-import { defineComponent as C, h as l, createApp as w } from "vue";
-class c extends E {
-  constructor(e, n) {
-    super(), this.variableName = e, this.pillColor = n?.color || "var(--scalar-color-1)";
-    const t = n?.variables?.find((i) => i.name === e), a = t ? typeof t.value == "string" ? t.value : t.value?.default : void 0;
-    this.variableInfo = {
-      value: a || "No value",
-      hasValue: !!a
-    };
-  }
-  app;
-  pillColor;
-  variableInfo;
-  toDOM() {
-    const e = document.createElement("span");
-    e.className = "cm-pill", e.textContent = this.variableName, e.style.setProperty("--tw-bg-base", this.pillColor), e.style.opacity = this.variableInfo.hasValue ? "1" : "0.5";
-    const n = C({
-      render: () => {
-        const t = l("div", { class: "flex items-center gap-1 whitespace-nowrap" }, [
-          l("span", this.variableName)
-        ]);
-        return l(
-          m,
-          {
-            content: this.variableInfo.value,
-            delay: 0,
-            placement: "bottom",
-            offset: 6
-          },
-          {
-            default: () => t
-          }
-        );
-      }
-    });
-    return this.app = w(n), this.app.mount(e), e;
-  }
-  destroy() {
-    this.app && (this.app.unmount(), this.app = null);
-  }
-  eq(e) {
-    return e instanceof c && e.variableName === this.variableName && e.pillColor === this.pillColor && e.variableInfo.value === this.variableInfo.value && e.variableInfo.hasValue === this.variableInfo.hasValue;
-  }
-  ignoreEvent() {
-    return !1;
-  }
-}
-const N = (o) => p.fromClass(
-  class {
-    decorations;
-    lastEnvironment;
-    constructor(e) {
-      this.lastEnvironment = o.environment, this.decorations = this.buildDecorations(e);
-    }
-    update(e) {
-      if (o.environment !== this.lastEnvironment) {
-        this.lastEnvironment = o.environment, this.decorations = this.buildDecorations(e.view);
-        return;
-      }
-      (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
-    }
-    buildDecorations(e) {
-      const n = new b();
-      for (const { from: t, to: a } of e.visibleRanges) {
-        const i = e.state.doc.sliceString(t, a), f = new RegExp(u.VARIABLES.source, u.VARIABLES.flags);
-        let s;
-        for (; (s = f.exec(i)) !== null; ) {
-          const r = t + s.index, d = r + s[0].length, h = s[1] ?? "";
-          e.state.doc.sliceString(r, d).includes(`
-`) || n.add(
-            r,
-            d,
-            g.widget({
-              widget: new c(h, o.environment),
-              side: 1
-            })
-          );
-        }
-      }
-      return n.finish();
-    }
-  },
-  {
-    decorations: (e) => e.decorations
-  }
-), S = v.domEventHandlers({
-  keydown(o, e) {
-    if (o.key !== "Backspace")
-      return !1;
-    const { state: n } = e, { from: t, to: a } = n.selection.main;
-    return t === 0 && a === n.doc.length ? (e.dispatch({
-      changes: { from: 0, to: n.doc.length },
-      selection: { anchor: 0 }
-    }), o.preventDefault(), !0) : t === a && t >= 2 && n.doc.sliceString(t - 2, t) === "}}" ? (e.dispatch({
-      changes: { from: t - 2, to: t },
-      selection: { anchor: t - 2 }
-    }), o.preventDefault(), !0) : !1;
-  }
-});
-export {
-  S as backspaceCommand,
-  N as pillPlugin
-};

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

@@ -1,38 +0,0 @@
-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"
-}, h = /* @__PURE__ */ r({
-  __name: "DataTable",
-  props: {
-    columns: {},
-    scroll: { type: Boolean },
-    presentational: { type: Boolean }
-  },
-  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"
-      )
-    )), [
-      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: d({
-          gridTemplateColumns: e.columns.map((s) => s || "1fr").join(" ")
-        })
-      }, [
-        o.$slots.caption ? (l(), t("caption", v, [
-          a(o.$slots, "caption")
-        ])) : f("", !0),
-        a(o.$slots, "default")
-      ], 14, y)
-    ], 16));
-  }
-});
-export {
-  h as default
-};

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

@@ -1,4 +0,0 @@
-import f from "./DataTable.vue.js";
-export {
-  f as default
-};

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

@@ -1,26 +0,0 @@
-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(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/5 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: d(() => [
-        p(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  f as default
-};

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

@@ -1,4 +0,0 @@
-import f from "./DataTableCell.vue.js";
-export {
-  f as default
-};

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

@@ -1,53 +0,0 @@
-import { defineComponent as n, 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 f } from "@scalar/components";
-import b from "./DataTableCell.vue.js";
-const h = ["checked", "disabled"], x = /* @__PURE__ */ n({
-  __name: "DataTableCheckbox",
-  props: {
-    modelValue: { type: Boolean },
-    disabled: { type: Boolean },
-    align: { default: "center" }
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const c = p({
-      base: "w-8 h-8 flex items-center justify-center text-b-2 peer-checked:text-c-1 pointer-events-none absolute",
-      variants: {
-        align: {
-          left: "left-0",
-          center: "centered"
-        }
-      }
-    });
-    return (s, a) => (d(), r(b, { class: "group/cell relative flex min-w-8" }, {
-      default: u(() => [
-        t("input", {
-          checked: e.modelValue,
-          class: "peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default",
-          disabled: !!e.disabled,
-          type: "checkbox",
-          onChange: a[0] || (a[0] = (i) => s.$emit("update:modelValue", i.target.checked))
-        }, null, 40, h),
-        t("div", {
-          class: l(o(c)({ align: e.align }))
-        }, [
-          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:opacity-100 group-has-[:focus-visible]/cell:opacity-100"
-            ])
-          }, null, 2),
-          m(o(f), {
-            icon: "Checkmark",
-            size: "xs",
-            thickness: "2.5"
-          })
-        ], 2)
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  x as default
-};

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

@@ -1,4 +0,0 @@
-import f from "./DataTableCheckbox.vue.js";
-export {
-  f as default
-};

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

@@ -1,18 +0,0 @@
-import { defineComponent as o, createBlock as r, openBlock as n, mergeProps as m, unref as s, withCtx as a, renderSlot as f } from "vue";
-import { useBindCx as i } from "@scalar/components";
-import c from "./DataTableCell.vue.js";
-const x = /* @__PURE__ */ o({
-  __name: "DataTableHeader",
-  setup(p) {
-    const { cx: e } = i();
-    return (t, u) => (n(), r(c, m({ is: "th" }, s(e)("items-center font-medium px-2 min-w-0 -outline-offset-1")), {
-      default: a(() => [
-        f(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  x as default
-};

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

@@ -1,4 +0,0 @@
-import f from "./DataTableHeader.vue.js";
-export {
-  f as default
-};

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

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

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

@@ -1,121 +0,0 @@
-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"
-}, G = /* @__PURE__ */ b({
-  inheritAttrs: !1,
-  __name: "DataTableInput",
-  props: {
-    id: {},
-    type: {},
-    containerClass: {},
-    required: { type: Boolean, default: !1 },
-    modelValue: {},
-    canAddCustomEnumValue: { type: Boolean, default: !0 },
-    readOnly: { type: Boolean, default: !1 },
-    enum: {},
-    min: {},
-    max: {},
-    environment: {},
-    description: {},
-    lineWrapping: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  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 = () => {
-      !t.enum?.length && !t.readOnly && f.value?.focus();
-    };
-    return (n, l) => (a(), s(W, {
-      class: $(["relative flex", e.containerClass])
-    }, {
-      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
-        }, [
-          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: 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: p.value,
-              value: e.modelValue,
-              onInput: l[1] || (l[1] = (o) => d(
-                "update:modelValue",
-                o.target.value ?? ""
-              ))
-            }), null, 16, D)) : (a(), s(u(F), v({ key: 1 }, n.$attrs, {
-              id: e.id,
-              ref_key: "codeInput",
-              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",
-                e.type === "password" && "scalar-password-input"
-              ]],
-              description: e.description,
-              disableCloseBrackets: "",
-              disableTabIndent: "",
-              environment: e.environment,
-              lineWrapping: !!e.lineWrapping,
-              max: e.max,
-              min: e.min,
-              modelValue: e.modelValue ?? "",
-              readOnly: e.readOnly,
-              required: !!e.required,
-              spellcheck: "false",
-              type: p.value,
-              onBlur: g,
-              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))
-        ]),
-        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: u(h),
-          label: "Clear Value",
-          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: 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 {
-  G as default
-};