feat(pat-validation): Emit pat-update events with actions invalid and valid after validation checks on inputs.

Author: thet

src/pat/validation/validation.js

@@ -113,7 +113,7 @@ class Pattern extends BasePattern {
         }
 
         // In any case, clear the custom validity first.
-        this.set_error({ input: input, msg: "" });
+        this.set_error({ input: input, msg: "", skip_event: true });
         const validity_state = input.validity;
 
         if (event?.submitter?.hasAttribute("formnovalidate")) {
@@ -327,7 +327,7 @@ class Pattern extends BasePattern {
         this.set_error_message(input);
     }
 
-    set_error({ input, msg, attribute = null, min = null, max = null }) {
+    set_error({ input, msg, attribute = null, min = null, max = null, skip_event = false }) {
         // Replace some variables, as like validate.js
         if (attribute) {
             msg = msg.replace(/%{attribute}/g, attribute);
@@ -346,9 +346,12 @@ class Pattern extends BasePattern {
         // (e.g. styled date input).
         input[KEY_ERROR_MSG] = msg;
 
+        if (!skip_event) {
+            this.emit_update("invalid");
+        }
     }
 
-    remove_error(input, all_of_group = false) {
+    remove_error(input, all_of_group = false, skip_event = false) {
         // Remove error message and related referencesfrom input.
 
         let inputs = [input];
@@ -371,6 +374,10 @@ class Pattern extends BasePattern {
                 }
             }
         }
+
+        if (!skip_event) {
+            this.emit_update("valid");
+        }
     }
 
     set_error_message(input) {