@descope/web-components-ui 1.0.332 → 1.0.334

package/dist/cjs/index.cjs.js

@@ -4060,11 +4060,19 @@ const customMixin$8 = (superclass) =>
 
       this.baseElement.setAttribute('pattern', '^[\\w\\.\\%\\+\\-]+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$');
 
-      this.externalInput = this.handleExternalInput();
+      if (!this.isNoExternalInput) {
+        this.externalInput = this.handleExternalInput();
 
-      this.addEventListener('focus', () => {
-        this.externalInput.focus();
-      });
+        this.addEventListener('focus', () => {
+          this.externalInput.focus();
+        });
+      } else {
+        this.setAttribute('autocomplete', this.getAutocompleteType());
+      }
+    }
+
+    get isNoExternalInput() {
+      return this.getAttribute('no-external-input') === 'true';
     }
 
     forwardInputValue(source, target) {
@@ -4184,7 +4192,7 @@ const EmailFieldClass = compose(
         opacity: 0;
       }
 
-      vaadin-email-field > input:not(:placeholder-shown) {
+      vaadin-email-field:not([no-external-input="true"]) > input:not(:placeholder-shown) {
         opacity: 0;
       }
 
@@ -10381,6 +10389,7 @@ const GridClass = compose(
         { ...rowSeparator, property: 'border-top-color' },
       ],
       resizeHandleColor: { ...resizeHandle, property: 'background-color' },
+      hostDirection: { ...host$6, property: 'direction', fallback: 'ltr' },
     },
   }),
   draggableMixin,
@@ -10437,6 +10446,7 @@ const grid = {
 
   [vars$e.valueTextColor]: globalRefs$b.colors.surface.contrast,
   [vars$e.selectedBackgroundColor]: globalRefs$b.colors.surface.highlight,
+  [vars$e.hostDirection]: globalRefs$b.direction,
 
   _bordered: {
     [vars$e.borderColor]: refs.borderColor,