marko 5.21.3 → 5.21.6

package/dist/runtime/components/init-components/index-browser.js

@@ -4,16 +4,16 @@ var warp10Finalize = require("warp10/finalize");
 var eventDelegation = require("../event-delegation");
 var win = window;
 var createFragmentNode =
-require("../../vdom/morphdom/fragment").ao_;
+require("../../vdom/morphdom/fragment").ap_;
 var componentsUtil = require("../util");
-var componentLookup = componentsUtil.C_;
+var componentLookup = componentsUtil.D_;
 var addComponentRootToKeyedElements =
-componentsUtil.ap_;
+componentsUtil.aq_;
 var ComponentDef = require("../ComponentDef");
 var registry = require("../registry");
 var domData = require("../dom-data");
-var keyedElementsByComponentId = domData.F_;
-var componentsByDOMNode = domData.E_;
+var keyedElementsByComponentId = domData.G_;
+var componentsByDOMNode = domData.F_;
 var serverComponentRootNodes = {};
 var serverRenderedMeta = {};
 
@@ -89,7 +89,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
     } else if (node.nodeType === 1) {
       // HTML element node
       var markoKey = node.getAttribute("data-marko-key");
-      var markoProps = componentsUtil.am_(node);
+      var markoProps = componentsUtil.an_(node);
       if (markoKey) {
         var separatorIndex = markoKey.indexOf(" ");
         ownerId = markoKey.substring(separatorIndex + 1);
@@ -106,7 +106,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
       if (markoProps) {
         Object.keys(markoProps).forEach(function (key) {
           if (key.slice(0, 2) === "on") {
-            eventDelegation._D_(key.slice(2));
+            eventDelegation._E_(key.slice(2));
           }
         });
       }
@@ -170,16 +170,16 @@ handles)
 function initComponent(componentDef, host) {
   var component = componentDef.h_;
 
-  component.I_();
-  component.X_ = host;
+  component.J_();
+  component.Y_ = host;
 
-  var isExisting = componentDef._G_;
+  var isExisting = componentDef._H_;
 
   if (isExisting) {
-    component._b_();
+    component._c_();
   }
 
-  var domEvents = componentDef._F_;
+  var domEvents = componentDef._G_;
   if (domEvents) {
     var eventListenerHandles = [];
 
@@ -204,15 +204,15 @@ function initComponent(componentDef, host) {
     });
 
     if (eventListenerHandles.length) {
-      component.M_ = eventListenerHandles;
+      component.N_ = eventListenerHandles;
     }
   }
 
-  if (component.R_) {
-    component.H_();
+  if (component.S_) {
+    component.I_();
   } else {
-    component.R_ = true;
-    component._z_();
+    component.S_ = true;
+    component._A_();
   }
 }
 
@@ -228,7 +228,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.an_(host);
+  eventDelegation.ao_(host);
   var len = componentDefs.length;
   var componentDef;
   var i;
@@ -341,15 +341,15 @@ function initServerRendered(renderedComponents, host) {
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
   indexServerComponentBoundaries(host, runtimeId);
-  eventDelegation.an_(host);
+  eventDelegation.ao_(host);
 
   if (renderedComponents.g) {
-    meta.aq_ = renderedComponents.g;
+    meta.ar_ = renderedComponents.g;
   }
 
   if (renderedComponents.t) {
-    meta.ar_ = meta.ar_ ?
-    meta.ar_.concat(renderedComponents.t) :
+    meta.as_ = meta.as_ ?
+    meta.as_.concat(renderedComponents.t) :
     renderedComponents.t;
   }
 
@@ -357,11 +357,11 @@ function initServerRendered(renderedComponents, host) {
   // and return an array of functions to mount these components
   (renderedComponents.w || []).
   map(function (componentDef) {
-    var typeName = meta.ar_[componentDef[1]];
+    var typeName = meta.as_[componentDef[1]];
 
-    return registry.as_(typeName) ?
+    return registry.at_(typeName) ?
     tryHydrateComponent(componentDef, meta, host, runtimeId) :
-    registry.at_(
+    registry.au_(
     componentDef,
     typeName,
     meta,
@@ -376,10 +376,10 @@ function initServerRendered(renderedComponents, host) {
 }
 
 function tryHydrateComponent(rawDef, meta, host, runtimeId) {
-  var componentDef = ComponentDef._O_(
+  var componentDef = ComponentDef._P_(
   rawDef,
+  meta.as_,
   meta.ar_,
-  meta.aq_,
   registry);
 
   var mount = hydrateComponentAndGetMount(componentDef, host);
@@ -417,12 +417,12 @@ function hydrateComponentAndGetMount(componentDef, host) {
   if (rootNode) {
     delete serverComponentRootNodes[componentId];
 
-    component.K_ = rootNode;
+    component.L_ = rootNode;
     componentsByDOMNode.set(rootNode, component);
 
-    if (componentDef._I_ & FLAG_WILL_RERENDER_IN_BROWSER) {
-      component.X_ = host;
-      renderResult = component._p_(component.Q_, true);
+    if (componentDef._J_ & FLAG_WILL_RERENDER_IN_BROWSER) {
+      component.Y_ = host;
+      renderResult = component._q_(component.R_, true);
       trackComponent(componentDef);
       return function mount() {
         renderResult.afterInsert(host);
@@ -448,6 +448,6 @@ function tryInvoke(fn) {
   if (fn) fn();
 }
 
-exports._R_ = initClientRendered;
-exports.ai_ = initServerRendered;
-exports.au_ = tryHydrateComponent;
+exports._S_ = initClientRendered;
+exports.aj_ = initServerRendered;
+exports.av_ = tryHydrateComponent;

package/dist/runtime/components/registry/index-browser.js

@@ -22,7 +22,7 @@ function register(type, def) {
     delete pendingDefs[type];
     queueMicrotask(function () {
       pendingForType.forEach(function (args) {
-        initComponents.au_(
+        initComponents.av_(
         args[0],
         args[1],
         args[2],
@@ -93,12 +93,12 @@ function getComponentClass(typeName) {
 
   ComponentClass = ComponentClass.Component || ComponentClass;
 
-  if (!ComponentClass.Y_) {
+  if (!ComponentClass.Z_) {
     ComponentClass = defineComponent(ComponentClass, ComponentClass.renderer);
   }
 
   // Make the component "type" accessible on each component instance
-  ComponentClass.prototype._N_ = typeName;
+  ComponentClass.prototype._O_ = typeName;
 
   // eslint-disable-next-line no-constant-condition
 
@@ -140,7 +140,7 @@ function createComponent(typeName, id) {
 }
 
 exports.r = register;
-exports.av_ = getComponentClass;
-exports._P_ = createComponent;
-exports.as_ = isRegistered;
-exports.at_ = addPendingDef;
+exports.aw_ = getComponentClass;
+exports._Q_ = createComponent;
+exports.at_ = isRegistered;
+exports.au_ = addPendingDef;

package/dist/runtime/components/registry/index.js

@@ -40,5 +40,5 @@ scope)
   return new ServerComponent(id, input, out, typeName, customEvents, scope);
 }
 
-exports.aw_ = true;
-exports._P_ = createComponent;
+exports.ax_ = true;
+exports._Q_ = createComponent;

package/dist/runtime/components/renderer.js

@@ -1,11 +1,11 @@
 "use strict";var componentsUtil = require("./util");
-var componentLookup = componentsUtil.C_;
+var componentLookup = componentsUtil.D_;
 
 var ComponentsContext = require("./ComponentsContext");
 var getComponentsContext = ComponentsContext.o_;
 var registry = require("./registry");
 var copyProps = require("raptor-util/copyProps");
-var isServer = componentsUtil.aw_ === true;
+var isServer = componentsUtil.ax_ === true;
 var beginComponent = require("./beginComponent");
 var endComponent = require("./endComponent");
 
@@ -15,7 +15,7 @@ function resolveComponentKey(key, parentComponentDef) {
   if (key[0] === "#") {
     return key.substring(1);
   } else {
-    return parentComponentDef.id + "-" + parentComponentDef._L_(key);
+    return parentComponentDef.id + "-" + parentComponentDef._M_(key);
   }
 }
 
@@ -42,7 +42,7 @@ function handleBeginAsync(event) {
   asyncOut.c(
   parentOut.g_,
   parentOut.i_,
-  parentOut.ax_);
+  parentOut.ay_);
 
 }
 
@@ -82,7 +82,7 @@ renderingLogic)
     var componentsContext = getComponentsContext(out);
     var globalComponentsContext = componentsContext.e_;
 
-    var component = globalComponentsContext._q_;
+    var component = globalComponentsContext._r_;
     var isRerender = component !== undefined;
     var id;
     var isExisting;
@@ -97,7 +97,7 @@ renderingLogic)
       // the top-level UI component as part of a re-render
       id = component.id; // We will use the ID of the component being re-rendered
       isExisting = true; // This is a re-render so we know the component is already in the DOM
-      globalComponentsContext._q_ = null;
+      globalComponentsContext._r_ = null;
     } else {
       // Otherwise, we are rendering a nested UI component. We will need
       // to match up the UI component with the component already in the
@@ -106,15 +106,15 @@ renderingLogic)
       // that were provided.
       if (parentComponentDef) {
         // console.log('componentArgs:', componentArgs);
-        customEvents = out.ax_;
+        customEvents = out.ay_;
 
         if (key != null) {
           id = resolveComponentKey(key.toString(), parentComponentDef);
         } else {
-          id = parentComponentDef._M_();
+          id = parentComponentDef._N_();
         }
       } else {
-        id = globalComponentsContext._M_();
+        id = globalComponentsContext._N_();
       }
     }
 
@@ -123,7 +123,7 @@ renderingLogic)
       // we don't need to match up the UI component with a previously
       // rendered component already mounted to the DOM. We also create
       // a lightweight ServerComponent
-      component = registry._P_(
+      component = registry._Q_(
       renderingLogic,
       id,
       input,
@@ -135,13 +135,13 @@ renderingLogic)
 
       // This is the final input after running the lifecycle methods.
       // We will be passing the input to the template for the `input` param
-      input = component._X_;
+      input = component._Y_;
     } else {
       if (!component) {
         if (
         isRerender && (
         component = componentLookup[id]) &&
-        component._N_ !== typeName)
+        component._O_ !== typeName)
         {
           // Destroy the existing component since
           component.destroy();
@@ -153,7 +153,7 @@ renderingLogic)
         } else {
           isExisting = false;
           // We need to create a new instance of the component
-          component = registry._P_(typeName, id);
+          component = registry._Q_(typeName, id);
 
           if (shouldApplySplitMixins === true) {
             shouldApplySplitMixins = false;
@@ -170,36 +170,36 @@ renderingLogic)
         // Set this flag to prevent the component from being queued for update
         // based on the new input. The component is about to be rerendered
         // so we don't want to queue it up as a result of calling `setInput()`
-        component.U_ = true;
+        component.V_ = true;
 
         if (customEvents !== undefined) {
-          component._v_(customEvents, ownerComponentId);
+          component._w_(customEvents, ownerComponentId);
         }
 
         if (isExisting === false) {
-          component._x_(input, out);
+          component._y_(input, out);
         }
 
-        input = component._g_(input, onInput, out);
+        input = component._h_(input, onInput, out);
 
         if (isExisting === true) {
           if (
-          component._j_ === false ||
-          component.shouldUpdate(input, component.J_) === false)
+          component._k_ === false ||
+          component.shouldUpdate(input, component.K_) === false)
           {
             // We put a placeholder element in the output stream to ensure that the existing
             // DOM node is matched up correctly when using morphdom. We flag the VElement
             // node to track that it is a preserve marker
-            out.ay_(component);
-            globalComponentsContext._U_[id] = true;
-            component.I_(); // The component is no longer dirty so reset internal flags
+            out.az_(component);
+            globalComponentsContext._V_[id] = true;
+            component.J_(); // The component is no longer dirty so reset internal flags
             return;
           }
         }
       }
 
-      component.S_ = out.global;
-      component._y_(out);
+      component.T_ = out.global;
+      component._z_(out);
     }
 
     var componentDef = beginComponent(
@@ -211,7 +211,7 @@ renderingLogic)
     isImplicitComponent);
 
 
-    componentDef._G_ = isExisting;
+    componentDef._H_ = isExisting;
 
     // Render the template associated with the component using the final template
     // data that we constructed
@@ -220,7 +220,7 @@ renderingLogic)
     out,
     componentDef,
     component,
-    component._t_);
+    component._u_);
 
 
     endComponent(out, componentDef);

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

@@ -4,7 +4,7 @@ var updatesScheduled = false;
 var batchStack = []; // A stack of batched updates
 var unbatchedQueue = []; // Used for scheduled batched updates
 
-var setImmediate = require("../setImmediate").az_;
+var setImmediate = require("../setImmediate").aA_;
 
 /**
  * This function is called when we schedule the update of "unbatched"
@@ -41,7 +41,7 @@ function updateComponents(queue) {
   //       since we will still get to them at the end
   for (var i = 0; i < queue.length; i++) {
     var component = queue[i];
-    component._A_(); // Do the actual component update
+    component._B_(); // Do the actual component update
   }
 
   // Clear out the queue by setting the length to zero
@@ -54,7 +54,7 @@ function batchUpdate(func) {
   // batched update completes we invoke the "afterUpdate"
   // event listeners.
   var batch = {
-    aA_: null };
+    aB_: null };
 
 
   batchStack.push(batch);
@@ -65,8 +65,8 @@ function batchUpdate(func) {
     try {
       // Update all of the components that where queued up
       // in this batch (if any)
-      if (batch.aA_) {
-        updateComponents(batch.aA_);
+      if (batch.aB_) {
+        updateComponents(batch.aB_);
       }
     } finally {
       // Now that we have completed the update of all the components
@@ -89,10 +89,10 @@ function queueComponentUpdate(component) {
     // We default the batch queue to null to avoid creating an Array instance
     // unnecessarily. If it is null then we create a new Array, otherwise
     // we push it onto the existing Array queue
-    if (batch.aA_) {
-      batch.aA_.push(component);
+    if (batch.aB_) {
+      batch.aB_.push(component);
     } else {
-      batch.aA_ = [component];
+      batch.aB_ = [component];
     }
   } else {
     // We are not within a batched update. We need to schedule a batch update
@@ -103,5 +103,5 @@ function queueComponentUpdate(component) {
   }
 }
 
-exports._i_ = queueComponentUpdate;
-exports._o_ = batchUpdate;
+exports._j_ = queueComponentUpdate;
+exports._p_ = batchUpdate;

package/dist/runtime/components/util/index-browser.js

@@ -1,8 +1,8 @@
 "use strict";var domData = require("../dom-data");
-var componentsByDOMNode = domData.E_;
-var keysByDOMNode = domData.ag_;
-var vElementsByDOMNode = domData.ae_;
-var vPropsByDOMNode = domData.ad_;
+var componentsByDOMNode = domData.F_;
+var keysByDOMNode = domData.ah_;
+var vElementsByDOMNode = domData.af_;
+var vPropsByDOMNode = domData.ae_;
 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.aB_;
+      component = vElement.aC_;
     }
 
     if (component) {
@@ -41,7 +41,7 @@ function getComponentForEl(el, host) {
 function destroyComponentForNode(node) {
   var componentToDestroy = componentsByDOMNode.get(node.fragment || node);
   if (componentToDestroy) {
-    componentToDestroy.Z_();
+    componentToDestroy.___();
     delete componentLookup[componentToDestroy.id];
   }
 }
@@ -103,7 +103,7 @@ function getMarkoPropsFromEl(el) {
   var virtualProps;
 
   if (vElement) {
-    virtualProps = vElement.aC_;
+    virtualProps = vElement.aD_;
   } else {
     virtualProps = vPropsByDOMNode.get(el);
     if (!virtualProps) {
@@ -167,13 +167,13 @@ componentId)
 
 
 
-exports.al_ = runtimeId;
-exports.C_ = componentLookup;
-exports.ah_ = getComponentForEl;
-exports.aD_ = destroyComponentForNode;
-exports.D_ = destroyNodeRecursive;
-exports._T_ = nextComponentIdProvider;
-exports._C_ = attachBubblingEvent;
-exports.am_ = getMarkoPropsFromEl;
-exports.ap_ = addComponentRootToKeyedElements;
-exports.aE_ = normalizeComponentKey;
+exports.am_ = runtimeId;
+exports.D_ = componentLookup;
+exports.ai_ = getComponentForEl;
+exports.aE_ = destroyComponentForNode;
+exports.E_ = destroyNodeRecursive;
+exports._U_ = nextComponentIdProvider;
+exports._D_ = attachBubblingEvent;
+exports.an_ = getMarkoPropsFromEl;
+exports.aq_ = addComponentRootToKeyedElements;
+exports.aF_ = normalizeComponentKey;

package/dist/runtime/components/util/index.js

@@ -19,7 +19,7 @@ extraArgs)
   if (handlerMethodName) {
     if (extraArgs) {
       var component = componentDef.h_;
-      var eventIndex = component._W_++;
+      var eventIndex = component._X_++;
 
       // 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
@@ -29,11 +29,11 @@ extraArgs)
       // where the extra args will be found when the UI component is
       // rerendered in the browser
 
-      if (!(componentDef._I_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
+      if (!(componentDef._J_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
         if (eventIndex === 0) {
-          component.N_ = [extraArgs];
+          component.O_ = [extraArgs];
         } else {
-          component.N_.push(extraArgs);
+          component.O_.push(extraArgs);
         }
       }
 
@@ -52,10 +52,10 @@ extraArgs)
   }
 }
 
-exports._T_ = nextComponentIdProvider;
-exports.aw_ = true;
-exports._C_ = attachBubblingEvent;
-exports.aD_ = function noop() {};
-exports.D_ = function noop() {};
+exports._U_ = nextComponentIdProvider;
+exports.ax_ = true;
+exports._D_ = attachBubblingEvent;
+exports.aE_ = function noop() {};
+exports.E_ = function noop() {};
 
 // eslint-disable-next-line no-constant-condition

package/dist/runtime/createOut.js

@@ -8,6 +8,6 @@ function createOut(globalData) {
   return actualCreateOut(globalData);
 }
 
-createOut.aF_ = setCreateOut;
+createOut.aG_ = setCreateOut;
 
 module.exports = createOut;

package/dist/runtime/dom-insert.js

@@ -1,12 +1,12 @@
 "use strict";var extend = require("raptor-util/extend");
 var componentsUtil = require("./components/util");
-var destroyComponentForNode = componentsUtil.aD_;
-var destroyNodeRecursive = componentsUtil.D_;
+var destroyComponentForNode = componentsUtil.aE_;
+var destroyNodeRecursive = componentsUtil.E_;
 var helpers = require("./vdom/morphdom/helpers");
 
-var insertBefore = helpers.aG_;
-var insertAfter = helpers.aH_;
-var removeChild = helpers.aI_;
+var insertBefore = helpers.aH_;
+var insertAfter = helpers.aI_;
+var removeChild = helpers.aJ_;
 
 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.aJ_ = function camelToDashCase(name) {
+exports.aK_ = function camelToDashCase(name) {
   var nameDashed = camelToDashLookup[name];
   if (!nameDashed) {
     nameDashed = camelToDashLookup[name] = name.
@@ -24,7 +24,7 @@ exports.aJ_ = function camelToDashCase(name) {
 /**
  * Helper for converting dash-case to camelCase.
  */
-exports.aK_ = function dashToCamelCase(name) {
+exports.aL_ = function dashToCamelCase(name) {
   var nameCamel = dashToCamelLookup[name];
   if (!nameCamel) {
     nameCamel = dashToCamelLookup[name] = name.replace(

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

@@ -37,7 +37,7 @@ customEvents)
     var component = componentDef && componentDef.h_;
     if (typeof tag === "string") {
       if (renderBody) {
-        out.aL_(
+        out.aM_(
         tag,
         attrs,
         key,
@@ -45,9 +45,9 @@ customEvents)
         addEvents(componentDef, customEvents, props));
 
         renderBody(out);
-        out.aM_();
+        out.aN_();
       } else {
-        out.aN_(
+        out.aO_(
         tag,
         attrs,
         key,
@@ -97,7 +97,7 @@ customEvents)
 
 
         if (isFn) {
-          var flags = componentDef ? componentDef._I_ : 0;
+          var flags = componentDef ? componentDef._J_ : 0;
           var willRerender = flags & FLAG_WILL_RERENDER_IN_BROWSER;
           var isW10NOOP = render === w10NOOP;
           var preserve = IS_SERVER ? willRerender : isW10NOOP;
@@ -108,7 +108,7 @@ customEvents)
             var globalContext = componentsContext.e_;
             componentsContext.j_ = new ComponentDef(
             component,
-            parentComponentDef.id + "-" + parentComponentDef._L_(key),
+            parentComponentDef.id + "-" + parentComponentDef._M_(key),
             globalContext);
 
             render.toJSON = RENDER_BODY_TO_JSON;
@@ -133,7 +133,7 @@ customEvents)
     component,
     IS_SERVER &&
     componentDef &&
-    componentDef._I_ & FLAG_WILL_RERENDER_IN_BROWSER);
+    componentDef._J_ & FLAG_WILL_RERENDER_IN_BROWSER);
 
     renderBody(out);
     out.ef();
@@ -144,7 +144,7 @@ function attrsToCamelCase(attrs) {
   var result = {};
 
   for (var key in attrs) {
-    result[changeCase.aK_(key)] = attrs[key];
+    result[changeCase.aL_(key)] = attrs[key];
   }
 
   return result;

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

@@ -28,7 +28,7 @@ module.exports = function styleHelper(style) {
             value += "px";
           }
 
-          styles += changeCase.aJ_(name) + ":" + value + ";";
+          styles += changeCase.aK_(name) + ":" + value + ";";
         }
       }
     }