@descope/web-components-ui 3.18.2 → 3.18.4

package/dist/index.esm.js

@@ -11372,7 +11372,7 @@ const comboBoxItem = ({ code, dialCode, name: country }) => `
 	>
 		<div>
 			<span>
-				<img src="${getCountryFlag(code)}" width="20"/>
+				<img src="${getCountryFlag(code)}" width="20" loading="lazy" />
 			</span>
 			<span>${country}</span>
 		</div>
@@ -14399,6 +14399,14 @@ const buttonSelectionGroupMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(componentName$$);
 
+      // the inner *-internal dispatches a non-bubbling, non-composed `change`,
+      // which never reaches the flow runtime. Re-emit standard input/change from
+      // the host (bubbling + composed) so flow real-time conditions fire.
+      this.inputElement.addEventListener('change', () => {
+        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+      });
+
       forwardAttrs(this, this.inputElement, {
         includeAttrs: ['size', 'default-value', 'allow-deselect'],
       });
@@ -14674,6 +14682,14 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(componentName$Y);
 
+      // the inner *-internal dispatches a non-bubbling, non-composed `change`,
+      // which never reaches the flow runtime. Re-emit standard input/change from
+      // the host (bubbling + composed) so flow real-time conditions fire.
+      this.inputElement.addEventListener('change', () => {
+        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+      });
+
       forwardAttrs(this, this.inputElement, {
         includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
       });
@@ -17844,6 +17860,15 @@ const RadioGroupMixin = (superclass) =>
 
       this.inputElement = this.baseElement;
 
+      // vaadin-radio-group emits `value-changed` on selection but no native
+      // input/change events. Re-emit standard input/change from the host
+      // (bubbling + composed) so flow real-time conditions fire, matching how
+      // proxyInputMixin bridges input/change for other fields.
+      this.baseElement.addEventListener('value-changed', () => {
+        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+      });
+
       this.renderItems();
 
       observeAttributes(this, this.renderItems.bind(this), { includeAttrs: ['data'] });