1"use strict";(self.webpackChunkabem=self.webpackChunkabem||[]).push([[7676],{67676(K,I,v){v.r(I),v.d(I,{ion_input_otp:()=>_});var z=v(10467),l=v(48225),C=v(3418),D=v(4594),P=v(94576),R=v(61902);const _=class{constructor(o){(0,l.r)(this,o),this.ionInput=(0,l.c)(this,"ionInput",7),this.ionChange=(0,l.c)(this,"ionChange",7),this.ionComplete=(0,l.c)(this,"ionComplete",7),this.ionBlur=(0,l.c)(this,"ionBlur",7),this.ionFocus=(0,l.c)(this,"ionFocus",7),this.inheritedAttributes={},this.inputRefs=[],this.inputId="ion-input-otp-"+S++,this.parsedSeparators=[],this.isKeyboardNavigation=!1,this.inputValues=[],this.hasFocus=!1,this.previousInputValues=[],this.autocapitalize="off",this.disabled=!1,this.fill="outline",this.length=4,this.readonly=!1,this.shape="round",this.size="medium",this.type="number",this.value="",this.onFocus=i=>t=>{var e;const{inputRefs:n}=this;this.hasFocus||(this.ionFocus.emit(t),this.focusedValue=this.value),this.hasFocus=!0;let r=i;if(!this.isKeyboardNavigation){const a=this.inputValues[i]?i:this.getFirstEmptyIndex();r=-1===a?this.length-1:a,null===(e=this.inputRefs[r])||void 0===e||e.focus()}n.forEach((a,d)=>{a.tabIndex=d===r?0:-1}),this.isKeyboardNavigation=!1},this.onBlur=i=>{const{inputRefs:t}=this,e=i.relatedTarget;null!=e&&t.includes(e)||(this.hasFocus=!1,this.updateTabIndexes(),this.ionBlur.emit(i),this.focusedValue!==this.value&&this.emitIonChange(i))},this.onKeyDown=i=>t=>{const{disabled:e,length:n,readonly:r}=this,a=(0,D.i)(this.el),d=t.target;if(!e)if(!r||"Backspace"!==t.key&&"Delete"!==t.key){if(!(d.selectionStart!==d.selectionEnd||(t.metaKey||t.ctrlKey)&&["a","c","v","x","r","z","y"].includes(t.key.toLowerCase())))if("Backspace"===t.key)if(this.inputValues[i]){for(let s=i;s<n-1;s++)this.inputValues[s]=this.inputValues[s+1];this.inputValues[n-1]="";for(let s=0;s<n;s++)this.inputRefs[s].value=this.inputValues[s]||"";this.updateValue(t),t.preventDefault()}else!this.inputValues[i]&&i>0&&this.focusPrevious(i);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){this.isKeyboardNavigation=!0,t.preventDefault();const s="ArrowLeft"===t.key;s&&a||!s&&!a?this.inputValues[i]&&i<n-1&&this.focusNext(i):this.focusPrevious(i)}else if("Tab"===t.key)return void(this.isKeyboardNavigation=!0)}else t.preventDefault()},this.onInput=i=>t=>{var e,n;const{disabled:r,length:a,readonly:d,validKeyPattern:h}=this,u=t.target,s=u.value,m=this.previousInputValues[i]||"";if(r||d)return;if(s.length-m.length>1){const c=s.split("").filter(p=>h.test(p)).slice(0,a);0===c.length&&requestAnimationFrame(()=>{this.inputRefs.forEach(p=>{p.value=""})});for(let p=0;p<a;p++)this.inputValues[p]=c[p]||"",this.inputRefs[p].value=c[p]||"";return this.updateValue(t),setTimeout(()=>{var p;null===(p=this.inputRefs[c.length<a?c.length:a-1])||void 0===p||p.focus()},20),void(this.previousInputValues=[...this.inputValues])}if(s.length>0&&!h.test(s[s.length-1]))return u.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);if(0===u.selectionStart&&u.selectionEnd===s.length||!this.inputValues[i])return this.inputValues[i]=s,u.value=s,this.updateValue(t),this.focusNext(i),void(this.previousInputValues=[...this.inputValues]);if(this.inputValues[i]&&""===this.inputValues[this.inputValues.length-1]&&2===s.length){let c=t.data;if(c||(c=s.split("").find((p,x)=>p!==m[x])||s[s.length-1]),!h.test(c))return u.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);for(let p=this.inputValues.length-1;p>i;p--)this.inputValues[p]=this.inputValues[p-1],this.inputRefs[p].value=this.inputValues[p]||"";return this.inputValues[i]=c,this.inputRefs[i].value=c,this.updateValue(t),void(this.previousInputValues=[...this.inputValues])}const y=null!==(n=s[(null!==(e=u.selectionStart)&&void 0!==e?e:s.length)-1])&&void 0!==n?n:s[0];if(!h.test(y))return u.value=this.inputValues[i]||"",void(this.previousInputValues=[...this.inputValues]);this.inputValues[i]=y,u.value=y,this.updateValue(t),this.previousInputValues=[...this.inputValues]},this.onPaste=i=>{var t,e;const{disabled:n,inputRefs:r,length:a,readonly:d,validKeyPattern:h}=this;if(i.preventDefault(),n||d)return;const u=null===(t=i.clipboardData)||void 0===t?void 0:t.getData("text");if(!u)return void this.emitIonInput(i);const s=u.split("").filter(f=>h.test(f)).slice(0,a);
1s.forEach((f,b)=>{b<a&&(this.inputRefs[b].value=f,this.inputValues[b]=f)}),this.value=s.join(""),this.updateValue(i),null===(e=r[s.length<a?s.length:a-1])||void 0===e||e.focus()}}setFocus(o){var i=this;return(0,z.A)(function*(){var t,e;if("number"==typeof o){const n=Math.max(0,Math.min(o,i.length-1));null===(t=i.inputRefs[n])||void 0===t||t.focus()}else{const n=i.getTabbableIndex();null===(e=i.inputRefs[n])||void 0===e||e.focus()}})()}valueChanged(){this.initializeValues(),this.updateTabIndexes()}processSeparators(){const{separators:o,length:i}=this;if(void 0===o)return void(this.parsedSeparators=[]);if("string"==typeof o&&"all"!==o&&!/^(\d+)(,\d+)*$/.test(o))return(0,l.f)(`[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or "all". Received: ${o}`,this.el),void(this.parsedSeparators=[]);let t;t="all"===o?Array.from({length:i-1},(r,a)=>a+1):Array.isArray(o)?o:o.split(",").map(r=>parseInt(r,10)).filter(r=>!isNaN(r)),t.filter((r,a)=>t.indexOf(r)!==a).length>0&&(0,l.f)(`[ion-input-otp] - Duplicate separator positions are not allowed. Received: ${o}`,this.el);const n=t.filter(r=>r>i);n.length>0&&(0,l.f)(`[ion-input-otp] - The following separator positions are greater than the input length (${i}): ${n.join(", ")}. These separators will be ignored.`,this.el),this.parsedSeparators=t.filter(r=>r<=i)}componentWillLoad(){this.inheritedAttributes=(0,C.i)(this.el),this.processSeparators(),this.initializeValues()}componentDidLoad(){this.updateTabIndexes()}get validKeyPattern(){return new RegExp(`^${this.getPattern()}$`,"u")}getPattern(){const{pattern:o,type:i}=this;return o||("number"===i?"[\\p{N}]":"[\\p{L}\\p{N}]")}getInputmode(){const{inputmode:o}=this;return o||("number"==this.type?"numeric":"text")}initializeValues(){this.inputValues=Array(this.length).fill(""),null!=this.value&&0!==String(this.value).length&&(String(this.value).split("").slice(0,this.length).forEach((i,t)=>{this.validKeyPattern.test(i)&&(this.inputValues[t]=i)}),this.value=this.inputValues.join(""),this.previousInputValues=[...this.inputValues])}updateValue(o){const{inputValues:i,length:t}=this,e=i.join("");this.value=e,this.emitIonInput(o),e.length===t&&this.ionComplete.emit({value:e})}emitIonChange(o){const{value:i}=this,t=null==i?i:i.toString();this.ionChange.emit({value:t,event:o})}emitIonInput(o){const{value:i}=this,t=null==i?i:i.toString();this.ionInput.emit({value:t,event:o})}focusNext(o){var i;const{inputRefs:t,length:e}=this;o<e-1&&(null===(i=t[o+1])||void 0===i||i.focus())}focusPrevious(o){var i;const{inputRefs:t}=this;o>0&&(null===(i=t[o-1])||void 0===i||i.focus())}getFirstEmptyIndex(){var o;const{inputValues:i,length:t}=this;return null!==(o=Array.from({length:t},(n,r)=>i[r]||"").findIndex(n=>!n||""===n))&&void 0!==o?o:-1}getTabbableIndex(){const{length:o}=this,i=this.getFirstEmptyIndex();return-1===i?o-1:i}updateTabIndexes(){const{inputRefs:o,inputValues:i,length:t}=this;let e=-1;for(let n=0;n<t;n++)if(!i[n]||""===i[n]){e=n;break}o.forEach((n,r)=>{const a=-1===e?r===t-1:e===r;n.tabIndex=a?0:-1,n.setAttribute("aria-hidden",i[r]&&""!==i[r]||a?"false":"true")})}showSeparator(o){const{length:i}=this;return this.parsedSeparators.includes(o+1)&&o<i-1}render(){var o,i;const{autocapitalize:t,color:e,disabled:n,el:r,fill:a,hasFocus:d,inheritedAttributes:h,inputId:u,inputRefs:s,inputValues:m,length:f,readonly:b,shape:V,size:k}=this,E=(0,R.b)(this),w=this.getInputmode(),y=this.getTabbableIndex(),c=this.getPattern(),p=""!==(null===(i=null===(o=r.querySelector(".input-otp-description"))||void 0===o?void 0:o.textContent)||void 0===i?void 0:i.trim());return(0,l.h)(l.d,{key:"ffeec6d07b5d3cd375b72d4c9f4fe755d80ac094",class:(0,P.c)(e,{[E]:!0,"has-focus":d,[`input-otp-size-${k}`]:!0,[`input-otp-shape-${V}`]:!0,[`input-otp-fill-${a}`]:!0,"input-otp-disabled":n,"input-otp-readonly":b})},(0,l.h)("div",Object.assign({key:"f42471e4ed8054f07162a52b42a0ca49c3d57bb0",role:"group","aria-label":"One-time password input",class:"input-otp-group"},h),Array.from({length:f}).map((x,g)=>(0,l.h)(l.F,null,(0,l.h)("div",{class:"native-wrapper"},(0,l.h)("input",{class:"native-input",id:`${u}-${g}`,"aria-label":`Input ${g+1} of ${f}
1`,type:"text",autoCapitalize:t,inputmode:w,pattern:c,disabled:n,readOnly:b,tabIndex:g===y?0:-1,value:m[g]||"",autocomplete:"one-time-code",ref:F=>s[g]=F,onInput:this.onInput(g),onBlur:this.onBlur,onFocus:this.onFocus(g),onKeyDown:this.onKeyDown(g),onPaste:this.onPaste})),this.showSeparator(g)&&(0,l.h)("div",{class:"input-otp-separator"})))),(0,l.h)("div",{key:"b06461605b2404476b856785b7116e18b4dbaeaa",class:{"input-otp-description":!0,"input-otp-description-hidden":!p}},(0,l.h)("slot",{key:"5bf9e7dc365f6caf0d4b13ae26e5559cdbbd162c"})))}get el(){return(0,l.g)(this)}static get watchers(){return{value:[{valueChanged:0}],separators:[{processSeparators:0}],length:[{processSeparators:0}]}}};let S=0;_.style={ios:".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))))}",md:".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))}"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.