malinajs 0.6.57 → 0.6.58

package/compile.js

@@ -4025,7 +4025,10 @@ function makeDom(data) {
             let n = new Node(e.name, {__node: e});
             e.attributes.forEach(a => {
                 if(a.name == 'class') {
-                    if(a.value != null) n.className += ' ' + a.value;
+                    if(a.value != null) {
+                        if(a.value.includes('{')) n.dynClass = true;
+                        else n.className += ' ' + a.value;
+                    }
                     n.attributes[a.name] = a.value;
                 } else if(a.name == 'id') n.attributes.id = n.id = a.value;
                 else if(a.name.startsWith('class:')) {
@@ -4102,12 +4105,16 @@ Node.prototype.getElementsByClassName = function(names) {
     if(names.length != 1) throw 'Not supported';
     let cls = names[0];
 
+    let rx = RegExp('(^|\\s)' + cls + '(\\s|$)', 'i');
     let result = [];
-    this.childNodes.forEach(n => {
-        let rx = RegExp('(^|\\s)' + cls + '(\\s|$)', 'i');
-        if(rx.test(n.className)) result.push(n);
-        result.push.apply(result, n.getElementsByClassName(cls));
-    });
+    const walk = (node) => {
+        node.childNodes.forEach(n => {
+            if(n.dynClass) result.push(n);
+            else if(rx.test(n.className)) result.push(n);
+            walk(n);
+        });
+    };
+    walk(this);
     return result;
 };
 

package/malina.js

@@ -4026,7 +4026,10 @@
                 let n = new Node(e.name, {__node: e});
                 e.attributes.forEach(a => {
                     if(a.name == 'class') {
-                        if(a.value != null) n.className += ' ' + a.value;
+                        if(a.value != null) {
+                            if(a.value.includes('{')) n.dynClass = true;
+                            else n.className += ' ' + a.value;
+                        }
                         n.attributes[a.name] = a.value;
                     } else if(a.name == 'id') n.attributes.id = n.id = a.value;
                     else if(a.name.startsWith('class:')) {
@@ -4103,12 +4106,16 @@
         if(names.length != 1) throw 'Not supported';
         let cls = names[0];
 
+        let rx = RegExp('(^|\\s)' + cls + '(\\s|$)', 'i');
         let result = [];
-        this.childNodes.forEach(n => {
-            let rx = RegExp('(^|\\s)' + cls + '(\\s|$)', 'i');
-            if(rx.test(n.className)) result.push(n);
-            result.push.apply(result, n.getElementsByClassName(cls));
-        });
+        const walk = (node) => {
+            node.childNodes.forEach(n => {
+                if(n.dynClass) result.push(n);
+                else if(rx.test(n.className)) result.push(n);
+                walk(n);
+            });
+        };
+        walk(this);
         return result;
     };
 
@@ -5917,7 +5924,7 @@
         return {event, fn};
     }
 
-    const version = '0.6.57';
+    const version = '0.6.58';
 
 
     async function compile(source, config = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "malinajs",
-  "version": "0.6.57",
+  "version": "0.6.58",
   "license": "MIT",
   "scripts": {
     "prepare": "npm run build",