marko 5.35.21 → 5.35.22

package/dist/runtime/components/Component.js

@@ -6,19 +6,19 @@ var EventEmitter = require("events-light");
 var SubscriptionTracker = require("listener-tracker");
 var inherit = require("raptor-util/inherit");
 var componentsUtil = require("@internal/components-util");
-var componentLookup = componentsUtil._l_;
-var destroyNodeRecursive = componentsUtil._R_;
+var componentLookup = componentsUtil._m_;
+var destroyNodeRecursive = componentsUtil._S_;
 var defaultCreateOut = require("../createOut");
 var domInsert = require("../dom-insert");
 var RenderResult = require("../RenderResult");
 var morphdom = require("../vdom/morphdom");
 var getComponentsContext =
-require("./ComponentsContext").S_;
+require("./ComponentsContext").T_;
 var domData = require("./dom-data");
 var eventDelegation = require("./event-delegation");
 var updateManager = require("./update-manager");
-var componentsByDOMNode = domData._p_;
-var keyedElementsByComponentId = domData._o_;
+var componentsByDOMNode = domData._q_;
+var keyedElementsByComponentId = domData._p_;
 var CONTEXT_KEY = "__subtree_context__";
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -65,7 +65,7 @@ extraArgs)
     args = extraArgs.concat(args);
   }
 
-  var targetComponent = componentLookup[component.X_];
+  var targetComponent = componentLookup[component.Y_];
   var targetMethod =
   typeof targetMethodName === "function" ?
   targetMethodName :
@@ -127,8 +127,8 @@ function processUpdateHandlers(component, stateChanges, oldState) {
       handlerMethod.call(component, newValue, oldValue);
     });
 
-    component._y_();
-    component._t_();
+    component._z_();
+    component._u_();
   }
 
   return true;
@@ -168,35 +168,35 @@ var componentProto;
 function Component(id) {
   EventEmitter.call(this);
   this.id = id;
-  this.z_ = null;
-  this._E_ = null;
-  this.ai_ = null;
-  this._w_ = null;
-  this.Y_ = null; // Used to keep track of bubbling DOM events for components rendered on the server
-  this.W_ = null;
-  this.X_ = null;
+  this.A_ = null;
+  this._F_ = null;
   this.aj_ = null;
-  this.O_ = undefined;
-  this._x_ = false;
-  this.ak_ = undefined;
-  this.I_ = false;
-  this._b_ = false;
-  this.al_ = false;
+  this._x_ = null;
+  this.Z_ = null; // Used to keep track of bubbling DOM events for components rendered on the server
+  this.X_ = null;
+  this.Y_ = null;
+  this.ak_ = null;
+  this.P_ = undefined;
+  this._y_ = false;
+  this.al_ = undefined;
+  this.J_ = false;
+  this._c_ = false;
   this.am_ = false;
-  this.B_ = undefined;
+  this.an_ = false;
+  this.C_ = undefined;
 
   var ssrKeyedElements = keyedElementsByComponentId[id];
 
   if (ssrKeyedElements) {
-    this.K_ = ssrKeyedElements;
+    this.L_ = ssrKeyedElements;
     delete keyedElementsByComponentId[id];
   } else {
-    this.K_ = {};
+    this.L_ = {};
   }
 }
 
 Component.prototype = componentProto = {
-  x_: true,
+  y_: true,
 
   subscribeTo: function (target) {
     if (!target) {
@@ -204,10 +204,10 @@ Component.prototype = componentProto = {
     }
 
     var subscriptions =
-    this.ai_ || (
-    this.ai_ = new SubscriptionTracker());
+    this.aj_ || (
+    this.aj_ = new SubscriptionTracker());
 
-    var subscribeToOptions = target.x_ ?
+    var subscribeToOptions = target.y_ ?
     COMPONENT_SUBSCRIBE_TO_OPTIONS :
     NON_COMPONENT_SUBSCRIBE_TO_OPTIONS;
 
@@ -215,7 +215,7 @@ Component.prototype = componentProto = {
   },
 
   emit: function (eventType) {
-    var customEvents = this.W_;
+    var customEvents = this.X_;
     var target;
 
     if (customEvents && (target = customEvents[eventType])) {
@@ -247,7 +247,7 @@ Component.prototype = componentProto = {
   getEl: function (key, index) {
     if (key) {
       var resolvedKey = resolveKeyHelper(key, index);
-      var keyedElement = this.K_["@" + resolvedKey];
+      var keyedElement = this.L_["@" + resolvedKey];
       if (keyedElement && keyedElement.nodeType === 12 /** FRAGMENT_NODE */) {
         // eslint-disable-next-line no-constant-condition
 
@@ -277,7 +277,7 @@ Component.prototype = componentProto = {
     return els;
   },
   getComponent: function (key, index) {
-    var rootNode = this.K_["@" + resolveKeyHelper(key, index)];
+    var rootNode = this.L_["@" + resolveKeyHelper(key, index)];
     if (/\[\]$/.test(key)) {
       // eslint-disable-next-line no-constant-condition
 
@@ -290,7 +290,7 @@ Component.prototype = componentProto = {
     return rootNode && componentsByDOMNode.get(rootNode);
   },
   getComponents: function (key) {
-    var lookup = this.K_["@" + key + "[]"];
+    var lookup = this.L_["@" + key + "[]"];
     return lookup ?
     Object.keys(lookup).
     map(function (key) {
@@ -300,20 +300,20 @@ Component.prototype = componentProto = {
     [];
   },
   destroy: function () {
-    if (this.I_) {
+    if (this.J_) {
       return;
     }
 
-    var root = this._E_;
+    var root = this._F_;
 
-    this._N_();
+    this._O_();
 
     var nodes = root.nodes;
 
     nodes.forEach(function (node) {
       destroyNodeRecursive(node);
 
-      if (eventDelegation.an_(node) !== false) {
+      if (eventDelegation.ao_(node) !== false) {
         node.parentNode.removeChild(node);
       }
     });
@@ -321,84 +321,84 @@ Component.prototype = componentProto = {
     root.detached = true;
 
     delete componentLookup[this.id];
-    this.K_ = {};
+    this.L_ = {};
   },
 
-  _N_: function () {
-    if (this.I_) {
+  _O_: function () {
+    if (this.J_) {
       return;
     }
 
-    this.ao_();
-    this.I_ = true;
+    this.ap_();
+    this.J_ = true;
 
-    componentsByDOMNode.set(this._E_, undefined);
+    componentsByDOMNode.set(this._F_, undefined);
 
-    this._E_ = null;
+    this._F_ = null;
 
     // Unsubscribe from all DOM events
-    this._v_();
+    this._w_();
 
-    var subscriptions = this.ai_;
+    var subscriptions = this.aj_;
     if (subscriptions) {
       subscriptions.removeAllListeners();
-      this.ai_ = null;
+      this.aj_ = null;
     }
   },
 
   isDestroyed: function () {
-    return this.I_;
+    return this.J_;
   },
   get state() {
-    return this.z_;
+    return this.A_;
   },
   set state(newState) {
-    var state = this.z_;
+    var state = this.A_;
     if (!state && !newState) {
       return;
     }
 
     if (!state) {
-      state = this.z_ = new this.P_(this);
+      state = this.A_ = new this.Q_(this);
     }
 
-    state.ap_(newState || {});
+    state.aq_(newState || {});
 
-    if (state.al_) {
-      this.aq_();
+    if (state.am_) {
+      this.ar_();
     }
 
     if (!newState) {
-      this.z_ = null;
+      this.A_ = null;
     }
   },
   setState: function (name, value) {
-    var state = this.z_;
+    var state = this.A_;
 
     if (!state) {
-      state = this.z_ = new this.P_(this);
+      state = this.A_ = new this.Q_(this);
     }
     if (typeof name == "object") {
       // Merge in the new state with the old state
       var newState = name;
       for (var k in newState) {
         if (hasOwnProperty.call(newState, k)) {
-          state.ar_(k, newState[k], true /* ensure:true */);
+          state.as_(k, newState[k], true /* ensure:true */);
         }
       }
     } else {
-      state.ar_(name, value, true /* ensure:true */);
+      state.as_(name, value, true /* ensure:true */);
     }
   },
 
   setStateDirty: function (name, value) {
-    var state = this.z_;
+    var state = this.A_;
 
     if (arguments.length == 1) {
       value = state[name];
     }
 
-    state.ar_(
+    state.as_(
       name,
       value,
       true /* ensure:true */,
@@ -407,46 +407,46 @@ Component.prototype = componentProto = {
   },
 
   replaceState: function (newState) {
-    this.z_.ap_(newState);
+    this.A_.aq_(newState);
   },
 
   get input() {
-    return this.O_;
+    return this.P_;
   },
   set input(newInput) {
-    if (this.am_) {
-      this.O_ = newInput;
+    if (this.an_) {
+      this.P_ = newInput;
     } else {
-      this._i_(newInput);
+      this._j_(newInput);
     }
   },
 
-  _i_: function (newInput, onInput, out) {
+  _j_: function (newInput, onInput, out) {
     onInput = onInput || this.onInput;
     var updatedInput;
 
-    var oldInput = this.O_;
-    this.O_ = undefined;
-    this.as_ = out && out[CONTEXT_KEY] || this.as_;
+    var oldInput = this.P_;
+    this.P_ = undefined;
+    this.at_ = out && out[CONTEXT_KEY] || this.at_;
 
     if (onInput) {
       // We need to set a flag to preview `this.input = foo` inside
       // onInput causing infinite recursion
-      this.am_ = true;
+      this.an_ = true;
       updatedInput = onInput.call(this, newInput || {}, out);
-      this.am_ = false;
+      this.an_ = false;
     }
 
-    newInput = this.aj_ = updatedInput || newInput;
+    newInput = this.ak_ = updatedInput || newInput;
 
-    if (this.al_ = checkInputChanged(this, oldInput, newInput)) {
-      this.aq_();
+    if (this.am_ = checkInputChanged(this, oldInput, newInput)) {
+      this.ar_();
     }
 
-    if (this.O_ === undefined) {
-      this.O_ = newInput;
+    if (this.P_ === undefined) {
+      this.P_ = newInput;
       if (newInput && newInput.$global) {
-        this.ak_ = newInput.$global;
+        this.al_ = newInput.$global;
       }
     }
 
@@ -454,57 +454,57 @@ Component.prototype = componentProto = {
   },
 
   forceUpdate: function () {
-    this.al_ = true;
-    this.aq_();
+    this.am_ = true;
+    this.ar_();
   },
 
-  aq_: function () {
-    if (!this._b_) {
-      this._b_ = true;
-      updateManager.at_(this);
+  ar_: function () {
+    if (!this._c_) {
+      this._c_ = true;
+      updateManager.au_(this);
     }
   },
 
   update: function () {
-    if (this.I_ === true || this.au_ === false) {
+    if (this.J_ === true || this.av_ === false) {
       return;
     }
 
-    var input = this.O_;
-    var state = this.z_;
+    var input = this.P_;
+    var state = this.A_;
 
-    if (this.al_ === false && state !== null && state.al_ === true) {
-      if (processUpdateHandlers(this, state.av_, state.aw_, state)) {
-        state.al_ = false;
+    if (this.am_ === false && state !== null && state.am_ === true) {
+      if (processUpdateHandlers(this, state.aw_, state.ax_, state)) {
+        state.am_ = false;
       }
     }
 
-    if (this.au_ === true) {
+    if (this.av_ === true) {
       // The UI component is still dirty after process state handlers
       // then we should rerender
 
       if (this.shouldUpdate(input, state) !== false) {
-        this.ax_();
+        this.ay_();
       }
     }
 
-    this._t_();
+    this._u_();
   },
 
-  get au_() {
+  get av_() {
     return (
-      this.al_ === true ||
-      this.z_ !== null && this.z_.al_ === true);
+      this.am_ === true ||
+      this.A_ !== null && this.A_.am_ === true);
 
   },
 
-  _t_: function () {
-    this.al_ = false;
-    this._b_ = false;
-    this.aj_ = null;
-    var state = this.z_;
+  _u_: function () {
+    this.am_ = false;
+    this._c_ = false;
+    this.ak_ = null;
+    var state = this.A_;
     if (state) {
-      state._t_();
+      state._u_();
     }
   },
 
@@ -512,73 +512,73 @@ Component.prototype = componentProto = {
     return true;
   },
 
-  ax_: function () {
+  ay_: function () {
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     var self = this;
-    var renderer = self.Q_;
+    var renderer = self.R_;
 
     if (!renderer) {
       throw TypeError();
     }
 
-    var input = this.aj_ || this.O_;
+    var input = this.ak_ || this.P_;
 
-    updateManager.ay_(function () {
-      self._F_(input, false).afterInsert(self.B_);
+    updateManager.az_(function () {
+      self._G_(input, false).afterInsert(self.C_);
     });
 
-    this._t_();
+    this._u_();
   },
 
-  _F_: function (input, isHydrate) {
-    var host = this.B_;
-    var globalData = this.ak_;
-    var rootNode = this._E_;
-    var renderer = this.Q_;
+  _G_: function (input, isHydrate) {
+    var host = this.C_;
+    var globalData = this.al_;
+    var rootNode = this._F_;
+    var renderer = this.R_;
     var createOut = renderer.createOut || defaultCreateOut;
     var out = createOut(globalData);
     out.sync();
-    out.B_ = this.B_;
-    out[CONTEXT_KEY] = this.as_;
+    out.C_ = this.C_;
+    out[CONTEXT_KEY] = this.at_;
 
     var componentsContext = getComponentsContext(out);
-    var globalComponentsContext = componentsContext.p_;
-    globalComponentsContext.az_ = this;
-    globalComponentsContext._Z_ = isHydrate;
+    var globalComponentsContext = componentsContext.q_;
+    globalComponentsContext.aA_ = this;
+    globalComponentsContext.a__ = isHydrate;
 
     renderer(input, out);
 
     var result = new RenderResult(out);
 
-    var targetNode = out.ah_().aA_;
+    var targetNode = out.ai_().aB_;
 
     morphdom(rootNode, targetNode, host, componentsContext);
 
     return result;
   },
 
-  aB_: function () {
-    var root = this._E_;
+  aC_: function () {
+    var root = this._F_;
     root.remove();
     return root;
   },
 
-  _v_: function () {
-    var eventListenerHandles = this._w_;
+  _w_: function () {
+    var eventListenerHandles = this._x_;
     if (eventListenerHandles) {
       eventListenerHandles.forEach(removeListener);
-      this._w_ = null;
+      this._x_ = null;
     }
   },
 
-  get aC_() {
-    var state = this.z_;
-    return state && state.A_;
+  get aD_() {
+    var state = this.A_;
+    return state && state.B_;
   },
 
-  aD_: function (customEvents, scope) {
-    var finalCustomEvents = this.W_ = {};
-    this.X_ = scope;
+  aE_: function (customEvents, scope) {
+    var finalCustomEvents = this.X_ = {};
+    this.Y_ = scope;
 
     customEvents.forEach(function (customEvent) {
       var eventType = customEvent[0];
@@ -593,7 +593,7 @@ Component.prototype = componentProto = {
   },
 
   get el() {
-    return walkFragments(this._E_);
+    return walkFragments(this._F_);
   },
 
   get els() {
@@ -603,43 +603,43 @@ Component.prototype = componentProto = {
 
 
 
-    return (this._E_ ? this._E_.nodes : []).filter(
+    return (this._F_ ? this._F_.nodes : []).filter(
       function (el) {
         return el.nodeType === ELEMENT_NODE;
       }
     );
   },
 
-  aE_: emit,
-  aF_(input, out) {
+  aF_: emit,
+  aG_(input, out) {
     this.onCreate && this.onCreate(input, out);
-    this.aE_("create", input, out);
+    this.aF_("create", input, out);
   },
 
-  aG_(out) {
+  aH_(out) {
     this.onRender && this.onRender(out);
-    this.aE_("render", out);
+    this.aF_("render", out);
   },
 
-  _y_() {
+  _z_() {
     this.onUpdate && this.onUpdate();
-    this.aE_("update");
+    this.aF_("update");
   },
 
-  _z_() {
+  _A_() {
     this.onMount && this.onMount();
-    this.aE_("mount");
+    this.aF_("mount");
   },
 
-  ao_() {
+  ap_() {
     this.onDestroy && this.onDestroy();
-    this.aE_("destroy");
+    this.aF_("destroy");
   }
 };
 
 componentProto.elId = componentProto.getElId;
-componentProto.aH_ = componentProto.update;
-componentProto.aI_ = componentProto.destroy;
+componentProto.aI_ = componentProto.update;
+componentProto.aJ_ = componentProto.destroy;
 
 // Add all of the following DOM methods to Component.prototype:
 // - appendTo(referenceEl)
@@ -651,7 +651,7 @@ componentProto.aI_ = componentProto.destroy;
 domInsert(
   componentProto,
   function getEl(component) {
-    return component.aB_();
+    return component.aC_();
   },
   function afterInsert(component) {
     return component;