@descope/web-components-ui 1.0.403 → 1.0.404

package/dist/cjs/index.cjs.js

@@ -16981,11 +16981,29 @@ class RawHybridField extends BaseClass$1 {
     this.activeInput.value = val;
   }
 
-  init() {
+  async init() {
     super.init?.();
+
     this.initInputs();
     this.updateAttrs();
     this.toggleInputVisibility();
+
+    await this.waitForInputs();
+
+    this.initInputEles();
+    this.overrideEmailInputType();
+    this.overrideEmailSetAttribute();
+  }
+
+  waitForInputs() {
+    return new Promise((resolve) => {
+      const check = setInterval(() => {
+        if (this.emailInputEle) {
+          clearInterval(check);
+          resolve();
+        }
+      });
+    });
   }
 
   initInputs() {
@@ -16996,19 +17014,6 @@ class RawHybridField extends BaseClass$1 {
     this.inputs = [this.emailInput, this.phoneCountryCodeInput, this.phoneInputBoxInput];
 
     this.activeInput = this.emailInput;
-
-    this.initInputEles();
-    this.overrideEmailInputType();
-
-    // We want to prevent Vaadin from changing the input type to `email`
-    // otherwise, we cannot get the selectionStart from the input.
-    const origEmailSetAttr = this.emailInput.setAttribute.bind(this.emailInputEle);
-    this.emailInputEle.setAttribute = (name, value) => {
-      if (name !== 'type' || value !== 'email' || !this.emailInput.hasAttribute('focused')) {
-        return origEmailSetAttr(name, value);
-      }
-      return false;
-    };
   }
 
   // we need to listen on the inner `input` element itself, otherwise we don't always get an `input` event
@@ -17020,7 +17025,7 @@ class RawHybridField extends BaseClass$1 {
     ];
 
     inputEles.forEach((ele) => {
-      ele?.addEventListener('input', this.onValueChange.bind(this));
+      ele.addEventListener('input', this.onValueChange.bind(this));
     });
   }
 
@@ -17030,11 +17035,23 @@ class RawHybridField extends BaseClass$1 {
     });
     this.emailInputEle.addEventListener('blur', () => {
       setTimeout(() => {
-        this.emailInputEle?.setAttribute('type', 'email');
+        this.emailInputEle.setAttribute('type', 'email');
       });
     });
   }
 
+  // We want to prevent Vaadin from changing the input type to `email`
+  // otherwise, we cannot get the selectionStart from the input.
+  overrideEmailSetAttribute() {
+    const origEmailSetAttr = this.emailInput.setAttribute.bind(this.emailInputEle);
+    this.emailInputEle.setAttribute = (name, value) => {
+      if (name !== 'type' || value !== 'email' || !this.emailInput.hasAttribute('focused')) {
+        return origEmailSetAttr(name, value);
+      }
+      return false;
+    };
+  }
+
   updateAttrs() {
     this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));