fix: support adding classes via state attributes

Author: frankpagan

src/index.js

@@ -81,17 +81,20 @@ function _setAttributeValues(el, attrValues) {
 async function _setAttributeValue(element, attribute, value, isOverwrite) {
     // TODO: if (value !== undefined)???
     if (!element.getAttribute(attribute) || isOverwrite) {
-        if (attribute == "value") {
-            if (element.value == "" || (element.value && isOverwrite))
-                element.value = value;
-            else if (
-                isOverwrite ||
-                (element.hasAttribute("value") && !(await element.getValue()))
-            )
-                element.setValue(value);
-        } else if (element.hasAttribute(attribute) && (value || value === "")) {
-            element.setAttribute(attribute, value);
-        } else if (attribute.startsWith("$")) {
+        if (attribute == "value") {
+            if (element.value == "" || (element.value && isOverwrite))
+                element.value = value;
+            else if (
+                isOverwrite ||
+                (element.hasAttribute("value") && !(await element.getValue()))
+            )
+                element.setValue(value);
+        } else if (attribute === "class" && value) {
+            const classes = String(value).split(/\s+/).filter(Boolean);
+            if (classes.length) element.classList.add(...classes);
+        } else if (element.hasAttribute(attribute) && (value || value === "")) {
+            element.setAttribute(attribute, value);
+        } else if (attribute.startsWith("$")) {
             // Handle using operators.js
             const prop = attribute.substring(1);
             if (element[prop]) {
@@ -272,4 +275,4 @@ Action.init({
 
 init();
 
-export default { initElements, initElement, stateAttributes };
+export default { initElements, initElement, stateAttributes };