marko 5.35.14 → 5.35.16

package/dist/node_modules/@internal/components-entry/index.js

@@ -139,7 +139,8 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
 
     if (typeof renderBody === "function" && renderBody.toJSON === w10ToJSON) {
       flags |= FLAG_HAS_RENDER_BODY;
-      renderBody = input.renderBody = undefined;
+      renderBody = undefined;
+      if (input) input.renderBody = undefined;
     }
 
     var extra = {

package/dist/runtime/vdom/AsyncVDOMBuilder.js

@@ -4,19 +4,20 @@ var attrsHelper = require("./helpers/attrs");
 var morphdom = require("./morphdom");
 var vdom = require("./vdom");
 var VElement = vdom.bz_;
-var VDocumentFragment = vdom.bA_;
-var VText = vdom.bB_;
-var VComponent = vdom.bC_;
-var VFragment = vdom.bD_;
-var virtualizeHTML = vdom.bE_;
+var VComment = vdom.bA_;
+var VDocumentFragment = vdom.bB_;
+var VText = vdom.bC_;
+var VComponent = vdom.bD_;
+var VFragment = vdom.bE_;
+var virtualizeHTML = vdom.bF_;
 
 var EVENT_UPDATE = "update";
 var EVENT_FINISH = "finish";
 
 function State(tree) {
-  this.bF_ = new EventEmitter();
-  this.bG_ = tree;
-  this.bH_ = false;
+  this.bG_ = new EventEmitter();
+  this.bH_ = tree;
+  this.bI_ = false;
 }
 
 function AsyncVDOMBuilder(globalData, parentNode, parentOut) {
@@ -32,18 +33,18 @@ function AsyncVDOMBuilder(globalData, parentNode, parentOut) {
     state = new State(parentNode);
   }
 
-  this.bI_ = 1;
-  this.bJ_ = 0;
-  this.bK_ = null;
-  this.bL_ = parentOut;
+  this.bJ_ = 1;
+  this.bK_ = 0;
+  this.bL_ = null;
+  this.bM_ = parentOut;
 
   this.data = {};
   this.z_ = state;
   this.ab_ = parentNode;
   this.global = globalData || {};
-  this.bM_ = [parentNode];
-  this.bN_ = false;
-  this.bO_ = undefined;
+  this.bN_ = [parentNode];
+  this.bO_ = false;
+  this.bP_ = undefined;
   this.b_ = null;
 
   this.a__ = null;
@@ -57,18 +58,18 @@ var proto = AsyncVDOMBuilder.prototype = {
 
   bc: function (component, key, ownerComponent) {
     var vComponent = new VComponent(component, key, ownerComponent);
-    return this.bP_(vComponent, 0, true);
+    return this.bQ_(vComponent, 0, true);
   },
 
   bd_: function (component, key, ownerComponent) {
     var vComponent = new VComponent(component, key, ownerComponent, true);
-    this.bP_(vComponent, 0);
+    this.bQ_(vComponent, 0);
   },
 
-  bP_: function (child, childCount, pushToStack) {
-    this.ab_.bQ_(child);
+  bQ_: function (child, childCount, pushToStack) {
+    this.ab_.bR_(child);
     if (pushToStack === true) {
-      this.bM_.push(child);
+      this.bN_.push(child);
       this.ab_ = child;
     }
     return childCount === 0 ? this : child;
@@ -84,7 +85,7 @@ var proto = AsyncVDOMBuilder.prototype = {
       flags,
       props
     );
-    return this.bP_(element, childCount);
+    return this.bQ_(element, childCount);
   },
 
   bm_: function (tagName, attrs, key, componentDef, props) {
@@ -102,7 +103,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   n: function (node, component) {
     // NOTE: We do a shallow clone since we assume the node is being reused
     //       and a node can only have one parent node.
-    var clone = node.bR_();
+    var clone = node.bS_();
     this.node(clone);
     clone._M_ = component;
 
@@ -110,7 +111,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   node: function (node) {
-    this.ab_.bQ_(node);
+    this.ab_.bR_(node);
     return this;
   },
 
@@ -129,10 +130,14 @@ var proto = AsyncVDOMBuilder.prototype = {
       text = text.toString();
     }
 
-    this.ab_.bQ_(new VText(text, ownerComponent));
+    this.ab_.bR_(new VText(text, ownerComponent));
     return this;
   },
 
+  comment: function (comment, ownerComponent) {
+    return this.node(new VComment(comment, ownerComponent));
+  },
+
   html: function (html, ownerComponent) {
     if (html != null) {
       var vdomNode = virtualizeHTML(html, ownerComponent);
@@ -160,7 +165,7 @@ var proto = AsyncVDOMBuilder.prototype = {
       flags,
       props
     );
-    this.bP_(element, childCount, true);
+    this.bQ_(element, childCount, true);
     return this;
   },
 
@@ -178,7 +183,7 @@ var proto = AsyncVDOMBuilder.prototype = {
 
   bf: function (key, component, preserve) {
     var fragment = new VFragment(key, component, preserve);
-    this.bP_(fragment, null, true);
+    this.bQ_(fragment, null, true);
     return this;
   },
 
@@ -187,7 +192,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   endElement: function () {
-    var stack = this.bM_;
+    var stack = this.bN_;
     stack.pop();
     this.ab_ = stack[stack.length - 1];
   },
@@ -195,44 +200,44 @@ var proto = AsyncVDOMBuilder.prototype = {
   end: function () {
     this.ab_ = undefined;
 
-    var remaining = --this.bI_;
-    var parentOut = this.bL_;
+    var remaining = --this.bJ_;
+    var parentOut = this.bM_;
 
     if (remaining === 0) {
       if (parentOut) {
-        parentOut.bS_();
+        parentOut.bT_();
       } else {
-        this.bT_();
+        this.bU_();
       }
-    } else if (remaining - this.bJ_ === 0) {
-      this.bU_();
+    } else if (remaining - this.bK_ === 0) {
+      this.bV_();
     }
 
     return this;
   },
 
-  bS_: function () {
-    var remaining = --this.bI_;
+  bT_: function () {
+    var remaining = --this.bJ_;
 
     if (remaining === 0) {
-      var parentOut = this.bL_;
+      var parentOut = this.bM_;
       if (parentOut) {
-        parentOut.bS_();
+        parentOut.bT_();
       } else {
-        this.bT_();
+        this.bU_();
       }
-    } else if (remaining - this.bJ_ === 0) {
-      this.bU_();
+    } else if (remaining - this.bK_ === 0) {
+      this.bV_();
     }
   },
 
-  bT_: function () {
+  bU_: function () {
     var state = this.z_;
-    state.bH_ = true;
-    state.bF_.emit(EVENT_FINISH, this.bv_());
+    state.bI_ = true;
+    state.bG_.emit(EVENT_FINISH, this.bv_());
   },
 
-  bU_: function () {
+  bV_: function () {
     var lastArray = this._last;
 
     var i = 0;
@@ -267,7 +272,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   beginAsync: function (options) {
-    if (this.bN_) {
+    if (this.bO_) {
       throw Error(
         "Tried to render async while in sync mode. Note: Client side await is not currently supported in re-renders (Issue: #942)."
       );
@@ -277,16 +282,16 @@ var proto = AsyncVDOMBuilder.prototype = {
 
     if (options) {
       if (options.last) {
-        this.bJ_++;
+        this.bK_++;
       }
     }
 
-    this.bI_++;
+    this.bJ_++;
 
-    var documentFragment = this.ab_.bV_();
+    var documentFragment = this.ab_.bW_();
     var asyncOut = new AsyncVDOMBuilder(this.global, documentFragment, this);
 
-    state.bF_.emit("beginAsync", {
+    state.bG_.emit("beginAsync", {
       out: asyncOut,
       parentOut: this
     });
@@ -299,7 +304,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   flush: function () {
-    var events = this.z_.bF_;
+    var events = this.z_.bG_;
 
     if (events.listenerCount(EVENT_UPDATE)) {
       events.emit(EVENT_UPDATE, new RenderResult(this));
@@ -307,22 +312,22 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   ah_: function () {
-    return this.z_.bG_;
+    return this.z_.bH_;
   },
 
   bv_: function () {
-    return this.bW_ || (this.bW_ = new RenderResult(this));
+    return this.bX_ || (this.bX_ = new RenderResult(this));
   },
 
   on: function (event, callback) {
     var state = this.z_;
 
-    if (event === EVENT_FINISH && state.bH_) {
+    if (event === EVENT_FINISH && state.bI_) {
       callback(this.bv_());
     } else if (event === "last") {
       this.onLast(callback);
     } else {
-      state.bF_.on(event, callback);
+      state.bG_.on(event, callback);
     }
 
     return this;
@@ -331,19 +336,19 @@ var proto = AsyncVDOMBuilder.prototype = {
   once: function (event, callback) {
     var state = this.z_;
 
-    if (event === EVENT_FINISH && state.bH_) {
+    if (event === EVENT_FINISH && state.bI_) {
       callback(this.bv_());
     } else if (event === "last") {
       this.onLast(callback);
     } else {
-      state.bF_.once(event, callback);
+      state.bG_.once(event, callback);
     }
 
     return this;
   },
 
   emit: function (type, arg) {
-    var events = this.z_.bF_;
+    var events = this.z_.bG_;
     switch (arguments.length) {
       case 1:
         events.emit(type);
@@ -359,17 +364,17 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   removeListener: function () {
-    var events = this.z_.bF_;
+    var events = this.z_.bG_;
     events.removeListener.apply(events, arguments);
     return this;
   },
 
   sync: function () {
-    this.bN_ = true;
+    this.bO_ = true;
   },
 
   isSync: function () {
-    return this.bN_;
+    return this.bO_;
   },
 
   onLast: function (callback) {
@@ -385,12 +390,12 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   ag_: function (host) {
-    var node = this.bO_;
+    var node = this.bP_;
     if (!node) {
       var vdomTree = this.ah_();
 
       if (!host) host = this.B_;
-      this.bO_ = node = vdomTree.bo_(host, null);
+      this.bP_ = node = vdomTree.bo_(host, null);
       morphdom(node, vdomTree, host, this.b_);
     }
     return node;

package/dist/runtime/vdom/VComment.js

@@ -0,0 +1,24 @@
+"use strict";var VNode = require("./VNode");
+var inherit = require("raptor-util/inherit");
+
+function VComment(value, ownerComponent) {
+  this.bY_(-1 /* no children */, ownerComponent);
+  this.bZ_ = value;
+}
+
+VComment.prototype = {
+  c__: 8,
+
+  bo_: function (doc) {
+    var nodeValue = this.bZ_;
+    return doc.createComment(nodeValue);
+  },
+
+  bS_: function () {
+    return new VComment(this.bZ_);
+  }
+};
+
+inherit(VComment, VNode);
+
+module.exports = VComment;

package/dist/runtime/vdom/VComponent.js

@@ -2,14 +2,14 @@
 var VNode = require("./VNode");
 
 function VComponent(component, key, ownerComponent, preserve) {
-  this.bX_(null /* childCount */, ownerComponent);
-  this.bY_ = key;
+  this.bY_(null /* childCount */, ownerComponent);
+  this.ca_ = key;
   this.s_ = component;
   this.ad_ = preserve;
 }
 
 VComponent.prototype = {
-  bZ_: 2
+  c__: 2
 };
 
 inherit(VComponent, VNode);

package/dist/runtime/vdom/VDocumentFragment.js

@@ -4,21 +4,21 @@ var VNode = require("./VNode");
 
 function VDocumentFragmentClone(other) {
   extend(this, other);
-  this.c__ = null;
-  this.ca_ = null;
+  this.cb_ = null;
+  this.cc_ = null;
 }
 
 function VDocumentFragment(out) {
-  this.bX_(null /* childCount */);
+  this.bY_(null /* childCount */);
   this.r_ = out;
 }
 
 VDocumentFragment.prototype = {
-  bZ_: 11,
+  c__: 11,
 
-  cb_: true,
+  cd_: true,
 
-  bR_: function () {
+  bS_: function () {
     return new VDocumentFragmentClone(this);
   },
 

package/dist/runtime/vdom/VElement.js

@@ -80,17 +80,17 @@ function assign(a, b) {
 }
 
 function VElementClone(other) {
-  this.cc_ = other.cc_;
-  this.c__ = null;
-  this.ca_ = null;
-
-  this.bY_ = other.bY_;
-  this.cd_ = other.cd_;
-  this._O_ = other._O_;
   this.ce_ = other.ce_;
-  this.u_ = other.u_;
+  this.cb_ = null;
+  this.cc_ = null;
+
+  this.ca_ = other.ca_;
   this.cf_ = other.cf_;
+  this._O_ = other._O_;
   this.cg_ = other.cg_;
+  this.u_ = other.u_;
+  this.ch_ = other.ch_;
+  this.ci_ = other.ci_;
 }
 
 function VElement(
@@ -102,7 +102,7 @@ childCount,
 flags,
 props)
 {
-  this.bX_(childCount, ownerComponent);
+  this.bY_(childCount, ownerComponent);
 
   var constId;
 
@@ -110,21 +110,21 @@ props)
     constId = props.i;
   }
 
-  this.bY_ = key;
+  this.ca_ = key;
   this.u_ = flags || 0;
-  this.cd_ = attrs || EMPTY_OBJECT;
+  this.cf_ = attrs || EMPTY_OBJECT;
   this._O_ = props || EMPTY_OBJECT;
-  this.ce_ = tagName;
-  this.cf_ = "";
-  this.cg_ = constId;
+  this.cg_ = tagName;
+  this.ch_ = "";
+  this.ci_ = constId;
   this.ad_ = false;
   this.ac_ = false;
 }
 
 VElement.prototype = {
-  bZ_: 1,
+  c__: 1,
 
-  bR_: function () {
+  bS_: function () {
     return new VElementClone(this);
   },
 
@@ -136,7 +136,7 @@ VElement.prototype = {
    * @param  {int|null} childCount The number of child nodes (or `null` if not known)
    */
   e: function (tagName, attrs, key, ownerComponent, childCount, flags, props) {
-    var child = this.bQ_(
+    var child = this.bR_(
       new VElement(
         tagName,
         attrs,
@@ -149,7 +149,7 @@ VElement.prototype = {
     );
 
     if (childCount === 0) {
-      return this.ch_();
+      return this.cj_();
     } else {
       return child;
     }
@@ -162,15 +162,15 @@ VElement.prototype = {
    * @param  {String} value The value for the new Comment node
    */
   n: function (node, ownerComponent) {
-    node = node.bR_();
+    node = node.bS_();
     node._M_ = ownerComponent;
-    this.bQ_(node);
-    return this.ch_();
+    this.bR_(node);
+    return this.cj_();
   },
 
   bo_: function (host, parentNamespaceURI) {
-    var tagName = this.ce_;
-    var attributes = this.cd_;
+    var tagName = this.cg_;
+    var attributes = this.cf_;
     var namespaceURI = DEFAULT_NS[tagName] || parentNamespaceURI || NS_HTML;
 
     var flags = this.u_;
@@ -195,7 +195,7 @@ VElement.prototype = {
       }
 
       if (tagName === "textarea") {
-        el.defaultValue = this.cf_;
+        el.defaultValue = this.ch_;
       }
     }
 
@@ -249,8 +249,8 @@ function virtualizeElement(node, virtualizeChildNodes, ownerComponent) {
     props
   );
 
-  if (vdomEl.ce_ === "textarea") {
-    vdomEl.cf_ = node.value;
+  if (vdomEl.cg_ === "textarea") {
+    vdomEl.ch_ = node.value;
   } else if (virtualizeChildNodes) {
     virtualizeChildNodes(node, vdomEl, ownerComponent);
   }
@@ -258,12 +258,12 @@ function virtualizeElement(node, virtualizeChildNodes, ownerComponent) {
   return vdomEl;
 }
 
-VElement.ci_ = virtualizeElement;
+VElement.ck_ = virtualizeElement;
 
-VElement.cj_ = function (fromEl, vFromEl, toEl) {
+VElement.cl_ = function (fromEl, vFromEl, toEl) {
   var fromFlags = vFromEl.u_;
   var toFlags = toEl.u_;
-  var attrs = toEl.cd_;
+  var attrs = toEl.cf_;
 
   if (toFlags & FLAG_CUSTOM_ELEMENT) {
     return assign(fromEl, attrs);
@@ -280,7 +280,7 @@ VElement.cj_ = function (fromEl, vFromEl, toEl) {
   // real VElement node will not have the expando property
   // so we build the attribute map from the expando property
 
-  var oldAttrs = vFromEl.cd_;
+  var oldAttrs = vFromEl.cf_;
 
   if (oldAttrs === attrs) {
     // For constant attributes the same object will be provided
@@ -318,7 +318,7 @@ VElement.cj_ = function (fromEl, vFromEl, toEl) {
   }
 
   var preserve = props && props.pa || EMPTY_OBJECT;
-  var specialAttrs = specialElHandlers[toEl.ce_] || EMPTY_OBJECT;
+  var specialAttrs = specialElHandlers[toEl.cg_] || EMPTY_OBJECT;
   var specialAttr;
 
   // Loop over all of the attributes in the attribute map and compare
@@ -356,7 +356,7 @@ VElement.cj_ = function (fromEl, vFromEl, toEl) {
   //       was not a virtualized node (i.e., a node that was not rendered by a
   //       Marko template, but rather a node that was created from an HTML
   //       string or a real DOM node).
-  if (toEl.bY_ === null || fromFlags & FLAG_SPREAD_ATTRS) {
+  if (toEl.ca_ === null || fromFlags & FLAG_SPREAD_ATTRS) {
     for (attrName in oldAttrs) {
       if (!(attrName in attrs)) {
         if (specialAttr = specialAttrs[attrName]) {

package/dist/runtime/vdom/VFragment.js

@@ -6,16 +6,16 @@ var createFragmentNode = require("./morphdom/fragment")._k_;
 var VNode = require("./VNode");
 
 function VFragment(key, ownerComponent, preserve) {
-  this.bX_(null /* childCount */, ownerComponent);
-  this.bY_ = key;
+  this.bY_(null /* childCount */, ownerComponent);
+  this.ca_ = key;
   this.ad_ = preserve;
 }
 
 VFragment.prototype = {
-  bZ_: 12,
+  c__: 12,
   bo_: function () {
     var fragment = createFragmentNode();
-    keysByDOMNode.set(fragment, this.bY_);
+    keysByDOMNode.set(fragment, this.ca_);
     vElementByDOMNode.set(fragment, this);
     return fragment;
   }

package/dist/runtime/vdom/VNode.js

@@ -1,78 +1,78 @@
 "use strict";function VNode() {}
 
 VNode.prototype = {
-  bX_: function (finalChildCount, ownerComponent) {
-    this.ck_ = finalChildCount;
-    this.cl_ = 0;
+  bY_: function (finalChildCount, ownerComponent) {
+    this.cm_ = finalChildCount;
+    this.cn_ = 0;
+    this.ce_ = null;
+    this.co_ = null;
+    this.cb_ = null;
     this.cc_ = null;
-    this.cm_ = null;
-    this.c__ = null;
-    this.ca_ = null;
     this._M_ = ownerComponent;
   },
 
   get aA_() {
-    var firstChild = this.cc_;
+    var firstChild = this.ce_;
 
-    if (firstChild && firstChild.cb_) {
+    if (firstChild && firstChild.cd_) {
       var nestedFirstChild = firstChild.aA_;
       // The first child is a DocumentFragment node.
       // If the DocumentFragment node has a first child then we will return that.
       // Otherwise, the DocumentFragment node is not *really* the first child and
       // we need to skip to its next sibling
-      return nestedFirstChild || firstChild.cn_;
+      return nestedFirstChild || firstChild.cp_;
     }
 
     return firstChild;
   },
 
-  get cn_() {
-    var nextSibling = this.ca_;
+  get cp_() {
+    var nextSibling = this.cc_;
 
     if (nextSibling) {
-      if (nextSibling.cb_) {
+      if (nextSibling.cd_) {
         var firstChild = nextSibling.aA_;
-        return firstChild || nextSibling.cn_;
+        return firstChild || nextSibling.cp_;
       }
     } else {
-      var parentNode = this.c__;
-      if (parentNode && parentNode.cb_) {
-        return parentNode.cn_;
+      var parentNode = this.cb_;
+      if (parentNode && parentNode.cd_) {
+        return parentNode.cp_;
       }
     }
 
     return nextSibling;
   },
 
-  bQ_: function (child) {
-    this.cl_++;
+  bR_: function (child) {
+    this.cn_++;
 
-    if (this.ce_ === "textarea") {
-      if (child.co_) {
-        this.cf_ += child.cp_;
+    if (this.cg_ === "textarea") {
+      if (child.cq_) {
+        this.ch_ += child.bZ_;
       } else {
         throw TypeError();
       }
     } else {
-      var lastChild = this.cm_;
+      var lastChild = this.co_;
 
-      child.c__ = this;
+      child.cb_ = this;
 
       if (lastChild) {
-        lastChild.ca_ = child;
+        lastChild.cc_ = child;
       } else {
-        this.cc_ = child;
+        this.ce_ = child;
       }
 
-      this.cm_ = child;
+      this.co_ = child;
     }
 
     return child;
   },
 
-  ch_: function finishChild() {
-    if (this.cl_ === this.ck_ && this.c__) {
-      return this.c__.ch_();
+  cj_: function finishChild() {
+    if (this.cn_ === this.cm_ && this.cb_) {
+      return this.cb_.cj_();
     } else {
       return this;
     }

package/dist/runtime/vdom/VText.js

@@ -2,21 +2,21 @@
 var VNode = require("./VNode");
 
 function VText(value, ownerComponent) {
-  this.bX_(-1 /* no children */, ownerComponent);
-  this.cp_ = value;
+  this.bY_(-1 /* no children */, ownerComponent);
+  this.bZ_ = value;
 }
 
 VText.prototype = {
-  co_: true,
+  cq_: true,
 
-  bZ_: 3,
+  c__: 3,
 
   bo_: function (host) {
-    return (host.ownerDocument || host).createTextNode(this.cp_);
+    return (host.ownerDocument || host).createTextNode(this.bZ_);
   },
 
-  bR_: function () {
-    return new VText(this.cp_);
+  bS_: function () {
+    return new VText(this.bZ_);
   }
 };
 

package/dist/runtime/vdom/helpers/const-element.js

@@ -13,12 +13,12 @@ function ConstVElement(tagName, attrs, childCount) {
 
 ConstVElement.prototype = Object.create(VElement.prototype);
 ConstVElement.prototype.e = function (tagName, attrs, childCount) {
-  var child = this.bQ_(
+  var child = this.bR_(
     new ConstVElement(tagName, attrs, childCount)
   );
 
   if (childCount === 0) {
-    return this.ch_();
+    return this.cj_();
   } else {
     return child;
   }

package/dist/runtime/vdom/hot-reload.js

@@ -44,7 +44,7 @@ exports.t = runtime.t = function (typeName) {
                 instance.Q_(input, out);
               };
 
-              instance.cq_ = true;
+              instance.cr_ = true;
               instance.ao_();
               instance._x_ = false;
 
@@ -78,7 +78,7 @@ registry._G_ = function (typeName, id) {
   if (instances) {
     instances.add(instance);
     instance.once("destroy", function () {
-      if (!instance.cq_) {
+      if (!instance.cr_) {
         instances.delete(instance);
       }
     });

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

@@ -80,8 +80,8 @@ function createFragmentNode(startNode, nextNode, parentNode) {
 
 function beginFragmentNode(startNode, parentNode) {
   var fragment = createFragmentNode(startNode, null, parentNode);
-  fragment.cr_ = function (nextNode) {
-    fragment.cr_ = null;
+  fragment.cs_ = function (nextNode) {
+    fragment.cs_ = null;
     insertBefore(
       fragment.endNode,
       nextNode,
@@ -92,4 +92,4 @@ function beginFragmentNode(startNode, parentNode) {
 }
 
 exports._k_ = createFragmentNode;
-exports.cs_ = beginFragmentNode;
+exports.ct_ = beginFragmentNode;

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

@@ -37,6 +37,6 @@ function removeChild(node) {
 
 exports.bf_ = insertBefore;
 exports.bg_ = insertAfter;
-exports.cn_ = nextSibling;
+exports.cp_ = nextSibling;
 exports.aA_ = firstChild;
 exports.bh_ = removeChild;

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

@@ -11,8 +11,8 @@ var KeySequence = require("../../components/KeySequence");
 var VElement = require("../vdom").bz_;
 var fragment = require("./fragment");
 var helpers = require("./helpers");
-var virtualizeElement = VElement.ci_;
-var morphAttrs = VElement.cj_;
+var virtualizeElement = VElement.ck_;
+var morphAttrs = VElement.cl_;
 var keysByDOMNode = domData._n_;
 var componentByDOMNode = domData._p_;
 var vElementByDOMNode = domData._K_;
@@ -20,11 +20,11 @@ var detachedByDOMNode = domData.aW_;
 
 var insertBefore = helpers.bf_;
 var insertAfter = helpers.bg_;
-var nextSibling = helpers.cn_;
+var nextSibling = helpers.cp_;
 var firstChild = helpers.aA_;
 var removeChild = helpers.bh_;
 var createFragmentNode = fragment._k_;
-var beginFragmentNode = fragment.cs_;
+var beginFragmentNode = fragment.ct_;
 
 var ELEMENT_NODE = 1;
 var TEXT_NODE = 3;
@@ -42,7 +42,7 @@ function isAutoKey(key) {
 }
 
 function compareNodeNames(fromEl, toEl) {
-  return fromEl.ce_ === toEl.ce_;
+  return fromEl.cg_ === toEl.cg_;
 }
 
 function caseInsensitiveCompare(a, b) {
@@ -77,8 +77,8 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     insertBefore(realNode, referenceEl, parentEl);
 
     if (
-    vNode.bZ_ === ELEMENT_NODE ||
-    vNode.bZ_ === FRAGMENT_NODE)
+    vNode.c__ === ELEMENT_NODE ||
+    vNode.c__ === FRAGMENT_NODE)
     {
       if (key) {
         keysByDOMNode.set(realNode, key);
@@ -87,7 +87,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         realNode;
       }
 
-      if (vNode.ce_ !== "textarea") {
+      if (vNode.cg_ !== "textarea") {
         morphChildren(realNode, vNode, parentComponent);
       }
 
@@ -161,9 +161,9 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     var fromComponent;
 
     outer: while (curToNodeChild) {
-      toNextSibling = curToNodeChild.cn_;
-      curToNodeType = curToNodeChild.bZ_;
-      curToNodeKey = curToNodeChild.bY_;
+      toNextSibling = curToNodeChild.cp_;
+      curToNodeType = curToNodeChild.c__;
+      curToNodeKey = curToNodeChild.ca_;
 
       // Skip <!doctype>
       if (curFromNodeChild && curFromNodeChild.nodeType === DOCTYPE_NODE) {
@@ -282,7 +282,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
             if (
             curVFromNodeChild &&
-            curToNodeType === curVFromNodeChild.bZ_ && (
+            curToNodeType === curVFromNodeChild.c__ && (
             curToNodeType !== ELEMENT_NODE ||
             compareNodeNames(curToNodeChild, curVFromNodeChild)))
             {
@@ -327,11 +327,11 @@ function morphdom(fromNode, toNode, host, componentsContext) {
               curToNodeChild.ad_ ||
               caseInsensitiveCompare(
                 curFromNodeChild.nodeName,
-                curToNodeChild.ce_ || ""
+                curToNodeChild.cg_ || ""
               )))
               {
                 curVFromNodeChild = virtualizeElement(curFromNodeChild);
-                curVFromNodeChild.ce_ = curToNodeChild.ce_;
+                curVFromNodeChild.cg_ = curToNodeChild.cg_;
                 keysByDOMNode.set(curFromNodeChild, curToNodeKey);
                 referenceComponent.K_[curToNodeKey] =
                 curFromNodeChild;
@@ -351,7 +351,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
                 curFromNodeChild = fromNextSibling;
                 continue;
               } else if (
-              curToNodeChild.bZ_ === FRAGMENT_NODE &&
+              curToNodeChild.c__ === FRAGMENT_NODE &&
               curFromNodeChild.nodeType === COMMENT_NODE)
               {
                 var content = curFromNodeChild.nodeValue;
@@ -417,7 +417,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
               if (
               curVFromNodeChild &&
-              curToNodeType === curVFromNodeChild.bZ_ && (
+              curToNodeType === curVFromNodeChild.c__ && (
               curToNodeType !== ELEMENT_NODE ||
               compareNodeNames(curVFromNodeChild, curToNodeChild)))
               {
@@ -435,7 +435,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                   if (
                   toNextSibling &&
-                  toNextSibling.bY_ === curFromNodeKey)
+                  toNextSibling.ca_ === curFromNodeKey)
                   {
                     // Single element swap
 
@@ -548,18 +548,18 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                 if (
                 caseInsensitiveCompare(
-                  curVFromNodeChild.ce_,
-                  curToNodeChild.ce_
+                  curVFromNodeChild.cg_,
+                  curToNodeChild.cg_
                 ))
                 {
-                  curVFromNodeChild.ce_ = curToNodeChild.ce_;
+                  curVFromNodeChild.cg_ = curToNodeChild.cg_;
                 }
               } else {
                 // Skip over nodes that don't look like ours...
                 curFromNodeChild = fromNextSibling;
                 continue;
               }
-            } else if (curFromNodeKey = curVFromNodeChild.bY_) {
+            } else if (curFromNodeKey = curVFromNodeChild.ca_) {
               // We have a keyed element here but our target VDOM node
               // is not keyed so this not doesn't belong
               isCompatible = false;
@@ -586,18 +586,18 @@ function morphdom(fromNode, toNode, host, componentsContext) {
           {
             // Both nodes being compared are Text or Comment nodes
             isCompatible = true;
-            var curToNodeValue = curToNodeChild.cp_;
+            var curToNodeValue = curToNodeChild.bZ_;
             var curFromNodeValue = curFromNodeChild.nodeValue;
             if (curFromNodeValue !== curToNodeValue) {
               if (
               isHydrate &&
               toNextSibling &&
               curFromNodeType === TEXT_NODE &&
-              toNextSibling.bZ_ === TEXT_NODE &&
+              toNextSibling.c__ === TEXT_NODE &&
               curFromNodeValue.startsWith(curToNodeValue) &&
               curFromNodeValue.
               slice(curToNodeValue.length).
-              startsWith(toNextSibling.cp_))
+              startsWith(toNextSibling.bZ_))
               {
                 // In hydrate mode we can use splitText to more efficiently handle
                 // adjacent text vdom nodes that were merged.
@@ -642,10 +642,10 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     }
 
     // We have processed all of the "to nodes".
-    if (fromNode.cr_) {
+    if (fromNode.cs_) {
       // If we are in an unfinished fragment, we have reached the end of the nodes
       // we were matching up and need to end the fragment
-      fromNode.cr_(curFromNodeChild);
+      fromNode.cs_(curFromNodeChild);
     } else {
       // If curFromNodeChild is non-null then we still have some from nodes
       // left over that need to be removed
@@ -685,11 +685,11 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   }
 
   function morphEl(fromEl, vFromEl, toEl, parentComponent) {
-    var nodeName = toEl.ce_;
-    var constId = toEl.cg_;
+    var nodeName = toEl.cg_;
+    var constId = toEl.ci_;
     vElementByDOMNode.set(fromEl, toEl);
 
-    if (constId !== undefined && vFromEl.cg_ === constId) {
+    if (constId !== undefined && vFromEl.ci_ === constId) {
       return;
     }
 
@@ -700,8 +700,8 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     }
 
     if (nodeName === "textarea") {
-      if (toEl.cf_ !== vFromEl.cf_) {
-        fromEl.value = toEl.cf_;
+      if (toEl.ch_ !== vFromEl.ch_) {
+        fromEl.value = toEl.ch_;
       }
     } else {
       morphChildren(fromEl, toEl, parentComponent);

package/dist/runtime/vdom/vdom.js

@@ -1,4 +1,5 @@
 "use strict";var parseHTML = require("./parse-html");
+var VComment = require("./VComment");
 var VComponent = require("./VComponent");
 var VDocumentFragment = require("./VDocumentFragment");
 var VElement = require("./VElement");
@@ -11,7 +12,7 @@ var specialHtmlRegexp = /[&<]/;
 function virtualizeChildNodes(node, vdomParent, ownerComponent) {
   var curChild = node.firstChild;
   while (curChild) {
-    vdomParent.bQ_(virtualize(curChild, ownerComponent));
+    vdomParent.bR_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 }
@@ -19,9 +20,11 @@ function virtualizeChildNodes(node, vdomParent, ownerComponent) {
 function virtualize(node, ownerComponent) {
   switch (node.nodeType) {
     case 1:
-      return VElement.ci_(node, virtualizeChildNodes, ownerComponent);
+      return VElement.ck_(node, virtualizeChildNodes, ownerComponent);
     case 3:
       return new VText(node.nodeValue, ownerComponent);
+    case 8:
+      return new VComment(node.nodeValue, ownerComponent);
     case 11:
       var vdomDocFragment = new VDocumentFragment();
       virtualizeChildNodes(node, vdomDocFragment, ownerComponent);
@@ -36,9 +39,11 @@ function virtualizeHTML(html, ownerComponent) {
 
   var vdomFragment = new VDocumentFragment();
   var curChild = parseHTML(html);
+  var virtualized;
 
   while (curChild) {
-    vdomFragment.bQ_(virtualize(curChild, ownerComponent));
+    virtualized = virtualize(curChild, ownerComponent);
+    if (virtualized) vdomFragment.bR_(virtualized);
     curChild = curChild.nextSibling;
   }
 
@@ -65,18 +70,19 @@ Node_prototype.t = function (value) {
     }
   }
 
-  this.bQ_(vdomNode || new VText(value.toString()));
-  return this.ch_();
+  this.bR_(vdomNode || new VText(value.toString()));
+  return this.cj_();
 };
 
-Node_prototype.bV_ = function () {
-  return this.bQ_(new VDocumentFragment());
+Node_prototype.bW_ = function () {
+  return this.bR_(new VDocumentFragment());
 };
 
-exports.bA_ = VDocumentFragment;
+exports.bA_ = VComment;
+exports.bB_ = VDocumentFragment;
 exports.bz_ = VElement;
-exports.bB_ = VText;
-exports.bC_ = VComponent;
-exports.bD_ = VFragment;
-exports.ci_ = virtualize;
-exports.bE_ = virtualizeHTML;
+exports.bC_ = VText;
+exports.bD_ = VComponent;
+exports.bE_ = VFragment;
+exports.ck_ = virtualize;
+exports.bF_ = virtualizeHTML;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.35.14",
+  "version": "5.35.16",
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
     "front-end",
@@ -65,8 +65,8 @@
     "build": "babel ./src --out-dir ./dist --extensions .js --copy-files --config-file ../../babel.config.js --env-name=production"
   },
   "dependencies": {
-    "@marko/compiler": "^5.37.9",
-    "@marko/translator-default": "^6.0.11",
+    "@marko/compiler": "^5.37.11",
+    "@marko/translator-default": "^6.0.13",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",

package/src/node_modules/@internal/components-entry/index.js

@@ -139,7 +139,8 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
 
     if (typeof renderBody === "function" && renderBody.toJSON === w10ToJSON) {
       flags |= FLAG_HAS_RENDER_BODY;
-      renderBody = input.renderBody = undefined;
+      renderBody = undefined;
+      if (input) input.renderBody = undefined;
     }
 
     var extra = {

package/src/runtime/vdom/AsyncVDOMBuilder.js

@@ -4,6 +4,7 @@ var attrsHelper = require("./helpers/attrs");
 var morphdom = require("./morphdom");
 var vdom = require("./vdom");
 var VElement = vdom.___VElement;
+var VComment = vdom.___VComment;
 var VDocumentFragment = vdom.___VDocumentFragment;
 var VText = vdom.___VText;
 var VComponent = vdom.___VComponent;
@@ -133,6 +134,10 @@ var proto = (AsyncVDOMBuilder.prototype = {
     return this;
   },
 
+  comment: function (comment, ownerComponent) {
+    return this.node(new VComment(comment, ownerComponent));
+  },
+
   html: function (html, ownerComponent) {
     if (html != null) {
       var vdomNode = virtualizeHTML(html, ownerComponent);

package/src/runtime/vdom/VComment.js

@@ -0,0 +1,24 @@
+var VNode = require("./VNode");
+var inherit = require("raptor-util/inherit");
+
+function VComment(value, ownerComponent) {
+  this.___VNode(-1 /* no children */, ownerComponent);
+  this.___nodeValue = value;
+}
+
+VComment.prototype = {
+  ___nodeType: 8,
+
+  ___actualize: function (doc) {
+    var nodeValue = this.___nodeValue;
+    return doc.createComment(nodeValue);
+  },
+
+  ___cloneNode: function () {
+    return new VComment(this.___nodeValue);
+  },
+};
+
+inherit(VComment, VNode);
+
+module.exports = VComment;

package/src/runtime/vdom/vdom.js

@@ -1,4 +1,5 @@
 var parseHTML = require("./parse-html");
+var VComment = require("./VComment");
 var VComponent = require("./VComponent");
 var VDocumentFragment = require("./VDocumentFragment");
 var VElement = require("./VElement");
@@ -22,6 +23,8 @@ function virtualize(node, ownerComponent) {
       return VElement.___virtualize(node, virtualizeChildNodes, ownerComponent);
     case 3:
       return new VText(node.nodeValue, ownerComponent);
+    case 8:
+      return new VComment(node.nodeValue, ownerComponent);
     case 11:
       var vdomDocFragment = new VDocumentFragment();
       virtualizeChildNodes(node, vdomDocFragment, ownerComponent);
@@ -36,9 +39,11 @@ function virtualizeHTML(html, ownerComponent) {
 
   var vdomFragment = new VDocumentFragment();
   var curChild = parseHTML(html);
+  var virtualized;
 
   while (curChild) {
-    vdomFragment.___appendChild(virtualize(curChild, ownerComponent));
+    virtualized = virtualize(curChild, ownerComponent);
+    if (virtualized) vdomFragment.___appendChild(virtualized);
     curChild = curChild.nextSibling;
   }
 
@@ -73,6 +78,7 @@ Node_prototype.___appendDocumentFragment = function () {
   return this.___appendChild(new VDocumentFragment());
 };
 
+exports.___VComment = VComment;
 exports.___VDocumentFragment = VDocumentFragment;
 exports.___VElement = VElement;
 exports.___VText = VText;