marko 5.36.4 → 5.37.0

package/dist/runtime/dom-insert.js

@@ -1,12 +1,12 @@
 "use strict";var extend = require("raptor-util/extend");
 var componentsUtil = require("@internal/components-util");
-var destroyComponentForNode = componentsUtil._R_;
-var destroyNodeRecursive = componentsUtil._S_;
+var destroyComponentForNode = componentsUtil.___destroyComponentForNode;
+var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
 var helpers = require("./vdom/morphdom/helpers");
 
-var insertBefore = helpers.bg_;
-var insertAfter = helpers.bh_;
-var removeChild = helpers.bi_;
+var insertBefore = helpers.___insertBefore;
+var insertAfter = helpers.___insertAfter;
+var removeChild = helpers.___removeChild;
 
 function resolveEl(el) {
   if (typeof el == "string") {

package/dist/runtime/helpers/_change-case.js

@@ -6,7 +6,7 @@ var dashToCamelLookup = Object.create(null);
 /**
  * Helper for converting camelCase to dash-case.
  */
-exports.bj_ = function camelToDashCase(name) {
+exports.___camelToDashCase = function camelToDashCase(name) {
   var nameDashed = camelToDashLookup[name];
   if (!nameDashed) {
     nameDashed = camelToDashLookup[name] = name.
@@ -24,7 +24,7 @@ exports.bj_ = function camelToDashCase(name) {
 /**
  * Helper for converting dash-case to camelCase.
  */
-exports.bk_ = function dashToCamelCase(name) {
+exports.___dashToCamelCase = function dashToCamelCase(name) {
   var nameCamel = dashToCamelLookup[name];
   if (!nameCamel) {
     nameCamel = dashToCamelLookup[name] = name.replace(

package/dist/runtime/helpers/dynamic-tag.js

@@ -1,14 +1,14 @@
 "use strict";
 
 // eslint-disable-next-line no-constant-binary-expression
-
+var complain = "MARKO_DEBUG" && require("complain");
 var ComponentDef = require("../components/ComponentDef");
 var ComponentsContext = require("../components/ComponentsContext");
 var serializeNOOP = require("../helpers/serialize-noop");
-var w10NOOP = serializeNOOP.aK_;
-var w10ToJSON = serializeNOOP.W_;
+var w10NOOP = serializeNOOP.___noop;
+var w10ToJSON = serializeNOOP.___toJSON;
 var changeCase = require("./_change-case");
-var getComponentsContext = ComponentsContext.T_;
+var getComponentsContext = ComponentsContext.___getComponentsContext;
 
 var FLAG_WILL_RERENDER_IN_BROWSER = 1;
 // var FLAG_HAS_RENDER_BODY = 2;
@@ -34,10 +34,10 @@ customEvents)
     }
 
     var attrs = getAttrs && getAttrs();
-    var component = componentDef && componentDef.t_;
+    var component = componentDef && componentDef.___component;
     if (typeof tag === "string") {
       if (renderBody) {
-        out.bl_(
+        out.___beginElementDynamic(
           tag,
           attrs,
           key,
@@ -45,9 +45,9 @@ customEvents)
           addEvents(componentDef, customEvents, props)
         );
         renderBody(out);
-        out.bm_();
+        out.___endElement();
       } else {
-        out.bn_(
+        out.___elementDynamic(
           tag,
           attrs,
           key,
@@ -71,16 +71,16 @@ customEvents)
       var render = tag && tag.renderBody || tag;
 
       // eslint-disable-next-line no-constant-condition
+      if ("MARKO_DEBUG") {
+        if (tag.renderer && tag.renderer.renderer) {
+          complain(
+            "An object with a 'renderer' was passed to the dynamic tag, but renderer was another template."
+          );
+        }
+      }
 
-
-
-
-
-
-
-
-      if (dynamicTag.bo_) {
-        renderer = dynamicTag.bo_(
+      if (dynamicTag.___runtimeCompat) {
+        renderer = dynamicTag.___runtimeCompat(
           renderer,
           render,
           args,
@@ -91,31 +91,31 @@ customEvents)
       if (renderer) {
         out.c(componentDef, key, customEvents);
         renderer(attrs, out);
-        out.aa_ = null;
+        out.___assignedComponentDef = null;
       } else {
         var isFn = typeof render === "function";
 
         // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
+        if ("MARKO_DEBUG") {
+          if (render.safeHTML || render.toHTML) {
+            throw new Error(
+              "Using `<include(x)/>` or the `<${dynamic}/>` tags with a `{ safeHTML: ... }` object is no longer supported. Use the unescaped text placeholder syntax instead."
+            );
+          }
+        }
         if (isFn) {
-          var flags = componentDef ? componentDef.v_ : 0;
+          var flags = componentDef ? componentDef.___flags : 0;
           var willRerender = flags & FLAG_WILL_RERENDER_IN_BROWSER;
           var isW10NOOP = render === w10NOOP;
           var preserve = IS_SERVER ? willRerender : isW10NOOP;
           out.bf(key, component, preserve);
           if (!isW10NOOP && isFn) {
             var componentsContext = getComponentsContext(out);
-            var parentComponentDef = componentsContext.p_;
-            var globalContext = componentsContext.q_;
-            componentsContext.p_ = new ComponentDef(
+            var parentComponentDef = componentsContext.___componentDef;
+            var globalContext = componentsContext.___globalContext;
+            componentsContext.___componentDef = new ComponentDef(
               component,
-              parentComponentDef.id + "-" + parentComponentDef.aO_(key),
+              parentComponentDef.id + "-" + parentComponentDef.___nextKey(key),
               globalContext
             );
             render.toJSON = w10ToJSON;
@@ -126,7 +126,7 @@ customEvents)
               render(out, attrs);
             }
 
-            componentsContext.p_ = parentComponentDef;
+            componentsContext.___componentDef = parentComponentDef;
           }
           out.ef();
         } else {
@@ -140,7 +140,7 @@ customEvents)
       component,
       IS_SERVER &&
       componentDef &&
-      componentDef.v_ & FLAG_WILL_RERENDER_IN_BROWSER
+      componentDef.___flags & FLAG_WILL_RERENDER_IN_BROWSER
     );
     renderBody(out);
     out.ef();
@@ -151,7 +151,7 @@ function attrsToCamelCase(attrs) {
   var result = {};
 
   for (var key in attrs) {
-    result[changeCase.bk_(key)] = attrs[key];
+    result[changeCase.___dashToCamelCase(key)] = attrs[key];
   }
 
   return result;

package/dist/runtime/helpers/render-tag.js

@@ -16,5 +16,5 @@ customEvents)
     input,
     out
   );
-  out.aa_ = null;
+  out.___assignedComponentDef = null;
 };

package/dist/runtime/helpers/serialize-noop.js

@@ -1,5 +1,5 @@
 "use strict";var w10NOOP = require("warp10/constants").NOOP;
-exports.aK_ = w10NOOP;
-exports.W_ = function () {
+exports.___noop = w10NOOP;
+exports.___toJSON = function () {
   return w10NOOP;
 };

package/dist/runtime/helpers/style-value.js

@@ -32,7 +32,7 @@ module.exports = function styleHelper(style) {
             value += "px";
           }
 
-          styles += sep + changeCase.bj_(name) + ":" + value;
+          styles += sep + changeCase.___camelToDashCase(name) + ":" + value;
           sep = ";";
         }
       }

package/dist/runtime/helpers/tags-compat/runtime-dom.js

@@ -1,17 +1,17 @@
-"use strict";const { _m_ } = require("@internal/components-util");
+"use strict";const { ___componentLookup } = require("@internal/components-util");
 const {
-  T_
+  ___getComponentsContext
 } = require("../../components/ComponentsContext");
 const defineComponent = require("../../components/defineComponent");
 const { r: registerComponent } = require("../../components/registry");
 const createRenderer = require("../../components/renderer");
 const defaultCreateOut = require("../../createOut");
 const morphdom = require("../../vdom/morphdom");
-const { _l_ } = require("../../vdom/morphdom/fragment");
+const { ___createFragmentNode } = require("../../vdom/morphdom/fragment");
 const dynamicTag = require("../dynamic-tag");
 
 exports.p = function (domCompat) {
-  dynamicTag.bo_ = function tagsToVdom(
+  dynamicTag.___runtimeCompat = function tagsToVdom(
   renderer,
   renderBody,
   args,
@@ -38,18 +38,18 @@ exports.p = function (domCompat) {
       const tagsRenderer = domCompat.resolveRegistered(_.r, global);
       const newNode = domCompat.render(out, component, tagsRenderer, input);
 
-      out.bf(out.ab_, component, !newNode);
+      out.bf(out.___assignedKey, component, !newNode);
       if (newNode) {
-        out.node({ bp_: () => newNode });
+        out.node({ ___actualize: () => newNode });
       }
       out.ef();
     },
     // eslint-disable-next-line no-constant-condition
-
-
-
-
-
+    "MARKO_DEBUG" ?
+    {
+      t: TagsCompatId,
+      d: true
+    } :
     {
       t: TagsCompatId
     },
@@ -103,12 +103,12 @@ exports.p = function (domCompat) {
         if (!newRenderer) {
           const { Component } = renderer;
           if (Component) {
-            const setCustomEvents = Component.prototype.aE_;
-            Component.prototype.aE_ = function (
+            const setCustomEvents = Component.prototype.___setCustomEvents;
+            Component.prototype.___setCustomEvents = function (
             customEvents,
             scopeId)
             {
-              const global = this.al_;
+              const global = this.___global;
               for (const customEvent of customEvents) {
                 customEvent[1] = domCompat.resolveRegistered(
                   customEvent[1],
@@ -127,7 +127,7 @@ exports.p = function (domCompat) {
             },
             () => {
               const realFragment = document.createDocumentFragment();
-              _l_(null, null, realFragment);
+              ___createFragmentNode(null, null, realFragment);
               return realFragment;
             },
             (scope, input) => {
@@ -150,17 +150,17 @@ exports.p = function (domCompat) {
     let host = domCompat.getStartNode(scope);
     let rootNode = host.fragment;
     if (!rootNode) {
-      const component = scope.bq_ =
-      _m_[scope.m5c];
-      rootNode = component._F_;
+      const component = scope.___marko5Component =
+      ___componentLookup[scope.m5c];
+      rootNode = component.___rootNode;
       host = rootNode.startNode;
       domCompat.setScopeNodes(host, rootNode.endNode);
     }
-    const existingComponent = scope.bq_;
-    const componentsContext = T_(out);
-    const globalComponentsContext = componentsContext.q_;
+    const existingComponent = scope.___marko5Component;
+    const componentsContext = ___getComponentsContext(out);
+    const globalComponentsContext = componentsContext.___globalContext;
     let customEvents;
-    globalComponentsContext.aA_ = existingComponent;
+    globalComponentsContext.___rerenderComponent = existingComponent;
     out.sync();
     if (renderer) {
       const [rawInput] = input;
@@ -185,16 +185,16 @@ exports.p = function (domCompat) {
     }
 
     domCompat.queueEffect(scope, () => {
-      const targetNode = out.ai_().aB_;
+      const targetNode = out.___getOutput().___firstChild;
       morphdom(rootNode, targetNode, host, componentsContext);
-      const componentDefs = componentsContext.ag_(
+      const componentDefs = componentsContext.___initComponents(
         getRootNode(host)
       );
-      const component = componentDefs[0].t_;
-      component._F_ = rootNode;
-      component.P_ = input[0];
-      component.X_ = customEvents;
-      scope.bq_ = component;
+      const component = componentDefs[0].___component;
+      component.___rootNode = rootNode;
+      component.___input = input[0];
+      component.___customEvents = customEvents;
+      scope.___marko5Component = component;
     });
   }
 
@@ -219,12 +219,12 @@ exports.p = function (domCompat) {
       );
     },
     // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
+    "MARKO_DEBUG" ?
+    {
+      t: RenderBodyComponentId,
+      i: true,
+      d: true
+    } :
     {
       t: RenderBodyComponentId,
       i: true

package/dist/runtime/helpers/tags-compat/runtime-html.js

@@ -1,23 +1,23 @@
 "use strict";const initComponentsTag = require("../../../core-tags/components/init-components-tag");
 const {
-  T_
+  ___getComponentsContext
 } = require("../../components/ComponentsContext");
 const createRenderer = require("../../components/renderer");
 const defaultCreateOut = require("../../createOut");
 const dynamicTag5 = require("../dynamic-tag");
 
 exports.p = function (htmlCompat) {
-  const isMarko6 = (fn) => !!fn.br_;
-  const isMarko5 = (fn) => !fn.br_;
+  const isMarko6 = (fn) => !!fn.___isTagsAPI;
+  const isMarko5 = (fn) => !fn.___isTagsAPI;
   const writeHTML = (result) => {
     const state = result.out._state;
     const writer = state.writer;
-    state.events.emit("c_", writer);
+    state.events.emit("___toString", writer);
     htmlCompat.writeScript(writer._scripts);
     htmlCompat.write(writer._content);
   };
 
-  dynamicTag5.bo_ = function tagsToVdom(
+  dynamicTag5.___runtimeCompat = function tagsToVdom(
   tagsRenderer,
   renderBody,
   args)
@@ -45,17 +45,17 @@ exports.p = function (htmlCompat) {
       const input = _.i;
       const tagsRenderer = _.r;
       const willRerender = componentDef._wrr;
-      out.bf(out.ab_, component, willRerender);
+      out.bf(out.___assignedKey, component, willRerender);
       htmlCompat.render(tagsRenderer, willRerender, out, component, input);
       out.ef();
     },
     // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
+    "MARKO_DEBUG" ?
+    {
+      t: TagsCompatId,
+      i: true,
+      d: true
+    } :
     {
       t: TagsCompatId,
       i: true
@@ -101,10 +101,10 @@ exports.p = function (htmlCompat) {
           renderBody5(out, input, ...args);
         }
 
-        const componentsContext = T_(out);
-        const component = componentsContext.b_[0];
+        const componentsContext = ___getComponentsContext(out);
+        const component = componentsContext.___components[0];
         if (component) {
-          component.t_.X_ = customEvents;
+          component.___component.___customEvents = customEvents;
           htmlCompat.writeSetScopeForComponent(component.id);
         }
 
@@ -127,7 +127,7 @@ exports.p = function (htmlCompat) {
       };
     },
     function createRenderer(renderFn) {
-      renderFn.br_ = true;
+      renderFn.___isTagsAPI = true;
       return renderFn;
     }
   );

package/dist/runtime/html/AsyncStream.js

@@ -9,7 +9,7 @@ var markoAttr = require("./helpers/data-marko");
 var escapeXmlHelper = require("./helpers/escape-xml");
 var StringWriter = require("./StringWriter");
 var escapeXmlOrNullish = escapeXmlHelper.x;
-var escapeXmlString = escapeXmlHelper.bs_;
+var escapeXmlString = escapeXmlHelper.___escapeXML;
 var missingSetTimeout = typeof setTimeout !== "function";
 
 function noop() {}
@@ -100,12 +100,12 @@ function AsyncStream(global, writer, parentOut) {
 
   this._elStack = undefined; // Array
 
-  this.b_ = null; // ComponentsContext
+  this.___components = null; // ComponentsContext
 
-  this.aa_ = null;
-  this.ab_ = null;
-  this.bd_ = null;
-  this.bt_ = false;
+  this.___assignedComponentDef = null;
+  this.___assignedKey = null;
+  this.___assignedCustomEvents = null;
+  this.___isLast = false;
 }
 
 AsyncStream.DEFAULT_TIMEOUT = 10000;
@@ -125,12 +125,12 @@ AsyncStream.enableAsyncStackTrace = function () {
 
 var proto = AsyncStream.prototype = {
   constructor: AsyncStream,
-  C_: typeof document === "object" && document,
-  bu_: true,
+  ___host: typeof document === "object" && document,
+  ___isOut: true,
 
   [Symbol.asyncIterator]() {
-    if (this.bv_) {
-      return this.bv_;
+    if (this.___iterator) {
+      return this.___iterator;
     }
 
     const originalWriter = this._state.writer;
@@ -221,7 +221,7 @@ var proto = AsyncStream.prototype = {
       };
     }
 
-    return this.bv_ = {
+    return this.___iterator = {
       next: iteratorNextFn,
       return: iteratorReturnFn,
       throw: iteratorReturnFn,
@@ -253,7 +253,7 @@ var proto = AsyncStream.prototype = {
     return this;
   },
 
-  ai_: function () {
+  ___getOutput: function () {
     return this._state.writer.toString();
   },
 
@@ -261,14 +261,14 @@ var proto = AsyncStream.prototype = {
    * Legacy...
    */
   getOutput: function () {
-    return this.ai_();
+    return this.___getOutput();
   },
 
   toString: function () {
     return this._state.writer.toString();
   },
 
-  o_: function () {
+  ___getResult: function () {
     this._result = this._result || new RenderResult(this);
     return this._result;
   },
@@ -319,7 +319,7 @@ var proto = AsyncStream.prototype = {
           }
 
           this._lastCount++;
-          newStream.bt_ = true;
+          newStream.___isLast = true;
         }
 
         name = options.name;
@@ -367,7 +367,7 @@ var proto = AsyncStream.prototype = {
     }
 
     if (state.events !== state.stream) {
-      state.events.emit("finish", this.o_());
+      state.events.emit("finish", this.___getResult());
     }
   },
 
@@ -439,7 +439,7 @@ var proto = AsyncStream.prototype = {
         parentOut._handleChildDone(this);
       }
     } else {
-      if (childOut.bt_) {
+      if (childOut.___isLast) {
         this._lastCount--;
       }
 
@@ -480,7 +480,7 @@ var proto = AsyncStream.prototype = {
     var state = this._state;
 
     if (event === "finish" && state.finished === true) {
-      callback(this.o_());
+      callback(this.___getResult());
     } else if (event === "last") {
       this.onLast(callback);
     } else {
@@ -494,7 +494,7 @@ var proto = AsyncStream.prototype = {
     var state = this._state;
 
     if (event === "finish" && state.finished === true) {
-      callback(this.o_());
+      callback(this.___getResult());
     } else if (event === "last") {
       this.onLast(callback);
     } else {
@@ -619,7 +619,7 @@ var proto = AsyncStream.prototype = {
     return newOut;
   },
 
-  bn_: function (
+  ___elementDynamic: function (
   tagName,
   elementAttrs,
   key,
@@ -658,7 +658,7 @@ var proto = AsyncStream.prototype = {
     this.write(str);
   },
 
-  bl_: function (
+  ___beginElementDynamic: function (
   name,
   elementAttrs,
   key,
@@ -724,14 +724,14 @@ var proto = AsyncStream.prototype = {
     }
   },
 
-  ah_: function (host) {
+  ___getNode: function (host) {
     var node = this._node;
 
     if (!node) {
       var nextEl;
       var fragment;
-      var html = this.ai_();
-      if (!host) host = this.C_;
+      var html = this.___getOutput();
+      if (!host) host = this.___host;
       var doc = host.ownerDocument || host;
 
       if (html) {
@@ -776,15 +776,15 @@ var proto = AsyncStream.prototype = {
   },
 
   c: function (componentDef, key, customEvents) {
-    this.aa_ = componentDef;
-    this.ab_ = key;
-    this.bd_ = customEvents;
+    this.___assignedComponentDef = componentDef;
+    this.___assignedKey = key;
+    this.___assignedCustomEvents = customEvents;
   }
 };
 
 // alias:
 proto.w = proto.write;
-proto.bm_ = proto.endElement;
+proto.___endElement = proto.endElement;
 
 module.exports = AsyncStream;
 

package/dist/runtime/html/BufferedWriter.js

@@ -1,8 +1,8 @@
 "use strict";
 
 const immediate = require("@internal/set-immediate");
-const setImmediate = immediate._k_;
-const clearImmediate = immediate.af_;
+const setImmediate = immediate.___setImmediate;
+const clearImmediate = immediate.___clearImmediate;
 const StringWriter = require("./StringWriter");
 
 /**

package/dist/runtime/html/StringWriter.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var escapeDoubleQuotes =
-require("./helpers/escape-quotes").n_;
+require("./helpers/escape-quotes").___escapeDoubleQuotes;
 
 function StringWriter() {
   this._content = "";
@@ -56,7 +56,7 @@ StringWriter.prototype = {
   },
 
   toString: function () {
-    this.state.events.emit("c_", this);
+    this.state.events.emit("___toString", this);
     let str = this._content;
     if (this._scripts) {
       const outGlobal = this.state.root.global;

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

@@ -1,7 +1,7 @@
 "use strict";
 var attrHelper = require("./attr");
-var notEmptyAttr = attrHelper.bw_;
-var isEmptyAttrValue = attrHelper.bx_;
+var notEmptyAttr = attrHelper.___notEmptyAttr;
+var isEmptyAttrValue = attrHelper.___isEmptyAttrValue;
 var classHelper = require("./class-attr");
 var styleHelper = require("./style-attr");
 

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

@@ -1,15 +1,15 @@
 "use strict";
 
 var escapeQuoteHelpers = require("./escape-quotes");
-var escapeDoubleQuotes = escapeQuoteHelpers.n_;
-var escapeSingleQuotes = escapeQuoteHelpers.by_;
+var escapeDoubleQuotes = escapeQuoteHelpers.___escapeDoubleQuotes;
+var escapeSingleQuotes = escapeQuoteHelpers.___escapeSingleQuotes;
 // eslint-disable-next-line no-constant-binary-expression
-
+var complain = "MARKO_DEBUG" && require("complain");
 
 module.exports = maybeEmptyAttr;
 
-maybeEmptyAttr.bw_ = notEmptyAttr;
-maybeEmptyAttr.bx_ = isEmpty;
+maybeEmptyAttr.___notEmptyAttr = notEmptyAttr;
+maybeEmptyAttr.___isEmptyAttrValue = isEmpty;
 
 function maybeEmptyAttr(name, value) {
   if (isEmpty(value)) {
@@ -32,12 +32,12 @@ function notEmptyAttr(name, value) {
         case Object.prototype.toString:
         case Array.prototype.toString:
           // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
+          if ("MARKO_DEBUG") {
+            complain(
+              "Relying on JSON.stringify for attribute values is deprecated, in future versions of Marko these will be cast to strings instead.",
+              { locationIndex: 2 }
+            );
+          }
 
           return " " + name + singleQuote(JSON.stringify(value), 2);
         case RegExp.prototype.toString: