import{_ as d}from"./WebFormFieldCore_String-Daj5WKW-.mjs";import{_ as m,c as r,o,Q as p,l as n,R as u,a as c,z as t,t as h}from"./BfF8i_OD.js";import"./WebFormFieldCore-xNTPdj0N.mjs";const f={extends:d,props:{icon:{type:Boolean,default:!1}},data(){return{email:""}},mounted(){this.email=this.value??""}},v=["id","name","placeholder","disabled","required"],E={key:0,class:"icon"},b={key:1,class:"error"};function y(e,a,i,_,l,k){return o(),r("div",{class:t(["email-field",i.icon?"has-icon":""])},[p(c("input",{id:e.name,"onUpdate:modelValue":a[0]||(a[0]=s=>l.email=s),name:e.name,type:"email",placeholder:e.placeholder,disabled:e.disabled,required:e.required,class:t(e.hasError&&e.showErrors?"has-error":""),onInput:a[1]||(a[1]=s=>e.update(s.target.value))},null,42,v),[[u,l.email]]),i.icon?(o(),r("span",E)):n("",!0),e.hasError&&e.showErrors?(o(),r("span",b,h(e.errorMsg),1)):n("",!0)],2)}const w=m(f,[["render",y],["__scopeId","data-v-7c24b323"]]);export{w as default};