import{dasR,hasx,Wasq,oaste,bas_,casb,wasH,Xasse,easa,fasz,gasD,Fasj,rasae,jasE,DasJ,Yasne,Sasoe,EasZ,paso,Casf,masc,sasN,Basle,tasC,Zasre,RasL,OasP,vasM,zasK,$asU,iasue,_asG,IasT,a0asW}from"./index-5KsNlYPn.js";import{PasX}from"./PageBar-3d1RRCLk.js";import{aasY,F,IasB,Tasie}from"./index-B4ww1r26.js";import"./FormItemContext-frA4DMyb.js";import"./classCallCheck-O7K3xPyw.js";import"./raf-nDFcuFT6.js";constce={class:"otp-single-input"},de=["type","placeholder","disabled"],pe={key:0},me=["innerHTML"],ve=R({__name:"SingleOtpInput",props:{inputType:{default:"tel"},value:{},separator:{},focus:{type:Boolean},inputClasses:{},shouldAutoFocus:{type:Boolean},isLastChild:{type:Boolean},placeholder:{},disabled:{type:Boolean}},emits:["on-change","on-keydown","on-paste","on-focus","on-blur"],setup(l,{emit:k}){constu=l,y=k,r=x(u.value||""),s=x(null),h=()=>(r.value=r.value.toString(),r.value.length>1&&(r.value=r.value.slice(0,1)),y("on-change",r.value)),d=i=>i>=48&&i<=57||i>=96&&i<=105,n=i=>{u.disabled&&i.preventDefault();constv=i||window.event,g=v.which?v.which:v.keyCode;d(g)||[8,9,13,37,39,46,86].includes(g)?y("on-keydown",i):v.preventDefault()},m=i=>y("on-paste",i),w=()=>(s.value.select(),y("on-focus")),O=()=>y("on-blur");returnq(()=>u.value,(i,v)=>{i!==v&&(r.value=i??"")}),q(()=>u.focus,(i,v)=>{v!==i&&s.value&&u.focus&&(s.value.focus(),s.value.select())}),te(()=>{s.value&&u.focus&&u.shouldAutoFocus&&(s.value.focus(),s.value.select())}),(i,v)=>(_(),b("div",ce,[H(a("input",{type:l.inputType,placeholder:l.placeholder,disabled:l.disabled,ref_key:"input",ref:s,min:"0",max:"9",maxlength:"1",pattern:"[0-9]","onUpdate:modelValue":v[0]||(v[0]=g=>r.value=g),class:z(l.inputClasses),onInput:h,onKeydown:n,onPaste:m,onFocus:w,onBlur:O},null,42,de),[[se,r.value]]),!l.isLastChild&&l.separator?(_(),b("span",pe,[a("span",{innerHTML:l.separator},null,8,me)])):D("",!0)]))}}),_e={class:"flex ltr justify-around w-full"},fe=8,ge=37,he=39,ye=46,be=R({__name:"OtpInput",props:{defaultFocus:{type:Boolean},numInputs:{default:4},separator:{},inputClasses:{},inputType:{},shouldAutoFocus:{type:Boolean,default:!1},placeholder:{},disabled:{type:Boolean,default:!1}},emits:["on-change","on-complete"],setup(l,{emit:k}){constu=l,y=k,r=x(0),s=x([]),h=x([]),d=e=>{u.defaultFocus&&e<u.numInputs&&!s.value[e]?r.value=s.value.length:r.value=e},n=()=>{r.value=-1},m=()=>s.value.join("").length===u.numInputs?y("on-complete",s.value.join("")):"Wait until the user enters the required number of characters",w=e=>{r.value=Math.max(Math.min(u.numInputs-1,e),0)},O=()=>w(r.value+1),i=()=>w(r.value-1),v=e=>{h.value=Object.assign([],s.value),typeofe=="string"&&e===""?s.value.splice(r.value,1):s.value[r.value]=e,h.value.join("")!==s.value.join("")&&(y("on-change",s.value.join("")),m())},g=e=>{varV;e.preventDefault();constI=(((V=e.clipboardData)==null?void0:V.getData("text/plain"))??"").slice(0,u.numInputs-r.value).split("");if(u.inputType==="number"&&!I.join("").match(/^\d+$/))return"Invalid pasted data";constA=s.value.slice(0,r.value).concat(I);returnA.slice(0,u.numInputs).forEach((Q,ee)=>{s.value[ee]=Q}),w(A.slice(0,u.numInputs).length),m()},t=e=>{v(e),O()},p=e=>{switch(e.keyCode){casefe:e.preventDefault(),v(""),i();break;caseye:e.preventDefault(),v("");break;casege:e.preventDefault(),i();break;casehe:e.preventDefault(),O();break}};return(e,$)=>(_(),b("div",null,[a("div",_e,[(_(!0),b(j,null,ae(l.numInputs,(I,S)=>(_(),E(ve,{key:S,focus:r.value===S,value:s.value[S],separator:l.separator,"input-type":l.inputType,"input-classes":l.inputClasses,"is-last-child":S===l.numInputs-1,"should-auto-focus":l.shouldAutoFocus,placeholder:l.placeholder,disabled:l.disabled,onOnChange:t,onOnKeydown:p,onOnPaste:g,onOnFocus:A=>d(S),onOnBlur:n},null,8,["focus","value","separator","input-type","input-classes","is-last-child","should-auto-focus","placeholder","disabled","onOnFocus"]))),128))])]))}}),ke=l=>` مقدار ${l} نا معتبر است `,we=l=>({pattern:/^(\+98|0098|98|0)?9\d{9}$/g,message:ke(l)}),xe=l=>({requi
