@descope/web-components-ui 1.0.162 → 1.0.163

package/dist/index.esm.js

@@ -919,7 +919,7 @@ const proxyInputMixin = (superclass) =>
     }
 
     get inputElement() {
-      if (this.#inputElement) return this.#inputElement
+      if (this.#inputElement) return this.#inputElement;
 
       this.warnIfInputElementIsMissing();
 
@@ -956,7 +956,7 @@ const proxyInputMixin = (superclass) =>
       // on some cases the base element is not ready so the inputElement is empty
       // we are deferring this section to make sure the base element is ready
       setTimeout(() => {
-        this.inputElement.addEventListener('input', (e) => {
+        this.inputElement?.addEventListener('input', (e) => {
           if (!this.inputElement.checkValidity()) {
             this.inputElement.setCustomValidity('');
             // after updating the input validity we want to trigger set validity on the wrapping element
@@ -1000,7 +1000,6 @@ const proxyInputMixin = (superclass) =>
         forwardAttrs(this, this.inputElement, { includeAttrs: ['inputmode'] });
       });
     }
-
   };
 
 const composedProxyInputMixin = compose(
@@ -2538,7 +2537,14 @@ class PasscodeInternal extends BaseInputClass$3 {
       input.onkeydown = ({ key }) => {
         // when user deletes a digit, we want to focus the previous digit
         if (key === 'Backspace') {
-          input.setSelectionRange(1, 1);
+          // if value is empty then the input element does not fire `input` event
+          // if this is the case, we focus the element here.
+          // otherwise, the focusElement occurs as part of the `input` event listener
+          if (!input.value) {
+            setTimeout(() => focusElement(this.getPrevInput(input)), 0);
+          } else {
+            input.setSelectionRange(1, 1);
+          }
         } else if (key.length === 1) {
           // we want only characters and not command keys
           input.value = ''; // we are clearing the previous value so we can override it with the new value