@craterapp/vue-sdk/dist/TextAreaType-KPDy81ZR.js

Embedded Invoicing & Bill Pay for platforms.

import { c as n, t as s, r as c, a as f, u as m, _ as p, b as v } from "./index-IlzZ4Xqv.js";
import { defineComponent as q, computed as y, openBlock as $, createBlock as S, unref as a, withCtx as b, createVNode as g } from "vue";
const x = /* @__PURE__ */ q({
  __name: "TextAreaType",
  props: {
    modelValue: {
      type: String,
      default: null
    },
    requirements: {
      type: Array,
      default: () => []
    },
    field: {
      type: Object,
      required: !0
    },
    placeholder: {
      type: String,
      default: ""
    },
    validationScope: {
      type: String,
      required: !0
    },
    step: {
      type: Object,
      required: !0
    },
    rows: {
      type: String,
      default: "2"
    }
  },
  setup(e) {
    const r = e, u = {
      value: {
        required: n.withMessage(
          s("validation.required"),
          c(r.field.is_required)
        )
      }
    }, t = f(
      u,
      y(() => r.field),
      { $scope: r.validationScope }
    );
    return m(), (w, l) => {
      const o = p, i = v;
      return $(), S(i, {
        label: e.field.label,
        required: !!e.field.is_required,
        error: a(t).value.$error && a(t).value.$errors[0].$message
      }, {
        default: b(() => [
          g(o, {
            modelValue: e.field.value,
            "onUpdate:modelValue": l[0] || (l[0] = (d) => e.field.value = d),
            type: "url",
            invalid: a(t).value.$error,
            rows: e.rows
          }, null, 8, ["modelValue", "invalid", "rows"])
        ]),
        _: 1
      }, 8, ["label", "required", "error"]);
    };
  }
});
export {
  x as default
};