@descope/web-components-ui 1.0.356 → 1.0.358

package/dist/index.esm.js

@@ -2620,18 +2620,21 @@ var textFieldMappings = {
 
 const componentName$N = getComponentName('email-field');
 
+const defaultPattern = "^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$";
+const defaultAutocomplete = 'username';
+
 const customMixin$a = (superclass) =>
   class EmailFieldMixinClass extends superclass {
     init() {
       super.init?.();
 
-      this.baseElement.setAttribute('pattern', '^[\\w\\.\\%\\+\\-]+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$');
-
-      this.setAttribute('autocomplete', this.getAutocompleteType());
-    }
+      if (!this.getAttribute('pattern')) {
+        this.setAttribute('pattern', defaultPattern);
+      }
 
-    getAutocompleteType() {
-      return this.getAttribute('autocomplete') || 'username';
+      if (!this.getAttribute('autocomplete')) {
+        this.setAttribute('autocomplete', defaultAutocomplete);
+      }
     }
   };
 
@@ -2663,7 +2666,7 @@ const EmailFieldClass = compose(
 
       vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {
         opacity: 0;
-      }        
+      }
       vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {
         opacity: 0;
       }
@@ -5763,7 +5766,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
     this.inputs = [this.countryCodeInput, this.phoneNumberInput];
 
     forwardAttrs(this, this.countryCodeInput, { includeAttrs: ['label-type'] });
-    forwardAttrs(this, this.phoneNumberInput, { includeAttrs: ['label-type'] });
+    forwardAttrs(this, this.phoneNumberInput, { includeAttrs: ['label-type', 'required'] });
 
     // override combo box setter to display dialCode value in input
     this.countryCodeInput.customValueTransformFn = (val) => {