import{_ as b}from"./Mx_fKW6J.js";import v from"./Bv_e0HF7.js";import{d as V,b2 as m,a as h,r as x,b3 as q,f as l,h as n,x as f,v as i,i as p,g as r,z as w,A as S,o as d,_ as k}from"./BxiWQxwE.js";const B={class:"form__input"},C=["for"],M={class:"form__input--password"},N=["aria-label"],$={key:0},z={key:1,class:"error"},A=V({__name:"password-field",props:m({id:{type:String,required:!0},label:{type:String,required:!0},placeholder:{type:String,required:!1,default:""},autocomplete:{type:String,required:!1,default:""},hint:{type:String,required:!1,default:""},error:{type:String,required:!1,default:""}},{modelValue:{required:!0},modelModifiers:{}}),emits:m(["input","blur","focus"],["update:modelValue"]),setup(e,{emit:c}){const{$messages:_}=h(),a=x(!1),u=q(e,"modelValue"),s=c;return(I,t)=>{const g=b,y=v;return d(),l("div",B,[n("label",{for:e.id},i(e.label),9,C),n("div",M,[p(g,{id:e.id,modelValue:u.value,"onUpdate:modelValue":t[0]||(t[0]=o=>u.value=o),type:r(a)?"text":"password",placeholder:e.placeholder,autocomplete:e.autocomplete,onInput:t[1]||(t[1]=o=>s("input",o)),onBlur:t[2]||(t[2]=o=>s("blur",o)),onFocus:t[3]||(t[3]=o=>s("focus",o))},null,8,["id","modelValue","type","placeholder","autocomplete"]),n("button",{"aria-label":r(_)("aria.showPassword"),class:S({hide:r(a)}),onClick:t[4]||(t[4]=w(o=>a.value=!r(a),["prevent"]))},[p(y,{filled:""})],10,N)]),!e.error&&e.hint?(d(),l("span",$,i(e.hint),1)):f("",!0),e.error?(d(),l("small",z,i(e.error),1)):f("",!0)])}}}),P=k(A,[["__scopeId","data-v-a29338a8"]]);export{P as default};