1import{d as k,D as g,a7 as d,c as f,b as _,h as y,t as x,k as e,l as a,H as v,w as B,a as C,$ as D,ag as F,ah as T,o as r,_ as $}from"./Cdma0c0o.js";const P={class:"form-input customer-form__input customer-form-input"},R=["for","textContent"],z=["id","name","type","autocomplete","placeholder"],M=k({__name:"FormInput",props:{autocomplete:{default:""},autofocus:{type:Boolean,default:!1},error:{type:Boolean,default:!1},formName:{},inputName:{},inputType:{default:"text"},label:{default:""},modelValue:{},placeholder:{default:""}},emits:["update:modelValue"],setup(o,{emit:w}){const t=o,N=w,u=d(null),s=d(!1),i=a(()=>`${t.formName}-${t.inputName}`),V=a(()=>({[`customer-form-input__input--${t.inputName}`]:!0,"customer-form-input__input--error":t.error})),n=a({get:()=>t.modelValue,set:c=>N("update:modelValue",c)}),l=a(()=>t.inputType==="password"),h=a(()=>l.value?s.value?"text":"password":t.inputType),I=()=>{s.value=!s.value},m=a(()=>s.value?"eye-closed":"eye");return g(()=>{t.autofocus&&u.value&&u.value.focus()}),(c,p)=>(r(),f("div",P,[o.label?(r(),f("label",{key:0,class:"customer-form-input__label",for:e(i),textContent:x(o.label)},null,8,R)):_("",!0),y("div",{class:v(["customer-form-input__input-wrapper",{"customer-form-input__input-wrapper--password":e(l)}])},[B(y("input",{id:e(i),ref_key:"formInputRef",ref:u,"onUpdate:modelValue":p[0]||(p[0]=b=>D(n)?n.value=b:null),class:v(["customer-form-input__input",e(V)]),name:o.inputName,type:e(h),autocomplete:o.autocomplete,placeholder:o.placeholder},null,10,z),[[F,e(n)]]),e(l)?(r(),C(T,{key:0,name:e(m),class:"customer-form-input__password-toggle",icon:e(m),size:"medium",onClick:I},null,8,["name","icon"])):_("",!0)],2)]))}}),E=$(M,[["__scopeId","data-v-ed27cff2"]]);export{E as F};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.