Issue #3292512: Bootstrap 5 : Forms > Checks & radios, added Utility classes...

Issue #3292512: Bootstrap 5 : Forms > Checks & radios, added Utility classes and methods from Bootstrap 3 module

Closes #3292739

assets/js/validate/validate.es6.js

+/**
+ * @file
+ * Use jquery-validate methods for form validation.
+ */
+
+(($, Drupal) => {
+  Drupal.behaviors.ui_suite_bootstrap_validate = {
+    attach() {
+      // check if validator exists, if not, do nothing.
+      if ($.validator === undefined) {
+        return;
+      }
+      // Set default css classes for element (input, normally)
+      // and the label created after to display the error.
+      $("form").validate({
+        errorClass: "error invalid-feedback",
+        validClass: "is-valid",
+        // Modify validator methods to add different css classes
+        // to the element. Default behavior is to add the same
+        // error and valid class to both the element and the error message.
+        highlight(element, validClass) {
+          if (element.type === "radio") {
+            this.findByName(element.name)
+              .addClass("is-invalid error")
+              .removeClass(validClass);
+          } else {
+            $(element).addClass("is-invalid").removeClass(validClass);
+          }
+        },
+        unhighlight(element, errorClass, validClass) {
+          if (element.type === "radio") {
+            this.findByName(element.name)
+              .removeClass(["is-invalid", errorClass])
+              .addClass(validClass);
+          } else {
+            $(element)
+              .removeClass(["is-invalid", errorClass])
+              .addClass(validClass);
+          }
+        },
+      });
+    },
+  };
+})(jQuery, Drupal);