import{_ as g,P as y,F as _,Q as m,o as n,c as l,a as h,a3 as c,a4 as k,j as C,aC as w,n as v,t as O,i as x}from"./entry.63883718.js";const T=["onUpdate:modelValue","autofocus","onKeydown"],B={key:0,style:{"text-align":"left",margin:"5px",color:"#EE3324"}},P={__name:"OTP",props:{default:String,digitCount:{type:Number,required:!0},value:{type:String,required:!0},isWrongOtp:{type:Boolean,default:!1}},emits:["update:value"],setup(r,{emit:p}){const a=r,o=y([]);if(a.default&&a.default.length===a.digitCount)for(let e=0;e<a.digitCount;e++)o[e]=a.default.charAt(e);else for(let e=0;e<a.digitCount;e++)o[e]=null;const u=_(null),d=function(e,t){if(e.key!=="Tab"&&e.key!=="ArrowRight"&&e.key!=="ArrowLeft"&&e.preventDefault(),e.key==="Backspace"){o[t]=null,t!==0&&u.value.children[t-1].focus();return}new RegExp("^([0-9])$").test(e.key)&&(o[t]=e.key,t!=a.digitCount-1&&u.value.children[t+1].focus())};return m(()=>o,e=>{const t=e.join("");p("update:value",t)},{deep:!0}),(e,t)=>(n(),l(c,null,[h("div",{ref_key:"otpCont",ref:u,class:"otpCont"},[(n(!0),l(c,null,k(o,(f,s)=>C((n(),l("input",{type:"text",class:v(["digit-box",r.isWrongOtp&&"wrong-otp-box"]),key:f+s,"onUpdate:modelValue":i=>o[s]=i,autofocus:s===0,maxlength:"1",onKeydown:i=>d(i,s)},null,42,T)),[[w,o[s]]])),128))],512),r.isWrongOtp?(n(),l("p",B,O(e.$t("Mã OTP không đúng")),1)):x("",!0)],64))}},D=g(P,[["__scopeId","data-v-0eee6397"]]);export{D as default};