digitojs 1.2.1 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/core/machine.d.ts.map +1 -1
- package/dist/core/machine.js +4 -0
- package/dist/core/machine.js.map +1 -1
- package/dist/core/types.d.ts +4 -0
- package/dist/core/types.d.ts.map +1 -1
- package/dist/digito-wc.min.js +3 -3
- package/dist/digito-wc.min.js.map +3 -3
- package/dist/digito.min.js +2 -2
- package/dist/digito.min.js.map +4 -4
- package/package.json +1 -1
- package/src/cdn.ts +24 -0
- package/src/core/machine.ts +4 -0
- package/src/core/types.ts +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## [1.2.2] — 2026-03-18
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- `isDisabled` and `isReadOnly` are now part of the public state snapshot — previously stored as private closure variables, never exposed on `state` or `getSnapshot()`, causing both to always return `undefined`
|
|
10
|
+
- `subscribe()` now fires when `setDisabled()` or `setReadOnly()` is called — previously subscribers were never notified, making it impossible for framework adapters to reactively derive UI from these values
|
|
11
|
+
- `DigitoState` TypeScript interface updated — `isDisabled: boolean` and `isReadOnly: boolean` are now declared for correct type inference
|
|
12
|
+
|
|
5
13
|
## [1.2.0] — 2026-03-14
|
|
6
14
|
|
|
7
15
|
### Added
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"machine.d.ts","sourceRoot":"","sources":["../../src/core/machine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAa,MAAM,YAAY,CAAA;AA6BtF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB;
|
|
1
|
+
{"version":3,"file":"machine.d.ts","sourceRoot":"","sources":["../../src/core/machine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAa,MAAM,YAAY,CAAA;AA6BtF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB;IAySpD,8BAA8B;;2BA5MF,MAAM,QAAQ,MAAM,KAAG,WAAW;4BAoCjC,MAAM,KAAG,WAAW;2BA2FrB,MAAM,KAAG,WAAW;+BA3EhB,MAAM,KAAG,WAAW;gCAKnB,MAAM,KAAG,WAAW;8BAatB,MAAM,WAAW,MAAM,KAAG,WAAW;wBAmE3C,OAAO,KAAG,WAAW;sBAMzB,WAAW;6BAeF,MAAM,KAAG,WAAW;IA8DlD;;;;OAIG;iCA/O6B,IAAI;IAkPpC;;;;OAIG;yBA7DuB,OAAO,KAAG,IAAI;IAgExC,0EAA0E;yBAvDhD,OAAO,KAAG,IAAI;IA0DxC,8CAA8C;;IAE9C;;;;OAIG;uBACc,WAAW;IAE5B;;;OAGG;0BAnDwB,aAAa,KAAG,MAAM,IAAI;IAsDrD;;;;OAIG;oBACW,WAAW;EAE5B"}
|
package/dist/core/machine.js
CHANGED
|
@@ -61,6 +61,8 @@ export function createDigito(options = {}) {
|
|
|
61
61
|
hasError: false,
|
|
62
62
|
isComplete: false,
|
|
63
63
|
timerSeconds: options.timer ?? 0,
|
|
64
|
+
isDisabled: options.disabled ?? false,
|
|
65
|
+
isReadOnly: options.readOnly ?? false,
|
|
64
66
|
};
|
|
65
67
|
// ── Subscription set ──────────────────────────────────────────────────────
|
|
66
68
|
const listeners = new Set();
|
|
@@ -278,6 +280,7 @@ export function createDigito(options = {}) {
|
|
|
278
280
|
*/
|
|
279
281
|
function setDisabled(value) {
|
|
280
282
|
disabled = value;
|
|
283
|
+
applyState({ isDisabled: value });
|
|
281
284
|
}
|
|
282
285
|
/**
|
|
283
286
|
* Toggle readOnly at runtime. When `true`, all slot mutations are blocked
|
|
@@ -285,6 +288,7 @@ export function createDigito(options = {}) {
|
|
|
285
288
|
*/
|
|
286
289
|
function setReadOnly(value) {
|
|
287
290
|
readOnly = value;
|
|
291
|
+
applyState({ isReadOnly: value });
|
|
288
292
|
}
|
|
289
293
|
/**
|
|
290
294
|
* Subscribe to state changes. The listener is called after every mutation
|
package/dist/core/machine.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"machine.js","sourceRoot":"","sources":["../../src/core/machine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAyC,aAAa,CAAA;AACzF,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAsB,eAAe,CAAA;AAG3F,gFAAgF;AAChF,mBAAmB;AACnB,gFAAgF;AAEhF,qEAAqE;AACrE,SAAS,cAAc,CAAC,UAAoB;IAC1C,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAA;AAC9C,CAAC;AAED,yDAAyD;AACzD,SAAS,UAAU,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACzD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED,gEAAgE;AAChE,SAAS,SAAS,CAAC,UAAoB;IACrC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5B,CAAC;AAGD,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,UAAyB,EAAE;IACtD,iDAAiD;IACjD,6EAA6E;IAC7E,8EAA8E;IAC9E,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,CAAA;IACrC,2EAA2E;IAC3E,4EAA4E;IAC5E,MAAM,MAAM,GAAM,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IAE3E,MAAM,EACJ,IAAI,GAAe,SAAsB,EACzC,OAAO,EACP,UAAU,EACV,aAAa,EACb,MAAM,GAAa,IAAI,EACvB,KAAK,GAAc,KAAK,EACxB,gBAAgB,GACjB,GAAG,OAAO,CAAA;IAEX,0EAA0E;IAC1E,yEAAyE;IACzE,gEAAgE;IAChE,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAA;IACxC,wEAAwE;IACxE,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAA;IAExC,IAAI,KAAK,GAAgB;QACvB,UAAU,EAAI,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAa;QAChD,UAAU,EAAI,CAAC;QACf,QAAQ,EAAM,KAAK;QACnB,UAAU,EAAI,KAAK;QACnB,YAAY,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"machine.js","sourceRoot":"","sources":["../../src/core/machine.ts"],"names":[],"mappings":"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"}
|
package/dist/core/types.d.ts
CHANGED
|
@@ -24,6 +24,10 @@ export type DigitoState = {
|
|
|
24
24
|
* Do not use this field to read remaining time; use the adapter's onTick callback instead.
|
|
25
25
|
*/
|
|
26
26
|
timerSeconds: number;
|
|
27
|
+
/** Whether the input is currently disabled. Reflects the latest `setDisabled()` call. */
|
|
28
|
+
isDisabled: boolean;
|
|
29
|
+
/** Whether the input is currently read-only. Reflects the latest `setReadOnly()` call. */
|
|
30
|
+
isReadOnly: boolean;
|
|
27
31
|
};
|
|
28
32
|
/** Configuration options passed to `createDigito` or `initDigito`. */
|
|
29
33
|
export type DigitoOptions = {
|
package/dist/core/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,mDAAmD;AACnD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,KAAK,CAAA;AAEvE,4DAA4D;AAC5D,MAAM,MAAM,WAAW,GAAG;IACxB,+DAA+D;IAC/D,UAAU,EAAG,MAAM,EAAE,CAAA;IACrB,2CAA2C;IAC3C,UAAU,EAAG,MAAM,CAAA;IACnB,wCAAwC;IACxC,QAAQ,EAAK,OAAO,CAAA;IACpB,uDAAuD;IACvD,UAAU,EAAG,OAAO,CAAA;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"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"}
|
package/dist/digito-wc.min.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/*! Digito v1.2.
|
|
2
|
-
"use strict";(()=>{var
|
|
1
|
+
/*! Digito v1.2.2 | Olawale Balo — Product Designer + Design Engineer */
|
|
2
|
+
"use strict";(()=>{var lt=Object.defineProperty,dt=Object.defineProperties;var ct=Object.getOwnPropertyDescriptors;var it=Object.getOwnPropertySymbols;var ut=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;var st=(i,d,t)=>d in i?lt(i,d,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[d]=t,O=(i,d)=>{for(var t in d||(d={}))ut.call(d,t)&&st(i,t,d[t]);if(it)for(var t of it(d))ht.call(d,t)&&st(i,t,d[t]);return i},j=(i,d)=>dt(i,ct(d));function I(i,d,t){if(!i||i.length!==1)return"";if(t!==void 0)return t.global&&(t.lastIndex=0),t.test(i)?i:"";switch(d){case"numeric":return/^[0-9]$/.test(i)?i:"";case"alphabet":return/^[a-zA-Z]$/.test(i)?i:"";case"alphanumeric":return/^[a-zA-Z0-9]$/.test(i)?i:"";case"any":return i;default:return""}}function M(i,d,t){return Array.from(i).filter(e=>I(e,d,t)!=="").join("")}function q(i){let{totalSeconds:d,onTick:t,onExpire:e}=i,n=d,r=null;function p(){r!==null&&(clearInterval(r),r=null)}function f(){p(),n=d}function C(){if(p(),d<=0){e==null||e();return}r=setInterval(()=>{n-=1,t==null||t(n),n<=0&&(p(),e==null||e())},1e3)}function a(){f(),C()}return{start:C,stop:p,reset:f,restart:a}}function R(i){let d=Math.floor(i/60),t=i%60;return d>0?`${d}:${String(t).padStart(2,"0")}`:`0:${String(t).padStart(2,"0")}`}function X(){var i;try{(i=navigator==null?void 0:navigator.vibrate)==null||i.call(navigator,10)}catch(d){}}function nt(){try{let i=new AudioContext,d=i.createOscillator(),t=i.createGain();d.connect(t),t.connect(i.destination),d.frequency.value=880,t.gain.setValueAtTime(.08,i.currentTime),t.gain.exponentialRampToValueAtTime(.001,i.currentTime+.08),d.start(),d.stop(i.currentTime+.08),d.onended=()=>{i.close().catch(()=>{})}}catch(i){}}function Z(i){return i.every(d=>d.length===1)}function H(i,d,t){return Math.max(d,Math.min(t,i))}function ot(i){return i.join("")}function G(i={}){var K,W,Y,J,Q,U;let d=(K=i.length)!=null?K:6,t=isNaN(d)?6:Math.max(1,Math.floor(d)),{type:e="numeric",pattern:n,onComplete:r,onInvalidChar:p,haptic:f=!0,sound:C=!1,pasteTransformer:a}=i,l=(W=i.disabled)!=null?W:!1,u=(Y=i.readOnly)!=null?Y:!1,o={slotValues:Array(t).fill(""),activeSlot:0,hasError:!1,isComplete:!1,timerSeconds:(J=i.timer)!=null?J:0,isDisabled:(Q=i.disabled)!=null?Q:!1,isReadOnly:(U=i.readOnly)!=null?U:!1},w=new Set;function h(s){if(o=O(O({},o),s),w.size>0){let v=j(O({},o),{slotValues:[...o.slotValues]});w.forEach(E=>E(v))}return o}let b=null;function c(s){if(!Z(s)||!r)return;f&&X(),C&&nt();let v=ot(s);b!==null&&clearTimeout(b),b=setTimeout(()=>{b=null,r(v)},10)}function N(){b!==null&&(clearTimeout(b),b=null)}function V(s,v){if(l||u||s<0||s>=t)return o;let E=I(v,e,n);if(!E)return v.length===1&&(p==null||p(v,s)),o.activeSlot!==s?h({activeSlot:s}):o;let A=[...o.slotValues];A[s]=E;let k=s<t-1?s+1:t-1,L=h({slotValues:A,activeSlot:k,hasError:!1,isComplete:Z(A)});return c(A),L}function B(s){if(l||u||s<0||s>=t)return o;let v=[...o.slotValues];if(v[s])return v[s]="",h({slotValues:v,activeSlot:s,isComplete:!1});let E=H(s-1,0,t-1);return v[E]="",h({slotValues:v,activeSlot:E,isComplete:!1})}function z(s){return h({activeSlot:H(s-1,0,t-1)})}function m(s){return h({activeSlot:H(s+1,0,t-1)})}function g(s,v){if(l||u)return o;let E;try{E=a?a(v):v}catch(_){console.warn("[digito] pasteTransformer threw \u2014 using raw paste text.",_),E=v}if(p&&E){let _=s;for(let et of Array.from(E))I(et,e,n)?_=(_+1)%t:p(et,_)}let A=M(E,e,n);if(!A)return o;let k=[...o.slotValues],L=s;for(let _=0;_<A.length&&_<t;_++)k[L]=A[_],L=(L+1)%t;let tt=Math.min(A.length,t),rt=tt>=t?t-1:(s+tt)%t,at=h({slotValues:k,activeSlot:rt,hasError:!1,isComplete:Z(k)});return c(k),at}function y(s){if(l||u||s<0||s>=t||!o.slotValues[s])return o;let v=[...o.slotValues];return v[s]="",h({slotValues:v,activeSlot:s,isComplete:!1})}function S(s){return s&&f&&X(),h({hasError:s})}function F(){var s;return b!==null&&(clearTimeout(b),b=null),h({slotValues:Array(t).fill(""),activeSlot:0,hasError:!1,isComplete:!1,timerSeconds:(s=i.timer)!=null?s:0})}function D(s){return h({activeSlot:H(s,0,t-1)})}function x(s){l=s,h({isDisabled:s})}function T(s){u=s,h({isReadOnly:s})}function P(s){return w.add(s),()=>{w.delete(s)}}return{get state(){return o},inputChar:V,deleteChar:B,clearSlot:y,moveFocusLeft:z,moveFocusRight:m,pasteString:g,setError:S,resetState:F,moveFocusTo:D,cancelPendingComplete:N,setDisabled:x,setReadOnly:T,getCode:()=>ot(o.slotValues),getSnapshot:()=>j(O({},o),{slotValues:[...o.slotValues]}),subscribe:P,getState:()=>j(O({},o),{slotValues:[...o.slotValues]})}}var pt=`
|
|
3
3
|
:host {
|
|
4
4
|
display: inline-block;
|
|
5
5
|
position: relative;
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
}
|
|
154
154
|
.digito-wc-resend-btn:hover { background: #E5E5E5; }
|
|
155
155
|
.digito-wc-resend-btn:disabled { color: #A1A1A1; cursor: not-allowed; background: #F5F5F5; }
|
|
156
|
-
`,$=class extends HTMLElement{constructor(){super();this.slotEls=[];this.caretEls=[];this.hiddenInput=null;this.timerEl=null;this.timerBadgeEl=null;this.resendEl=null;this.timerCtrl=null;this.resendCountdown=null;this.digito=null;this._isDisabled=!1;this._isSuccess=!1;this._isReadOnly=!1;this._pattern=void 0;this._pasteTransformer=void 0;this._onComplete=void 0;this._onResend=void 0;this._onFocus=void 0;this._onBlur=void 0;this._onInvalidChar=void 0;this.shadow=this.attachShadow({mode:"open"})}set onComplete(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onComplete must be a function, got:",typeof t);return}this._onComplete=t}set onResend(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onResend must be a function, got:",typeof t);return}this._onResend=t}set onFocus(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onFocus must be a function, got:",typeof t);return}this._onFocus=t}set onBlur(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onBlur must be a function, got:",typeof t);return}this._onBlur=t}set onInvalidChar(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onInvalidChar must be a function, got:",typeof t);return}this._onInvalidChar=t,this.shadow.children.length>0&&this.build()}set pattern(t){if(t!==void 0&&!(t instanceof RegExp)){console.warn("[digito] pattern must be a RegExp, got:",typeof t);return}this._pattern=t,this.shadow.children.length>0&&this.build()}set pasteTransformer(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] pasteTransformer must be a function, got:",typeof t);return}this._pasteTransformer=t,this.shadow.children.length>0&&this.build()}connectedCallback(){this.build()}disconnectedCallback(){var t,e,s;(t=this.timerCtrl)==null||t.stop(),(e=this.resendCountdown)==null||e.stop(),(s=this.digito)==null||s.resetState()}attributeChangedCallback(){this.shadow.children.length>0&&this.build()}get _length(){var e;let t=parseInt((e=this.getAttribute("length"))!=null?e:"6",10);return isNaN(t)||t<1?6:Math.floor(t)}get _type(){var t;return(t=this.getAttribute("type"))!=null?t:"numeric"}get _timer(){var e;let t=parseInt((e=this.getAttribute("timer"))!=null?e:"0",10);return isNaN(t)||t<0?0:Math.floor(t)}get _resendAfter(){var e;let t=parseInt((e=this.getAttribute("resend-after"))!=null?e:"30",10);return isNaN(t)||t<1?30:Math.floor(t)}get _disabledAttr(){return this.hasAttribute("disabled")}get _readOnlyAttr(){return this.hasAttribute("readonly")}get _defaultValue(){var t;return(t=this.getAttribute("default-value"))!=null?t:""}get _separatorAfter(){let t=this.getAttribute("separator-after");return t?t.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)&&e>0):[]}get _separator(){var t;return(t=this.getAttribute("separator"))!=null?t:"\u2014"}get _masked(){return this.hasAttribute("masked")}get _maskChar(){var t;return(t=this.getAttribute("mask-char"))!=null?t:"\u25CF"}get _name(){var t;return(t=this.getAttribute("name"))!=null?t:""}get _placeholder(){var t;return(t=this.getAttribute("placeholder"))!=null?t:""}get _autoFocus(){return!this.hasAttribute("auto-focus")||this.getAttribute("auto-focus")!=="false"}get _selectOnFocus(){return this.hasAttribute("select-on-focus")}get _blurOnComplete(){return this.hasAttribute("blur-on-complete")}build(){var V,B,z;let t=this._length,e=this._type,s=this._timer,r=this._resendAfter,h=this._separatorAfter,g=this._separator,C=this._masked,a=this._name,l=this._autoFocus,u=this._selectOnFocus,o=this._blurOnComplete;for(this._isDisabled=this._disabledAttr,this._isReadOnly=this._readOnlyAttr,(V=this.timerCtrl)==null||V.stop(),(B=this.resendCountdown)==null||B.stop(),(z=this.digito)==null||z.resetState();this.shadow.firstChild;)this.shadow.removeChild(this.shadow.firstChild);this.slotEls=[],this.caretEls=[],this.timerEl=null,this.timerBadgeEl=null,this.resendEl=null,this.timerCtrl=null,this.resendCountdown=null;let w=document.createElement("style");w.textContent=ut,this.shadow.appendChild(w);let f=document.createElement("div");f.className="digito-wc-root";let b=document.createElement("div");b.className="digito-wc-slots";for(let m=0;m<t;m++){let p=document.createElement("div");p.className="digito-wc-slot",p.setAttribute("aria-hidden","true");let y=document.createElement("div");if(y.className="digito-wc-caret",p.appendChild(y),this.caretEls.push(y),this.slotEls.push(p),b.appendChild(p),h.some(S=>m===S-1)){let S=document.createElement("div");S.className="digito-wc-separator",S.textContent=g,S.setAttribute("aria-hidden","true"),b.appendChild(S)}}let c=document.createElement("input");if(c.type=C?"password":"text",c.inputMode=e==="numeric"?"numeric":"text",c.autocomplete="one-time-code",c.maxLength=t,c.disabled=this._isDisabled,c.className="digito-wc-hidden",c.setAttribute("aria-label",`Enter your ${t}-${e==="numeric"?"digit":"character"} code`),c.setAttribute("spellcheck","false"),c.setAttribute("autocorrect","off"),c.setAttribute("autocapitalize","off"),a&&(c.name=a),this.hiddenInput=c,f.appendChild(b),f.appendChild(c),this.shadow.appendChild(f),this.digito=G({length:t,type:e,pattern:this._pattern,pasteTransformer:this._pasteTransformer,onInvalidChar:this._onInvalidChar,readOnly:this._isReadOnly,onComplete:m=>{var p;(p=this._onComplete)==null||p.call(this,m),this.dispatchEvent(new CustomEvent("complete",{detail:{code:m},bubbles:!0,composed:!0}))}}),s>0){let m=document.createElement("div");m.className="digito-wc-timer",this.timerEl=m;let p=document.createElement("span");p.className="digito-wc-timer-label",p.textContent="Code expires in";let y=document.createElement("span");y.className="digito-wc-timer-badge",y.textContent=R(s),this.timerBadgeEl=y,m.appendChild(p),m.appendChild(y),f.appendChild(m);let S=document.createElement("div");S.className="digito-wc-resend",this.resendEl=S;let F=document.createElement("span");F.textContent="Didn\u2019t receive the code?";let _=document.createElement("button");_.className="digito-wc-resend-btn",_.textContent="Resend",_.type="button",S.appendChild(F),S.appendChild(_),f.appendChild(S),this.timerCtrl=q({totalSeconds:s,onTick:D=>{this.timerBadgeEl&&(this.timerBadgeEl.textContent=R(D))},onExpire:()=>{this.timerEl&&(this.timerEl.style.display="none"),this.resendEl&&this.resendEl.classList.add("is-visible"),this.dispatchEvent(new CustomEvent("expire",{bubbles:!0,composed:!0}))}}),this.timerCtrl.start(),_.addEventListener("click",()=>{var D,T;!this.timerEl||!this.timerBadgeEl||!this.resendEl||(this.resendEl.classList.remove("is-visible"),this.timerEl.style.display="flex",this.timerBadgeEl.textContent=R(r),(D=this.resendCountdown)==null||D.stop(),this.resendCountdown=q({totalSeconds:r,onTick:P=>{this.timerBadgeEl&&(this.timerBadgeEl.textContent=R(P))},onExpire:()=>{this.timerEl&&(this.timerEl.style.display="none"),this.resendEl&&this.resendEl.classList.add("is-visible")}}),this.resendCountdown.start(),(T=this._onResend)==null||T.call(this))})}this._isReadOnly&&c.setAttribute("aria-readonly","true");let N=this._defaultValue;if(N){let m=M(N.slice(0,t),e,this._pattern);if(m){for(let p=0;p<m.length;p++)this.digito.inputChar(p,m[p]);this.digito.cancelPendingComplete(),c.value=m}}this.attachEvents(u,o),this._isDisabled&&this.applyDisabledDOM(!0),c.addEventListener("click",m=>{var F,_,D;if(this._isDisabled)return;let p=this.slotEls.length-1;for(let T=0;T<this.slotEls.length;T++)if(m.clientX<=this.slotEls[T].getBoundingClientRect().right){p=T;break}let y=Math.min(p,c.value.length);(F=this.digito)==null||F.moveFocusTo(y);let S=(D=(_=this.digito)==null?void 0:_.state.slotValues[y])!=null?D:"";u&&S?c.setSelectionRange(y,y+1):c.setSelectionRange(y,y),this.syncSlotsToDOM()}),requestAnimationFrame(()=>{!this._isDisabled&&l&&c.focus(),c.setSelectionRange(0,0),this.syncSlotsToDOM()})}syncSlotsToDOM(){if(!this.digito||!this.hiddenInput)return;let{slotValues:t,activeSlot:e,hasError:s}=this.digito.state,r=this.shadow.activeElement===this.hiddenInput;this.slotEls.forEach((g,C)=>{var o;let a=(o=t[C])!=null?o:"",l=C===e&&r,u=g.childNodes[1];(!u||u.nodeType!==Node.TEXT_NODE)&&(u=document.createTextNode(""),g.appendChild(u)),u.nodeValue=this._masked&&a?this._maskChar:a||this._placeholder,g.classList.toggle("is-active",l&&!this._isDisabled),g.classList.toggle("is-filled",!!a),g.classList.toggle("is-masked",this._masked),g.classList.toggle("is-error",s),g.classList.toggle("is-success",this._isSuccess),g.classList.toggle("is-disabled",this._isDisabled),this.caretEls[C].style.display=l&&!a&&!this._isDisabled?"block":"none"});let h=t.join("");this.hiddenInput.value!==h&&(this.hiddenInput.value=h),this.toggleAttribute("data-complete",this.digito.state.isComplete),this.toggleAttribute("data-invalid",this.digito.state.hasError),this.toggleAttribute("data-disabled",this._isDisabled),this.toggleAttribute("data-readonly",this._isReadOnly)}applyDisabledDOM(t){this.hiddenInput&&(this.hiddenInput.disabled=t),this.slotEls.forEach(e=>e.classList.toggle("is-disabled",t))}attachEvents(t,e){let s=this.hiddenInput,r=this.digito,h=this._length,g=this._type,C=this._pattern;s.addEventListener("keydown",a=>{var u;if(this._isDisabled)return;let l=(u=s.selectionStart)!=null?u:0;if(a.key==="Backspace"){if(a.preventDefault(),this._isReadOnly)return;r.deleteChar(l),this.syncSlotsToDOM(),this.dispatchChange();let o=r.state.activeSlot;requestAnimationFrame(()=>s.setSelectionRange(o,o))}else if(a.key==="Delete"){if(a.preventDefault(),this._isReadOnly)return;r.clearSlot(l),this.syncSlotsToDOM(),this.dispatchChange(),requestAnimationFrame(()=>s.setSelectionRange(l,l))}else if(a.key==="ArrowLeft")a.preventDefault(),r.moveFocusLeft(l),this.syncSlotsToDOM(),requestAnimationFrame(()=>s.setSelectionRange(r.state.activeSlot,r.state.activeSlot));else if(a.key==="ArrowRight")a.preventDefault(),r.moveFocusRight(l),this.syncSlotsToDOM(),requestAnimationFrame(()=>s.setSelectionRange(r.state.activeSlot,r.state.activeSlot));else if(a.key==="Tab"){if(a.shiftKey){if(l===0)return;a.preventDefault(),r.moveFocusLeft(l)}else{if(!r.state.slotValues[l]||l>=h-1)return;a.preventDefault(),r.moveFocusRight(l)}this.syncSlotsToDOM();let o=r.state.activeSlot;requestAnimationFrame(()=>s.setSelectionRange(o,o))}}),s.addEventListener("input",()=>{if(this._isDisabled||this._isReadOnly)return;let a=s.value;if(!a){r.resetState(),s.value="",s.setSelectionRange(0,0),this.syncSlotsToDOM(),this.dispatchChange();return}let l=M(a,g,C).slice(0,h);r.resetState();for(let o=0;o<l.length;o++)r.inputChar(o,l[o]);let u=Math.min(l.length,h-1);s.value=l,s.setSelectionRange(u,u),r.moveFocusTo(u),this.syncSlotsToDOM(),this.dispatchChange(),e&&r.state.isComplete&&requestAnimationFrame(()=>s.blur())}),s.addEventListener("paste",a=>{var f,b,c;if(this._isDisabled||this._isReadOnly)return;a.preventDefault();let l=(b=(f=a.clipboardData)==null?void 0:f.getData("text"))!=null?b:"",u=(c=s.selectionStart)!=null?c:0;r.pasteString(u,l);let{slotValues:o,activeSlot:w}=r.state;s.value=o.join(""),s.setSelectionRange(w,w),this.syncSlotsToDOM(),this.dispatchChange(),e&&r.state.isComplete&&requestAnimationFrame(()=>s.blur())}),s.addEventListener("focus",()=>{var a;(a=this._onFocus)==null||a.call(this),requestAnimationFrame(()=>{let l=r.state.activeSlot,u=r.state.slotValues[l];t&&u?s.setSelectionRange(l,l+1):s.setSelectionRange(l,l),this.syncSlotsToDOM()})}),s.addEventListener("blur",()=>{var a;(a=this._onBlur)==null||a.call(this),this.slotEls.forEach(l=>{l.classList.remove("is-active")}),this.caretEls.forEach(l=>{l.style.display="none"})})}dispatchChange(){var t,e;this.dispatchEvent(new CustomEvent("change",{detail:{code:(e=(t=this.digito)==null?void 0:t.getCode())!=null?e:""},bubbles:!0,composed:!0}))}reset(){var t,e,s;this._isSuccess=!1,(t=this.digito)==null||t.resetState(),this.hiddenInput&&(this.hiddenInput.value="",this._isDisabled||this.hiddenInput.focus(),this.hiddenInput.setSelectionRange(0,0)),this.timerBadgeEl&&(this.timerBadgeEl.textContent=R(this._timer)),this.timerEl&&(this.timerEl.style.display="flex"),this.resendEl&&this.resendEl.classList.remove("is-visible"),(e=this.resendCountdown)==null||e.stop(),(s=this.timerCtrl)==null||s.restart(),this.syncSlotsToDOM()}setError(t){var e;t&&(this._isSuccess=!1),(e=this.digito)==null||e.setError(t),this.syncSlotsToDOM()}setSuccess(t){var e,s,r;this._isSuccess=t,t&&((e=this.digito)==null||e.setError(!1),(s=this.timerCtrl)==null||s.stop(),(r=this.resendCountdown)==null||r.stop(),this.timerEl&&(this.timerEl.style.display="none"),this.resendEl&&(this.resendEl.style.display="none")),this.syncSlotsToDOM()}setDisabled(t){var e;this._isDisabled=t,(e=this.digito)==null||e.setDisabled(t),this.applyDisabledDOM(t),this.syncSlotsToDOM(),!t&&this.hiddenInput&&requestAnimationFrame(()=>{var s,r,h,g,C,a;(s=this.hiddenInput)==null||s.focus(),(a=this.hiddenInput)==null||a.setSelectionRange((h=(r=this.digito)==null?void 0:r.state.activeSlot)!=null?h:0,(C=(g=this.digito)==null?void 0:g.state.activeSlot)!=null?C:0)})}setReadOnly(t){var e;this._isReadOnly=t,(e=this.digito)==null||e.setReadOnly(t),this.hiddenInput&&(t?this.hiddenInput.setAttribute("aria-readonly","true"):this.hiddenInput.removeAttribute("aria-readonly")),this.syncSlotsToDOM()}getCode(){var t,e;return(e=(t=this.digito)==null?void 0:t.getCode())!=null?e:""}};$.observedAttributes=["length","type","timer","resend-after","disabled","readonly","separator-after","separator","masked","mask-char","name","placeholder","auto-focus","select-on-focus","blur-on-complete","default-value"];typeof customElements!="undefined"&&!customElements.get("digito-input")&&customElements.define("digito-input",$);})();
|
|
156
|
+
`,$=class extends HTMLElement{constructor(){super();this.slotEls=[];this.caretEls=[];this.hiddenInput=null;this.timerEl=null;this.timerBadgeEl=null;this.resendEl=null;this.timerCtrl=null;this.resendCountdown=null;this.digito=null;this._isDisabled=!1;this._isSuccess=!1;this._isReadOnly=!1;this._pattern=void 0;this._pasteTransformer=void 0;this._onComplete=void 0;this._onResend=void 0;this._onFocus=void 0;this._onBlur=void 0;this._onInvalidChar=void 0;this.shadow=this.attachShadow({mode:"open"})}set onComplete(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onComplete must be a function, got:",typeof t);return}this._onComplete=t}set onResend(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onResend must be a function, got:",typeof t);return}this._onResend=t}set onFocus(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onFocus must be a function, got:",typeof t);return}this._onFocus=t}set onBlur(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onBlur must be a function, got:",typeof t);return}this._onBlur=t}set onInvalidChar(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] onInvalidChar must be a function, got:",typeof t);return}this._onInvalidChar=t,this.shadow.children.length>0&&this.build()}set pattern(t){if(t!==void 0&&!(t instanceof RegExp)){console.warn("[digito] pattern must be a RegExp, got:",typeof t);return}this._pattern=t,this.shadow.children.length>0&&this.build()}set pasteTransformer(t){if(t!==void 0&&typeof t!="function"){console.warn("[digito] pasteTransformer must be a function, got:",typeof t);return}this._pasteTransformer=t,this.shadow.children.length>0&&this.build()}connectedCallback(){this.build()}disconnectedCallback(){var t,e,n;(t=this.timerCtrl)==null||t.stop(),(e=this.resendCountdown)==null||e.stop(),(n=this.digito)==null||n.resetState()}attributeChangedCallback(){this.shadow.children.length>0&&this.build()}get _length(){var e;let t=parseInt((e=this.getAttribute("length"))!=null?e:"6",10);return isNaN(t)||t<1?6:Math.floor(t)}get _type(){var t;return(t=this.getAttribute("type"))!=null?t:"numeric"}get _timer(){var e;let t=parseInt((e=this.getAttribute("timer"))!=null?e:"0",10);return isNaN(t)||t<0?0:Math.floor(t)}get _resendAfter(){var e;let t=parseInt((e=this.getAttribute("resend-after"))!=null?e:"30",10);return isNaN(t)||t<1?30:Math.floor(t)}get _disabledAttr(){return this.hasAttribute("disabled")}get _readOnlyAttr(){return this.hasAttribute("readonly")}get _defaultValue(){var t;return(t=this.getAttribute("default-value"))!=null?t:""}get _separatorAfter(){let t=this.getAttribute("separator-after");return t?t.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)&&e>0):[]}get _separator(){var t;return(t=this.getAttribute("separator"))!=null?t:"\u2014"}get _masked(){return this.hasAttribute("masked")}get _maskChar(){var t;return(t=this.getAttribute("mask-char"))!=null?t:"\u25CF"}get _name(){var t;return(t=this.getAttribute("name"))!=null?t:""}get _placeholder(){var t;return(t=this.getAttribute("placeholder"))!=null?t:""}get _autoFocus(){return!this.hasAttribute("auto-focus")||this.getAttribute("auto-focus")!=="false"}get _selectOnFocus(){return this.hasAttribute("select-on-focus")}get _blurOnComplete(){return this.hasAttribute("blur-on-complete")}build(){var V,B,z;let t=this._length,e=this._type,n=this._timer,r=this._resendAfter,p=this._separatorAfter,f=this._separator,C=this._masked,a=this._name,l=this._autoFocus,u=this._selectOnFocus,o=this._blurOnComplete;for(this._isDisabled=this._disabledAttr,this._isReadOnly=this._readOnlyAttr,(V=this.timerCtrl)==null||V.stop(),(B=this.resendCountdown)==null||B.stop(),(z=this.digito)==null||z.resetState();this.shadow.firstChild;)this.shadow.removeChild(this.shadow.firstChild);this.slotEls=[],this.caretEls=[],this.timerEl=null,this.timerBadgeEl=null,this.resendEl=null,this.timerCtrl=null,this.resendCountdown=null;let w=document.createElement("style");w.textContent=pt,this.shadow.appendChild(w);let h=document.createElement("div");h.className="digito-wc-root";let b=document.createElement("div");b.className="digito-wc-slots";for(let m=0;m<t;m++){let g=document.createElement("div");g.className="digito-wc-slot",g.setAttribute("aria-hidden","true");let y=document.createElement("div");if(y.className="digito-wc-caret",g.appendChild(y),this.caretEls.push(y),this.slotEls.push(g),b.appendChild(g),p.some(S=>m===S-1)){let S=document.createElement("div");S.className="digito-wc-separator",S.textContent=f,S.setAttribute("aria-hidden","true"),b.appendChild(S)}}let c=document.createElement("input");if(c.type=C?"password":"text",c.inputMode=e==="numeric"?"numeric":"text",c.autocomplete="one-time-code",c.maxLength=t,c.disabled=this._isDisabled,c.className="digito-wc-hidden",c.setAttribute("aria-label",`Enter your ${t}-${e==="numeric"?"digit":"character"} code`),c.setAttribute("spellcheck","false"),c.setAttribute("autocorrect","off"),c.setAttribute("autocapitalize","off"),a&&(c.name=a),this.hiddenInput=c,h.appendChild(b),h.appendChild(c),this.shadow.appendChild(h),this.digito=G({length:t,type:e,pattern:this._pattern,pasteTransformer:this._pasteTransformer,onInvalidChar:this._onInvalidChar,readOnly:this._isReadOnly,onComplete:m=>{var g;(g=this._onComplete)==null||g.call(this,m),this.dispatchEvent(new CustomEvent("complete",{detail:{code:m},bubbles:!0,composed:!0}))}}),n>0){let m=document.createElement("div");m.className="digito-wc-timer",this.timerEl=m;let g=document.createElement("span");g.className="digito-wc-timer-label",g.textContent="Code expires in";let y=document.createElement("span");y.className="digito-wc-timer-badge",y.textContent=R(n),this.timerBadgeEl=y,m.appendChild(g),m.appendChild(y),h.appendChild(m);let S=document.createElement("div");S.className="digito-wc-resend",this.resendEl=S;let F=document.createElement("span");F.textContent="Didn\u2019t receive the code?";let D=document.createElement("button");D.className="digito-wc-resend-btn",D.textContent="Resend",D.type="button",S.appendChild(F),S.appendChild(D),h.appendChild(S),this.timerCtrl=q({totalSeconds:n,onTick:x=>{this.timerBadgeEl&&(this.timerBadgeEl.textContent=R(x))},onExpire:()=>{this.timerEl&&(this.timerEl.style.display="none"),this.resendEl&&this.resendEl.classList.add("is-visible"),this.dispatchEvent(new CustomEvent("expire",{bubbles:!0,composed:!0}))}}),this.timerCtrl.start(),D.addEventListener("click",()=>{var x,T;!this.timerEl||!this.timerBadgeEl||!this.resendEl||(this.resendEl.classList.remove("is-visible"),this.timerEl.style.display="flex",this.timerBadgeEl.textContent=R(r),(x=this.resendCountdown)==null||x.stop(),this.resendCountdown=q({totalSeconds:r,onTick:P=>{this.timerBadgeEl&&(this.timerBadgeEl.textContent=R(P))},onExpire:()=>{this.timerEl&&(this.timerEl.style.display="none"),this.resendEl&&this.resendEl.classList.add("is-visible")}}),this.resendCountdown.start(),(T=this._onResend)==null||T.call(this))})}this._isReadOnly&&c.setAttribute("aria-readonly","true");let N=this._defaultValue;if(N){let m=M(N.slice(0,t),e,this._pattern);if(m){for(let g=0;g<m.length;g++)this.digito.inputChar(g,m[g]);this.digito.cancelPendingComplete(),c.value=m}}this.attachEvents(u,o),this._isDisabled&&this.applyDisabledDOM(!0),c.addEventListener("click",m=>{var F,D,x;if(this._isDisabled)return;let g=this.slotEls.length-1;for(let T=0;T<this.slotEls.length;T++)if(m.clientX<=this.slotEls[T].getBoundingClientRect().right){g=T;break}let y=Math.min(g,c.value.length);(F=this.digito)==null||F.moveFocusTo(y);let S=(x=(D=this.digito)==null?void 0:D.state.slotValues[y])!=null?x:"";u&&S?c.setSelectionRange(y,y+1):c.setSelectionRange(y,y),this.syncSlotsToDOM()}),requestAnimationFrame(()=>{!this._isDisabled&&l&&c.focus(),c.setSelectionRange(0,0),this.syncSlotsToDOM()})}syncSlotsToDOM(){if(!this.digito||!this.hiddenInput)return;let{slotValues:t,activeSlot:e,hasError:n}=this.digito.state,r=this.shadow.activeElement===this.hiddenInput;this.slotEls.forEach((f,C)=>{var o;let a=(o=t[C])!=null?o:"",l=C===e&&r,u=f.childNodes[1];(!u||u.nodeType!==Node.TEXT_NODE)&&(u=document.createTextNode(""),f.appendChild(u)),u.nodeValue=this._masked&&a?this._maskChar:a||this._placeholder,f.classList.toggle("is-active",l&&!this._isDisabled),f.classList.toggle("is-filled",!!a),f.classList.toggle("is-masked",this._masked),f.classList.toggle("is-error",n),f.classList.toggle("is-success",this._isSuccess),f.classList.toggle("is-disabled",this._isDisabled),this.caretEls[C].style.display=l&&!a&&!this._isDisabled?"block":"none"});let p=t.join("");this.hiddenInput.value!==p&&(this.hiddenInput.value=p),this.toggleAttribute("data-complete",this.digito.state.isComplete),this.toggleAttribute("data-invalid",this.digito.state.hasError),this.toggleAttribute("data-disabled",this._isDisabled),this.toggleAttribute("data-readonly",this._isReadOnly)}applyDisabledDOM(t){this.hiddenInput&&(this.hiddenInput.disabled=t),this.slotEls.forEach(e=>e.classList.toggle("is-disabled",t))}attachEvents(t,e){let n=this.hiddenInput,r=this.digito,p=this._length,f=this._type,C=this._pattern;n.addEventListener("keydown",a=>{var u;if(this._isDisabled)return;let l=(u=n.selectionStart)!=null?u:0;if(a.key==="Backspace"){if(a.preventDefault(),this._isReadOnly)return;r.deleteChar(l),this.syncSlotsToDOM(),this.dispatchChange();let o=r.state.activeSlot;requestAnimationFrame(()=>n.setSelectionRange(o,o))}else if(a.key==="Delete"){if(a.preventDefault(),this._isReadOnly)return;r.clearSlot(l),this.syncSlotsToDOM(),this.dispatchChange(),requestAnimationFrame(()=>n.setSelectionRange(l,l))}else if(a.key==="ArrowLeft")a.preventDefault(),r.moveFocusLeft(l),this.syncSlotsToDOM(),requestAnimationFrame(()=>n.setSelectionRange(r.state.activeSlot,r.state.activeSlot));else if(a.key==="ArrowRight")a.preventDefault(),r.moveFocusRight(l),this.syncSlotsToDOM(),requestAnimationFrame(()=>n.setSelectionRange(r.state.activeSlot,r.state.activeSlot));else if(a.key==="Tab"){if(a.shiftKey){if(l===0)return;a.preventDefault(),r.moveFocusLeft(l)}else{if(!r.state.slotValues[l]||l>=p-1)return;a.preventDefault(),r.moveFocusRight(l)}this.syncSlotsToDOM();let o=r.state.activeSlot;requestAnimationFrame(()=>n.setSelectionRange(o,o))}}),n.addEventListener("input",()=>{if(this._isDisabled||this._isReadOnly)return;let a=n.value;if(!a){r.resetState(),n.value="",n.setSelectionRange(0,0),this.syncSlotsToDOM(),this.dispatchChange();return}let l=M(a,f,C).slice(0,p);r.resetState();for(let o=0;o<l.length;o++)r.inputChar(o,l[o]);let u=Math.min(l.length,p-1);n.value=l,n.setSelectionRange(u,u),r.moveFocusTo(u),this.syncSlotsToDOM(),this.dispatchChange(),e&&r.state.isComplete&&requestAnimationFrame(()=>n.blur())}),n.addEventListener("paste",a=>{var h,b,c;if(this._isDisabled||this._isReadOnly)return;a.preventDefault();let l=(b=(h=a.clipboardData)==null?void 0:h.getData("text"))!=null?b:"",u=(c=n.selectionStart)!=null?c:0;r.pasteString(u,l);let{slotValues:o,activeSlot:w}=r.state;n.value=o.join(""),n.setSelectionRange(w,w),this.syncSlotsToDOM(),this.dispatchChange(),e&&r.state.isComplete&&requestAnimationFrame(()=>n.blur())}),n.addEventListener("focus",()=>{var a;(a=this._onFocus)==null||a.call(this),requestAnimationFrame(()=>{let l=r.state.activeSlot,u=r.state.slotValues[l];t&&u?n.setSelectionRange(l,l+1):n.setSelectionRange(l,l),this.syncSlotsToDOM()})}),n.addEventListener("blur",()=>{var a;(a=this._onBlur)==null||a.call(this),this.slotEls.forEach(l=>{l.classList.remove("is-active")}),this.caretEls.forEach(l=>{l.style.display="none"})})}dispatchChange(){var t,e;this.dispatchEvent(new CustomEvent("change",{detail:{code:(e=(t=this.digito)==null?void 0:t.getCode())!=null?e:""},bubbles:!0,composed:!0}))}reset(){var t,e,n;this._isSuccess=!1,(t=this.digito)==null||t.resetState(),this.hiddenInput&&(this.hiddenInput.value="",this._isDisabled||this.hiddenInput.focus(),this.hiddenInput.setSelectionRange(0,0)),this.timerBadgeEl&&(this.timerBadgeEl.textContent=R(this._timer)),this.timerEl&&(this.timerEl.style.display="flex"),this.resendEl&&this.resendEl.classList.remove("is-visible"),(e=this.resendCountdown)==null||e.stop(),(n=this.timerCtrl)==null||n.restart(),this.syncSlotsToDOM()}setError(t){var e;t&&(this._isSuccess=!1),(e=this.digito)==null||e.setError(t),this.syncSlotsToDOM()}setSuccess(t){var e,n,r;this._isSuccess=t,t&&((e=this.digito)==null||e.setError(!1),(n=this.timerCtrl)==null||n.stop(),(r=this.resendCountdown)==null||r.stop(),this.timerEl&&(this.timerEl.style.display="none"),this.resendEl&&(this.resendEl.style.display="none")),this.syncSlotsToDOM()}setDisabled(t){var e;this._isDisabled=t,(e=this.digito)==null||e.setDisabled(t),this.applyDisabledDOM(t),this.syncSlotsToDOM(),!t&&this.hiddenInput&&requestAnimationFrame(()=>{var n,r,p,f,C,a;(n=this.hiddenInput)==null||n.focus(),(a=this.hiddenInput)==null||a.setSelectionRange((p=(r=this.digito)==null?void 0:r.state.activeSlot)!=null?p:0,(C=(f=this.digito)==null?void 0:f.state.activeSlot)!=null?C:0)})}setReadOnly(t){var e;this._isReadOnly=t,(e=this.digito)==null||e.setReadOnly(t),this.hiddenInput&&(t?this.hiddenInput.setAttribute("aria-readonly","true"):this.hiddenInput.removeAttribute("aria-readonly")),this.syncSlotsToDOM()}getCode(){var t,e;return(e=(t=this.digito)==null?void 0:t.getCode())!=null?e:""}};$.observedAttributes=["length","type","timer","resend-after","disabled","readonly","separator-after","separator","masked","mask-char","name","placeholder","auto-focus","select-on-focus","blur-on-complete","default-value"];typeof customElements!="undefined"&&!customElements.get("digito-input")&&customElements.define("digito-input",$);})();
|
|
157
157
|
/**
|
|
158
158
|
* digito/core/filter
|
|
159
159
|
* ─────────────────────────────────────────────────────────────────────────────
|