import{K as t,m as p,j as w,k as n,D as c,ak as u,C as i,r as y}from"./BCLrUOBx.js";const m={setup(r,{emit:s}){const a=y("");return{password:a,passwordChange:()=>{s("on-change",a.value)}}},name:"PasswordField",data(){return{passwordFieldType:"password"}},props:{isInvalid:{type:Boolean,default:!1},value:{type:String}},mixins:[],components:{},computed:{isPasswordTypePassword(){return this.passwordFieldType==="password"}},methods:{passwordFieldToggle(){this.isPasswordTypePassword?this.passwordFieldType="text":this.passwordFieldType="password"}},mounted(){this.password=this.value}},g={class:"icon-input right-icon"},h=["type","placeholder"];function T(r,s,a,o,l,d){return w(),p("div",g,[s[3]||(s[3]=n("i",{class:"icon lock-icon"},null,-1)),c(n("input",{type:l.passwordFieldType,placeholder:r.$t("contact.your",{type:r.$t("login.password")}),"onUpdate:modelValue":s[0]||(s[0]=e=>o.password=e),class:i({invalid:!o.password||a.isInvalid}),onChange:s[1]||(s[1]=(...e)=>o.passwordChange&&o.passwordChange(...e))},null,42,h),[[u,o.password,void 0,{trim:!0}]]),n("i",{class:i(["icon",d.isPasswordTypePassword?"eye-close-icon":"eye-icon"]),onClick:s[2]||(s[2]=(...e)=>d.passwordFieldToggle&&d.passwordFieldToggle(...e))},null,2)])}const v=t(m,[["render",T]]);export{v as default};
