marko 5.36.4 → 5.37.0

package/dist/node_modules/@internal/components-registry/index-browser.js

@@ -1,21 +1,21 @@
 "use strict"; // eslint-disable-next-line no-constant-binary-expression
-
-var setImmediate = require("@internal/set-immediate")._k_;
+var complain = "MARKO_DEBUG" && require("complain");
+var setImmediate = require("@internal/set-immediate").___setImmediate;
 var warp10Finalize = require("warp10/finalize");
 var defineComponent = require("../../../runtime/components/defineComponent");
 var eventDelegation = require("../../../runtime/components/event-delegation");
 var createFragmentNode =
-require("../../../runtime/vdom/morphdom/fragment")._l_;
+require("../../../runtime/vdom/morphdom/fragment").___createFragmentNode;
 var ComponentDef = require("../../../runtime/components/ComponentDef");
 var domData = require("../../../runtime/components/dom-data");
 var componentsUtil = require("@internal/components-util");
 var req = require("@internal/require");
-var componentLookup = componentsUtil._m_;
+var componentLookup = componentsUtil.___componentLookup;
 var addComponentRootToKeyedElements =
-componentsUtil._n_;
-var keysByDOMNode = domData._o_;
-var keyedElementsByComponentId = domData._p_;
-var componentsByDOMNode = domData._q_;
+componentsUtil.___addComponentRootToKeyedElements;
+var keysByDOMNode = domData.___keyByDOMNode;
+var keyedElementsByComponentId = domData.___ssrKeyedElementsByComponentId;
+var componentsByDOMNode = domData.___componentByDOMNode;
 var serverComponentRootNodes = {};
 var serverRenderedMeta = {};
 var win = window;
@@ -74,15 +74,15 @@ function load(typeName, isLegacy) {
     if (target) {
       target = target();
     } else if (isLegacy) {
-      target = exports._h_.load(typeName);
+      target = exports.___legacy.load(typeName);
     } else {
       target = req(typeName);
       // eslint-disable-next-line no-constant-condition
-
-
-
-
-
+      if ("MARKO_DEBUG") {
+        complain(
+          "Looks like you used `require:` in your browser.json to load a component.  This requires that Marko has knowledge of how lasso generates paths and will be removed in a future version.  `marko-dependencies:/path/to/template.marko` should be used instead."
+        );
+      }
     }
 
     if (!target) {
@@ -106,37 +106,37 @@ function getComponentClass(typeName, isLegacy) {
 
   ComponentClass = ComponentClass.Component || ComponentClass;
 
-  if (!ComponentClass.y_) {
+  if (!ComponentClass.___isComponent) {
     ComponentClass = defineComponent(ComponentClass, ComponentClass.renderer);
   }
 
   // Make the component "type" accessible on each component instance
-  ComponentClass.prototype._r_ = typeName;
+  ComponentClass.prototype.___type = typeName;
 
   // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+  if ("MARKO_DEBUG") {
+    var classNameMatch =
+    /\/([^/]+?)(?:\/index|\/template|)(?:\.marko|\.component(?:-browser)?|)$/.exec(
+      typeName
+    );
+    var className = classNameMatch ? classNameMatch[1] : "AnonymousComponent";
+    className = className.replace(/-(.)/g, function (g) {
+      return g[1].toUpperCase();
+    });
+    className = className.
+    replace(/\$\d+\.\d+\.\d+$/, "").
+    replace(/^[^a-z$_]/i, "_$&").
+    replace(/[^0-9a-z$_]+/gi, "_");
+    className = className[0].toUpperCase() + className.slice(1);
+
+    var OldComponentClass = ComponentClass;
+    ComponentClass = {
+      [className]: function (id, doc) {
+        OldComponentClass.call(this, id, doc);
+      }
+    }[className];
+    ComponentClass.prototype = OldComponentClass.prototype;
+  }
 
   componentTypes[typeName] = ComponentClass;
 
@@ -191,7 +191,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
             ownerId = parts[1];
             componentId = parts[0];
             if (ownerComponent = componentLookup[ownerId]) {
-              keyedElements = ownerComponent.L_;
+              keyedElements = ownerComponent.___keyedElements;
             } else {
               keyedElements =
               keyedElementsByComponentId[ownerId] || (
@@ -214,13 +214,13 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
     } else if (node.nodeType === 1) {
       // HTML element node
       var markoKey = node.getAttribute("data-marko-key");
-      var markoProps = componentsUtil._s_(node);
+      var markoProps = componentsUtil.___getMarkoPropsFromEl(node);
       if (markoKey) {
         var separatorIndex = markoKey.indexOf(" ");
         ownerId = markoKey.substring(separatorIndex + 1);
         markoKey = markoKey.substring(0, separatorIndex);
         if (ownerComponent = componentLookup[ownerId]) {
-          keyedElements = ownerComponent.L_;
+          keyedElements = ownerComponent.___keyedElements;
         } else {
           keyedElements =
           keyedElementsByComponentId[ownerId] || (
@@ -233,7 +233,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
       if (markoProps) {
         Object.keys(markoProps).forEach(function (key) {
           if (key.slice(0, 2) === "on") {
-            eventDelegation._t_(key.slice(2));
+            eventDelegation.___addDelegatedEventHandler(key.slice(2));
           }
         });
       }
@@ -295,22 +295,22 @@ handles)
 }
 
 function initComponent(componentDef, host) {
-  var component = componentDef.t_;
+  var component = componentDef.___component;
 
-  if (!component || !component.y_) {
+  if (!component || !component.___isComponent) {
     return; // legacy
   }
 
-  component._u_();
-  component.C_ = host;
+  component.___reset();
+  component.___host = host;
 
-  var isExisting = componentDef._v_;
+  var isExisting = componentDef.___isExisting;
 
   if (isExisting) {
-    component._w_();
+    component.___removeDOMEventListeners();
   }
 
-  var domEvents = componentDef._d_;
+  var domEvents = componentDef.___domEvents;
   if (domEvents) {
     var eventListenerHandles = [];
 
@@ -319,7 +319,7 @@ function initComponent(componentDef, host) {
 
       var eventType = domEventArgs[0];
       var targetMethodName = domEventArgs[1];
-      var eventEl = component.L_[domEventArgs[2]];
+      var eventEl = component.___keyedElements[domEventArgs[2]];
       var isOnce = domEventArgs[3];
       var extraArgs = domEventArgs[4];
 
@@ -335,15 +335,15 @@ function initComponent(componentDef, host) {
     });
 
     if (eventListenerHandles.length) {
-      component._x_ = eventListenerHandles;
+      component.___domEventListenerHandles = eventListenerHandles;
     }
   }
 
-  if (component._y_) {
-    component._z_();
+  if (component.___mounted) {
+    component.___emitUpdate();
   } else {
-    component._y_ = true;
-    component._A_();
+    component.___mounted = true;
+    component.___emitMount();
   }
 }
 
@@ -359,7 +359,7 @@ function initClientRendered(componentDefs, host) {
   if (!host) host = document;
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
-  eventDelegation._B_(host);
+  eventDelegation.___init(host);
   var len = componentDefs.length;
   var componentDef;
   var i;
@@ -395,17 +395,17 @@ function initServerRendered(renderedComponents, host) {
     renderedComponents = win[globalKey];
 
     // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
-
-
-
+    if ("MARKO_DEBUG") {
+      if (
+      renderedComponents &&
+      renderedComponents.i !== undefined &&
+      renderedComponents.i !== componentsUtil.___runtimeId)
+      {
+        console.warn(
+          "Multiple instances of Marko have attached to the same runtime id. This could mean that more than one copy of Marko is loaded on the page, or that the script containing Marko has executed more than once."
+        );
+      }
+    }
 
     var fakeArray = win[globalKey] = {
       r: runtimeId,
@@ -413,9 +413,9 @@ function initServerRendered(renderedComponents, host) {
     };
 
     // eslint-disable-next-line no-constant-condition
-
-
-
+    if ("MARKO_DEBUG") {
+      fakeArray.i = componentsUtil.___runtimeId;
+    }
 
     if (renderedComponents && renderedComponents.forEach) {
       renderedComponents.forEach(function (renderedComponent) {
@@ -437,21 +437,21 @@ function initServerRendered(renderedComponents, host) {
     if (!host) host = document;
 
     // eslint-disable-next-line no-constant-condition
-
-
-
-
-
+    if ("MARKO_DEBUG") {
+      complain(
+        "Passing serialized data to `require('marko/components).init` is deprecated. Instead set '$global.runtimeId' and provide the 'runtimeId' option to your Marko bundler plugin."
+      );
+    }
   }
 
   // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
+  if ("MARKO_DEBUG") {
+    if (host !== document) {
+      complain(
+        "Passing a document other than the current document to `require('marko/components).init` is deprecated."
+      );
+    }
+  }
 
   var prefix = renderedComponents.p || "s";
   var meta = serverRenderedMeta[prefix];
@@ -472,18 +472,18 @@ function initServerRendered(renderedComponents, host) {
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
   indexServerComponentBoundaries(host, runtimeId);
-  eventDelegation._B_(host);
+  eventDelegation.___init(host);
 
-  if (!meta._C_) {
-    meta._C_ = Object.assign({
+  if (!meta.___globals) {
+    meta.___globals = Object.assign({
       runtimeId: runtimeId,
       componentIdPrefix: prefix
     }, renderedComponents.g);
   }
 
   if (renderedComponents.t) {
-    meta._D_ = meta._D_ ?
-    meta._D_.concat(renderedComponents.t) :
+    meta.___types = meta.___types ?
+    meta.___types.concat(renderedComponents.t) :
     renderedComponents.t;
   }
 
@@ -491,7 +491,7 @@ function initServerRendered(renderedComponents, host) {
   // and return an array of functions to mount these components
   (renderedComponents.w || []).
   map(function (componentDef) {
-    var typeName = meta._D_[componentDef[1]];
+    var typeName = meta.___types[componentDef[1]];
 
     return registered[typeName] ||
     req.e(typeName) ?
@@ -505,10 +505,10 @@ function initServerRendered(renderedComponents, host) {
 }
 
 function tryHydrateComponent(rawDef, meta, host, runtimeId) {
-  var componentDef = ComponentDef._E_(
+  var componentDef = ComponentDef.___deserialize(
     rawDef,
-    meta._D_,
-    meta._C_,
+    meta.___types,
+    meta.___globals,
     exports
   );
   var mount = hydrateComponentAndGetMount(componentDef, host);
@@ -539,19 +539,19 @@ function tryHydrateComponent(rawDef, meta, host, runtimeId) {
 
 function hydrateComponentAndGetMount(componentDef, host) {
   var componentId = componentDef.id;
-  var component = componentDef.t_;
+  var component = componentDef.___component;
   var rootNode = serverComponentRootNodes[componentId];
   var renderResult;
 
   if (rootNode) {
     delete serverComponentRootNodes[componentId];
 
-    component._F_ = rootNode;
+    component.___rootNode = rootNode;
     componentsByDOMNode.set(rootNode, component);
 
-    if (componentDef.v_ & FLAG_WILL_RERENDER_IN_BROWSER) {
-      component.C_ = host;
-      renderResult = component._G_(component.P_, true);
+    if (componentDef.___flags & FLAG_WILL_RERENDER_IN_BROWSER) {
+      component.___host = host;
+      renderResult = component.___rerender(component.___input, true);
       trackComponent(componentDef);
       return function mount() {
         renderResult.afterInsert(host);
@@ -567,7 +567,7 @@ function hydrateComponentAndGetMount(componentDef, host) {
 }
 
 function trackComponent(componentDef) {
-  var component = componentDef.t_;
+  var component = componentDef.___component;
   if (component) {
     componentLookup[component.id] = component;
   }
@@ -578,9 +578,9 @@ function tryInvoke(fn) {
 }
 
 exports.r = register;
-exports._H_ = createComponent;
-exports._I_ = getComponentClass;
-exports.V_ = win.$initComponents = initServerRendered;
+exports.___createComponent = createComponent;
+exports.___getComponentClass = getComponentClass;
+exports.___initServerRendered = win.$initComponents = initServerRendered;
 
-require("../../../runtime/components/ComponentsContext")._J_ =
+require("../../../runtime/components/ComponentsContext").___initClientRendered =
 initClientRendered;

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

@@ -40,5 +40,5 @@ scope)
   return new ServerComponent(id, input, out, typeName, customEvents, scope);
 }
 
-exports._K_ = true;
-exports._H_ = createComponent;
+exports.___isServer = true;
+exports.___createComponent = createComponent;

package/dist/node_modules/@internal/components-util/index-browser.js

@@ -1,8 +1,8 @@
 "use strict";var domData = require("../../../runtime/components/dom-data");
-var componentsByDOMNode = domData._q_;
-var keysByDOMNode = domData._o_;
-var vElementsByDOMNode = domData._L_;
-var vPropsByDOMNode = domData._M_;
+var componentsByDOMNode = domData.___componentByDOMNode;
+var keysByDOMNode = domData.___keyByDOMNode;
+var vElementsByDOMNode = domData.___vElementByDOMNode;
+var vPropsByDOMNode = domData.___vPropsByDOMNode;
 var markoUID = window.$MUID || (window.$MUID = { i: 0 });
 var runtimeId = markoUID.i++;
 
@@ -27,7 +27,7 @@ function getComponentForEl(el, host) {
         component = componentsByDOMNode.get(node);
       }
     } else if (vElement = vElementsByDOMNode.get(node)) {
-      component = vElement._N_;
+      component = vElement.___ownerComponent;
     }
 
     if (component) {
@@ -41,7 +41,7 @@ function getComponentForEl(el, host) {
 function destroyComponentForNode(node) {
   var componentToDestroy = componentsByDOMNode.get(node.fragment || node);
   if (componentToDestroy) {
-    componentToDestroy._O_();
+    componentToDestroy.___destroyShallow();
     delete componentLookup[componentToDestroy.id];
   }
 }
@@ -51,13 +51,13 @@ function destroyNodeRecursive(node, component) {
     var key;
 
     if (component && (key = keysByDOMNode.get(node))) {
-      if (node === component.L_[key]) {
+      if (node === component.___keyedElements[key]) {
         if (componentsByDOMNode.get(node) && /\[\]$/.test(key)) {
-          delete component.L_[key][
+          delete component.___keyedElements[key][
           componentsByDOMNode.get(node).id];
 
         } else {
-          delete component.L_[key];
+          delete component.___keyedElements[key];
         }
       }
     }
@@ -103,7 +103,7 @@ function getMarkoPropsFromEl(el) {
   var virtualProps;
 
   if (vElement) {
-    virtualProps = vElement._P_;
+    virtualProps = vElement.___properties;
   } else {
     virtualProps = vPropsByDOMNode.get(el);
     if (!virtualProps) {
@@ -140,13 +140,13 @@ componentId)
   }
 }
 
-exports._Q_ = runtimeId;
-exports._m_ = componentLookup;
-exports.U_ = getComponentForEl;
-exports._R_ = destroyComponentForNode;
-exports._S_ = destroyNodeRecursive;
-exports._T_ = nextComponentIdProvider;
-exports._U_ = attachBubblingEvent;
-exports._s_ = getMarkoPropsFromEl;
-exports._n_ = addComponentRootToKeyedElements;
-exports._V_ = normalizeComponentKey;
+exports.___runtimeId = runtimeId;
+exports.___componentLookup = componentLookup;
+exports.___getComponentForEl = getComponentForEl;
+exports.___destroyComponentForNode = destroyComponentForNode;
+exports.___destroyNodeRecursive = destroyNodeRecursive;
+exports.___nextComponentIdProvider = nextComponentIdProvider;
+exports.___attachBubblingEvent = attachBubblingEvent;
+exports.___getMarkoPropsFromEl = getMarkoPropsFromEl;
+exports.___addComponentRootToKeyedElements = addComponentRootToKeyedElements;
+exports.___normalizeComponentKey = normalizeComponentKey;

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

@@ -6,14 +6,14 @@ function nextComponentIdProvider(out) {
   var nextId = 0;
 
   // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
+  if ("MARKO_DEBUG") {
+    if (out.global.widgetIdPrefix) {
+      require("complain")(
+        "$global.widgetIdPrefix is deprecated. use $global.componentIdPrefix instead.",
+        { location: false }
+      );
+    }
+  }
 
   return function nextComponentId() {
     return prefix + nextId++;
@@ -28,8 +28,8 @@ extraArgs)
 {
   if (handlerMethodName) {
     if (extraArgs) {
-      var component = componentDef.t_;
-      var eventIndex = component._a_++;
+      var component = componentDef.___component;
+      var eventIndex = component.___bubblingDomEventsExtraArgsCount++;
 
       // If we are not going to be doing a rerender in the browser
       // then we need to actually store the extra args with the UI component
@@ -39,11 +39,11 @@ extraArgs)
       // where the extra args will be found when the UI component is
       // rerendered in the browser
 
-      if (!(componentDef.v_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
+      if (!(componentDef.___flags & FLAG_WILL_RERENDER_IN_BROWSER)) {
         if (eventIndex === 0) {
-          component.Z_ = [extraArgs];
+          component.___bubblingDomEvents = [extraArgs];
         } else {
-          component.Z_.push(extraArgs);
+          component.___bubblingDomEvents.push(extraArgs);
         }
       }
 
@@ -62,10 +62,14 @@ extraArgs)
   }
 }
 
-exports._T_ = nextComponentIdProvider;
-exports._K_ = true;
-exports._U_ = attachBubblingEvent;
-exports._R_ = function noop() {};
-exports._S_ = function noop() {};
-
-// eslint-disable-next-line no-constant-condition
+exports.___nextComponentIdProvider = nextComponentIdProvider;
+exports.___isServer = true;
+exports.___attachBubblingEvent = attachBubblingEvent;
+exports.___destroyComponentForNode = function noop() {};
+exports.___destroyNodeRecursive = function noop() {};
+
+// eslint-disable-next-line no-constant-condition
+if ("MARKO_DEBUG") {
+  exports.___startDOMManipulationWarning = function noop() {};
+  exports.___stopDOMManipulationWarning = function noop() {};
+}

package/dist/node_modules/@internal/create-readable/index-browser.js

@@ -17,7 +17,7 @@ module.exports = function (data) {
     data && data.$global,
     facade,
     undefined,
-    this._W_
+    this.___shouldBuffer
   );
   out.once("error", (err) => {
     facade.write = facade.end = noop;

package/dist/node_modules/@internal/create-readable/index.js

@@ -17,9 +17,9 @@ if (String(OutgoingMessageProto.flush).indexOf("deprecated") !== -1) {
 class Readable extends stream.Readable {
   constructor(template, data) {
     super();
-    this._X_ = template;
-    this._Y_ = data;
-    this._Z_ = false;
+    this.___template = template;
+    this.___data = data;
+    this.___rendered = false;
   }
 
   write(data) {
@@ -33,19 +33,19 @@ class Readable extends stream.Readable {
   }
 
   _read() {
-    if (this._Z_) {
+    if (this.___rendered) {
       return;
     }
 
-    this._Z_ = true;
-    var template = this._X_;
-    var data = this._Y_;
+    this.___rendered = true;
+    var template = this.___template;
+    var data = this.___data;
     var globalData = data && data.$global;
-    var out = this._X_.createOut(
+    var out = this.___template.createOut(
       globalData,
       this,
       undefined,
-      template._W_
+      template.___shouldBuffer
     );
     template.render(data, out);
     out.end();

package/dist/node_modules/@internal/preserve-tag/index-browser.js

@@ -1,16 +1,16 @@
 "use strict";module.exports = function render(input, out) {
   var isComponent = !input.n;
   var shouldPreserve = !("i" in input) || input.i;
-  var componentsContext = out.b_;
+  var componentsContext = out.___components;
   var isHydrate =
-  componentsContext && componentsContext.q_.a__;
-  var ownerComponent = out.aa_.t_;
+  componentsContext && componentsContext.___globalContext.___isHydrate;
+  var ownerComponent = out.___assignedComponentDef.___component;
   var referenceComponent = ownerComponent;
-  var key = out.ab_;
+  var key = out.___assignedKey;
   var checkKey = key;
 
   if (key[0] !== "@") {
-    var parentComponent = componentsContext.p_.t_;
+    var parentComponent = componentsContext.___componentDef.___component;
     if (ownerComponent !== parentComponent) {
       referenceComponent = parentComponent;
       checkKey += ":" + ownerComponent.id;
@@ -20,7 +20,7 @@
   var isPreserved =
   shouldPreserve && (
   isComponent && isHydrate ||
-  referenceComponent.L_[checkKey]);
+  referenceComponent.___keyedElements[checkKey]);
 
   if (isComponent) {
     out.bf(key, ownerComponent, shouldPreserve);
@@ -33,10 +33,10 @@
   } else {
     if (isPreserved) {
       if (input.b) {
-        out.ac_.ad_ = true;
+        out.___parent.___preserveBody = true;
       } else {
         out.beginElement("", null, key, ownerComponent);
-        out.ac_.ae_ = true;
+        out.___parent.___preserve = true;
         out.endElement();
       }
     } else if (input.renderBody) {

package/dist/node_modules/@internal/preserve-tag/index.js

@@ -1,13 +1,13 @@
 "use strict";var ComponentsContext = require("../../../runtime/components/ComponentsContext");
-var getComponentsContext = ComponentsContext.T_;
+var getComponentsContext = ComponentsContext.___getComponentsContext;
 
 module.exports = function render(input, out) {
   var isComponent = !input.n;
   var shouldPreserve = !("i" in input) || input.i;
-  var componentsContext = out.b_;
+  var componentsContext = out.___components;
 
   if (isComponent) {
-    out.bf(out.ab_, out.aa_.t_, true);
+    out.bf(out.___assignedKey, out.___assignedComponentDef.___component, true);
   }
 
   if (input.renderBody) {
@@ -15,14 +15,14 @@ module.exports = function render(input, out) {
       var parentPreserved = false;
 
       if (componentsContext) {
-        parentPreserved = componentsContext.w_;
+        parentPreserved = componentsContext.___isPreserved;
       } else {
         componentsContext = getComponentsContext(out);
       }
 
-      componentsContext.w_ = true;
+      componentsContext.___isPreserved = true;
       input.renderBody(out);
-      componentsContext.w_ = parentPreserved;
+      componentsContext.___isPreserved = parentPreserved;
     } else {
       input.renderBody(out);
     }