{"version":3,"file":"Bb6akJ6o.js","sources":["../../../../src/complib/formFields/email/email.vue"],"sourcesContent":["<template>\n  <FormKit\n    :id=\"id\"\n    v-model=\"value\"\n    type=\"email\"\n    :label=\"label\"\n    :placeholder=\"t(placeholder)\"\n    :validation-messages=\"{\n      required: t(requiredMessage),\n      matches: t(matchesMessage),\n      email: t(matchesMessage),\n    }\"\n    validation-visibility=\"blur\"\n    :validation=\"validationRules\"\n    :name=\"name ?? id\"\n    label-class=\"text-md !leading-[19px] font-bold\"\n    inner-class=\"relative pt-[5px]\"\n    outer-class=\"mb-sm\"\n    :disabled=\"disabled\"\n  >\n    <template #label>\n      <FormLabel\n        v-if=\"!$slots.label && label\"\n        :label=\"label\"\n        :required=\"required\"\n      />\n      <slot v-if=\"$slots.label\" name=\"label\" />\n    </template>\n    <template v-if=\"info && !disabled\" #suffix>\n      <Popup\n        container-class=\"form-popup\"\n        custom-popper-class=\"form-custom-popper\"\n        >{{ info }}</Popup\n      >\n    </template>\n  </FormKit>\n</template>\n<script setup lang=\"ts\">\nimport Popup from '~/components/components/core/popup/minilu/popup.vue';\nimport { FormKit } from '@formkit/vue';\nimport { type FormkitFieldProps } from '~/@types/formie';\nimport { FormLabel } from '~/complib';\n\nconst props = withDefaults(defineProps<FormkitFieldProps>(), {\n  label: '',\n  id: undefined,\n  required: true,\n  placeholder: '',\n  name: '',\n  width: 'w-full',\n  requiredMessage: '',\n  matchesMessage: '',\n  validation: () => [['email']] as [rule: string, ...args: any[]][],\n  disabled: false,\n  maxlength: 255,\n  inputClass: '',\n  innerClass: '',\n  info: '',\n  validationVisibility: 'blur',\n  hasWhiteBg: true,\n  rounded: false,\n});\n\nconst value = defineModel<string>();\nconst { t } = useTrans();\n\nconst validationRules = computed<[rule: string, ...args: any[]][]>(() => {\n  const validations = [];\n  if (props.required) validations.push(['required']);\n  if (props.validation && typeof props.validation !== 'string')\n    validations.push(...props.validation);\n  if (props.validation && typeof props.validation === 'string')\n    validations.push([props.validation]);\n  return validations as [rule: string, ...args: any[]][];\n});\n</script>\n"],"names":["props","__props","value","_useModel","t","useTrans","validationRules","computed","validations"],"mappings":"w5BA2CA,MAAMA,EAAQC,EAoBRC,EAAQC,EAAoBF,EAAA,YAAA,EAC5B,CAAE,EAAAG,GAAMC,IAERC,EAAkBC,EAA2C,IAAM,CACvE,MAAMC,EAAc,CAAA,EACpB,OAAIR,EAAM,UAAsBQ,EAAA,KAAK,CAAC,UAAU,CAAC,EAC7CR,EAAM,YAAc,OAAOA,EAAM,YAAe,UACtCQ,EAAA,KAAK,GAAGR,EAAM,UAAU,EAClCA,EAAM,YAAc,OAAOA,EAAM,YAAe,UAClDQ,EAAY,KAAK,CAACR,EAAM,UAAU,CAAC,EAC9BQ,CAAA,CACR"}