marko 5.31.0 → 5.31.2

package/dist/runtime/components/ServerComponent.js

@@ -4,38 +4,38 @@
 class ServerComponent {
   constructor(id, input, out, typeName, customEvents, scope) {
     this.id = id;
-    this.___ = customEvents;
-    this._a_ = scope;
+    this.U_ = customEvents;
+    this.V_ = scope;
     this.typeName = typeName;
-    this._b_ = undefined; // Used to keep track of bubbling DOM events for components rendered on the server
-    this._d_ = 0;
+    this.W_ = undefined; // Used to keep track of bubbling DOM events for components rendered on the server
+    this.Y_ = 0;
 
     this.onCreate(input, out);
-    this._e_ = this.onInput(input, out) || input;
-    if (this.U_ === undefined) {
-      this.U_ = this._e_;
+    this.Z_ = this.onInput(input, out) || input;
+    if (this.N_ === undefined) {
+      this.N_ = this.Z_;
     }
     this.onRender(out);
   }
 
   set input(newInput) {
-    this.U_ = newInput;
+    this.N_ = newInput;
   }
 
   get input() {
-    return this.U_;
+    return this.N_;
   }
 
   set state(newState) {
-    this.G_ = newState;
+    this.y_ = newState;
   }
 
   get state() {
-    return this.G_;
+    return this.y_;
   }
 
   get aA_() {
-    return this.G_;
+    return this.y_;
   }
 
   elId(nestedId) {

package/dist/runtime/components/State.js

@@ -5,7 +5,7 @@ function ensure(state, propertyName) {
   if (!(propertyName in proto)) {
     Object.defineProperty(proto, propertyName, {
       get: function () {
-        return this.H_[propertyName];
+        return this.z_[propertyName];
       },
       set: function (value) {
         this.ap_(propertyName, value, false /* ensure:false */);
@@ -15,8 +15,8 @@ function ensure(state, propertyName) {
 }
 
 function State(component) {
-  this.i_ = component;
-  this.H_ = {};
+  this.r_ = component;
+  this.z_ = {};
 
   this.aj_ = false;
   this.au_ = null;
@@ -27,7 +27,7 @@ function State(component) {
 }
 
 State.prototype = {
-  _v_: function () {
+  _p_: function () {
     var self = this;
 
     self.aj_ = false;
@@ -40,30 +40,30 @@ State.prototype = {
     var state = this;
     var key;
 
-    var rawState = this.H_;
+    var rawState = this.z_;
 
     for (key in rawState) {
       if (!(key in newState)) {
         state.ap_(
-        key,
-        undefined,
-        false /* ensure:false */,
-        false /* forceDirty:false */);
-
+          key,
+          undefined,
+          false /* ensure:false */,
+          false /* forceDirty:false */
+        );
       }
     }
 
     for (key in newState) {
       state.ap_(
-      key,
-      newState[key],
-      true /* ensure:true */,
-      false /* forceDirty:false */);
-
+        key,
+        newState[key],
+        true /* ensure:true */,
+        false /* forceDirty:false */
+      );
     }
   },
   ap_: function (name, value, shouldEnsure, forceDirty) {
-    var rawState = this.H_;
+    var rawState = this.z_;
 
     if (shouldEnsure) {
       ensure(this, name);
@@ -82,9 +82,9 @@ State.prototype = {
       // changes to the state
       this.aj_ = true; // Mark the component state as dirty (i.e. modified)
       this.au_ = rawState;
-      this.H_ = rawState = extend({}, rawState);
+      this.z_ = rawState = extend({}, rawState);
       this.at_ = {};
-      this.i_.ao_();
+      this.r_.ao_();
     }
 
     this.at_[name] = value;
@@ -98,7 +98,7 @@ State.prototype = {
     }
   },
   toJSON: function () {
-    return this.H_;
+    return this.z_;
   }
 };
 

package/dist/runtime/components/attach-detach.js

@@ -11,7 +11,7 @@ function handleNodeAttach(node, componentsContext) {
     var eventName = "onattach";
     var target = getEventFromEl(node, eventName);
     if (target) {
-      var out = componentsContext.A_;
+      var out = componentsContext.q_;
       var data = out.data;
 
       var attachTargets = data.aR_;

package/dist/runtime/components/defineComponent.js

@@ -6,7 +6,7 @@ var BaseComponent = require("./Component");
 var inherit = require("raptor-util/inherit");
 
 module.exports = function defineComponent(def, renderer) {
-  if (def.E_) {
+  if (def.w_) {
     return def;
   }
 
@@ -35,7 +35,7 @@ module.exports = function defineComponent(def, renderer) {
     BaseComponent.call(this, id);
   }
 
-  if (!proto.E_) {
+  if (!proto.w_) {
     // Inherit from Component if they didn't already
     inherit(ComponentClass, BaseComponent);
   }
@@ -48,14 +48,14 @@ module.exports = function defineComponent(def, renderer) {
 
   // Set a flag on the constructor function to make it clear this is
   // a component so that we can short-circuit this work later
-  Component.E_ = true;
+  Component.w_ = true;
 
   function State(component) {
     BaseState.call(this, component);
   }
   inherit(State, BaseState);
-  proto.V_ = State;
-  proto.W_ = renderer;
+  proto.O_ = State;
+  proto.P_ = renderer;
 
   return Component;
 };

package/dist/runtime/components/dom-data.js

@@ -1,8 +1,8 @@
 "use strict";module.exports = {
-  _O_: new WeakMap(),
-  _N_: new WeakMap(),
-  _r_: new WeakMap(),
+  _I_: new WeakMap(),
+  _H_: new WeakMap(),
+  _l_: new WeakMap(),
   aT_: new WeakMap(),
-  _M_: new WeakMap(),
-  _q_: {}
+  _G_: new WeakMap(),
+  _k_: {}
 };

package/dist/runtime/components/event-delegation.js

@@ -1,7 +1,7 @@
 "use strict";var componentsUtil = require("@internal/components-util");
-var runtimeId = componentsUtil._S_;
-var componentLookup = componentsUtil._o_;
-var getMarkoPropsFromEl = componentsUtil._t_;
+var runtimeId = componentsUtil._M_;
+var componentLookup = componentsUtil._i_;
+var getMarkoPropsFromEl = componentsUtil._n_;
 
 var TEXT_NODE = 3;
 
@@ -54,7 +54,7 @@ function delegateEvent(node, eventName, target, event) {
 
   if (extraArgs != null) {
     if (typeof extraArgs === "number") {
-      extraArgs = targetComponent._b_[extraArgs];
+      extraArgs = targetComponent.W_[extraArgs];
     }
   }
 
@@ -77,56 +77,56 @@ function addDelegatedEventHandlerToHost(eventType, host) {
   host[listenersAttachedKey] || {};
   if (!listeners[eventType]) {
     (host.body || host).addEventListener(
-    eventType,
-    listeners[eventType] = function (event) {
-      var curNode = event.target;
-      if (!curNode) {
-        return;
-      }
-
-      curNode =
-      // event.target of an SVGElementInstance does not have a
-      // `getAttribute` function in IE 11.
-      // See https://github.com/marko-js/marko/issues/796
-      curNode.correspondingUseElement || (
-      // in some browsers the event target can be a text node
-      // one example being dragenter in firefox.
-      curNode.nodeType === TEXT_NODE ? curNode.parentNode : curNode);
-
-      // Search up the tree looking DOM events mapped to target
-      // component methods
-      var propName = "on" + eventType;
-      var target;
-
-      // Attributes will have the following form:
-      // on<event_type>("<target_method>|<component_id>")
-
-      if (event.bubbles) {
-        var propagationStopped = false;
-
-        // Monkey-patch to fix #97
-        var oldStopPropagation = event.stopPropagation;
-
-        event.stopPropagation = function () {
-          oldStopPropagation.call(event);
-          propagationStopped = true;
-        };
-
-        do {
-          if (target = getEventFromEl(curNode, propName)) {
-            delegateEvent(curNode, propName, target, event);
-
-            if (propagationStopped) {
-              break;
+      eventType,
+      listeners[eventType] = function (event) {
+        var curNode = event.target;
+        if (!curNode) {
+          return;
+        }
+
+        curNode =
+        // event.target of an SVGElementInstance does not have a
+        // `getAttribute` function in IE 11.
+        // See https://github.com/marko-js/marko/issues/796
+        curNode.correspondingUseElement || (
+        // in some browsers the event target can be a text node
+        // one example being dragenter in firefox.
+        curNode.nodeType === TEXT_NODE ? curNode.parentNode : curNode);
+
+        // Search up the tree looking DOM events mapped to target
+        // component methods
+        var propName = "on" + eventType;
+        var target;
+
+        // Attributes will have the following form:
+        // on<event_type>("<target_method>|<component_id>")
+
+        if (event.bubbles) {
+          var propagationStopped = false;
+
+          // Monkey-patch to fix #97
+          var oldStopPropagation = event.stopPropagation;
+
+          event.stopPropagation = function () {
+            oldStopPropagation.call(event);
+            propagationStopped = true;
+          };
+
+          do {
+            if (target = getEventFromEl(curNode, propName)) {
+              delegateEvent(curNode, propName, target, event);
+
+              if (propagationStopped) {
+                break;
+              }
             }
-          }
-        } while ((curNode = curNode.parentNode) && curNode.getAttribute);
-      } else if (target = getEventFromEl(curNode, propName)) {
-        delegateEvent(curNode, propName, target, event);
-      }
-    },
-    true);
-
+          } while ((curNode = curNode.parentNode) && curNode.getAttribute);
+        } else if (target = getEventFromEl(curNode, propName)) {
+          delegateEvent(curNode, propName, target, event);
+        }
+      },
+      true
+    );
   }
 }
 
@@ -136,8 +136,8 @@ exports.aS_ = noop;
 exports.al_ = noop;
 exports.aP_ = delegateEvent;
 exports.aQ_ = getEventFromEl;
-exports._u_ = addDelegatedEventHandler;
-exports._C_ = function (host) {
+exports._o_ = addDelegatedEventHandler;
+exports._w_ = function (host) {
   Object.keys(delegatedEvents).forEach(function (eventType) {
     addDelegatedEventHandlerToHost(eventType, host);
   });

package/dist/runtime/components/legacy/defineComponent-legacy.js

@@ -8,12 +8,7 @@ var defineRenderer;
 var defineWidget;
 
 module.exports = function defineComponent(def) {
-  // eslint-disable-next-line no-constant-condition
-
-
-
-
-  if (def.E_) {
+  if (def.w_) {
     return def;
   }
 

package/dist/runtime/components/legacy/defineRenderer-legacy.js

@@ -1,20 +1,15 @@
 "use strict";
 var makeRenderable = require("../../renderable");
 var getComponentsContext =
-require("../ComponentsContext").e_;
-var componentLookup = require("@internal/components-util")._o_;
+require("../ComponentsContext").R_;
+var componentLookup = require("@internal/components-util")._i_;
 var modernRenderer = require("../renderer");
-var loader = require("@internal/loader");
+var req = require("@internal/require");
 var resolveComponentKey = modernRenderer.aU_;
 
 module.exports = function defineRenderer(renderingLogic) {
   var renderer = renderingLogic.renderer;
 
-  // eslint-disable-next-line no-constant-condition
-
-
-
-
   if (renderer && renderer.aV_) {
     return renderer;
   }
@@ -22,7 +17,7 @@ module.exports = function defineRenderer(renderingLogic) {
   var template = renderingLogic.template;
 
   if (typeof template === "string") {
-    template = loader(template);
+    template = req(template);
   }
 
   if (!renderer) {
@@ -45,13 +40,13 @@ module.exports = function defineRenderer(renderingLogic) {
     // takes care of re-using existing components.
     renderer = function renderer(input, out) {
       var componentsContext = getComponentsContext(out);
-      var globalComponentsContext = componentsContext.f_;
+      var globalComponentsContext = componentsContext.o_;
       var component = globalComponentsContext.ax_;
-      var isReceivingNewInput = !component || component._l_;
+      var isReceivingNewInput = !component || component._f_;
       var parentComponentDef;
 
       if (component) {
-        component._l_ = false;
+        component._f_ = false;
       }
 
       // Render the template associated with the component using the final template
@@ -63,10 +58,10 @@ module.exports = function defineRenderer(renderingLogic) {
       var id;
 
       if (!component && componentLookup) {
-        var key = out.j_;
+        var key = out._Y_;
 
         if (
-        (parentComponentDef = componentsContext.k_) &&
+        (parentComponentDef = componentsContext.n_) &&
         key != null)
         {
           id = resolveComponentKey(key.toString(), parentComponentDef);
@@ -106,8 +101,8 @@ module.exports = function defineRenderer(renderingLogic) {
           widgetBody = newProps.renderBody;
         }
       } else if (component) {
-        newProps = newProps || component.T_;
-        widgetBody = component._c_;
+        newProps = newProps || component.M_;
+        widgetBody = component.X_;
         widgetState = component.aA_;
         widgetConfig = component.widgetConfig;
       }
@@ -116,10 +111,10 @@ module.exports = function defineRenderer(renderingLogic) {
       // data. If that method is not provided then just use the
       // the state (if provided) or the input data.
       var templateData = clone(
-      getTemplateData ?
-      getTemplateData(widgetState, newProps, out) :
-      widgetState || newProps);
-
+        getTemplateData ?
+        getTemplateData(widgetState, newProps, out) :
+        widgetState || newProps
+      );
 
       if (isReceivingNewInput && getWidgetConfig) {
         // If getWidgetConfig() was implemented then use that to
@@ -153,7 +148,7 @@ module.exports = function defineRenderer(renderingLogic) {
   renderer.template = template;
 
   makeRenderable(renderer, renderer);
-  renderer.render = renderer.render.bind(this);
+  renderer.render = renderer.render.bind(renderer);
 
   return renderer;
 };

package/dist/runtime/components/legacy/dependencies/index.js

@@ -11,8 +11,8 @@ function getRootDeps(template, context) {
   attachDepsAndComponentsToTemplate(template, context);
 
   var deps = template.aW_ = Object.keys(template.aX_).map(
-  (key) => template.aX_[key]);
-
+    (key) => template.aX_[key]
+  );
   var initModule = getInitModule(template.path, template.b_);
 
   if (initModule) deps.push(initModule);
@@ -100,11 +100,11 @@ function getInitModule(path, components) {
       var root = nodePath.dirname(path);
       var virtualPath = path + ".init.js";
       var registrations = components.map(
-      (component) =>
-      `components.register('${component.id}', require('.${
-      nodePath.sep
-      }${nodePath.relative(root, component.path)}'));`);
-
+        (component) =>
+        `components.register('${component.id}', require('.${
+        nodePath.sep
+        }${nodePath.relative(root, component.path)}'));`
+      );
       var code = `
                 var components = require('marko/components');
                 ${registrations.join("\n")}