@descope/web-components-ui 1.0.403 → 1.0.404

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export {
   componentsThemeManager,
 } from './helpers/themeHelpers';
 export { genColor } from './helpers/themeHelpers/colorsHelpers';
-export { defaultTheme, themeVars } from './defaultTheme';
+export { defaultTheme, themeVars } from './theme';
 export { default as darkTheme } from './darkTheme';
 export { ButtonClass } from './components/descope-button';
 export { CheckboxClass } from './components/boolean-fields/descope-checkbox';
@@ -49,6 +49,7 @@ export { PolicyValidationClass } from './components/descope-policy-validation/';
 export { CodeSnippetClass } from './components/descope-code-snippet/';
 export { CalendarClass } from './components/descope-date-field/descope-calendar';
 export { DateFieldClass } from './components/descope-date-field/';
+export { HybridFieldClass } from './components/descope-hybrid-field';
 
 export type Theme = {
   globals: {

package/dist/index.esm.js

@@ -15447,11 +15447,29 @@ class RawHybridField extends BaseClass {
     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() {
@@ -15462,19 +15480,6 @@ class RawHybridField extends BaseClass {
     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
@@ -15486,7 +15491,7 @@ class RawHybridField extends BaseClass {
     ];
 
     inputEles.forEach((ele) => {
-      ele?.addEventListener('input', this.onValueChange.bind(this));
+      ele.addEventListener('input', this.onValueChange.bind(this));
     });
   }
 
@@ -15496,11 +15501,23 @@ class RawHybridField extends BaseClass {
     });
     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 }));