marko 5.32.15 → 5.33.1

package/dist/runtime/html/helpers/attr.js

@@ -2,13 +2,13 @@
 
 var escapeQuoteHelpers = require("./escape-quotes");
 var escapeDoubleQuotes = escapeQuoteHelpers.m_;
-var escapeSingleQuotes = escapeQuoteHelpers.bq_;
+var escapeSingleQuotes = escapeQuoteHelpers.bB_;
 
 
 module.exports = maybeEmptyAttr;
 
-maybeEmptyAttr.bo_ = notEmptyAttr;
-maybeEmptyAttr.bp_ = isEmpty;
+maybeEmptyAttr.bz_ = notEmptyAttr;
+maybeEmptyAttr.bA_ = isEmpty;
 
 function maybeEmptyAttr(name, value) {
   if (isEmpty(value)) {

package/dist/runtime/html/helpers/data-marko.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var escapeQuoteHelpers = require("./escape-quotes");
-var escapeSingleQuotes = escapeQuoteHelpers.bq_;
+var escapeSingleQuotes = escapeQuoteHelpers.bB_;
 var escapeDoubleQuotes = escapeQuoteHelpers.m_;
 var FLAG_WILL_RERENDER_IN_BROWSER = 1;
 // var FLAG_HAS_RENDER_BODY = 2;

package/dist/runtime/html/helpers/escape-quotes.js

@@ -6,7 +6,7 @@ exports.d = function (value) {
 
 exports.m_ = escapeDoubleQuotes;
 
-exports.bq_ = escapeSingleQuotes;
+exports.bB_ = escapeSingleQuotes;
 
 function escapeSingleQuotes(value, startPos) {
   return escapeQuote(value, startPos, "'", "'");

package/dist/runtime/html/helpers/escape-xml.js

@@ -12,7 +12,7 @@ module.exports.x = function (value) {
   return escapeXML(value + "");
 };
 
-exports.bk_ = escapeXML;
+exports.bu_ = escapeXML;
 
 function escapeXML(str) {
   var len = str.length;

package/dist/runtime/renderable.js

@@ -73,7 +73,56 @@ module.exports = function (target, renderer) {
       }
 
       render(localData, out);
-      return out.bn_();
+      return out.by_();
+    },
+
+    /**
+     * Renders a template to nodes and inserts them into the DOM relative
+     * to the provided reference based on the optional position parameter.
+     *
+     * Supported signatures:
+     *
+     * mount(data, reference)
+     * mount(data, reference, position)
+     *
+     * @param  {Object} data The view model data for the template
+     * @param  {Node} reference DOM node to insert the rendered node(s) relative to
+     * @param  {string} [position] A string representing the position relative to the `reference`; must match (case-insensitively) one of the following strings:
+     *  'beforebegin': Before the targetElement itself.
+     *  'afterbegin': Just inside the targetElement, before its first child.
+     *  'beforeend': Just inside the targetElement, after its last child.
+     *  'afterend': After the targetElement itself.
+     * @return {TemplateInstance} Object with `update` and `dispose` methods
+     */
+    mount: function (data, reference, position) {
+      const result = this.renderSync(data);
+
+      switch (position) {
+        case "afterbegin":
+          result.prependTo(reference);
+          break;
+        case "afterend":
+          result.insertAfter(reference);
+          break;
+        case "beforebegin":
+          result.insertBefore(reference);
+          break;
+        default:
+          result.appendTo(reference);
+          break;
+      }
+
+      const component = result.getComponent();
+
+      return {
+        update(input) {
+          component.input = input;
+          component.update();
+        },
+        destroy() {
+          component.destroy();
+        }
+      };
     },
 
     /**
@@ -111,7 +160,7 @@ module.exports = function (target, renderer) {
         finalData = {};
       }
 
-      if (out && out.bm_) {
+      if (out && out.bw_) {
         finalOut = out;
         shouldEnd = false;
         extend(out.global, globalData);
@@ -130,7 +179,7 @@ module.exports = function (target, renderer) {
       if (callback) {
         finalOut.
         on("finish", function () {
-          callback(null, finalOut.bn_(), finalOut);
+          callback(null, finalOut.by_(), finalOut);
         }).
         once("error", callback);
       }

package/dist/runtime/vdom/AsyncVDOMBuilder.js

@@ -3,20 +3,20 @@ var RenderResult = require("../RenderResult");
 var attrsHelper = require("./helpers/attrs");
 var morphdom = require("./morphdom");
 var vdom = require("./vdom");
-var VElement = vdom.br_;
-var VDocumentFragment = vdom.bs_;
-var VText = vdom.bt_;
-var VComponent = vdom.bu_;
-var VFragment = vdom.bv_;
-var virtualizeHTML = vdom.bw_;
+var VElement = vdom.bC_;
+var VDocumentFragment = vdom.bD_;
+var VText = vdom.bE_;
+var VComponent = vdom.bF_;
+var VFragment = vdom.bG_;
+var virtualizeHTML = vdom.bH_;
 
 var EVENT_UPDATE = "update";
 var EVENT_FINISH = "finish";
 
 function State(tree) {
-  this.bx_ = new EventEmitter();
-  this.by_ = tree;
-  this.bz_ = false;
+  this.bI_ = new EventEmitter();
+  this.bJ_ = tree;
+  this.bK_ = false;
 }
 
 function AsyncVDOMBuilder(globalData, parentNode, parentOut) {
@@ -32,18 +32,18 @@ function AsyncVDOMBuilder(globalData, parentNode, parentOut) {
     state = new State(parentNode);
   }
 
-  this.bA_ = 1;
-  this.bB_ = 0;
-  this.bC_ = null;
-  this.bD_ = parentOut;
+  this.bL_ = 1;
+  this.bM_ = 0;
+  this.bN_ = null;
+  this.bO_ = parentOut;
 
   this.data = {};
   this.y_ = state;
   this._Z_ = parentNode;
   this.global = globalData || {};
-  this.bE_ = [parentNode];
-  this.bF_ = false;
-  this.bG_ = undefined;
+  this.bP_ = [parentNode];
+  this.bQ_ = false;
+  this.bR_ = undefined;
   this.b_ = null;
 
   this._X_ = null;
@@ -52,23 +52,23 @@ function AsyncVDOMBuilder(globalData, parentNode, parentOut) {
 }
 
 var proto = AsyncVDOMBuilder.prototype = {
-  bm_: true,
+  bw_: true,
   A_: typeof document === "object" && document,
 
   bc: function (component, key, ownerComponent) {
     var vComponent = new VComponent(component, key, ownerComponent);
-    return this.bH_(vComponent, 0, true);
+    return this.bS_(vComponent, 0, true);
   },
 
   ba_: function (component, key, ownerComponent) {
     var vComponent = new VComponent(component, key, ownerComponent, true);
-    this.bH_(vComponent, 0);
+    this.bS_(vComponent, 0);
   },
 
-  bH_: function (child, childCount, pushToStack) {
-    this._Z_.bI_(child);
+  bS_: function (child, childCount, pushToStack) {
+    this._Z_.bT_(child);
     if (pushToStack === true) {
-      this.bE_.push(child);
+      this.bP_.push(child);
       this._Z_ = child;
     }
     return childCount === 0 ? this : child;
@@ -84,7 +84,7 @@ var proto = AsyncVDOMBuilder.prototype = {
       flags,
       props
     );
-    return this.bH_(element, childCount);
+    return this.bS_(element, childCount);
   },
 
   bj_: function (tagName, attrs, key, componentDef, props) {
@@ -102,7 +102,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.bJ_();
+    var clone = node.bU_();
     this.node(clone);
     clone._J_ = component;
 
@@ -110,7 +110,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   node: function (node) {
-    this._Z_.bI_(node);
+    this._Z_.bT_(node);
     return this;
   },
 
@@ -129,7 +129,7 @@ var proto = AsyncVDOMBuilder.prototype = {
       text = text.toString();
     }
 
-    this._Z_.bI_(new VText(text, ownerComponent));
+    this._Z_.bT_(new VText(text, ownerComponent));
     return this;
   },
 
@@ -160,7 +160,7 @@ var proto = AsyncVDOMBuilder.prototype = {
       flags,
       props
     );
-    this.bH_(element, childCount, true);
+    this.bS_(element, childCount, true);
     return this;
   },
 
@@ -178,7 +178,7 @@ var proto = AsyncVDOMBuilder.prototype = {
 
   bf: function (key, component, preserve) {
     var fragment = new VFragment(key, component, preserve);
-    this.bH_(fragment, null, true);
+    this.bS_(fragment, null, true);
     return this;
   },
 
@@ -187,7 +187,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   endElement: function () {
-    var stack = this.bE_;
+    var stack = this.bP_;
     stack.pop();
     this._Z_ = stack[stack.length - 1];
   },
@@ -195,44 +195,44 @@ var proto = AsyncVDOMBuilder.prototype = {
   end: function () {
     this._Z_ = undefined;
 
-    var remaining = --this.bA_;
-    var parentOut = this.bD_;
+    var remaining = --this.bL_;
+    var parentOut = this.bO_;
 
     if (remaining === 0) {
       if (parentOut) {
-        parentOut.bK_();
+        parentOut.bV_();
       } else {
-        this.bL_();
+        this.bW_();
       }
-    } else if (remaining - this.bB_ === 0) {
-      this.bM_();
+    } else if (remaining - this.bM_ === 0) {
+      this.bX_();
     }
 
     return this;
   },
 
-  bK_: function () {
-    var remaining = --this.bA_;
+  bV_: function () {
+    var remaining = --this.bL_;
 
     if (remaining === 0) {
-      var parentOut = this.bD_;
+      var parentOut = this.bO_;
       if (parentOut) {
-        parentOut.bK_();
+        parentOut.bV_();
       } else {
-        this.bL_();
+        this.bW_();
       }
-    } else if (remaining - this.bB_ === 0) {
-      this.bM_();
+    } else if (remaining - this.bM_ === 0) {
+      this.bX_();
     }
   },
 
-  bL_: function () {
+  bW_: function () {
     var state = this.y_;
-    state.bz_ = true;
-    state.bx_.emit(EVENT_FINISH, this.bn_());
+    state.bK_ = true;
+    state.bI_.emit(EVENT_FINISH, this.by_());
   },
 
-  bM_: function () {
+  bX_: function () {
     var lastArray = this._last;
 
     var i = 0;
@@ -267,7 +267,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   beginAsync: function (options) {
-    if (this.bF_) {
+    if (this.bQ_) {
       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 +277,16 @@ var proto = AsyncVDOMBuilder.prototype = {
 
     if (options) {
       if (options.last) {
-        this.bB_++;
+        this.bM_++;
       }
     }
 
-    this.bA_++;
+    this.bL_++;
 
-    var documentFragment = this._Z_.bN_();
+    var documentFragment = this._Z_.bY_();
     var asyncOut = new AsyncVDOMBuilder(this.global, documentFragment, this);
 
-    state.bx_.emit("beginAsync", {
+    state.bI_.emit("beginAsync", {
       out: asyncOut,
       parentOut: this
     });
@@ -299,7 +299,7 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   flush: function () {
-    var events = this.y_.bx_;
+    var events = this.y_.bI_;
 
     if (events.listenerCount(EVENT_UPDATE)) {
       events.emit(EVENT_UPDATE, new RenderResult(this));
@@ -307,22 +307,22 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   af_: function () {
-    return this.y_.by_;
+    return this.y_.bJ_;
   },
 
-  bn_: function () {
-    return this.bO_ || (this.bO_ = new RenderResult(this));
+  by_: function () {
+    return this.bZ_ || (this.bZ_ = new RenderResult(this));
   },
 
   on: function (event, callback) {
     var state = this.y_;
 
-    if (event === EVENT_FINISH && state.bz_) {
-      callback(this.bn_());
+    if (event === EVENT_FINISH && state.bK_) {
+      callback(this.by_());
     } else if (event === "last") {
       this.onLast(callback);
     } else {
-      state.bx_.on(event, callback);
+      state.bI_.on(event, callback);
     }
 
     return this;
@@ -331,19 +331,19 @@ var proto = AsyncVDOMBuilder.prototype = {
   once: function (event, callback) {
     var state = this.y_;
 
-    if (event === EVENT_FINISH && state.bz_) {
-      callback(this.bn_());
+    if (event === EVENT_FINISH && state.bK_) {
+      callback(this.by_());
     } else if (event === "last") {
       this.onLast(callback);
     } else {
-      state.bx_.once(event, callback);
+      state.bI_.once(event, callback);
     }
 
     return this;
   },
 
   emit: function (type, arg) {
-    var events = this.y_.bx_;
+    var events = this.y_.bI_;
     switch (arguments.length) {
       case 1:
         events.emit(type);
@@ -359,17 +359,17 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   removeListener: function () {
-    var events = this.y_.bx_;
+    var events = this.y_.bI_;
     events.removeListener.apply(events, arguments);
     return this;
   },
 
   sync: function () {
-    this.bF_ = true;
+    this.bQ_ = true;
   },
 
   isSync: function () {
-    return this.bF_;
+    return this.bQ_;
   },
 
   onLast: function (callback) {
@@ -385,12 +385,12 @@ var proto = AsyncVDOMBuilder.prototype = {
   },
 
   ae_: function (host) {
-    var node = this.bG_;
+    var node = this.bR_;
     if (!node) {
       var vdomTree = this.af_();
 
       if (!host) host = this.A_;
-      this.bG_ = node = vdomTree.bP_(host, null);
+      this.bR_ = node = vdomTree.bo_(host, null);
       morphdom(node, vdomTree, host, this.b_);
     }
     return node;

package/dist/runtime/vdom/VComponent.js

@@ -2,14 +2,14 @@
 var VNode = require("./VNode");
 
 function VComponent(component, key, ownerComponent, preserve) {
-  this.bQ_(null /* childCount */, ownerComponent);
-  this.bR_ = key;
+  this.c__(null /* childCount */, ownerComponent);
+  this.ca_ = key;
   this.r_ = component;
   this.aa_ = preserve;
 }
 
 VComponent.prototype = {
-  bS_: 2
+  cb_: 2
 };
 
 inherit(VComponent, VNode);

package/dist/runtime/vdom/VDocumentFragment.js

@@ -4,25 +4,25 @@ var VNode = require("./VNode");
 
 function VDocumentFragmentClone(other) {
   extend(this, other);
-  this.bT_ = null;
-  this.bU_ = null;
+  this.cc_ = null;
+  this.cd_ = null;
 }
 
 function VDocumentFragment(out) {
-  this.bQ_(null /* childCount */);
+  this.c__(null /* childCount */);
   this.q_ = out;
 }
 
 VDocumentFragment.prototype = {
-  bS_: 11,
+  cb_: 11,
 
-  bV_: true,
+  ce_: true,
 
-  bJ_: function () {
+  bU_: function () {
     return new VDocumentFragmentClone(this);
   },
 
-  bP_: function (host) {
+  bo_: function (host) {
     return (host.ownerDocument || host).createDocumentFragment();
   }
 };

package/dist/runtime/vdom/VElement.js

@@ -81,17 +81,17 @@ function assign(a, b) {
 }
 
 function VElementClone(other) {
-  this.bW_ = other.bW_;
-  this.bT_ = null;
-  this.bU_ = null;
+  this.cf_ = other.cf_;
+  this.cc_ = null;
+  this.cd_ = null;
 
-  this.bR_ = other.bR_;
-  this.bX_ = other.bX_;
+  this.ca_ = other.ca_;
+  this.cg_ = other.cg_;
   this._L_ = other._L_;
-  this.bY_ = other.bY_;
+  this.ch_ = other.ch_;
   this.t_ = other.t_;
-  this.bZ_ = other.bZ_;
-  this.c__ = other.c__;
+  this.ci_ = other.ci_;
+  this.cj_ = other.cj_;
 }
 
 function VElement(
@@ -103,7 +103,7 @@ childCount,
 flags,
 props)
 {
-  this.bQ_(childCount, ownerComponent);
+  this.c__(childCount, ownerComponent);
 
   var constId;
 
@@ -111,21 +111,21 @@ props)
     constId = props.i;
   }
 
-  this.bR_ = key;
+  this.ca_ = key;
   this.t_ = flags || 0;
-  this.bX_ = attrs || EMPTY_OBJECT;
+  this.cg_ = attrs || EMPTY_OBJECT;
   this._L_ = props || EMPTY_OBJECT;
-  this.bY_ = tagName;
-  this.bZ_ = null;
-  this.c__ = constId;
+  this.ch_ = tagName;
+  this.ci_ = null;
+  this.cj_ = constId;
   this.aa_ = false;
   this.a__ = false;
 }
 
 VElement.prototype = {
-  bS_: 1,
+  cb_: 1,
 
-  bJ_: function () {
+  bU_: function () {
     return new VElementClone(this);
   },
 
@@ -137,7 +137,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.bI_(
+    var child = this.bT_(
       new VElement(
         tagName,
         attrs,
@@ -150,7 +150,7 @@ VElement.prototype = {
     );
 
     if (childCount === 0) {
-      return this.ca_();
+      return this.ck_();
     } else {
       return child;
     }
@@ -163,15 +163,15 @@ VElement.prototype = {
    * @param  {String} value The value for the new Comment node
    */
   n: function (node, ownerComponent) {
-    node = node.bJ_();
+    node = node.bU_();
     node._J_ = ownerComponent;
-    this.bI_(node);
-    return this.ca_();
+    this.bT_(node);
+    return this.ck_();
   },
 
-  bP_: function (host, parentNamespaceURI) {
-    var tagName = this.bY_;
-    var attributes = this.bX_;
+  bo_: function (host, parentNamespaceURI) {
+    var tagName = this.ch_;
+    var attributes = this.cg_;
     var namespaceURI = DEFAULT_NS[tagName] || parentNamespaceURI || NS_HTML;
 
     var flags = this.t_;
@@ -196,7 +196,7 @@ VElement.prototype = {
       }
 
       if (tagName === "textarea") {
-        el.defaultValue = this.bZ_;
+        el.defaultValue = this.ci_;
       }
     }
 
@@ -205,11 +205,11 @@ VElement.prototype = {
     return el;
   },
 
-  cb_: function (name) {
+  cl_: function (name) {
     // We don't care about the namespaces since the there
     // is no chance that attributes with the same name will have
     // different namespaces
-    var value = this.bX_[name];
+    var value = this.cg_[name];
     return value != null && value !== false;
   }
 };
@@ -258,8 +258,8 @@ function virtualizeElement(node, virtualizeChildNodes, ownerComponent) {
     props
   );
 
-  if (vdomEl.bY_ === "textarea") {
-    vdomEl.bZ_ = node.value;
+  if (vdomEl.ch_ === "textarea") {
+    vdomEl.ci_ = node.value;
   } else if (virtualizeChildNodes) {
     virtualizeChildNodes(node, vdomEl, ownerComponent);
   }
@@ -267,12 +267,12 @@ function virtualizeElement(node, virtualizeChildNodes, ownerComponent) {
   return vdomEl;
 }
 
-VElement.cc_ = virtualizeElement;
+VElement.cm_ = virtualizeElement;
 
-VElement.cd_ = function (fromEl, vFromEl, toEl) {
+VElement.cn_ = function (fromEl, vFromEl, toEl) {
   var fromFlags = vFromEl.t_;
   var toFlags = toEl.t_;
-  var attrs = toEl.bX_;
+  var attrs = toEl.cg_;
 
   if (toFlags & FLAG_CUSTOM_ELEMENT) {
     return assign(fromEl, attrs);
@@ -289,7 +289,7 @@ VElement.cd_ = 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.bX_;
+  var oldAttrs = vFromEl.cg_;
 
   if (oldAttrs === attrs) {
     // For constant attributes the same object will be provided
@@ -315,7 +315,7 @@ VElement.cd_ = function (fromEl, vFromEl, toEl) {
   }
 
   var preserve = props && props.pa || EMPTY_OBJECT;
-  var specialAttrs = specialElHandlers[toEl.bY_] || EMPTY_OBJECT;
+  var specialAttrs = specialElHandlers[toEl.ch_] || EMPTY_OBJECT;
   var specialAttr;
 
   // Loop over all of the attributes in the attribute map and compare
@@ -353,7 +353,7 @@ VElement.cd_ = 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.bR_ === 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]) {