@descope/web-components-ui 1.0.404 → 1.0.406

package/dist/cjs/index.cjs.js

@@ -2663,10 +2663,14 @@ const inputEventsDispatchingMixin = (superclass) =>
       // we are comparing the previous value to the new one,
       // and if they have the same value, we are blocking the input event
       this.addEventListener('input', (e) => {
-        e.stopImmediatePropagation();
-        if (previousRootComponentValue !== this.value) {
-          previousRootComponentValue = this.value;
-          createDispatchEvent.call(this, 'input', { bubbles: true });
+        // We don't want to block our own event that we fire from handleInputEventDispatching
+        if (this !== e.target) {
+          e.stopImmediatePropagation();
+
+          if (previousRootComponentValue !== this.value) {
+            previousRootComponentValue = this.value;
+            createDispatchEvent.call(this, 'input', { bubbles: true, composed: true });
+          }
         }
       });
     }
@@ -16853,8 +16857,6 @@ const componentName$2 = getComponentName('hybrid-field');
 
 const attrs = {
   shared: [
-    'label',
-    'placeholder',
     'bordered',
     'full-width',
     'label-type',
@@ -16865,12 +16867,15 @@ const attrs = {
     'st-host-direction',
   ],
   email: [
+    'label',
+    'placeholder',
     'data-errormessage-value-missing-email',
     'data-errormessage-pattern-mismatch-email',
     'external-input',
   ],
   phone: {
     countryCode: [
+      'phone-input-label',
       'country-input-label',
       'country-input-placeholder',
       'restrict-countries',
@@ -16879,6 +16884,7 @@ const attrs = {
       'data-errormessage-value-missing-phone',
     ],
     inputBox: [
+      'label',
       'restrict-countries',
       'default-code',
       'phone-minlength',
@@ -16893,7 +16899,7 @@ const attrMap = {
     'data-errormessage-pattern-mismatch-email': 'data-errormessage-pattern-mismatch',
   },
   phone: {
-    placeholder: 'phone-input-placeholder',
+    'phone-input-label': 'label',
     'phone-minlength': 'minlength',
     'data-errormessage-value-missing-phone': 'data-errormessage-value-missing',
   },
@@ -16926,7 +16932,7 @@ class RawHybridField extends BaseClass$1 {
       }
       .wrapper {
         display: grid;
-        place-content: center;
+        width: 100%;
       }
       descope-email-field,
       descope-phone-field,
@@ -17053,8 +17059,6 @@ class RawHybridField extends BaseClass$1 {
   }
 
   updateAttrs() {
-    this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));
-
     forwardAttrs(this, this.emailInput, { includeAttrs: attrs.email, mapAttrs: attrMap.email });
 
     forwardAttrs(this, this.phoneCountryCodeInput, {
@@ -17067,6 +17071,8 @@ class RawHybridField extends BaseClass$1 {
       mapAttrs: attrMap.phone,
     });
 
+    this.inputs.forEach((input) => forwardAttrs(this, input, { includeAttrs: attrs.shared }));
+
     setTimeout(() => this.phoneCountryCodeInput.setAttribute('default-code', this.defaultCode));
   }