{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-first-name"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-last-name"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-number"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false,"file_types":[".jpg",".jpeg",".gif",".png"],"type_message":"Invalid file extension","size_limit":-1,"limit_message":"This field is required."}, el) }
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-file-upload"
as=${html``}
/>
${
(parent.state.formData['mf-file-upload'] || []).length > 0
? parent.state.formData['mf-file-upload'].map((file, idx) => html`
${file.name}
parent.removeUploadedFile('mf-file-upload', idx)}
title="Remove"
>
`)
: html`${parent.getFileLabel('mf-file-upload', 'No se ha subido nada')}`
}
parent.activateValidation({"message":"This field is required.","required":false,"file_types":[".jpg",".jpeg",".gif",".png"],"type_message":"Invalid file extension","size_limit":-1,"limit_message":"This field is required."}, el) }
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-file-upload2"
as=${html``}
/>
${
(parent.state.formData['mf-file-upload2'] || []).length > 0
? parent.state.formData['mf-file-upload2'].map((file, idx) => html`
${file.name}
parent.removeUploadedFile('mf-file-upload2', idx)}
title="Remove"
>
`)
: html`${parent.getFileLabel('mf-file-upload2', 'No se ha subido nada')}`
}
parent.activateValidation({"message":"This field is required.","required":false,"file_types":[".jpg",".jpeg",".gif",".png"],"type_message":"Invalid file extension","size_limit":-1,"limit_message":"This field is required."}, el) }
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-file-upload3"
as=${html``}
/>
${
(parent.state.formData['mf-file-upload3'] || []).length > 0
? parent.state.formData['mf-file-upload3'].map((file, idx) => html`
${file.name}
parent.removeUploadedFile('mf-file-upload3', idx)}
title="Remove"
>
`)
: html`${parent.getFileLabel('mf-file-upload3', 'No se ha subido nada')}`
}
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-telephone"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-email"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="mf-select"
placeholder="${ parent.decodeEntities(`Select`) } "
isSearchable=${false}
options=${[{"label":"Este","value":"value-1","isDisabled":false},{"label":"Sur","value":"value-2","isDisabled":false},{"label":"Norte","value":"value-3","isDisabled":false},{"label":"Distrito nacional","value":"Input Value","isDisabled":false}]}
value=${parent.getValue("mf-select") ? [{"label":"Este","value":"value-1","isDisabled":false},{"label":"Sur","value":"value-2","isDisabled":false},{"label":"Norte","value":"value-3","isDisabled":false},{"label":"Distrito nacional","value":"Input Value","isDisabled":false}].filter(item => item.value === parent.getValue("mf-select"))[0] : {"label":"Distrito nacional","value":"Input Value","isDisabled":false}}
onChange=${(e)=> parent.handleSelect(e, "mf-select")}
ref=${() => {
register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
if ( parent.getValue("mf-select") === '' && true ) {
parent.setValue( 'mf-select', 'Input Value', true );
parent.handleChange({
target: {
name: 'mf-select',
value: 'Input Value'
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-select"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-number"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","required":false}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-switch"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-number"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>