malinajs 0.7.2-a10 → 0.7.2-a11

package/malina.js

@@ -1293,7 +1293,12 @@
       }
     });
     result = '`' + result.map(p => p.type == 'text' ? Q(p.value) : '${' + p.value + '}').join('') + '`';
-    return { result, parts, staticText };
+    return {
+      result,
+      parts,
+      staticText,
+      binding: parts.length == 1 && parts[0].type == 'exp' ? parts[0].value : null
+    };
   }
 
 
@@ -1379,7 +1384,7 @@
             const value = raw.substring(1, raw.length - 1);
             result.push({name, value, raw, content: r.sub(start)});
           } else {
-            const value = r.readIf(/^\S+/);
+            const value = r.readIf(/^[^\s<>]+/);
             result.push({name, value, raw: value, content: r.sub(start)});
           }
         } else {
@@ -5727,13 +5732,13 @@
 
         if(node.spreading) return node.spreading.push(`${name}: ${exp}`);
 
-        if(node.name == 'option' && name == 'value') {
+        if(node.name == 'option' && name == 'value' && parsed.binding) {
           return {
             bind: xNode('bindOptionValue', {
               el: element.bindName(),
-              exp
+              value: parsed.binding
             }, (ctx, n) => {
-              ctx.write(true, `$runtime.selectOption(${n.el}, () => (${n.exp}));`);
+              ctx.write(true, `$runtime.selectOption(${n.el}, () => (${n.value}));`);
             })
           }
         }
@@ -5754,7 +5759,7 @@
         let n = xNode('bindAttribute', {
           $wait: ['apply'],
           name,
-          exp,
+          exp: propList[name] && parsed.binding ? parsed.binding : exp,
           hasElement,
           el: element.bindName()
         }, (ctx, data) => {
@@ -6828,7 +6833,7 @@
     });
   }
 
-  const version = '0.7.2-a10';
+  const version = '0.7.2-a11';
 
 
   async function compile(source, config = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "malinajs",
-  "version": "0.7.2-a10",
+  "version": "0.7.2-a11",
   "license": "MIT",
   "scripts": {
     "prepare": "npm run build",

package/runtime.js

@@ -1287,19 +1287,31 @@ const keepAlive = (store, keyFn, builder) => {
 
 const selectElement = (el, getter, setter) => {
   addEvent(el, 'change', () => {
-    let op = el.querySelector(':checked');
-    if(op?.$$value) {
-      let value = op.$$value();
-      setter(value);
-      w.value = value;
-    }
+    let value = [];
+    el.querySelectorAll(':checked').forEach(o => {
+      value.push(o.$$value ? o.$$value() : o.value);
+    });
+    value = el.multiple ? value : value[0];
+    setter(value);
+    w.value = value;
   });
   const update = () => {
-    for(let op of el.options) {
-      if(op.$$value?.() === w.value) {
-        op.selected = true;
+    let value = w.value;
+    if(el.multiple) {
+      if(isArray(value)) {
+        for(let o of el.options) {
+          const option_value = o.$$value ? o.$$value() : o.value;
+          o.selected = value.indexOf(option_value) != -1;
+        }
         return;
       }
+    } else {
+      for(let o of el.options) {
+        if((o.$$value ? o.$$value() : o.value) === value) {
+          o.selected = true;
+          return;
+        }
+      }
     }
     el.selectedIndex = -1;
   };