marko 4.25.0 → 4.26.0

package/dist/runtime/components/registry.js

@@ -1,34 +1 @@
-"use strict";
-
-const copyProps = require("raptor-util/copyProps");
-const constructorCache = new Map();
-const BaseServerComponent = require("./ServerComponent");
-
-function createServerComponentClass(renderingLogic) {
-  var renderingLogicProps = typeof renderingLogic === "function" ? renderingLogic.prototype : renderingLogic;
-
-  class ServerComponent extends BaseServerComponent {}
-
-  copyProps(renderingLogicProps, ServerComponent.prototype);
-
-  return ServerComponent;
-}
-function createComponent(renderingLogic, id, input, out, typeName, customEvents, scope) {
-  let ServerComponent;
-
-  if (renderingLogic) {
-    ServerComponent = constructorCache.get(renderingLogic);
-
-    if (!ServerComponent) {
-      ServerComponent = createServerComponentClass(renderingLogic);
-      constructorCache.set(renderingLogic, ServerComponent);
-    }
-  } else {
-    ServerComponent = BaseServerComponent;
-  }
-
-  return new ServerComponent(id, input, out, typeName, customEvents, scope);
-}
-
-exports.aR_ = true;
-exports._T_ = createComponent;
+module.exports = require("@internal/components-registry");

package/dist/runtime/components/renderer.js

@@ -1,13 +1,13 @@
-var componentsUtil = require("./util");
-var componentLookup = componentsUtil.I_;
+var componentsUtil = require("@internal/components-util");
+var componentLookup = componentsUtil._n_;
 
 var ComponentsContext = require("./ComponentsContext");
-var getComponentsContext = ComponentsContext.u_;
-var registry = require("./registry");
+var getComponentsContext = ComponentsContext.U_;
+var registry = require("@internal/components-registry");
 var copyProps = require("raptor-util/copyProps");
-var isServer = componentsUtil.aR_ === true;
-var beginComponent = require("./beginComponent");
-var endComponent = require("./endComponent");
+var isServer = componentsUtil._J_ === true;
+var beginComponent = require("@internal/components-beginComponent");
+var endComponent = require("@internal/components-endComponent");
 
 var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
 
@@ -15,7 +15,7 @@ function resolveComponentKey(key, parentComponentDef) {
   if (key[0] === "#") {
     return key.substring(1);
   } else {
-    return parentComponentDef.id + "-" + parentComponentDef._Q_(key);
+    return parentComponentDef.id + "-" + parentComponentDef.aN_(key);
   }
 }
 
@@ -32,14 +32,14 @@ function trackAsyncComponents(out) {
 function handleBeginAsync(event) {
   var parentOut = event.parentOut;
   var asyncOut = event.out;
-  var componentsContext = parentOut.h_;
+  var componentsContext = parentOut.t_;
 
   if (componentsContext !== undefined) {
     // We are going to start a nested ComponentsContext
-    asyncOut.h_ = new ComponentsContext(asyncOut, componentsContext);
+    asyncOut.t_ = new ComponentsContext(asyncOut, componentsContext);
   }
   // Carry along the component arguments
-  asyncOut.c(parentOut.m_, parentOut.o_, parentOut.aQ_);
+  asyncOut.c(parentOut.aa_, parentOut.ab_, parentOut.bc_);
 }
 
 function handleBeginDetachedAsync(event) {
@@ -61,24 +61,24 @@ function createRendererFunc(templateRenderFunc, componentProps, renderingLogic)
     trackAsyncComponents(out);
 
     var componentsContext = getComponentsContext(out);
-    var globalComponentsContext = componentsContext.k_;
+    var globalComponentsContext = componentsContext.r_;
 
-    var component = globalComponentsContext._w_;
+    var component = globalComponentsContext.aB_;
     var isRerender = component !== undefined;
     var id;
     var isExisting;
     var customEvents;
-    var parentComponentDef = componentsContext.p_;
-    var ownerComponentDef = out.m_;
+    var parentComponentDef = componentsContext.q_;
+    var ownerComponentDef = out.aa_;
     var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
-    var key = out.o_;
+    var key = out.ab_;
 
     if (component) {
       // If component is provided then we are currently rendering
       // 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._w_ = null;
+      globalComponentsContext.aB_ = 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
@@ -87,15 +87,15 @@ function createRendererFunc(templateRenderFunc, componentProps, renderingLogic)
       // that were provided.
       if (parentComponentDef) {
         // console.log('componentArgs:', componentArgs);
-        customEvents = out.aQ_;
+        customEvents = out.bc_;
 
         if (key != null) {
           id = resolveComponentKey(key.toString(), parentComponentDef);
         } else {
-          id = parentComponentDef._R_();
+          id = parentComponentDef.aO_();
         }
       } else {
-        id = globalComponentsContext._R_();
+        id = globalComponentsContext.aO_();
       }
     }
 
@@ -104,11 +104,11 @@ function createRendererFunc(templateRenderFunc, componentProps, 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._T_(renderingLogic, id, input, out, typeName, customEvents, ownerComponentId);
+      component = registry._G_(renderingLogic, id, input, out, typeName, customEvents, ownerComponentId);
 
       // 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.ab_;
+      input = component._b_;
     } else {
       if (!component) {
         if (isRerender && (component = componentLookup[id]) && component.e_ !== typeName) {
@@ -122,7 +122,7 @@ function createRendererFunc(templateRenderFunc, componentProps, renderingLogic)
         } else {
           isExisting = false;
           // We need to create a new instance of the component
-          component = registry._T_(typeName, id);
+          component = registry._G_(typeName, id);
 
           if (shouldApplySplitMixins === true) {
             shouldApplySplitMixins = false;
@@ -136,50 +136,50 @@ function createRendererFunc(templateRenderFunc, componentProps, 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.___ = true;
+        component._c_ = true;
 
         if (customEvents !== undefined) {
-          component._A_(customEvents, ownerComponentId);
+          component.aE_(customEvents, ownerComponentId);
         }
 
         if (isExisting === false) {
-          component._C_(input, out);
+          component.aG_(input, out);
         }
 
-        input = component._m_(input, onInput, out);
+        input = component._l_(input, onInput, out);
 
         if (isExisting === true) {
-          if (component._p_ === false || component.shouldUpdate(input, component.P_) === false) {
+          if (component.aw_ === false || component.shouldUpdate(input, component.C_) === 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.aS_(component);
-            globalComponentsContext._Z_[id] = true;
-            component.O_(); // The component is no longer dirty so reset internal flags
+            out.bd_(component);
+            globalComponentsContext.s_[id] = true;
+            component._t_(); // The component is no longer dirty so reset internal flags
             return;
           }
         }
       }
 
-      component.Y_ = out.global;
-      component._D_(out);
+      component.am_ = out.global;
+      component.aH_(out);
     }
 
     var componentDef = beginComponent(componentsContext, component, key, ownerComponentDef, isSplit, isImplicitComponent);
 
-    componentDef._L_ = isExisting;
+    componentDef._u_ = isExisting;
 
     // Render the template associated with the component using the final template
     // data that we constructed
-    templateRenderFunc(input, out, componentDef, component, component._y_);
+    templateRenderFunc(input, out, componentDef, component, component.aD_);
 
     endComponent(out, componentDef);
-    componentsContext.p_ = parentComponentDef;
+    componentsContext.q_ = parentComponentDef;
   };
 }
 
 module.exports = createRendererFunc;
 
 // exports used by the legacy renderer
-createRendererFunc.ay_ = resolveComponentKey;
-createRendererFunc.aP_ = trackAsyncComponents;
+createRendererFunc.aX_ = resolveComponentKey;
+createRendererFunc.bb_ = trackAsyncComponents;

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");
+var setImmediate = require("@internal/set-immediate").af_;
 
 /**
  * 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._F_(); // Do the actual component update
+    component.aI_(); // 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 = {
-    aT_: null
+    be_: 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.aT_) {
-        updateComponents(batch.aT_);
+      if (batch.be_) {
+        updateComponents(batch.be_);
       }
     } 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.aT_) {
-      batch.aT_.push(component);
+    if (batch.be_) {
+      batch.be_.push(component);
     } else {
-      batch.aT_ = [component];
+      batch.be_ = [component];
     }
   } else {
     // We are not within a batched update. We need to schedule a batch update
@@ -103,5 +103,5 @@ function queueComponentUpdate(component) {
   }
 }
 
-exports._o_ = queueComponentUpdate;
-exports._u_ = batchUpdate;
+exports.av_ = queueComponentUpdate;
+exports.aA_ = batchUpdate;

package/dist/runtime/createOut.js

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

package/dist/runtime/dom-insert.js

@@ -1,12 +1,12 @@
 var extend = require("raptor-util/extend");
-var componentsUtil = require("./components/util");
-var destroyComponentForNode = componentsUtil.aW_;
-var destroyNodeRecursive = componentsUtil.J_;
+var componentsUtil = require("@internal/components-util");
+var destroyComponentForNode = componentsUtil._R_;
+var destroyNodeRecursive = componentsUtil._S_;
 var helpers = require("./vdom/morphdom/helpers");
 
-var insertBefore = helpers.aZ_;
-var insertAfter = helpers.b__;
-var removeChild = helpers.ba_;
+var insertBefore = helpers.bg_;
+var insertAfter = helpers.bh_;
+var removeChild = helpers.bi_;
 
 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.bb_ = function camelToDashCase(name) {
+exports.bj_ = function camelToDashCase(name) {
   var nameDashed = camelToDashLookup[name];
   if (!nameDashed) {
     nameDashed = camelToDashLookup[name] = name.replace(/([A-Z])/g, "-$1").toLowerCase();
@@ -22,7 +22,7 @@ exports.bb_ = function camelToDashCase(name) {
 /**
  * Helper for converting dash-case to camelCase.
  */
-exports.bc_ = function dashToCamelCase(name) {
+exports.bk_ = function dashToCamelCase(name) {
   var nameCamel = dashToCamelLookup[name];
   if (!nameCamel) {
     nameCamel = dashToCamelLookup[name] = name.replace(/-([a-z])/g, matchToUpperCase);

package/dist/runtime/helpers/assign.js

@@ -1,16 +1,17 @@
 "use strict";
 
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 /**
  * Merges object properties
  */
-
 module.exports = function assign() {
   var into = arguments[0];
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
     if (source != null) {
       for (var k in source) {
-        if (source.hasOwnProperty(k)) {
+        if (hasOwnProperty.call(source, k)) {
           into[k] = source[k];
         }
       }

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

@@ -3,7 +3,7 @@
 var complain;
 var changeCase = require("./_change-case");
 var ComponentsContext = require("../components/ComponentsContext");
-var getComponentsContext = ComponentsContext.u_;
+var getComponentsContext = ComponentsContext.U_;
 var ComponentDef = require("../components/ComponentDef");
 var w10NOOP = require("warp10/constants").NOOP;
 var RENDER_BODY_TO_JSON = function () {
@@ -13,9 +13,7 @@ var RENDER_BODY_TO_JSON = function () {
 var autoKeyReg = /^\d[\d[\]]*$/;
 var FLAG_WILL_RERENDER_IN_BROWSER = 1;
 // var FLAG_HAS_RENDER_BODY = 2;
-// var FLAG_IS_LEGACY = 4;
-// var FLAG_OLD_HYDRATE_NO_CREATE = 8;
-var IS_SERVER = typeof window === "undefined";
+var IS_SERVER = typeof document === "undefined";
 
 /**
  * Helper to render a dynamic tag
@@ -23,18 +21,18 @@ var IS_SERVER = typeof window === "undefined";
 module.exports = function dynamicTag(out, tag, getAttrs, renderBody, args, props, componentDef, key, customEvents) {
   if (tag) {
     var attrs = getAttrs && getAttrs();
-    var component = componentDef && componentDef.n_;
+    var component = componentDef && componentDef.v_;
     if (typeof tag === "string") {
       if (!autoKeyReg.test(key)) {
         key = "@" + key;
       }
 
       if (renderBody) {
-        out.bd_(tag, attrs, key, componentDef, addEvents(componentDef, customEvents, props));
+        out.bl_(tag, attrs, key, componentDef, addEvents(componentDef, customEvents, props));
         renderBody(out);
-        out.be_();
+        out.bm_();
       } else {
-        out.bf_(tag, attrs, key, componentDef, addEvents(componentDef, customEvents, props));
+        out.bn_(tag, attrs, key, componentDef, addEvents(componentDef, customEvents, props));
       }
     } else {
       if (attrs == null) {
@@ -54,7 +52,7 @@ module.exports = function dynamicTag(out, tag, getAttrs, renderBody, args, props
       if (renderer) {
         out.c(componentDef, key, customEvents);
         renderer(attrs, out);
-        out.m_ = null;
+        out.aa_ = null;
       } else {
         var render = tag && tag.renderBody || tag;
         var isFn = typeof render === "function";
@@ -68,16 +66,16 @@ module.exports = function dynamicTag(out, tag, getAttrs, renderBody, args, props
         }
 
         if (isFn) {
-          var flags = componentDef ? componentDef._N_ : 0;
+          var flags = componentDef ? componentDef.x_ : 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.k_;
-            componentsContext.p_ = new ComponentDef(component, parentComponentDef.id + "-" + parentComponentDef._Q_(key), globalContext);
+            var parentComponentDef = componentsContext.q_;
+            var globalContext = componentsContext.r_;
+            componentsContext.q_ = new ComponentDef(component, parentComponentDef.id + "-" + parentComponentDef.aN_(key), globalContext);
             render.toJSON = RENDER_BODY_TO_JSON;
 
             if (args) {
@@ -86,7 +84,7 @@ module.exports = function dynamicTag(out, tag, getAttrs, renderBody, args, props
               render(out, attrs);
             }
 
-            componentsContext.p_ = parentComponentDef;
+            componentsContext.q_ = parentComponentDef;
           }
           out.ef();
         } else {
@@ -95,7 +93,7 @@ module.exports = function dynamicTag(out, tag, getAttrs, renderBody, args, props
       }
     }
   } else if (renderBody) {
-    out.bf(key, component, IS_SERVER && componentDef && componentDef._N_ & FLAG_WILL_RERENDER_IN_BROWSER);
+    out.bf(key, component, IS_SERVER && componentDef && componentDef.x_ & FLAG_WILL_RERENDER_IN_BROWSER);
     renderBody(out);
     out.ef();
   }
@@ -105,7 +103,7 @@ function attrsToCamelCase(attrs) {
   var result = {};
 
   for (var key in attrs) {
-    result[changeCase.bc_(key)] = attrs[key];
+    result[changeCase.bk_(key)] = attrs[key];
   }
 
   return result;

package/dist/runtime/helpers/load-template.js

@@ -1,3 +1,3 @@
 "use strict";
 
-module.exports = require("../../loader");
+module.exports = require("@internal/loader");

package/dist/runtime/helpers/merge.js

@@ -1,9 +1,11 @@
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 /**
  * Merges object properties
  */
 module.exports = function merge(into, source) {
   for (var k in source) {
-    if (source.hasOwnProperty(k) && !into.hasOwnProperty(k)) {
+    if (hasOwnProperty.call(source, k) && !hasOwnProperty.call(into, k)) {
       into[k] = source[k];
     }
   }

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

@@ -23,12 +23,12 @@ module.exports = function styleHelper(style) {
     } else if (type === "object") {
       for (var name in style) {
         var value = style[name];
-        if (value != null) {
+        if (value != null && value !== false) {
           if (typeof value === "number" && value) {
             value += "px";
           }
 
-          styles += changeCase.bb_(name) + ":" + value + ";";
+          styles += changeCase.bj_(name) + ":" + value + ";";
         }
       }
     }