https://hou.la/chunk-5CCZHJLS.js

1import{a as $}from"./chunk-6ND7557V.js";import{a as R}from"./chunk-FOJCKIWO.js";import{a as U}from"./chunk-AERMLNF3.js";import{c as Q}from"./chunk-H4HD3LNW.js";import{aa as j,ja as z,ka as K}from"./chunk-AQEWHUN5.js";import{I as B,p as E,r as P,s as S,z as V}from"./chunk-ERUCNOOT.js";import{$b as F,Fc as M,Jb as u,Jc as N,Vb as v,Wb as O,Y as T,Yb as m,Z as C,Zb as f,_b as b,cd as A,da as I,db as c,fc as D,gc as r,la as s,lc as _,ma as p,nc as y,oc as x,pa as h,sb as w,va as d,wb as k,yb as g}from"./chunk-DBE7WQEG.js";var q=["input"],G=(i,l,t)=>({$implicit:i,events:l,index:t});function H(i,l){if(i&1){let t=F();m(0),v(1,"input",2),D("input",function(n){s(t);let o=r().$implicit,a=r();return p(a.onInput(n,o-1))})("focus",function(n){s(t);let o=r(2);return p(o.onInputFocus(n))})("blur",function(n){s(t);let o=r(2);return p(o.onInputBlur(n))})("paste",function(n){s(t);let o=r(2);return p(o.onPaste(n))})("keydown",function(n){s(t);let o=r(2);return p(o.onKeyDown(n))}),O(),f()}if(i&2){let t=r().$implicit,e=r();c(),u("value",e.getModelValue(t))("maxLength",t===1?e.length:1)("type",e.inputType)("pSize",e.size)("variant",e.variant)("readonly",e.readonly)("disabled",e.disabled)("tabindex",e.tabindex)("pAutoFocus",e.getAutofocus(t))("ngClass",e.styleClass)}}function J(i,l){i&1&&b(0)}function W(i,l){if(i&1&&(m(0),g(1,J,1,0,"ng-container",3),f()),i&2){let t=r().$implicit,e=r();c(),u("ngTemplateOutlet",e.inputTemplate||e._inputTemplate)("ngTemplateOutletContext",N(2,G,e.getToken(t-1),e.getTemplateEvents(t-1),t))}}function X(i,l){if(i&1&&(m(0),g(1,H,2,10,"ng-container",1)(2,W,2,6,"ng-container",1),f()),i&2){let t=r();c(),u("ngIf",!t.inputTemplate&&!t._inputTemplate),c(),u("ngIf",t.inputTemplate||t._inputTemplate)}}var Y=({dt:i})=>`
2.p-inputotp {
3    display: flex;
4    align-items: center;
5    gap: 0.5rem;
6}
7
8.p-inputotp-input {
9    text-align: center;
10    width: 2.5rem;
11}
12
13.p-inputotp-input.p-inputtext-sm {
14    text-align: center;
15    width: ${i("inputotp.input.sm.width")};
16}
17
18.p-inputotp-input.p-inputtext-lg {
19    text-align: center;
20    width: ${i("inputotp.input.lg.width")};
21}
22`,Z={root:"p-inputotp p-component",pcInput:"p-inputotp-input"},L=(()=>{class i extends j{name="inputotp";theme=Y;classes=Z;static \u0275fac=(()=>{let t;return function(n){return(t||(t=h(i)))(n||i)}})();static \u0275prov=C({token:i,factory:i.\u0275fac})}return i})();var tt={provide:R,useExisting:T(()=>et),multi:!0},et=(()=>{class i extends Q{invalid=!1;disabled=!1;readonly=!1;variant;tabindex=null;length=4;styleClass;mask=!1;integerOnly=!1;autofocus;size;onChange=new d;onFocus=new d;onBlur=new d;inputTemplate;templates;_inputTemplate;tokens=[];onModelChange=()=>{};onModelTouched=()=>{};value;get inputMode(){return this.integerOnly?"numeric":"text"}get inputType(){return this.mask?"password":"text"}_componentStyle=I(L);

22ngAfterContentInit(){this.templates.forEach(t=>{switch(t.getType()){case"input":this._inputTemplate=t.template;break;default:this._inputTemplate=t.template;break}})}getToken(t){return this.tokens[t]}getTemplateEvents(t){return{input:e=>this.onInput(e,t),keydown:e=>this.onKeyDown(e),focus:e=>this.onFocus.emit(e),blur:e=>this.onBlur.emit(e),paste:e=>this.onPaste(e)}}onInput(t,e){let n=t.target.value;if(e===0&&n.length>1){this.handleOnPaste(n,t),t.stopPropagation();return}this.tokens[e]=n,this.updateModel(t),t.inputType==="deleteContentBackward"?this.moveToPrev(t):(t.inputType==="insertText"||t.inputType==="deleteContentForward")&&this.moveToNext(t)}updateModel(t){let e=this.tokens.join("");this.onModelChange(e),this.onChange.emit({originalEvent:t,value:e})}writeValue(t){t?Array.isArray(t)&&t.length>0?this.value=t.slice(0,this.length):this.value=t.toString().split("").slice(0,this.length):this.value=t,this.updateTokens(),this.cd.markForCheck()}updateTokens(){this.value!==null&&this.value!==void 0?Array.isArray(this.value)?this.tokens=[...this.value]:this.tokens=this.value.toString().split(""):this.tokens=[]}getModelValue(t){return this.tokens[t-1]||""}getAutofocus(t){return t===1?this.autofocus:!1}registerOnChange(t){this.onModelChange=t}registerOnTouched(t){this.onModelTouched=t}moveToPrev(t){let e=this.findPrevInput(t.target);e&&(e.focus(),e.select())}moveToNext(t){let e=this.findNextInput(t.target);e&&(e.focus(),e.select())}findNextInput(t){let e=t.nextElementSibling;if(e)return e.nodeName==="INPUT"?e:this.findNextInput(e)}findPrevInput(t){let e=t.previousElementSibling;if(e)return e.nodeName==="INPUT"?e:this.findPrevInput(e)}onInputFocus(t){t.target.select(),this.onFocus.emit(t)}onInputBlur(t){this.onBlur.emit(t)}onKeyDown(t){if(!(t.altKey||t.ctrlKey||t.metaKey))switch(t.code){case"ArrowLeft":this.moveToPrev(t),t.preventDefault();break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"Backspace":t.target.value.length===0&&(this.moveToPrev(t),t.preventDefault());break;case"ArrowRight":this.moveToNext(t),t.preventDefault();break;default:(this.integerOnly&&!(Number(t.key)>=0&&Number(t.key)<=9)||this.tokens.join("").length>=this.length&&t.code!=="Delete")&&t.preventDefault();break}}onPaste(t){if(!this.disabled&&!this.readonly){let e=t.clipboardData.getData("text");e.length&&this.handleOnPaste(e,t),t.preventDefault()}}handleOnPaste(t,e){let n=t.substring(0,this.length+1);(!this.integerOnly||!isNaN(n))&&(this.tokens=n.split(""),this.updateModel(e))}getRange(t){return Array.from({length:t},(e,n)=>n+1)}trackByFn(t){return t}static \u0275fac=(()=>{let t;return function(n){return(t||(t=h(i)))(n||i)}})();static \u0275cmp=w({type:i,selectors:[["p-inputOtp"],["p-inputotp"],["p-input-otp"]],contentQueries:function(e,n,o){if(e&1&&(_(o,q,4),_(o,z,4)),e&2){let a;y(a=x())&&(n.inputTemplate=a.first),y(a=x())&&(n.templates=a)}},hostAttrs:[1,"p-inputotp","p-component"],inputs:{invalid:"invalid",disabled:"disabled",readonly:"readonly",variant:"variant",tabindex:"tabindex",length:"length",styleClass:"styleClass",mask:"mask",integerOnly:"integerOnly",autofocus:[2,"autofocus","autofocus",A],size:"size"},outputs:{onChange:"onChange",onFocus:"onFocus",onBlur:"onBlur"},features:[M([tt,L]),k],decls:1,vars:2,consts:[[4,"ngFor","ngForOf","ngForTrackBy"],[4,"ngIf"],["type","text","pInputText","",1,"p-inputotp-input",3,"input","focus","blur","paste","keydown","value","maxLength","type","pSize","variant","readonly","disabled","tabindex","pAutoFocus","ngClass"],[4,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(e,n){e&1&&g(0,X,3,2,"ng-container",0),e&2&&u("ngForOf",n.getRange(n.length))("ngForTrackBy",n.trackByFn)},dependencies:[B,E,P,S,V,$,U,K],encapsulation:2,changeDetection:0})}return i})();export{et as a};