@descope/web-components-ui 1.0.164 → 1.0.166

package/dist/index.esm.js

@@ -627,9 +627,9 @@ const createBaseClass = ({ componentName, baseSelector = '' }) => {
       return this.shadowRoot || this;
     }
 
-    get name () {
-			return this.getAttribute('name');
-		}
+    get name() {
+      return this.getAttribute('name');
+    }
 
     connectedCallback() {
       super.connectedCallback?.();
@@ -1660,7 +1660,7 @@ const CheckboxClass = compose(
     wrappedEleName: 'vaadin-text-field',
     style: () => `
 			${commonStyles}
-			vaadin-checkbox::part(checkbox)::after {
+      vaadin-checkbox::part(checkbox)::after {
 				top: 0;
 				left: 0;
 			}
@@ -2156,13 +2156,21 @@ var textFieldMappings = {
 
 const componentName$i = getComponentName('email-field');
 
+const customMixin$4 = (superclass) =>
+  class EmailFieldMixinClass extends superclass {
+    init() {
+      super.init?.();
+      this.baseElement.setAttribute('pattern', '^[\\w\\.\\%\\+\\-]+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$');
+    }
+  };
 const EmailFieldClass = compose(
   createStyleMixin({
     mappings: textFieldMappings,
   }),
   draggableMixin,
   composedProxyInputMixin,
-  componentNameValidationMixin
+  componentNameValidationMixin,
+  customMixin$4
 )(
   createProxy({
     slots: ['suffix'],
@@ -2356,7 +2364,7 @@ customElements.define(componentName$e, NumberFieldClass);
 
 const focusElement = (ele) => {
   ele?.focus();
-  ele?.setSelectionRange(1, 1);
+  ele?.setSelectionRange?.(1, 1);
 };
 
 const getSanitizedCharacters = (str) => {
@@ -3136,8 +3144,8 @@ const ComboBoxMixin = (superclass) =>
       overlay._attachOverlay = () => {
         overlay.bringToFront();
       };
-      overlay._detachOverlay = () => { };
-      overlay._enterModalState = () => { };
+      overlay._detachOverlay = () => {};
+      overlay._enterModalState = () => {};
     }
 
     init() {
@@ -4746,6 +4754,7 @@ const customMixin$1 = (superclass) =>
           'default-code',
           'country-input-placeholder',
           'phone-input-placeholder',
+          'disabled',
         ],
       });
     }
@@ -5394,9 +5403,7 @@ class RawRecaptcha extends BaseClass {
   }
 }
 
-const RecaptchaClass = compose(
-  draggableMixin
-)(RawRecaptcha);
+const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);
 
 customElements.define(componentName$2, RecaptchaClass);