Add change events (#32379)

Author: dgrammatiko

build/media_source/system/js/fields/joomla-field-media.w-c.es6.js

@@ -152,6 +152,11 @@
     setValue(value) {
       this.inputElement.value = value;
       this.updatePreview();
+
+      this.dispatchEvent(new CustomEvent('change', {
+        detail: { value },
+        bubbles: true,
+      }));
     }
 
     clearValue() {

build/media_source/system/js/fields/joomla-field-simple-color.w-c.es6.js

@@ -365,6 +365,11 @@
       this.icon.setAttribute('class', clss);
       this.icon.style.backgroundColor = bgcolor;
 
+      this.dispatchEvent(new CustomEvent('change', {
+        detail: { value: color },
+        bubbles: true,
+      }));
+
       // Hide the panel
       this.hide();
 

build/media_source/system/js/fields/joomla-field-user.w-c.es6.js

@@ -140,7 +140,10 @@
       this.input.setAttribute('value', value);
       this.inputName.setAttribute('value', name || value);
       // trigger change event
-      this.input.dispatchEvent(new Event('change'));
+      this.dispatchEvent(new CustomEvent('change', {
+        detail: { value, name },
+        bubbles: true,
+      }));
     }
   }