https://www.praisecharts.com/chunk-4EXEVAKZ.js

1import{b as F}from"./chunk-V5EDQPTG.js";import{e as C}from"./chunk-IRB5Z552.js";import{a as z}from"./chunk-NBIANJZG.js";import{b as S}from"./chunk-3VISQA2S.js";import{e as b,i as R,m as h,n as A,q as E,r as f,u as T}from"./chunk-HULTFZ6L.js";import{a as k,k as I}from"./chunk-TX7E3JLP.js";var $=()=>".sc-ion-input-otp-ios-h{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--separator-width:8px;--separator-height:var(--separator-width);--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-size:0.875rem}.input-otp-group.sc-ion-input-otp-ios{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper.sc-ion-input-otp-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input.sc-ion-input-otp-ios{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{caret-color:var(--highlight-color)}.input-otp-description.sc-ion-input-otp-ios{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem;text-align:center}.input-otp-description-hidden.sc-ion-input-otp-ios{display:none}.input-otp-separator.sc-ion-input-otp-ios{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}.input-otp-size-small.sc-ion-input-otp-ios-h{--width:40px;--height:40px}.input-otp-size-small.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios{gap:8px}.input-otp-size-medium.sc-ion-input-otp-ios-h{--width:48px;--height:48px}.input-otp-size-large.sc-ion-input-otp-ios-h{--width:56px;--height:56px}.input-otp-size-medium.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios,.input-otp-size-large.sc-ion-input-otp-ios-h .input-otp-group.sc-ion-input-otp-ios{gap:12px}.input-otp-shape-round.sc-ion-input-otp-ios-h{--border-radius:16px}.input-otp-shape-soft.sc-ion-input-otp-ios-h{--border-radius:8px}.input-otp-shape-rectangular.sc-ion-input-otp-ios-h{--border-radius:0}.input-otp-fill-outline.sc-ion-input-otp-ios-h{--background:none}.input-otp-fill-solid.sc-ion-input-otp-ios-h{--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-disabled.sc-ion-input-otp-ios-h{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}.input-otp-fill-outline.input-otp-disabled.sc-ion-input-otp-ios-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.input-otp-disabled.sc-ion-input-otp-ios-h,.input-otp-disabled.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:disabled{cursor:not-allowed}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{--border-color:var(--highlight-color);outline:none}.input-otp-fill-outline.input-otp-readonly.sc-ion-input-otp-ios-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-fill-solid.input-otp-disabled.sc-ion-input-otp-ios-h,.input-otp-fill-solid.input-otp-readonly.sc-ion-input-otp-ios-h{--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.ion-touched.ion-invalid.sc-ion-input-otp-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-otp-ios-h{--highlight-color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-otp-ios-h,.ion-touched.ion-invalid.sc-ion-input-otp-ios-h{--border-color:var(--highlight-color)}.ion-color.sc-ion-input-otp-ios-h{--highlight-color-focused:var(--ion-color-base)}.input-otp-fill-outline.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-otp-fill-outline.ion-color.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-outline.ion-color.has-focus.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.has-focus.ion-invalid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:var(--ion-color-danger, #c5000f)}.input-otp-fill-outline.ion-color.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-outline.ion-color.has-focus.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios,.input-otp-fill-solid.ion-color.has-focus.ion-valid.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:var(--ion-color-success, #2dd55b)}.input-otp-fill-outline.input-otp-disabled.ion-color.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios{border-color:rgba(var(--ion-color-base-rgb), 0.3)}.sc-ion-input-otp-ios-h{--border-width:0.55px}.has-focus.sc-ion-input-otp-ios-h .native-input.sc-ion-input-otp-ios:focus{--border-width:1px}.input-otp-fill-outline.sc-ion-input-otp-ios-h{--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}",K=()=>".sc-ion-input-otp-md-h{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--padding-top:16px;--padding-end:0;--padding-bottom:16px;

1--padding-start:0;--color:initial;--min-width:40px;--separator-width:8px;--separator-height:var(--separator-width);--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-size:0.875rem}.input-otp-group.sc-ion-input-otp-md{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper.sc-ion-input-otp-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input.sc-ion-input-otp-md{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);background:var(--background);color:var(--color);font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{caret-color:var(--highlight-color)}.input-otp-description.sc-ion-input-otp-md{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem;text-align:center}.input-otp-description-hidden.sc-ion-input-otp-md{display:none}.input-otp-separator.sc-ion-input-otp-md{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}.input-otp-size-small.sc-ion-input-otp-md-h{--width:40px;--height:40px}.input-otp-size-small.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md{gap:8px}.input-otp-size-medium.sc-ion-input-otp-md-h{--width:48px;--height:48px}.input-otp-size-large.sc-ion-input-otp-md-h{--width:56px;--height:56px}.input-otp-size-medium.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md,.input-otp-size-large.sc-ion-input-otp-md-h .input-otp-group.sc-ion-input-otp-md{gap:12px}.input-otp-shape-round.sc-ion-input-otp-md-h{--border-radius:16px}.input-otp-shape-soft.sc-ion-input-otp-md-h{--border-radius:8px}.input-otp-shape-rectangular.sc-ion-input-otp-md-h{--border-radius:0}.input-otp-fill-outline.sc-ion-input-otp-md-h{--background:none}.input-otp-fill-solid.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-disabled.sc-ion-input-otp-md-h{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}.input-otp-fill-outline.input-otp-disabled.sc-ion-input-otp-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.input-otp-disabled.sc-ion-input-otp-md-h,.input-otp-disabled.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:disabled{cursor:not-allowed}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{--border-color:var(--highlight-color);outline:none}.input-otp-fill-outline.input-otp-readonly.sc-ion-input-otp-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}.input-otp-fill-solid.input-otp-disabled.sc-ion-input-otp-md-h,.input-otp-fill-solid.input-otp-readonly.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.ion-touched.ion-invalid.sc-ion-input-otp-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-otp-md-h{--highlight-color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-otp-md-h,.ion-touched.ion-invalid.sc-ion-input-otp-md-h{--border-color:var(--highlight-color)}.ion-color.sc-ion-input-otp-md-h{--highlight-color-focused:var(--ion-color-base)}.input-otp-fill-outline.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-otp-fill-outline.ion-color.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-outline.ion-color.has-focus.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.has-focus.ion-invalid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:var(--ion-color-danger, #c5000f)}.input-otp-fill-outline.ion-color.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-outline.ion-color.has-focus.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md,.input-otp-fill-solid.ion-color.has-focus.ion-valid.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:var(--ion-color-success, #2dd55b)}.input-otp-fill-outline.input-otp-disabled.ion-color.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md{border-color:rgba(var(--ion-color-base-rgb), 0.3)}.sc-ion-input-otp-md-h{--border-width:1px}.has-focus.sc-ion-input-otp-md-h .native-input.sc-ion-input-otp-md:focus{--border-width:2px}.input-otp-fill-outline.sc-ion-input-otp-md-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3))}",N=class{constructor(t){R(this,t),this.ionInput=f(this,"ionInput",7),this.ionChange=f(this,"ionChange",7),this.ionComplete=f(this,"ionComplete",7),this.ionBlur=f(this,"ionBlur",7),this.ionFocus=f(this,"ionFocus",7)}inheritedAttributes={};inputRefs=[];inputId=`ion-input-otp-${D++}`;parsedSeparators=[];focusedValue;isKeyboardNavigation=!1;get el(){return E(this)}inputValues=[];hasFocus=!1;previousInputValues=[];autocapitalize="off";color;disabled=!1;fill="outline";inputmode;length=4;pattern;readonly=!1;separators;shape="round";size="medium";type="number";value="";ionInput;ionChange;ionComplete;ionBlur;ionFocus;setFocus(t){return I(this,null,function*(){if(typeof t=="number"){let i=Math.max(0,Math.min(t,this.length-1));

1this.inputRefs[i]?.focus()}else{let i=this.getTabbableIndex();this.inputRefs[i]?.focus()}})}valueChanged(){this.initializeValues(),this.updateTabIndexes()}processSeparators(){let{separators:t,length:i}=this;if(t===void 0){this.parsedSeparators=[];return}if(typeof t=="string"&&t!=="all"&&!/^(\d+)(,\d+)*$/.test(t)){b(`[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or "all". Received: ${t}`,this.el),this.parsedSeparators=[];return}let o;t==="all"?o=Array.from({length:i-1},(e,p)=>p+1):Array.isArray(t)?o=t:o=t.split(",").map(e=>parseInt(e,10)).filter(e=>!isNaN(e)),o.filter((e,p)=>o.indexOf(e)!==p).length>0&&b(`[ion-input-otp] - Duplicate separator positions are not allowed. Received: ${t}`,this.el);let s=o.filter(e=>e>i);s.length>0&&b(`[ion-input-otp] - The following separator positions are greater than the input length (${i}): ${s.join(", ")}. These separators will be ignored.`,this.el),this.parsedSeparators=o.filter(e=>e<=i)}componentWillLoad(){this.inheritedAttributes=C(this.el),this.processSeparators(),this.initializeValues()}componentDidLoad(){this.updateTabIndexes()}get validKeyPattern(){return new RegExp(`^${this.getPattern()}$`,"u")}getPattern(){let{pattern:t,type:i}=this;return t||(i==="number"?"[\\p{N}]":"[\\p{L}\\p{N}]")}getInputmode(){let{inputmode:t}=this;return t||(this.type=="number"?"numeric":"text")}initializeValues(){if(this.inputValues=Array(this.length).fill(""),this.value==null||String(this.value).length===0)return;String(this.value).split("").slice(0,this.length).forEach((i,o)=>{this.validKeyPattern.test(i)&&(this.inputValues[o]=i)}),this.value=this.inputValues.join(""),this.previousInputValues=[...this.inputValues]}updateValue(t){let{inputValues:i,length:o}=this,n=i.join("");this.value=n,this.emitIonInput(t),n.length===o&&this.ionComplete.emit({value:n})}emitIonChange(t){let{value:i}=this,o=i==null?i:i.toString();this.ionChange.emit({value:o,event:t})}emitIonInput(t){let{value:i}=this,o=i==null?i:i.toString();this.ionInput.emit({value:o,event:t})}onFocus=t=>i=>{let{inputRefs:o}=this;this.hasFocus||(this.ionFocus.emit(i),this.focusedValue=this.value),this.hasFocus=!0;let n=t;if(!this.isKeyboardNavigation){let s=this.inputValues[t]?t:this.getFirstEmptyIndex();

1n=s===-1?this.length-1:s,this.inputRefs[n]?.focus()}o.forEach((s,e)=>{s.tabIndex=e===n?0:-1}),this.isKeyboardNavigation=!1};onBlur=t=>{let{inputRefs:i}=this,o=t.relatedTarget;o!=null&&i.includes(o)||(this.hasFocus=!1,this.updateTabIndexes(),this.ionBlur.emit(t),this.focusedValue!==this.value&&this.emitIonChange(t))};focusNext(t){let{inputRefs:i,length:o}=this;t<o-1&&i[t+1]?.focus()}focusPrevious(t){let{inputRefs:i}=this;t>0&&i[t-1]?.focus()}getFirstEmptyIndex(){let{inputValues:t,length:i}=this;return Array.from({length:i},(n,s)=>t[s]||"").findIndex(n=>!n||n==="")??-1}getTabbableIndex(){let{length:t}=this,i=this.getFirstEmptyIndex();return i===-1?t-1:i}updateTabIndexes(){let{inputRefs:t,inputValues:i,length:o}=this,n=-1;for(let s=0;s<o;s++)if(!i[s]||i[s]===""){n=s;break}t.forEach((s,e)=>{let p=n===-1?e===o-1:n===e;s.tabIndex=p?0:-1;let r=!i[e]||i[e]==="";s.setAttribute("aria-hidden",r&&!p?"true":"false")})}onKeyDown=t=>i=>{let{disabled:o,length:n,readonly:s}=this,e=z(this.el),p=i.target;if(o)return;if(s&&(i.key==="Backspace"||i.key==="Delete")){i.preventDefault();return}let r=["a","c","v","x","r","z","y"];if(!(p.selectionStart!==p.selectionEnd||(i.metaKey||i.ctrlKey)&&r.includes(i.key.toLowerCase()))){if(i.key==="Backspace")if(this.inputValues[t]){for(let l=t;l<n-1;l++)this.inputValues[l]=this.inputValues[l+1];this.inputValues[n-1]="";for(let l=0;l<n;l++)this.inputRefs[l].value=this.inputValues[l]||"";this.updateValue(i),i.preventDefault()}else!this.inputValues[t]&&t>0&&this.focusPrevious(t);else if(i.key==="ArrowLeft"||i.key==="ArrowRight"){this.isKeyboardNavigation=!0,i.preventDefault();let l=i.key==="ArrowLeft";l&&e||!l&&!e?this.inputValues[t]&&t<n-1&&this.focusNext(t):this.focusPrevious(t)}else if(i.key==="Tab"){this.isKeyboardNavigation=!0;return}}};onInput=t=>i=>{let{disabled:o,length:n,readonly:s,validKeyPattern:e}=this,p=i.target,r=p.value,g=this.previousInputValues[t]||"";if(o||s)return;if(r.length-g.length>1){let u=r.split("").filter(a=>e.test(a)).slice(0,n);u.length===0&&requestAnimationFrame(()=>{this.inputRefs.forEach(a=>{a.value=""})});for(let a=0;a<n;a++)this.inputValues[a]=u[a]||"",this.inputRefs[a].value=u[a]||"";this.updateValue(i),setTimeout(()=>{let a=u.length<n?u.length:n-1;this.inputRefs[a]?.focus()},20),this.previousInputValues=[...this.inputValues];return}if(r.length>0&&!e.test(r[r.length-1])){p.value=this.inputValues[t]||"",this.previousInputValues=[...this.inputValues];return}let c=p.selectionStart===0&&p.selectionEnd===r.length,m=!this.inputValues[t];if(c||m){this.inputValues[t]=r,p.value=r,this.updateValue(i),this.focusNext(t),this.previousInputValues=[...this.inputValues];return}let y=this.inputValues[this.inputValues.length-1]==="";if(this.inputValues[t]&&y&&r.length===2){let u=i.data;if(u||(u=r.split("").find((a,w)=>a!==g[w])||r[r.length-1]),!e.test(u)){p.value=this.inputValues[t]||"",this.previousInputValues=[...this.inputValues];return}for(let a=this.inputValues.length-1;a>t;a--)this.inputValues[a]=this.inputValues[a-1],this.inputRefs[a].value=this.inputValues[a]||"";this.inputValues[t]=u,this.inputRefs[t].value=u,this.updateValue(i),this.previousInputValues=[...this.inputValues];return}let x=(p.selectionStart??r.length)-1,v=r[x]??r[0];if(!e.test(v)){p.value=this.inputValues[t]||"",this.previousInputValues=[...this.inputValues];return}this.inputValues[t]=v,p.value=v,this.updateValue(i),this.previousInputValues=[...this.inputValues]};onPaste=t=>{let{disabled:i,inputRefs:o,length:n,readonly:s,validKeyPattern:e}=this;if(t.preventDefault(),i||s)return;let p=t.clipboardData?.getData("text");if(!p){this.emitIonInput(t);return}let r=p.split("").filter(l=>e.test(l)).slice(0,n);r.forEach((l,c)=>{c<n&&(this.inputRefs[c].value=l,this.inputValues[c]=l)}),this.value=r.join(""),this.updateValue(t);let g=r.length<n?r.length:n-1;o[g]?.focus()};showSeparator(t){let{length:i}=this;return this.parsedSeparators.includes(t+1)&&t<i-1}render(){let{autocapitalize:t,color:i,disabled:o,el:n,fill:s,hasFocus:e,inheritedAttributes:p,inputId:r,inputRefs:g,inputValues:l,length:c,readonly:m,shape:y,size:V}=this,x=S(this),v=this.getInputmode(),u=this.getTabbableIndex(),a=this.getPattern(),w=n.querySelector(".input-otp-description")?.textContent?.trim()!=="";return h(A,{key:"bd37661e13cde21feff30c663e6813ce3fff0d9a",class:F(i,{[x]:!0,"has-focus":e,[`input-otp-size-${V}`]:!0,[`input-otp-shape-${y}`]:!0,[`input-otp-fill-${s}`]:!0,"input-otp-disabled":o,"input-otp-readonly":m})},h("div",k({key:"5e206f870024f1ecfebda999ff31e6e815774deb",role:"group","aria-label":"One-time password input",class:"input-otp-group"},p),Array.from({length:c}).map((B,d)=>h(T,null,h("div",{class:"native-wrapper"},h("input",{class:"native-input",id:`${r}-${d}`,"aria-label":`Input ${d+1}

1 of ${c}`,type:"text",autoCapitalize:t,inputmode:v,pattern:a,disabled:o,readOnly:m,tabIndex:d===u?0:-1,value:l[d]||"",autocomplete:"one-time-code",ref:P=>g[d]=P,onInput:this.onInput(d),onBlur:this.onBlur,onFocus:this.onFocus(d),onKeyDown:this.onKeyDown(d),onPaste:this.onPaste})),this.showSeparator(d)&&h("div",{class:"input-otp-separator"})))),h("div",{key:"c268f838ddab2c8d6a612a11c7d38e6ca076436d",class:{"input-otp-description":!0,"input-otp-description-hidden":!w}},h("slot",{key:"c0736359b26f609b795e399fc1ad9b540632af18"})))}static get watchers(){return{value:[{valueChanged:0}],separators:[{processSeparators:0}],length:[{processSeparators:0}]}}},D=0;N.style={ios:$(),md:K()};export{N as ion_input_otp};