@optionfactory/ful 0.93.0 → 0.95.0

package/dist/ful.iife.js

@@ -1376,10 +1376,10 @@ var ful = (function (exports) {
                 enumerable: true,
                 configurable: true,
                 get() {
-                    return this.internals.states.has(`--${attr}`);
+                    return this.internals.states ? this.internals.states.has(`--${attr}`) : this.hasAttribute(attr);
                 },
                 set(value) {
-                    this.internals.states[value ? 'add' : 'delete'](`--${attr}`);
+                    this.internals.states?.[value ? 'add' : 'delete'](`--${attr}`);
                     this.reflect(() => Attributes.toggle(this, attr, value));
                 }
             });
@@ -1472,15 +1472,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;
             });
         }