@descope/web-components-ui 3.18.2 → 3.18.3

package/dist/cjs/index.cjs.js

@@ -24516,6 +24516,14 @@ const buttonSelectionGroupMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(componentName$s);
 
+      // 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$1(this, this.inputElement, {
         includeAttrs: ['size', 'default-value', 'allow-deselect'],
       });
@@ -24704,6 +24712,14 @@ const buttonMultiSelectionGroupMixin = (superclass) =>
 
       this.inputElement = this.shadowRoot.querySelector(componentName$q);
 
+      // 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$1(this, this.inputElement, {
         includeAttrs: ['size', 'default-values', 'min-items-selection', 'max-items-selection'],
       });
@@ -27362,6 +27378,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$1(this, this.renderItems.bind(this), { includeAttrs: ['data'] });