https://wallaceandgromit.com/_nuxt/B9xXTHub.js

1import{r as p,I as y,j as i,g as o,q as l,A as s,m as g,z as h,k as x}from"./CDdTBc61.js";const V=["for"],b={class:"inline-text-field__inr"},S=["id","value","type","name","placeholder"],v={key:0,class:"inline-text-field__error fw-b"},q={__name:"InlineTextField",props:{id:{type:String,required:!0},modelValue:{type:[String,Number],default:""},label:{type:String,required:!0},type:{type:String,default:"text"},name:{type:String,required:!0},placeholder:{type:String,default:""},error:{type:String,default:null}},emits:["update:modelValue","blur"],setup(e,{emit:d}){const n=e,r=d,a=p(!1),c=y(()=>a.value||n.modelValue!==""&&n.modelValue!==null),m=t=>{r("update:modelValue",t.target.value)},f=t=>{a.value=!1,r("blur",t)};return(t,u)=>(i(),o("span",{class:h(["inline-text-field form-field",{"in-use":x(c),"has-error":e.error!==null}])},[l("label",{for:e.id,class:"inline-text-field__label t-lede"},[l("span",null,s(e.label),1)],8,V),l("span",b,[l("input",{id:e.id,value:e.modelValue,type:e.type,name:e.name,autocomplete:"off",placeholder:e.placeholder,class:"inline-text-field__input t-lede",onInput:m,onFocus:u[0]||(u[0]=B=>a.value=!0),onBlur:f},null,40,S),e.error?(i(),o("p",v,s(e.error),1)):g("",!0)])],2))}};export{q as default};