marko 5.31.7 → 5.31.9

package/dist/runtime/vdom/morphdom/specialElHandlers.js

@@ -13,13 +13,13 @@ function forEachOption(el, fn, i) {
   var curChild = el.ay_;
 
   while (curChild) {
-    if (curChild.bZ_ === "option") {
+    if (curChild.bY_ === "option") {
       fn(curChild, ++i);
     } else {
       i = forEachOption(curChild, fn, i);
     }
 
-    curChild = curChild.cj_;
+    curChild = curChild.ci_;
   }
 
   return i;
@@ -52,13 +52,13 @@ SpecialElHandlers.prototype = {
       fromEl.value = toEl.e_;
     }
 
-    if (fromEl.hasAttribute("value") && !toEl.cc_("value")) {
+    if (fromEl.hasAttribute("value") && !toEl.cb_("value")) {
       fromEl.removeAttribute("value");
     }
   },
 
   textarea: function (fromEl, toEl) {
-    if (toEl.cm_) {
+    if (toEl.cl_) {
       return;
     }
 
@@ -84,12 +84,12 @@ SpecialElHandlers.prototype = {
     }
   },
   select: function (fromEl, toEl) {
-    if (!toEl.cc_("multiple")) {
+    if (!toEl.cb_("multiple")) {
       var selected = 0;
       forEachOption(
         toEl,
         function (option, i) {
-          if (option.cc_("selected")) {
+          if (option.cb_("selected")) {
             selected = i;
           }
         },

package/dist/runtime/vdom/preserve-attrs.js

@@ -12,4 +12,4 @@ function removePreservedAttributes(attrs, props) {
   return attrs;
 }
 
-require("./VElement").cd_ = removePreservedAttributes;
+require("./VElement").cc_ = removePreservedAttributes;

package/dist/runtime/vdom/vdom.js

@@ -11,7 +11,7 @@ var specialHtmlRegexp = /[&<]/;
 function virtualizeChildNodes(node, vdomParent, ownerComponent) {
   var curChild = node.firstChild;
   while (curChild) {
-    vdomParent.bJ_(virtualize(curChild, ownerComponent));
+    vdomParent.bI_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 }
@@ -19,7 +19,7 @@ function virtualizeChildNodes(node, vdomParent, ownerComponent) {
 function virtualize(node, ownerComponent) {
   switch (node.nodeType) {
     case 1:
-      return VElement.ce_(node, virtualizeChildNodes, ownerComponent);
+      return VElement.cd_(node, virtualizeChildNodes, ownerComponent);
     case 3:
       return new VText(node.nodeValue, ownerComponent);
     case 11:
@@ -38,7 +38,7 @@ function virtualizeHTML(html, ownerComponent) {
   var curChild = parseHTML(html);
 
   while (curChild) {
-    vdomFragment.bJ_(virtualize(curChild, ownerComponent));
+    vdomFragment.bI_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 
@@ -65,18 +65,18 @@ Node_prototype.t = function (value) {
     }
   }
 
-  this.bJ_(vdomNode || new VText(value.toString()));
-  return this.cb_();
+  this.bI_(vdomNode || new VText(value.toString()));
+  return this.ca_();
 };
 
-Node_prototype.bO_ = function () {
-  return this.bJ_(new VDocumentFragment());
+Node_prototype.bN_ = function () {
+  return this.bI_(new VDocumentFragment());
 };
 
-exports.bt_ = VDocumentFragment;
-exports.bs_ = VElement;
-exports.bu_ = VText;
-exports.bv_ = VComponent;
-exports.bw_ = VFragment;
-exports.ce_ = virtualize;
-exports.bx_ = virtualizeHTML;
+exports.bs_ = VDocumentFragment;
+exports.br_ = VElement;
+exports.bt_ = VText;
+exports.bu_ = VComponent;
+exports.bv_ = VFragment;
+exports.cd_ = virtualize;
+exports.bw_ = virtualizeHTML;

package/docs/concise.md

@@ -38,6 +38,28 @@ _output.html_
 
 > **ProTip:** These shorthand attributes are available within the HTML syntax as well
 
+## Attributes on multiple lines
+
+If a component has lots of attributes, you can spread them across multiple lines by surrounding them with square brackets
+
+_input.marko_
+
+```marko
+div [
+    id="hello"
+    class=["class1", "class2", "class3"]
+    style={ border: "1px solid red" }
+] -- hello
+```
+
+_output.html_
+
+```html
+<div id="hello" class="class1 class2 class3" style="border:1px solid red">
+  hello
+</div>
+```
+
 ## Text
 
 Text in concise mode is denoted by two or more dashes (`--`).

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "marko",
-    "version": "5.31.7",
+    "version": "5.31.9",
     "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
     "keywords": [
         "front-end",

package/src/runtime/components/update-manager.js

@@ -53,9 +53,7 @@ function batchUpdate(func) {
   // is the outer batched update. After the outer
   // batched update completes we invoke the "afterUpdate"
   // event listeners.
-  var batch = {
-    ___queue: null,
-  };
+  var batch = [];
 
   batchStack.push(batch);
 
@@ -65,9 +63,7 @@ function batchUpdate(func) {
     try {
       // Update all of the components that where queued up
       // in this batch (if any)
-      if (batch.___queue) {
-        updateComponents(batch.___queue);
-      }
+      updateComponents(batch);
     } finally {
       // Now that we have completed the update of all the components
       // in this batch we need to remove it off the top of the stack
@@ -84,20 +80,11 @@ function queueComponentUpdate(component) {
     // If the stack has a non-zero length then we know that a batch has
     // been started so we can just queue the component on the top batch. When
     // the batch is ended this component will be updated.
-    var batch = batchStack[batchStackLen - 1];
-
-    // We default the batch queue to null to avoid creating an Array instance
-    // unnecessarily. If it is null then we create a new Array, otherwise
-    // we push it onto the existing Array queue
-    if (batch.___queue) {
-      batch.___queue.push(component);
-    } else {
-      batch.___queue = [component];
-    }
+    batchStack[batchStackLen - 1].push(component);
   } else {
     // We are not within a batched update. We need to schedule a batch update
     // for the nextTick (if that hasn't been done already) and we will
-    // add the component to the unbatched queued
+    // add the component to the unbatched queue
     scheduleUpdates();
     unbatchedQueue.push(component);
   }