@optionfactory/ful 0.94.0 → 0.96.0

package/dist/ful.iife.js

@@ -1465,6 +1465,7 @@ var ful = (function (exports) {
         submitter;
         render() {
             const form = document.createElement('form');
+            Attributes.forward('form-', this, form);
             form.replaceChildren(...this.childNodes);
             form.addEventListener('submit', async (e) => {
                 e.preventDefault();
@@ -1472,15 +1473,23 @@ var ful = (function (exports) {
                     await this.submitter?.(this.values, this);
                 });
             });
+            if(this.hasAttribute("clear-invalid-on-change")){
+                this.addEventListener('change', evt => {
+                    const target = /** @type HTMLElement */ (evt.target);
+                    target?.querySelectorAll(`.${CSS.escape(Form.INVALID_CLASS)}`).forEach(el => {
+                        el.classList.remove(Form.INVALID_CLASS);
+                    });        
+                });
+            }
             this.replaceChildren(form);
         }
         spinner(spin) {
             this.querySelectorAll('ful-spinner').forEach(el => {
-                const hel = /** @type HTMLElement} */ (el);
+                const hel = /** @type HTMLElement */ (el);
                 hel.hidden = !spin;
             });
             this.querySelectorAll('[type=submit],[type=reset]').forEach(el => {
-                const hel = /** @type HTMLButtonElement} */ (el);
+                const hel = /** @type HTMLButtonElement */ (el);
                 hel.disabled = spin;
             });
         }