import{d as v,h,i as k,k as C,m as T,n as P,w as M,y as S}from"./chunk-7PPOABPU.js";import{a as c}from"./chunk-ILLDEPHH.js";import{d as y}from"./chunk-K3YFDFGL.js";import"./chunk-WA2UGD5L.js";import"./chunk-BT37DHWM.js";import{Ac as u,Hd as b,Tb as t,Ub as i,Vb as d,cc as l,fb as m,sb as w,tc as s,yb as _,yc as g,zc as p}from"./chunk-AQ27DSQO.js";import"./chunk-EQDQRRRY.js";var E=class f{constructor(r){this.router=r}oneTimePassword={data1:"",data2:"",data3:"",data4:""};ValueChanged(r,a){if(a=="digit-1"&&r.length>0)document.getElementById("digit-2")?.focus();else if(a=="digit-2"&&r.length>0)document.getElementById("digit-3")?.focus();else if(a=="digit-3"&&r.length>0)document.getElementById("digit-4")?.focus();else return}tiggerBackspace(r,a){let e;r?e=r.toString():e=null,a=="digit-4"&&e==null?document.getElementById("digit-3")?.focus():a=="digit-3"&&e==null?document.getElementById("digit-2")?.focus():a=="digit-2"&&e==null&&document.getElementById("digit-1")?.focus()}routes=c;navigation(){this.router.navigate([c.resetPassword])}static \u0275fac=function(a){return new(a||f)(w(y))};static \u0275cmp=_({type:f,selectors:[["app-otp"]],decls:56,vars:4,consts:[[1,"container-fuild"],[1,"w-100","overflow-hidden","position-relative","flex-wrap","d-block","vh-100"],[1,"row"],[1,"col-lg-6","col-md-12","col-sm-12"],[1,"row","justify-content-center","align-items-center","vh-100","overflow-auto","flex-wrap","login-bg1"],[1,"col-md-9","mx-auto","p-4"],[1,"mx-auto","mb-5","text-center"],["src","assets/img/full-logo.svg","alt","Logo",1,"img-fluid"],[1,"card"],[1,"card-body"],[1,"mb-4"],[1,"mb-2"],[1,"mb-0","fs-16"],[1,"text-center","digit-group"],[1,"d-flex","justify-content-center","align-items-center","mb-3"],["type","text","maxlength","1","id","digit-1","name","digit-1","data-next","digit-2","maxlength","1",1,"border","fw-bold","border-dark-2","rounded","py-sm-3","py-2","text-center","fs-32","hw-bold","me-3",3,"ngModelChange","keydown.backspace","input","ngModel"],["type","text","maxlength","1","id","digit-2","name","digit-2","data-next","digit-3","data-previous","digit-1","maxlength","1",1,"border","fw-bold","border-dark-2","rounded","py-sm-3","py-2","text-center","fs-32","hw-bold","me-3",3,"ngModelChange","keydown.backspace","input","ngModel"],["type","text","maxlength","1","id","digit-3","name","digit-3","data-next","digit-4","data-previous","digit-2","maxlength","1",1,"border","fw-bold","border-dark-2","rounded","py-sm-3","py-2","text-center","fs-32","hw-bold","me-3",3,"ngModelChange","keydown.backspace","input","ngModel"],["type","text","maxlength","1","id","digit-4","name","digit-4","data-next","digit-5","data-previous","digit-3","maxlength","1",1,"border","fw-bold","border-dark-2","rounded","py-sm-3","py-2","text-center","fs-32","hw-bold",3,"ngModelChange","keydown.backspace","input","ngModel"],[1,"badge","bg-soft-danger","mb-3"],["type","button",1,"btn","btn-primary","w-100","justify-content-center",3,"click"],[1,"mt-5","text-center"],[1,"mb-0","text-gray-9"],["href","javascript:void(0);",1,"link-primary"],[1,"col-lg-6","p-0"],[1,"d-lg-flex","align-items-center","justify-content-center","position-relative","d-lg-block","d-none","flex-wrap","vh-100","overflowy-auto","login-bg2"],[1,"floating-bg"],["src","assets/img/bg/circle-1.png","alt","Img"],["src","assets/img/bg/circle-2.png","alt","Img"],["src","assets/img/bg/emoji-01.svg","alt","Img"],["src","assets/img/bg/emoji-02.svg","alt","Img"],["src","assets/img/bg/emoji-03.svg","alt","Img"],["src","assets/img/bg/emoji-04.svg","alt","Img"],["src","assets/img/bg/right-arrow-01.svg","alt","Img"],["src","assets/img/bg/right-arrow-02.svg","alt","Img"],[1,"floating-avatar"],[1,"avatar","avatar-xl","avatar-rounded","border","border-white"],["src","assets/img/profiles/avatar-12.jpg","alt","img"],["src","assets/img/profiles/avatar-03.jpg","alt","img"],["src","assets/img/profiles/avatar-02.jpg","alt","img"],["src","assets/img/profiles/avatar-05.jpg","alt","img"],[1,"text-center"],["src","assets/img/bg/login-bg-1.png","alt","Img",1,"login-img"]],template:function(a,e){a&1&&(t(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"div",5)(6,"form")(7,"div")(8,"div",6),d(9,"img",7),i(),t(10,"div",8)(11,"div",9)(12,"div",10)(13,"h2",11),s(14,"OTP Verification"),i(),t(15,"p",12),s(16,"We send a code to [email protected]"),i()(),t(17,"div",13)(18,"div",14)(19,"input",15),u("ngModelChange",function(n){return p(e.oneTimePassword.data1,n)||(e.oneTimePassword.data1=n),n}),l("keydown.backspace",function(){return e.tiggerBackspace(e.oneTimePassword.data1,"digit-1")})("input",function(){return e.ValueChanged(e.oneTimePassword.data1,"digit-1")}),i(),t(20,"input",16),u("ngModelChange",function(n){return p(e.oneTimePassword.data2,n)||(e.oneTimePassword.data2=n),n}),l("keydown.backspace",function(){return e.tiggerBackspace(e.oneTimePassword.data2,"digit-2")})("input",function(){return e.ValueChanged(e.oneTimePassword.data2,"digit-2")}),i(),t(21,"input",17),u("ngModelChange",function(n){return p(e.oneTimePassword.data3,n)||(e.oneTimePassword.data3=n),n}),l("keydown.backspace",function(){return e.tiggerBackspace(e.oneTimePassword.data3,"digit-3")})("input",function(){return e.ValueChanged(e.oneTimePassword.data3,"digit-3")}),i(),t(22,"input",18),u("ngModelChange",function(n){return p(e.oneTimePassword.data4,n)||(e.oneTimePassword.data4=n),n}),l("keydown.backspace",function(){return e.tiggerBackspace(e.oneTimePassword.data4,"digit-4")})("input",function(){return e.ValueChanged(e.oneTimePassword.data4,"digit-4")}),i()(),t(23,"div")(24,"div",19)(25,"p"),s(26,"Otp will expire in 09:59"),i()()()(),t(27,"button",20),l("click",function(){return e.navigation()}),s(28,"Continue"),i()()(),t(29,"div",21)(30,"p",22),s(31," Dont receive an email? "),t(32,"a",23),s(33,"click to resend"),i()()()()()()()(),t(34,"div",24)(35,"div",25)(36,"div",26),d(37,"img",27)(38,"img",28)(39,"img",29)(40,"img",30)(41,"img",31)(42,"img",32)(43,"img",33)(44,"img",34),i(),t(45,"div",35)(46,"span",36),d(47,"img",37),i(),t(48,"span",36),d(49,"img",38),i(),t(50,"span",36),d(51,"img",39),i(),t(52,"span",36),d(53,"img",40),i()(),t(54,"div",41),d(55,"img",42),i()()()()()()),a&2&&(m(19),g("ngModel",e.oneTimePassword.data1),m(),g("ngModel",e.oneTimePassword.data2),m(),g("ngModel",e.oneTimePassword.data3),m(),g("ngModel",e.oneTimePassword.data4))},dependencies:[b,S,P,v,h,k,M,T,C],encapsulation:2})};export{E as OtpComponent};