marko 5.29.2 → 5.30.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (167) hide show
  1. package/README.md +1 -1
  2. package/bin/markoc.js +18 -18
  3. package/dist/core-tags/core/await/renderer.js +5 -1
  4. package/dist/node_modules/@internal/components-beginComponent/index.js +13 -3
  5. package/dist/node_modules/@internal/components-define-widget-legacy/index-browser.js +331 -0
  6. package/dist/node_modules/@internal/components-define-widget-legacy/index.js +18 -0
  7. package/dist/node_modules/@internal/components-define-widget-legacy/package.json +11 -0
  8. package/dist/node_modules/@internal/components-entry/index-browser.js +2 -2
  9. package/dist/node_modules/@internal/components-entry/index.js +73 -45
  10. package/dist/node_modules/@internal/components-entry-legacy/index-browser.js +74 -0
  11. package/dist/node_modules/@internal/components-entry-legacy/index.js +15 -0
  12. package/dist/node_modules/@internal/components-entry-legacy/package.json +11 -0
  13. package/dist/node_modules/@internal/components-registry/index-browser.js +70 -43
  14. package/dist/node_modules/@internal/components-registry/index.js +2 -2
  15. package/dist/node_modules/@internal/components-util/index-browser.js +17 -17
  16. package/dist/node_modules/@internal/components-util/index.js +18 -8
  17. package/dist/node_modules/@internal/create-readable/index-browser.js +1 -1
  18. package/dist/node_modules/@internal/create-readable/index.js +9 -9
  19. package/dist/node_modules/@internal/set-immediate/index-browser.js +1 -1
  20. package/dist/node_modules/@internal/set-immediate/index-worker.js +2 -2
  21. package/dist/node_modules/@internal/set-immediate/index.js +2 -2
  22. package/dist/runtime/RenderResult.js +3 -3
  23. package/dist/runtime/components/Component.js +146 -148
  24. package/dist/runtime/components/ComponentDef.js +41 -27
  25. package/dist/runtime/components/ComponentsContext.js +6 -6
  26. package/dist/runtime/components/GlobalComponentsContext.js +3 -3
  27. package/dist/runtime/components/KeySequence.js +3 -3
  28. package/dist/runtime/components/ServerComponent.js +13 -13
  29. package/dist/runtime/components/State.js +27 -27
  30. package/dist/runtime/components/attach-detach.js +7 -7
  31. package/dist/runtime/components/defineComponent.js +5 -5
  32. package/dist/runtime/components/dom-data.js +6 -6
  33. package/dist/runtime/components/event-delegation.js +10 -10
  34. package/dist/runtime/components/legacy/browser.json +9 -0
  35. package/dist/runtime/components/legacy/defineComponent-legacy.js +32 -0
  36. package/dist/runtime/components/legacy/defineRenderer-legacy.js +171 -0
  37. package/dist/runtime/components/legacy/defineWidget-legacy.js +1 -0
  38. package/dist/runtime/components/legacy/dependencies/html.js +3 -0
  39. package/dist/runtime/components/legacy/dependencies/index.js +178 -0
  40. package/dist/runtime/components/legacy/dependencies/vdom.js +3 -0
  41. package/dist/runtime/components/legacy/index.js +1 -0
  42. package/dist/runtime/components/legacy/jquery.js +51 -0
  43. package/dist/runtime/components/legacy/ready.js +152 -0
  44. package/dist/runtime/components/legacy/renderer-legacy.js +230 -0
  45. package/dist/runtime/components/renderer.js +30 -26
  46. package/dist/runtime/components/update-manager.js +10 -10
  47. package/dist/runtime/createOut.js +1 -1
  48. package/dist/runtime/dom-insert.js +5 -5
  49. package/dist/runtime/helpers/_change-case.js +2 -2
  50. package/dist/runtime/helpers/dynamic-tag.js +7 -9
  51. package/dist/runtime/helpers/style-value.js +7 -2
  52. package/dist/runtime/html/AsyncStream.js +20 -20
  53. package/dist/runtime/html/BufferedWriter.js +2 -2
  54. package/dist/runtime/html/helpers/_dynamic-attr.js +2 -2
  55. package/dist/runtime/html/helpers/attr.js +19 -6
  56. package/dist/runtime/html/helpers/attrs.js +7 -0
  57. package/dist/runtime/html/helpers/data-marko.js +2 -2
  58. package/dist/runtime/html/helpers/escape-quotes.js +1 -1
  59. package/dist/runtime/html/helpers/escape-xml.js +1 -1
  60. package/dist/runtime/html/helpers/merge-attrs.js +38 -7
  61. package/dist/runtime/html/index.js +2 -2
  62. package/dist/runtime/renderable.js +9 -6
  63. package/dist/runtime/vdom/AsyncVDOMBuilder.js +86 -86
  64. package/dist/runtime/vdom/VComponent.js +3 -3
  65. package/dist/runtime/vdom/VDocumentFragment.js +7 -7
  66. package/dist/runtime/vdom/VElement.js +61 -50
  67. package/dist/runtime/vdom/VFragment.js +8 -8
  68. package/dist/runtime/vdom/VNode.js +36 -36
  69. package/dist/runtime/vdom/VText.js +8 -8
  70. package/dist/runtime/vdom/helpers/attrs.js +24 -4
  71. package/dist/runtime/vdom/helpers/merge-attrs.js +16 -0
  72. package/dist/runtime/vdom/helpers/v-element.js +1 -1
  73. package/dist/runtime/vdom/helpers/v-text.js +1 -1
  74. package/dist/runtime/vdom/hot-reload.js +19 -19
  75. package/dist/runtime/vdom/index.js +2 -2
  76. package/dist/runtime/vdom/morphdom/fragment.js +5 -5
  77. package/dist/runtime/vdom/morphdom/helpers.js +5 -5
  78. package/dist/runtime/vdom/morphdom/index.js +56 -56
  79. package/dist/runtime/vdom/morphdom/specialElHandlers.js +7 -7
  80. package/dist/runtime/vdom/preserve-attrs.js +1 -1
  81. package/dist/runtime/vdom/vdom.js +14 -14
  82. package/docs/10-awesome-marko-features.md +1 -1
  83. package/docs/body-content.md +3 -3
  84. package/docs/class-components.md +6 -6
  85. package/docs/cloudflare-workers.md +3 -3
  86. package/docs/compiler.md +5 -5
  87. package/docs/express.md +2 -2
  88. package/docs/http.md +1 -1
  89. package/docs/koa.md +1 -1
  90. package/docs/lasso.md +1 -1
  91. package/docs/marko-vs-react.md +2 -2
  92. package/docs/rendering.md +6 -6
  93. package/docs/rollup.md +30 -30
  94. package/docs/troubleshooting-streaming.md +1 -1
  95. package/docs/typescript.md +1 -1
  96. package/docs/vite.md +3 -3
  97. package/docs/webpack.md +25 -25
  98. package/docs/why-is-marko-fast.md +2 -2
  99. package/index.d.ts +1 -0
  100. package/legacy-components-browser.marko +15 -0
  101. package/legacy-components.js +7 -0
  102. package/package.json +51 -45
  103. package/src/compiler/config.js +1 -1
  104. package/src/compiler/index.js +5 -5
  105. package/src/core-tags/core/__flush_here_and_after__.js +1 -1
  106. package/src/core-tags/core/await/AsyncValue.js +1 -1
  107. package/src/core-tags/core/await/renderer.js +8 -4
  108. package/src/core-tags/core/await/reorderer-renderer.js +1 -1
  109. package/src/node-require/browser-refresh.js +2 -2
  110. package/src/node-require/index.js +2 -2
  111. package/src/node_modules/@internal/components-beginComponent/index.js +16 -6
  112. package/src/node_modules/@internal/components-define-widget-legacy/index-browser.js +331 -0
  113. package/src/node_modules/@internal/components-define-widget-legacy/index.js +18 -0
  114. package/src/node_modules/@internal/components-define-widget-legacy/package.json +11 -0
  115. package/src/node_modules/@internal/components-entry/index.js +65 -37
  116. package/src/node_modules/@internal/components-entry-legacy/index-browser.js +74 -0
  117. package/src/node_modules/@internal/components-entry-legacy/index.js +15 -0
  118. package/src/node_modules/@internal/components-entry-legacy/package.json +11 -0
  119. package/src/node_modules/@internal/components-registry/index-browser.js +33 -6
  120. package/src/node_modules/@internal/components-util/index.js +10 -0
  121. package/src/runtime/RenderResult.js +3 -3
  122. package/src/runtime/components/Component.js +16 -18
  123. package/src/runtime/components/ComponentDef.js +22 -8
  124. package/src/runtime/components/ComponentsContext.js +1 -1
  125. package/src/runtime/components/State.js +2 -2
  126. package/src/runtime/components/attach-detach.js +1 -1
  127. package/src/runtime/components/dom-data.js +1 -1
  128. package/src/runtime/components/legacy/browser.json +9 -0
  129. package/src/runtime/components/legacy/defineComponent-legacy.js +32 -0
  130. package/src/runtime/components/legacy/defineRenderer-legacy.js +171 -0
  131. package/src/runtime/components/legacy/defineWidget-legacy.js +1 -0
  132. package/src/runtime/components/legacy/dependencies/html.js +3 -0
  133. package/src/runtime/components/legacy/dependencies/index.js +178 -0
  134. package/src/runtime/components/legacy/dependencies/vdom.js +3 -0
  135. package/src/runtime/components/legacy/index.js +1 -0
  136. package/src/runtime/components/legacy/jquery.js +51 -0
  137. package/src/runtime/components/legacy/ready.js +152 -0
  138. package/src/runtime/components/legacy/renderer-legacy.js +230 -0
  139. package/src/runtime/components/renderer.js +4 -0
  140. package/src/runtime/components/update-manager.js +1 -1
  141. package/src/runtime/dom-insert.js +1 -1
  142. package/src/runtime/helpers/dynamic-tag.js +2 -4
  143. package/src/runtime/helpers/style-value.js +7 -2
  144. package/src/runtime/html/AsyncStream.js +5 -5
  145. package/src/runtime/html/BufferedWriter.js +1 -1
  146. package/src/runtime/html/StringWriter.js +1 -1
  147. package/src/runtime/html/helpers/attr.js +15 -2
  148. package/src/runtime/html/helpers/attrs.js +7 -0
  149. package/src/runtime/html/helpers/merge-attrs.js +38 -7
  150. package/src/runtime/html/hot-reload.js +1 -1
  151. package/src/runtime/html/index.js +2 -2
  152. package/src/runtime/renderable.js +5 -2
  153. package/src/runtime/vdom/AsyncVDOMBuilder.js +2 -2
  154. package/src/runtime/vdom/VComponent.js +1 -1
  155. package/src/runtime/vdom/VDocumentFragment.js +1 -1
  156. package/src/runtime/vdom/VElement.js +17 -6
  157. package/src/runtime/vdom/VFragment.js +1 -1
  158. package/src/runtime/vdom/VNode.js +1 -1
  159. package/src/runtime/vdom/VText.js +1 -1
  160. package/src/runtime/vdom/helpers/attrs.js +26 -6
  161. package/src/runtime/vdom/helpers/merge-attrs.js +16 -0
  162. package/src/runtime/vdom/hot-reload.js +1 -1
  163. package/src/runtime/vdom/index.js +2 -2
  164. package/src/runtime/vdom/morphdom/fragment.js +1 -1
  165. package/src/runtime/vdom/morphdom/specialElHandlers.js +1 -1
  166. package/src/taglib/index.js +1 -1
  167. package/tags-html.d.ts +9 -0
@@ -17,9 +17,9 @@ if (String(OutgoingMessageProto.flush).indexOf("deprecated") !== -1) {
17
17
  class Readable extends stream.Readable {
18
18
  constructor(template, data) {
19
19
  super();
20
- this._F_ = template;
21
- this._G_ = data;
22
- this._H_ = false;
20
+ this._Z_ = template;
21
+ this.a__ = data;
22
+ this.aa_ = false;
23
23
  }
24
24
 
25
25
  write(data) {
@@ -33,19 +33,19 @@ class Readable extends stream.Readable {
33
33
  }
34
34
 
35
35
  _read() {
36
- if (this._H_) {
36
+ if (this.aa_) {
37
37
  return;
38
38
  }
39
39
 
40
- this._H_ = true;
41
- var template = this._F_;
42
- var data = this._G_;
40
+ this.aa_ = true;
41
+ var template = this._Z_;
42
+ var data = this.a__;
43
43
  var globalData = data && data.$global;
44
- var out = this._F_.createOut(
44
+ var out = this._Z_.createOut(
45
45
  globalData,
46
46
  this,
47
47
  undefined,
48
- template._E_);
48
+ template._Y_);
49
49
 
50
50
  template.render(data, out);
51
51
  out.end();
@@ -10,7 +10,7 @@ window.addEventListener("message", function (ev) {
10
10
  }
11
11
  });
12
12
 
13
- exports._I_ = function (callback) {
13
+ exports.ab_ = function (callback) {
14
14
  if (queue.push(callback) === 1) {
15
15
  window.postMessage(msg, "*");
16
16
  }
@@ -1,2 +1,2 @@
1
- "use strict";exports._I_ = setTimeout;
2
- exports._J_ = clearTimeout;
1
+ "use strict";exports.ab_ = setTimeout;
2
+ exports.ac_ = clearTimeout;
@@ -1,2 +1,2 @@
1
- "use strict";exports._I_ = setImmediate;
2
- exports._J_ = clearImmediate;
1
+ "use strict";exports.ab_ = setImmediate;
2
+ exports.ac_ = clearImmediate;
@@ -50,7 +50,7 @@ var proto = RenderResult.prototype = {
50
50
  var out = this.A_;
51
51
  var componentsContext = out.b_;
52
52
  if (componentsContext) {
53
- this.b_ = componentsContext._K_(host);
53
+ this.b_ = componentsContext.ad_(host);
54
54
  } else {
55
55
  this.b_ = null;
56
56
  }
@@ -58,10 +58,10 @@ var proto = RenderResult.prototype = {
58
58
  return this;
59
59
  },
60
60
  getNode: function (host) {
61
- return this.A_._L_(host);
61
+ return this.A_.ae_(host);
62
62
  },
63
63
  getOutput: function () {
64
- return this.A_._M_();
64
+ return this.A_.af_();
65
65
  },
66
66
  toString: function () {
67
67
  return this.A_.toString();
@@ -8,8 +8,8 @@ var defaultCreateOut = require("../createOut");
8
8
  var getComponentsContext =
9
9
  require("./ComponentsContext").e_;
10
10
  var componentsUtil = require("@internal/components-util");
11
- var componentLookup = componentsUtil.T_;
12
- var destroyNodeRecursive = componentsUtil._A_;
11
+ var componentLookup = componentsUtil._o_;
12
+ var destroyNodeRecursive = componentsUtil._U_;
13
13
  var EventEmitter = require("events-light");
14
14
  var RenderResult = require("../RenderResult");
15
15
  var SubscriptionTracker = require("listener-tracker");
@@ -18,8 +18,8 @@ var updateManager = require("./update-manager");
18
18
  var morphdom = require("../vdom/morphdom");
19
19
  var eventDelegation = require("./event-delegation");
20
20
  var domData = require("./dom-data");
21
- var componentsByDOMNode = domData.W_;
22
- var keyedElementsByComponentId = domData.V_;
21
+ var componentsByDOMNode = domData._r_;
22
+ var keyedElementsByComponentId = domData._q_;
23
23
  var CONTEXT_KEY = "__subtree_context__";
24
24
 
25
25
  var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -66,7 +66,7 @@ extraArgs)
66
66
  args = extraArgs.concat(args);
67
67
  }
68
68
 
69
- var targetComponent = componentLookup[component.H_];
69
+ var targetComponent = componentLookup[component._a_];
70
70
  var targetMethod =
71
71
  typeof targetMethodName === "function" ?
72
72
  targetMethodName :
@@ -128,8 +128,8 @@ function processUpdateHandlers(component, stateChanges, oldState) {
128
128
  handlerMethod.call(component, newValue, oldValue);
129
129
  });
130
130
 
131
- component._g_();
132
- component._a_();
131
+ component._A_();
132
+ component._v_();
133
133
  }
134
134
 
135
135
  return true;
@@ -169,22 +169,22 @@ var componentProto;
169
169
  function Component(id) {
170
170
  EventEmitter.call(this);
171
171
  this.id = id;
172
- this.J_ = null;
173
- this._m_ = null;
174
- this._N_ = null;
175
- this._e_ = null;
176
- this.I_ = null; // Used to keep track of bubbling DOM events for components rendered on the server
177
172
  this.G_ = null;
178
- this.H_ = null;
179
- this._O_ = null;
180
- this.K_ = undefined;
173
+ this._G_ = null;
174
+ this.ag_ = null;
175
+ this._y_ = null;
176
+ this._b_ = null; // Used to keep track of bubbling DOM events for components rendered on the server
177
+ this.___ = null;
178
+ this._a_ = null;
179
+ this.ah_ = null;
180
+ this.U_ = undefined;
181
+ this._z_ = false;
182
+ this.ai_ = undefined;
183
+ this.P_ = false;
181
184
  this._f_ = false;
182
- this._P_ = undefined;
183
- this._Q_ = false;
184
- this.N_ = false;
185
- this._R_ = false;
186
- this._S_ = false;
187
- this._b_ = undefined;
185
+ this.aj_ = false;
186
+ this.ak_ = false;
187
+ this.I_ = undefined;
188
188
 
189
189
  var ssrKeyedElements = keyedElementsByComponentId[id];
190
190
 
@@ -197,7 +197,7 @@ function Component(id) {
197
197
  }
198
198
 
199
199
  Component.prototype = componentProto = {
200
- X_: true,
200
+ E_: true,
201
201
 
202
202
  subscribeTo: function (target) {
203
203
  if (!target) {
@@ -205,10 +205,10 @@ Component.prototype = componentProto = {
205
205
  }
206
206
 
207
207
  var subscriptions =
208
- this._N_ || (
209
- this._N_ = new SubscriptionTracker());
208
+ this.ag_ || (
209
+ this.ag_ = new SubscriptionTracker());
210
210
 
211
- var subscribeToOptions = target.X_ ?
211
+ var subscribeToOptions = target.E_ ?
212
212
  COMPONENT_SUBSCRIBE_TO_OPTIONS :
213
213
  NON_COMPONENT_SUBSCRIBE_TO_OPTIONS;
214
214
 
@@ -216,7 +216,7 @@ Component.prototype = componentProto = {
216
216
  },
217
217
 
218
218
  emit: function (eventType) {
219
- var customEvents = this.G_;
219
+ var customEvents = this.___;
220
220
  var target;
221
221
 
222
222
  if (customEvents && (target = customEvents[eventType])) {
@@ -247,20 +247,18 @@ Component.prototype = componentProto = {
247
247
  },
248
248
  getEl: function (key, index) {
249
249
  if (key) {
250
- var keyedElement =
251
- this.l_["@" + resolveKeyHelper(key, index)];
252
-
253
- // eslint-disable-next-line no-constant-condition
254
-
255
-
256
-
257
-
250
+ var resolvedKey = resolveKeyHelper(key, index);
251
+ var keyedElement = this.l_["@" + resolvedKey];
252
+ if (keyedElement && keyedElement.nodeType === 12 /** FRAGMENT_NODE */) {
253
+ // eslint-disable-next-line no-constant-condition
258
254
 
259
255
 
260
256
 
261
257
 
262
258
 
263
259
 
260
+ return walkFragments(keyedElement);
261
+ }
264
262
 
265
263
  return keyedElement;
266
264
  } else {
@@ -281,15 +279,15 @@ Component.prototype = componentProto = {
281
279
  },
282
280
  getComponent: function (key, index) {
283
281
  var rootNode = this.l_["@" + resolveKeyHelper(key, index)];
284
- // eslint-disable-next-line no-constant-condition
285
-
286
-
287
-
282
+ if (/\[\]$/.test(key)) {
283
+ // eslint-disable-next-line no-constant-condition
288
284
 
289
285
 
290
286
 
291
287
 
292
288
 
289
+ rootNode = rootNode && rootNode[Object.keys(rootNode)[0]];
290
+ }
293
291
  return rootNode && componentsByDOMNode.get(rootNode);
294
292
  },
295
293
  getComponents: function (key) {
@@ -303,20 +301,20 @@ Component.prototype = componentProto = {
303
301
  [];
304
302
  },
305
303
  destroy: function () {
306
- if (this._Q_) {
304
+ if (this.P_) {
307
305
  return;
308
306
  }
309
307
 
310
- var root = this._m_;
308
+ var root = this._G_;
311
309
 
312
- this._w_();
310
+ this._Q_();
313
311
 
314
312
  var nodes = root.nodes;
315
313
 
316
314
  nodes.forEach(function (node) {
317
315
  destroyNodeRecursive(node);
318
316
 
319
- if (eventDelegation._T_(node) !== false) {
317
+ if (eventDelegation.al_(node) !== false) {
320
318
  node.parentNode.removeChild(node);
321
319
  }
322
320
  });
@@ -327,81 +325,81 @@ Component.prototype = componentProto = {
327
325
  this.l_ = {};
328
326
  },
329
327
 
330
- _w_: function () {
331
- if (this._Q_) {
328
+ _Q_: function () {
329
+ if (this.P_) {
332
330
  return;
333
331
  }
334
332
 
335
- this._U_();
336
- this._Q_ = true;
333
+ this.am_();
334
+ this.P_ = true;
337
335
 
338
- componentsByDOMNode.set(this._m_, undefined);
336
+ componentsByDOMNode.set(this._G_, undefined);
339
337
 
340
- this._m_ = null;
338
+ this._G_ = null;
341
339
 
342
340
  // Unsubscribe from all DOM events
343
- this._d_();
341
+ this._x_();
344
342
 
345
- var subscriptions = this._N_;
343
+ var subscriptions = this.ag_;
346
344
  if (subscriptions) {
347
345
  subscriptions.removeAllListeners();
348
- this._N_ = null;
346
+ this.ag_ = null;
349
347
  }
350
348
  },
351
349
 
352
350
  isDestroyed: function () {
353
- return this._Q_;
351
+ return this.P_;
354
352
  },
355
353
  get state() {
356
- return this.J_;
354
+ return this.G_;
357
355
  },
358
356
  set state(newState) {
359
- var state = this.J_;
357
+ var state = this.G_;
360
358
  if (!state && !newState) {
361
359
  return;
362
360
  }
363
361
 
364
362
  if (!state) {
365
- state = this.J_ = new this._V_(this);
363
+ state = this.G_ = new this.V_(this);
366
364
  }
367
365
 
368
- state._W_(newState || {});
366
+ state.an_(newState || {});
369
367
 
370
- if (state._R_) {
371
- this._X_();
368
+ if (state.aj_) {
369
+ this.ao_();
372
370
  }
373
371
 
374
372
  if (!newState) {
375
- this.J_ = null;
373
+ this.G_ = null;
376
374
  }
377
375
  },
378
376
  setState: function (name, value) {
379
- var state = this.J_;
377
+ var state = this.G_;
380
378
 
381
379
  if (!state) {
382
- state = this.J_ = new this._V_(this);
380
+ state = this.G_ = new this.V_(this);
383
381
  }
384
382
  if (typeof name == "object") {
385
383
  // Merge in the new state with the old state
386
384
  var newState = name;
387
385
  for (var k in newState) {
388
386
  if (hasOwnProperty.call(newState, k)) {
389
- state._Y_(k, newState[k], true /* ensure:true */);
387
+ state.ap_(k, newState[k], true /* ensure:true */);
390
388
  }
391
389
  }
392
390
  } else {
393
- state._Y_(name, value, true /* ensure:true */);
391
+ state.ap_(name, value, true /* ensure:true */);
394
392
  }
395
393
  },
396
394
 
397
395
  setStateDirty: function (name, value) {
398
- var state = this.J_;
396
+ var state = this.G_;
399
397
 
400
398
  if (arguments.length == 1) {
401
399
  value = state[name];
402
400
  }
403
401
 
404
- state._Y_(
402
+ state.ap_(
405
403
  name,
406
404
  value,
407
405
  true /* ensure:true */,
@@ -410,46 +408,46 @@ Component.prototype = componentProto = {
410
408
  },
411
409
 
412
410
  replaceState: function (newState) {
413
- this.J_._W_(newState);
411
+ this.G_.an_(newState);
414
412
  },
415
413
 
416
414
  get input() {
417
- return this.K_;
415
+ return this.U_;
418
416
  },
419
417
  set input(newInput) {
420
- if (this._S_) {
421
- this.K_ = newInput;
418
+ if (this.ak_) {
419
+ this.U_ = newInput;
422
420
  } else {
423
- this._Z_(newInput);
421
+ this._m_(newInput);
424
422
  }
425
423
  },
426
424
 
427
- _Z_: function (newInput, onInput, out) {
425
+ _m_: function (newInput, onInput, out) {
428
426
  onInput = onInput || this.onInput;
429
427
  var updatedInput;
430
428
 
431
- var oldInput = this.K_;
432
- this.K_ = undefined;
433
- this.a__ = out && out[CONTEXT_KEY] || this.a__;
429
+ var oldInput = this.U_;
430
+ this.U_ = undefined;
431
+ this.aq_ = out && out[CONTEXT_KEY] || this.aq_;
434
432
 
435
433
  if (onInput) {
436
434
  // We need to set a flag to preview `this.input = foo` inside
437
435
  // onInput causing infinite recursion
438
- this._S_ = true;
436
+ this.ak_ = true;
439
437
  updatedInput = onInput.call(this, newInput || {}, out);
440
- this._S_ = false;
438
+ this.ak_ = false;
441
439
  }
442
440
 
443
- newInput = this._O_ = updatedInput || newInput;
441
+ newInput = this.ah_ = updatedInput || newInput;
444
442
 
445
- if (this._R_ = checkInputChanged(this, oldInput, newInput)) {
446
- this._X_();
443
+ if (this.aj_ = checkInputChanged(this, oldInput, newInput)) {
444
+ this.ao_();
447
445
  }
448
446
 
449
- if (this.K_ === undefined) {
450
- this.K_ = newInput;
447
+ if (this.U_ === undefined) {
448
+ this.U_ = newInput;
451
449
  if (newInput && newInput.$global) {
452
- this._P_ = newInput.$global;
450
+ this.ai_ = newInput.$global;
453
451
  }
454
452
  }
455
453
 
@@ -457,57 +455,57 @@ Component.prototype = componentProto = {
457
455
  },
458
456
 
459
457
  forceUpdate: function () {
460
- this._R_ = true;
461
- this._X_();
458
+ this.aj_ = true;
459
+ this.ao_();
462
460
  },
463
461
 
464
- _X_: function () {
465
- if (!this.N_) {
466
- this.N_ = true;
467
- updateManager.aa_(this);
462
+ ao_: function () {
463
+ if (!this._f_) {
464
+ this._f_ = true;
465
+ updateManager.ar_(this);
468
466
  }
469
467
  },
470
468
 
471
469
  update: function () {
472
- if (this._Q_ === true || this.ab_ === false) {
470
+ if (this.P_ === true || this.as_ === false) {
473
471
  return;
474
472
  }
475
473
 
476
- var input = this.K_;
477
- var state = this.J_;
474
+ var input = this.U_;
475
+ var state = this.G_;
478
476
 
479
- if (this._R_ === false && state !== null && state._R_ === true) {
480
- if (processUpdateHandlers(this, state.ac_, state.ad_, state)) {
481
- state._R_ = false;
477
+ if (this.aj_ === false && state !== null && state.aj_ === true) {
478
+ if (processUpdateHandlers(this, state.at_, state.au_, state)) {
479
+ state.aj_ = false;
482
480
  }
483
481
  }
484
482
 
485
- if (this.ab_ === true) {
483
+ if (this.as_ === true) {
486
484
  // The UI component is still dirty after process state handlers
487
485
  // then we should rerender
488
486
 
489
487
  if (this.shouldUpdate(input, state) !== false) {
490
- this.ae_();
488
+ this.av_();
491
489
  }
492
490
  }
493
491
 
494
- this._a_();
492
+ this._v_();
495
493
  },
496
494
 
497
- get ab_() {
495
+ get as_() {
498
496
  return (
499
- this._R_ === true ||
500
- this.J_ !== null && this.J_._R_ === true);
497
+ this.aj_ === true ||
498
+ this.G_ !== null && this.G_.aj_ === true);
501
499
 
502
500
  },
503
501
 
504
- _a_: function () {
505
- this._R_ = false;
506
- this.N_ = false;
507
- this._O_ = null;
508
- var state = this.J_;
502
+ _v_: function () {
503
+ this.aj_ = false;
504
+ this._f_ = false;
505
+ this.ah_ = null;
506
+ var state = this.G_;
509
507
  if (state) {
510
- state._a_();
508
+ state._v_();
511
509
  }
512
510
  },
513
511
 
@@ -515,72 +513,72 @@ Component.prototype = componentProto = {
515
513
  return true;
516
514
  },
517
515
 
518
- ae_: function () {
516
+ av_: function () {
519
517
  var self = this;
520
- var renderer = self.af_;
518
+ var renderer = self.W_;
521
519
 
522
520
  if (!renderer) {
523
521
  throw TypeError();
524
522
  }
525
523
 
526
- var input = this._O_ || this.K_;
524
+ var input = this.ah_ || this.U_;
527
525
 
528
- updateManager.ag_(function () {
529
- self._n_(input, false).afterInsert(self._b_);
526
+ updateManager.aw_(function () {
527
+ self._H_(input, false).afterInsert(self.I_);
530
528
  });
531
529
 
532
- this._a_();
530
+ this._v_();
533
531
  },
534
532
 
535
- _n_: function (input, isHydrate) {
536
- var host = this._b_;
537
- var globalData = this._P_;
538
- var rootNode = this._m_;
539
- var renderer = this.af_;
533
+ _H_: function (input, isHydrate) {
534
+ var host = this.I_;
535
+ var globalData = this.ai_;
536
+ var rootNode = this._G_;
537
+ var renderer = this.W_;
540
538
  var createOut = renderer.createOut || defaultCreateOut;
541
539
  var out = createOut(globalData);
542
540
  out.sync();
543
- out._b_ = this._b_;
544
- out[CONTEXT_KEY] = this.a__;
541
+ out.I_ = this.I_;
542
+ out[CONTEXT_KEY] = this.aq_;
545
543
 
546
544
  var componentsContext = getComponentsContext(out);
547
545
  var globalComponentsContext = componentsContext.f_;
548
- globalComponentsContext.ah_ = this;
546
+ globalComponentsContext.ax_ = this;
549
547
  globalComponentsContext.g_ = isHydrate;
550
548
 
551
549
  renderer(input, out);
552
550
 
553
551
  var result = new RenderResult(out);
554
552
 
555
- var targetNode = out._M_().ai_;
553
+ var targetNode = out.af_().ay_;
556
554
 
557
555
  morphdom(rootNode, targetNode, host, componentsContext);
558
556
 
559
557
  return result;
560
558
  },
561
559
 
562
- aj_: function () {
563
- var root = this._m_;
560
+ az_: function () {
561
+ var root = this._G_;
564
562
  root.remove();
565
563
  return root;
566
564
  },
567
565
 
568
- _d_: function () {
569
- var eventListenerHandles = this._e_;
566
+ _x_: function () {
567
+ var eventListenerHandles = this._y_;
570
568
  if (eventListenerHandles) {
571
569
  eventListenerHandles.forEach(removeListener);
572
- this._e_ = null;
570
+ this._y_ = null;
573
571
  }
574
572
  },
575
573
 
576
- get ak_() {
577
- var state = this.J_;
578
- return state && state.al_;
574
+ get aA_() {
575
+ var state = this.G_;
576
+ return state && state.H_;
579
577
  },
580
578
 
581
- am_: function (customEvents, scope) {
582
- var finalCustomEvents = this.G_ = {};
583
- this.H_ = scope;
579
+ aB_: function (customEvents, scope) {
580
+ var finalCustomEvents = this.___ = {};
581
+ this._a_ = scope;
584
582
 
585
583
  customEvents.forEach(function (customEvent) {
586
584
  var eventType = customEvent[0];
@@ -595,7 +593,7 @@ Component.prototype = componentProto = {
595
593
  },
596
594
 
597
595
  get el() {
598
- return walkFragments(this._m_);
596
+ return walkFragments(this._G_);
599
597
  },
600
598
 
601
599
  get els() {
@@ -605,43 +603,43 @@ Component.prototype = componentProto = {
605
603
 
606
604
 
607
605
 
608
- return (this._m_ ? this._m_.nodes : []).filter(function (
606
+ return (this._G_ ? this._G_.nodes : []).filter(function (
609
607
  el)
610
608
  {
611
609
  return el.nodeType === ELEMENT_NODE;
612
610
  });
613
611
  },
614
612
 
615
- an_: emit,
616
- ao_(input, out) {
613
+ aC_: emit,
614
+ aD_(input, out) {
617
615
  this.onCreate && this.onCreate(input, out);
618
- this.an_("create", input, out);
616
+ this.aC_("create", input, out);
619
617
  },
620
618
 
621
- ap_(out) {
619
+ aE_(out) {
622
620
  this.onRender && this.onRender(out);
623
- this.an_("render", out);
621
+ this.aC_("render", out);
624
622
  },
625
623
 
626
- _g_() {
624
+ _A_() {
627
625
  this.onUpdate && this.onUpdate();
628
- this.an_("update");
626
+ this.aC_("update");
629
627
  },
630
628
 
631
- _h_() {
629
+ _B_() {
632
630
  this.onMount && this.onMount();
633
- this.an_("mount");
631
+ this.aC_("mount");
634
632
  },
635
633
 
636
- _U_() {
634
+ am_() {
637
635
  this.onDestroy && this.onDestroy();
638
- this.an_("destroy");
636
+ this.aC_("destroy");
639
637
  }
640
638
  };
641
639
 
642
640
  componentProto.elId = componentProto.getElId;
643
- componentProto.aq_ = componentProto.update;
644
- componentProto.ar_ = componentProto.destroy;
641
+ componentProto.aF_ = componentProto.update;
642
+ componentProto.aG_ = componentProto.destroy;
645
643
 
646
644
  // Add all of the following DOM methods to Component.prototype:
647
645
  // - appendTo(referenceEl)
@@ -653,7 +651,7 @@ componentProto.ar_ = componentProto.destroy;
653
651
  domInsert(
654
652
  componentProto,
655
653
  function getEl(component) {
656
- return component.aj_();
654
+ return component.az_();
657
655
  },
658
656
  function afterInsert(component) {
659
657
  return component;