@optionfactory/ful 0.60.0 → 0.62.0

package/dist/ful.iife.js

@@ -710,6 +710,19 @@ var ful = (function (exports) {
         }
     }
 
+    class Events$1 {
+        static dispatchChange(el, value){
+            return el.dispatchEvent(new CustomEvent("change", {
+                bubbles: true,
+                cancelable: true,
+                detail: {
+                    target: el,
+                    value: value
+                }
+            }));
+        }
+    }
+
     class TemplatesRegistry {
         #idToFragment = {};
         #idToTemplate = {};
@@ -1107,7 +1120,12 @@ var ful = (function (exports) {
             return el;
         })();
         input.setAttribute('ful-validation-target', '');
-
+        input.addEventListener('change', (evt) => {
+            evt.stopPropagation();
+            if(!Events$1.dispatchChange(el, undefined.value)){
+                evt.preventDefault();
+            }
+        });
         const id = input.getAttribute('id') || el.getAttribute('input-id') || Attributes.uid('ful-input');
         Attributes.forward('input-', el, slots.input);
         Attributes.defaultValue(slots.input, "id", id);
@@ -1130,15 +1148,7 @@ var ful = (function (exports) {
             return this.input.value;
         }
         set value(value) {
-            const success = this.dispatchEvent(new CustomEvent("change", {
-                bubbles: true,
-                cancelable: true,
-                detail: {
-                    target: this,
-                    value: value
-                }
-            }));
-            if(!success){
+            if(!Events$1.dispatchChange(el, value)){
                 return;
             }
             this.input.value = value;
@@ -1227,6 +1237,9 @@ var ful = (function (exports) {
                 shouldLoad: (query) => this.shouldLoad ? this.shouldLoad(query) : true
             } : {}, tsDefaultConfig, this.tsConfig));
             //we remove the input to move it
+            input.addEventListener('change', (evt) => {
+                evt.stopPropagation();
+            });
             input.remove();
             template.renderTo(this, { id, tsId, name, input, slots });
         }
@@ -1238,16 +1251,12 @@ var ful = (function (exports) {
                 this.value = this.getAttribute("value");
             }
         }
+        get value() {
+            const v = this.ts.getValue();
+            return v === '' ? null : v;
+        }
         set value(value) {
-            const success = this.dispatchEvent(new CustomEvent("change", {
-                bubbles: true,
-                cancelable: true,
-                detail: {
-                    target: this,
-                    value: value
-                }
-            }));
-            if(!success){
+            if(!Events.dispatchChange(this, value)){
                 return;
             }
             (async () => {
@@ -1257,10 +1266,6 @@ var ful = (function (exports) {
                 this.ts.setValue(value);
             })();
         }
-        get value() {
-            const v = this.ts.getValue();
-            return v === '' ? null : v;
-        }
     }
 
     class RadioGroup extends ParsedElement({
@@ -1300,9 +1305,19 @@ var ful = (function (exports) {
                 input.setAttribute('name', `${name}-ignore`);
                 input.setAttribute('ful-validation-target', '');
                 input.dataset['fulBindInclude'] = 'never';
+                input.addEventListener('change', (evt) => {
+                    evt.stopPropagation();
+                    console.log("stopped"); 
+                });           
+                input.addEventListener('click', (evt) => {
+                    if(!Events.dispatchChange(this, this.value)){
+                        evt.preventDefault();
+                    }
+                });
                 const label = Fragments.fromChildNodes(el);
                 return [input, label];
             });
+
             radioEls.forEach(el => el.remove());
             template.renderTo(this, {name, slots, inputsAndLabels});
         }
@@ -1311,15 +1326,7 @@ var ful = (function (exports) {
             return checked ? checked.value : null;
         }
         set value(value) {
-            const success = this.dispatchEvent(new CustomEvent("change", {
-                bubbles: true,
-                cancelable: true,
-                detail: {
-                    target: this,
-                    value: value
-                }
-            }));
-            if(!success){
+            if(!Events.dispatchChange(this, value)){
                 return;
             }
             this.querySelector(`input[type=radio][value=${CSS.escape(value)}]`).checked = true;