@descope/web-components-ui 1.0.164 → 1.0.166

package/dist/cjs/index.cjs.js

@@ -949,9 +949,9 @@ const createBaseClass = ({ componentName, baseSelector = '' }) => {
       return this.shadowRoot || this;
     }
 
-    get name () {
-			return this.getAttribute('name');
-		}
+    get name() {
+      return this.getAttribute('name');
+    }
 
     connectedCallback() {
       super.connectedCallback?.();
@@ -1906,7 +1906,7 @@ const componentName$q = getComponentName('text-field');
 
 const observedAttrs = ['type'];
 
-const customMixin$3 = (superclass) =>
+const customMixin$4 = (superclass) =>
   class TextFieldClass extends superclass {
     static get observedAttributes() {
       return observedAttrs.concat(superclass.observedAttributes || []);
@@ -1933,7 +1933,7 @@ const TextFieldClass = compose(
   draggableMixin,
   composedProxyInputMixin,
   componentNameValidationMixin,
-  customMixin$3
+  customMixin$4
 )(
   createProxy({
     slots: ['prefix', 'suffix'],
@@ -2322,13 +2322,21 @@ var numberField$1 = /*#__PURE__*/Object.freeze({
 
 const componentName$m = getComponentName('email-field');
 
+const customMixin$3 = (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$3
 )(
   createProxy({
     slots: ['suffix'],
@@ -2684,7 +2692,7 @@ const CheckboxClass = compose(
     wrappedEleName: 'vaadin-text-field',
     style: () => `
 			${commonStyles}
-			vaadin-checkbox::part(checkbox)::after {
+      vaadin-checkbox::part(checkbox)::after {
 				top: 0;
 				left: 0;
 			}
@@ -4011,8 +4019,8 @@ const ComboBoxMixin = (superclass) =>
       overlay._attachOverlay = () => {
         overlay.bringToFront();
       };
-      overlay._detachOverlay = () => { };
-      overlay._enterModalState = () => { };
+      overlay._detachOverlay = () => {};
+      overlay._enterModalState = () => {};
     }
 
     init() {
@@ -5512,6 +5520,7 @@ const customMixin$1 = (superclass) =>
           'default-code',
           'country-input-placeholder',
           'phone-input-placeholder',
+          'disabled',
         ],
       });
     }
@@ -6370,9 +6379,7 @@ class RawRecaptcha extends BaseClass {
   }
 }
 
-const RecaptchaClass = compose(
-  draggableMixin
-)(RawRecaptcha);
+const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);
 
 exports.ButtonClass = ButtonClass;
 exports.CheckboxClass = CheckboxClass;