marko 5.21.3 → 5.21.6
Sign up to get free protection for your applications and to get access to all the features.
- package/bin/markoc.js +13 -1
- package/dist/core-tags/core/await/reorderer-renderer.js +26 -6
- package/dist/runtime/RenderResult.js +7 -7
- package/dist/runtime/components/Component.js +129 -129
- package/dist/runtime/components/ComponentDef.js +25 -25
- package/dist/runtime/components/ComponentsContext.js +8 -8
- package/dist/runtime/components/GlobalComponentsContext.js +4 -4
- package/dist/runtime/components/KeySequence.js +3 -3
- package/dist/runtime/components/ServerComponent.js +13 -13
- package/dist/runtime/components/State.js +25 -25
- package/dist/runtime/components/attach-detach.js +8 -8
- package/dist/runtime/components/beginComponent/index-browser.js +2 -2
- package/dist/runtime/components/beginComponent/index.js +7 -7
- package/dist/runtime/components/defineComponent.js +5 -5
- package/dist/runtime/components/dom-data.js +3 -3
- package/dist/runtime/components/endComponent/index.js +2 -2
- package/dist/runtime/components/entry/index-browser.js +4 -4
- package/dist/runtime/components/entry/index.js +15 -15
- package/dist/runtime/components/event-delegation.js +10 -10
- package/dist/runtime/components/init-components/index-browser.js +34 -34
- package/dist/runtime/components/registry/index-browser.js +7 -7
- package/dist/runtime/components/registry/index.js +2 -2
- package/dist/runtime/components/renderer.js +26 -26
- package/dist/runtime/components/update-manager.js +10 -10
- package/dist/runtime/components/util/index-browser.js +17 -17
- package/dist/runtime/components/util/index.js +9 -9
- package/dist/runtime/createOut.js +1 -1
- package/dist/runtime/dom-insert.js +5 -5
- package/dist/runtime/helpers/_change-case.js +2 -2
- package/dist/runtime/helpers/dynamic-tag.js +7 -7
- package/dist/runtime/helpers/style-value.js +1 -1
- package/dist/runtime/html/AsyncStream.js +20 -20
- package/dist/runtime/html/BufferedWriter.js +2 -2
- package/dist/runtime/html/StringWriter.js +1 -1
- package/dist/runtime/html/helpers/attr.js +1 -1
- package/dist/runtime/html/helpers/data-marko.js +4 -4
- package/dist/runtime/html/helpers/escape-quotes.js +1 -1
- package/dist/runtime/html/helpers/escape-xml.js +1 -1
- package/dist/runtime/html/helpers/props-script.js +1 -1
- package/dist/runtime/html/index.js +1 -1
- package/dist/runtime/renderable.js +4 -4
- package/dist/runtime/setImmediate/index-browser.js +1 -1
- package/dist/runtime/setImmediate/index-worker.js +2 -2
- package/dist/runtime/setImmediate/index.js +2 -2
- package/dist/runtime/vdom/AsyncVDOMBuilder.js +28 -28
- package/dist/runtime/vdom/VDocumentFragment.js +1 -1
- package/dist/runtime/vdom/VElement.js +11 -11
- package/dist/runtime/vdom/VFragment.js +3 -3
- package/dist/runtime/vdom/VNode.js +4 -4
- package/dist/runtime/vdom/hot-reload.js +15 -15
- package/dist/runtime/vdom/index.js +1 -1
- package/dist/runtime/vdom/morphdom/fragment.js +2 -2
- package/dist/runtime/vdom/morphdom/helpers.js +4 -4
- package/dist/runtime/vdom/morphdom/index.js +28 -28
- package/dist/runtime/vdom/morphdom/specialElHandlers.js +1 -1
- package/docs/compiler.md +12 -1
- package/package.json +2 -2
- package/src/core-tags/core/await/reorderer-renderer.js +27 -7
@@ -4,16 +4,16 @@ var warp10Finalize = require("warp10/finalize");
|
|
4
4
|
var eventDelegation = require("../event-delegation");
|
5
5
|
var win = window;
|
6
6
|
var createFragmentNode =
|
7
|
-
require("../../vdom/morphdom/fragment").
|
7
|
+
require("../../vdom/morphdom/fragment").ap_;
|
8
8
|
var componentsUtil = require("../util");
|
9
|
-
var componentLookup = componentsUtil.
|
9
|
+
var componentLookup = componentsUtil.D_;
|
10
10
|
var addComponentRootToKeyedElements =
|
11
|
-
componentsUtil.
|
11
|
+
componentsUtil.aq_;
|
12
12
|
var ComponentDef = require("../ComponentDef");
|
13
13
|
var registry = require("../registry");
|
14
14
|
var domData = require("../dom-data");
|
15
|
-
var keyedElementsByComponentId = domData.
|
16
|
-
var componentsByDOMNode = domData.
|
15
|
+
var keyedElementsByComponentId = domData.G_;
|
16
|
+
var componentsByDOMNode = domData.F_;
|
17
17
|
var serverComponentRootNodes = {};
|
18
18
|
var serverRenderedMeta = {};
|
19
19
|
|
@@ -89,7 +89,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
|
|
89
89
|
} else if (node.nodeType === 1) {
|
90
90
|
// HTML element node
|
91
91
|
var markoKey = node.getAttribute("data-marko-key");
|
92
|
-
var markoProps = componentsUtil.
|
92
|
+
var markoProps = componentsUtil.an_(node);
|
93
93
|
if (markoKey) {
|
94
94
|
var separatorIndex = markoKey.indexOf(" ");
|
95
95
|
ownerId = markoKey.substring(separatorIndex + 1);
|
@@ -106,7 +106,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
|
|
106
106
|
if (markoProps) {
|
107
107
|
Object.keys(markoProps).forEach(function (key) {
|
108
108
|
if (key.slice(0, 2) === "on") {
|
109
|
-
eventDelegation.
|
109
|
+
eventDelegation._E_(key.slice(2));
|
110
110
|
}
|
111
111
|
});
|
112
112
|
}
|
@@ -170,16 +170,16 @@ handles)
|
|
170
170
|
function initComponent(componentDef, host) {
|
171
171
|
var component = componentDef.h_;
|
172
172
|
|
173
|
-
component.
|
174
|
-
component.
|
173
|
+
component.J_();
|
174
|
+
component.Y_ = host;
|
175
175
|
|
176
|
-
var isExisting = componentDef.
|
176
|
+
var isExisting = componentDef._H_;
|
177
177
|
|
178
178
|
if (isExisting) {
|
179
|
-
component.
|
179
|
+
component._c_();
|
180
180
|
}
|
181
181
|
|
182
|
-
var domEvents = componentDef.
|
182
|
+
var domEvents = componentDef._G_;
|
183
183
|
if (domEvents) {
|
184
184
|
var eventListenerHandles = [];
|
185
185
|
|
@@ -204,15 +204,15 @@ function initComponent(componentDef, host) {
|
|
204
204
|
});
|
205
205
|
|
206
206
|
if (eventListenerHandles.length) {
|
207
|
-
component.
|
207
|
+
component.N_ = eventListenerHandles;
|
208
208
|
}
|
209
209
|
}
|
210
210
|
|
211
|
-
if (component.
|
212
|
-
component.
|
211
|
+
if (component.S_) {
|
212
|
+
component.I_();
|
213
213
|
} else {
|
214
|
-
component.
|
215
|
-
component.
|
214
|
+
component.S_ = true;
|
215
|
+
component._A_();
|
216
216
|
}
|
217
217
|
}
|
218
218
|
|
@@ -228,7 +228,7 @@ function initClientRendered(componentDefs, host) {
|
|
228
228
|
if (!host) host = document;
|
229
229
|
// Ensure that event handlers to handle delegating events are
|
230
230
|
// always attached before initializing any components
|
231
|
-
eventDelegation.
|
231
|
+
eventDelegation.ao_(host);
|
232
232
|
var len = componentDefs.length;
|
233
233
|
var componentDef;
|
234
234
|
var i;
|
@@ -341,15 +341,15 @@ function initServerRendered(renderedComponents, host) {
|
|
341
341
|
// Ensure that event handlers to handle delegating events are
|
342
342
|
// always attached before initializing any components
|
343
343
|
indexServerComponentBoundaries(host, runtimeId);
|
344
|
-
eventDelegation.
|
344
|
+
eventDelegation.ao_(host);
|
345
345
|
|
346
346
|
if (renderedComponents.g) {
|
347
|
-
meta.
|
347
|
+
meta.ar_ = renderedComponents.g;
|
348
348
|
}
|
349
349
|
|
350
350
|
if (renderedComponents.t) {
|
351
|
-
meta.
|
352
|
-
meta.
|
351
|
+
meta.as_ = meta.as_ ?
|
352
|
+
meta.as_.concat(renderedComponents.t) :
|
353
353
|
renderedComponents.t;
|
354
354
|
}
|
355
355
|
|
@@ -357,11 +357,11 @@ function initServerRendered(renderedComponents, host) {
|
|
357
357
|
// and return an array of functions to mount these components
|
358
358
|
(renderedComponents.w || []).
|
359
359
|
map(function (componentDef) {
|
360
|
-
var typeName = meta.
|
360
|
+
var typeName = meta.as_[componentDef[1]];
|
361
361
|
|
362
|
-
return registry.
|
362
|
+
return registry.at_(typeName) ?
|
363
363
|
tryHydrateComponent(componentDef, meta, host, runtimeId) :
|
364
|
-
registry.
|
364
|
+
registry.au_(
|
365
365
|
componentDef,
|
366
366
|
typeName,
|
367
367
|
meta,
|
@@ -376,10 +376,10 @@ function initServerRendered(renderedComponents, host) {
|
|
376
376
|
}
|
377
377
|
|
378
378
|
function tryHydrateComponent(rawDef, meta, host, runtimeId) {
|
379
|
-
var componentDef = ComponentDef.
|
379
|
+
var componentDef = ComponentDef._P_(
|
380
380
|
rawDef,
|
381
|
+
meta.as_,
|
381
382
|
meta.ar_,
|
382
|
-
meta.aq_,
|
383
383
|
registry);
|
384
384
|
|
385
385
|
var mount = hydrateComponentAndGetMount(componentDef, host);
|
@@ -417,12 +417,12 @@ function hydrateComponentAndGetMount(componentDef, host) {
|
|
417
417
|
if (rootNode) {
|
418
418
|
delete serverComponentRootNodes[componentId];
|
419
419
|
|
420
|
-
component.
|
420
|
+
component.L_ = rootNode;
|
421
421
|
componentsByDOMNode.set(rootNode, component);
|
422
422
|
|
423
|
-
if (componentDef.
|
424
|
-
component.
|
425
|
-
renderResult = component.
|
423
|
+
if (componentDef._J_ & FLAG_WILL_RERENDER_IN_BROWSER) {
|
424
|
+
component.Y_ = host;
|
425
|
+
renderResult = component._q_(component.R_, true);
|
426
426
|
trackComponent(componentDef);
|
427
427
|
return function mount() {
|
428
428
|
renderResult.afterInsert(host);
|
@@ -448,6 +448,6 @@ function tryInvoke(fn) {
|
|
448
448
|
if (fn) fn();
|
449
449
|
}
|
450
450
|
|
451
|
-
exports.
|
452
|
-
exports.
|
453
|
-
exports.
|
451
|
+
exports._S_ = initClientRendered;
|
452
|
+
exports.aj_ = initServerRendered;
|
453
|
+
exports.av_ = tryHydrateComponent;
|
@@ -22,7 +22,7 @@ function register(type, def) {
|
|
22
22
|
delete pendingDefs[type];
|
23
23
|
queueMicrotask(function () {
|
24
24
|
pendingForType.forEach(function (args) {
|
25
|
-
initComponents.
|
25
|
+
initComponents.av_(
|
26
26
|
args[0],
|
27
27
|
args[1],
|
28
28
|
args[2],
|
@@ -93,12 +93,12 @@ function getComponentClass(typeName) {
|
|
93
93
|
|
94
94
|
ComponentClass = ComponentClass.Component || ComponentClass;
|
95
95
|
|
96
|
-
if (!ComponentClass.
|
96
|
+
if (!ComponentClass.Z_) {
|
97
97
|
ComponentClass = defineComponent(ComponentClass, ComponentClass.renderer);
|
98
98
|
}
|
99
99
|
|
100
100
|
// Make the component "type" accessible on each component instance
|
101
|
-
ComponentClass.prototype.
|
101
|
+
ComponentClass.prototype._O_ = typeName;
|
102
102
|
|
103
103
|
// eslint-disable-next-line no-constant-condition
|
104
104
|
|
@@ -140,7 +140,7 @@ function createComponent(typeName, id) {
|
|
140
140
|
}
|
141
141
|
|
142
142
|
exports.r = register;
|
143
|
-
exports.
|
144
|
-
exports.
|
145
|
-
exports.
|
146
|
-
exports.
|
143
|
+
exports.aw_ = getComponentClass;
|
144
|
+
exports._Q_ = createComponent;
|
145
|
+
exports.at_ = isRegistered;
|
146
|
+
exports.au_ = addPendingDef;
|
@@ -1,11 +1,11 @@
|
|
1
1
|
"use strict";var componentsUtil = require("./util");
|
2
|
-
var componentLookup = componentsUtil.
|
2
|
+
var componentLookup = componentsUtil.D_;
|
3
3
|
|
4
4
|
var ComponentsContext = require("./ComponentsContext");
|
5
5
|
var getComponentsContext = ComponentsContext.o_;
|
6
6
|
var registry = require("./registry");
|
7
7
|
var copyProps = require("raptor-util/copyProps");
|
8
|
-
var isServer = componentsUtil.
|
8
|
+
var isServer = componentsUtil.ax_ === true;
|
9
9
|
var beginComponent = require("./beginComponent");
|
10
10
|
var endComponent = require("./endComponent");
|
11
11
|
|
@@ -15,7 +15,7 @@ function resolveComponentKey(key, parentComponentDef) {
|
|
15
15
|
if (key[0] === "#") {
|
16
16
|
return key.substring(1);
|
17
17
|
} else {
|
18
|
-
return parentComponentDef.id + "-" + parentComponentDef.
|
18
|
+
return parentComponentDef.id + "-" + parentComponentDef._M_(key);
|
19
19
|
}
|
20
20
|
}
|
21
21
|
|
@@ -42,7 +42,7 @@ function handleBeginAsync(event) {
|
|
42
42
|
asyncOut.c(
|
43
43
|
parentOut.g_,
|
44
44
|
parentOut.i_,
|
45
|
-
parentOut.
|
45
|
+
parentOut.ay_);
|
46
46
|
|
47
47
|
}
|
48
48
|
|
@@ -82,7 +82,7 @@ renderingLogic)
|
|
82
82
|
var componentsContext = getComponentsContext(out);
|
83
83
|
var globalComponentsContext = componentsContext.e_;
|
84
84
|
|
85
|
-
var component = globalComponentsContext.
|
85
|
+
var component = globalComponentsContext._r_;
|
86
86
|
var isRerender = component !== undefined;
|
87
87
|
var id;
|
88
88
|
var isExisting;
|
@@ -97,7 +97,7 @@ renderingLogic)
|
|
97
97
|
// the top-level UI component as part of a re-render
|
98
98
|
id = component.id; // We will use the ID of the component being re-rendered
|
99
99
|
isExisting = true; // This is a re-render so we know the component is already in the DOM
|
100
|
-
globalComponentsContext.
|
100
|
+
globalComponentsContext._r_ = null;
|
101
101
|
} else {
|
102
102
|
// Otherwise, we are rendering a nested UI component. We will need
|
103
103
|
// to match up the UI component with the component already in the
|
@@ -106,15 +106,15 @@ renderingLogic)
|
|
106
106
|
// that were provided.
|
107
107
|
if (parentComponentDef) {
|
108
108
|
// console.log('componentArgs:', componentArgs);
|
109
|
-
customEvents = out.
|
109
|
+
customEvents = out.ay_;
|
110
110
|
|
111
111
|
if (key != null) {
|
112
112
|
id = resolveComponentKey(key.toString(), parentComponentDef);
|
113
113
|
} else {
|
114
|
-
id = parentComponentDef.
|
114
|
+
id = parentComponentDef._N_();
|
115
115
|
}
|
116
116
|
} else {
|
117
|
-
id = globalComponentsContext.
|
117
|
+
id = globalComponentsContext._N_();
|
118
118
|
}
|
119
119
|
}
|
120
120
|
|
@@ -123,7 +123,7 @@ renderingLogic)
|
|
123
123
|
// we don't need to match up the UI component with a previously
|
124
124
|
// rendered component already mounted to the DOM. We also create
|
125
125
|
// a lightweight ServerComponent
|
126
|
-
component = registry.
|
126
|
+
component = registry._Q_(
|
127
127
|
renderingLogic,
|
128
128
|
id,
|
129
129
|
input,
|
@@ -135,13 +135,13 @@ renderingLogic)
|
|
135
135
|
|
136
136
|
// This is the final input after running the lifecycle methods.
|
137
137
|
// We will be passing the input to the template for the `input` param
|
138
|
-
input = component.
|
138
|
+
input = component._Y_;
|
139
139
|
} else {
|
140
140
|
if (!component) {
|
141
141
|
if (
|
142
142
|
isRerender && (
|
143
143
|
component = componentLookup[id]) &&
|
144
|
-
component.
|
144
|
+
component._O_ !== typeName)
|
145
145
|
{
|
146
146
|
// Destroy the existing component since
|
147
147
|
component.destroy();
|
@@ -153,7 +153,7 @@ renderingLogic)
|
|
153
153
|
} else {
|
154
154
|
isExisting = false;
|
155
155
|
// We need to create a new instance of the component
|
156
|
-
component = registry.
|
156
|
+
component = registry._Q_(typeName, id);
|
157
157
|
|
158
158
|
if (shouldApplySplitMixins === true) {
|
159
159
|
shouldApplySplitMixins = false;
|
@@ -170,36 +170,36 @@ renderingLogic)
|
|
170
170
|
// Set this flag to prevent the component from being queued for update
|
171
171
|
// based on the new input. The component is about to be rerendered
|
172
172
|
// so we don't want to queue it up as a result of calling `setInput()`
|
173
|
-
component.
|
173
|
+
component.V_ = true;
|
174
174
|
|
175
175
|
if (customEvents !== undefined) {
|
176
|
-
component.
|
176
|
+
component._w_(customEvents, ownerComponentId);
|
177
177
|
}
|
178
178
|
|
179
179
|
if (isExisting === false) {
|
180
|
-
component.
|
180
|
+
component._y_(input, out);
|
181
181
|
}
|
182
182
|
|
183
|
-
input = component.
|
183
|
+
input = component._h_(input, onInput, out);
|
184
184
|
|
185
185
|
if (isExisting === true) {
|
186
186
|
if (
|
187
|
-
component.
|
188
|
-
component.shouldUpdate(input, component.
|
187
|
+
component._k_ === false ||
|
188
|
+
component.shouldUpdate(input, component.K_) === false)
|
189
189
|
{
|
190
190
|
// We put a placeholder element in the output stream to ensure that the existing
|
191
191
|
// DOM node is matched up correctly when using morphdom. We flag the VElement
|
192
192
|
// node to track that it is a preserve marker
|
193
|
-
out.
|
194
|
-
globalComponentsContext.
|
195
|
-
component.
|
193
|
+
out.az_(component);
|
194
|
+
globalComponentsContext._V_[id] = true;
|
195
|
+
component.J_(); // The component is no longer dirty so reset internal flags
|
196
196
|
return;
|
197
197
|
}
|
198
198
|
}
|
199
199
|
}
|
200
200
|
|
201
|
-
component.
|
202
|
-
component.
|
201
|
+
component.T_ = out.global;
|
202
|
+
component._z_(out);
|
203
203
|
}
|
204
204
|
|
205
205
|
var componentDef = beginComponent(
|
@@ -211,7 +211,7 @@ renderingLogic)
|
|
211
211
|
isImplicitComponent);
|
212
212
|
|
213
213
|
|
214
|
-
componentDef.
|
214
|
+
componentDef._H_ = isExisting;
|
215
215
|
|
216
216
|
// Render the template associated with the component using the final template
|
217
217
|
// data that we constructed
|
@@ -220,7 +220,7 @@ renderingLogic)
|
|
220
220
|
out,
|
221
221
|
componentDef,
|
222
222
|
component,
|
223
|
-
component.
|
223
|
+
component._u_);
|
224
224
|
|
225
225
|
|
226
226
|
endComponent(out, componentDef);
|
@@ -4,7 +4,7 @@ var updatesScheduled = false;
|
|
4
4
|
var batchStack = []; // A stack of batched updates
|
5
5
|
var unbatchedQueue = []; // Used for scheduled batched updates
|
6
6
|
|
7
|
-
var setImmediate = require("../setImmediate").
|
7
|
+
var setImmediate = require("../setImmediate").aA_;
|
8
8
|
|
9
9
|
/**
|
10
10
|
* This function is called when we schedule the update of "unbatched"
|
@@ -41,7 +41,7 @@ function updateComponents(queue) {
|
|
41
41
|
// since we will still get to them at the end
|
42
42
|
for (var i = 0; i < queue.length; i++) {
|
43
43
|
var component = queue[i];
|
44
|
-
component.
|
44
|
+
component._B_(); // Do the actual component update
|
45
45
|
}
|
46
46
|
|
47
47
|
// Clear out the queue by setting the length to zero
|
@@ -54,7 +54,7 @@ function batchUpdate(func) {
|
|
54
54
|
// batched update completes we invoke the "afterUpdate"
|
55
55
|
// event listeners.
|
56
56
|
var batch = {
|
57
|
-
|
57
|
+
aB_: null };
|
58
58
|
|
59
59
|
|
60
60
|
batchStack.push(batch);
|
@@ -65,8 +65,8 @@ function batchUpdate(func) {
|
|
65
65
|
try {
|
66
66
|
// Update all of the components that where queued up
|
67
67
|
// in this batch (if any)
|
68
|
-
if (batch.
|
69
|
-
updateComponents(batch.
|
68
|
+
if (batch.aB_) {
|
69
|
+
updateComponents(batch.aB_);
|
70
70
|
}
|
71
71
|
} finally {
|
72
72
|
// Now that we have completed the update of all the components
|
@@ -89,10 +89,10 @@ function queueComponentUpdate(component) {
|
|
89
89
|
// We default the batch queue to null to avoid creating an Array instance
|
90
90
|
// unnecessarily. If it is null then we create a new Array, otherwise
|
91
91
|
// we push it onto the existing Array queue
|
92
|
-
if (batch.
|
93
|
-
batch.
|
92
|
+
if (batch.aB_) {
|
93
|
+
batch.aB_.push(component);
|
94
94
|
} else {
|
95
|
-
batch.
|
95
|
+
batch.aB_ = [component];
|
96
96
|
}
|
97
97
|
} else {
|
98
98
|
// We are not within a batched update. We need to schedule a batch update
|
@@ -103,5 +103,5 @@ function queueComponentUpdate(component) {
|
|
103
103
|
}
|
104
104
|
}
|
105
105
|
|
106
|
-
exports.
|
107
|
-
exports.
|
106
|
+
exports._j_ = queueComponentUpdate;
|
107
|
+
exports._p_ = batchUpdate;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
"use strict";var domData = require("../dom-data");
|
2
|
-
var componentsByDOMNode = domData.
|
3
|
-
var keysByDOMNode = domData.
|
4
|
-
var vElementsByDOMNode = domData.
|
5
|
-
var vPropsByDOMNode = domData.
|
2
|
+
var componentsByDOMNode = domData.F_;
|
3
|
+
var keysByDOMNode = domData.ah_;
|
4
|
+
var vElementsByDOMNode = domData.af_;
|
5
|
+
var vPropsByDOMNode = domData.ae_;
|
6
6
|
var markoUID = window.$MUID || (window.$MUID = { i: 0 });
|
7
7
|
var runtimeId = markoUID.i++;
|
8
8
|
|
@@ -27,7 +27,7 @@ function getComponentForEl(el, host) {
|
|
27
27
|
component = componentsByDOMNode.get(node);
|
28
28
|
}
|
29
29
|
} else if (vElement = vElementsByDOMNode.get(node)) {
|
30
|
-
component = vElement.
|
30
|
+
component = vElement.aC_;
|
31
31
|
}
|
32
32
|
|
33
33
|
if (component) {
|
@@ -41,7 +41,7 @@ function getComponentForEl(el, host) {
|
|
41
41
|
function destroyComponentForNode(node) {
|
42
42
|
var componentToDestroy = componentsByDOMNode.get(node.fragment || node);
|
43
43
|
if (componentToDestroy) {
|
44
|
-
componentToDestroy.
|
44
|
+
componentToDestroy.___();
|
45
45
|
delete componentLookup[componentToDestroy.id];
|
46
46
|
}
|
47
47
|
}
|
@@ -103,7 +103,7 @@ function getMarkoPropsFromEl(el) {
|
|
103
103
|
var virtualProps;
|
104
104
|
|
105
105
|
if (vElement) {
|
106
|
-
virtualProps = vElement.
|
106
|
+
virtualProps = vElement.aD_;
|
107
107
|
} else {
|
108
108
|
virtualProps = vPropsByDOMNode.get(el);
|
109
109
|
if (!virtualProps) {
|
@@ -167,13 +167,13 @@ componentId)
|
|
167
167
|
|
168
168
|
|
169
169
|
|
170
|
-
exports.
|
171
|
-
exports.
|
172
|
-
exports.
|
173
|
-
exports.
|
174
|
-
exports.
|
175
|
-
exports.
|
176
|
-
exports.
|
177
|
-
exports.
|
178
|
-
exports.
|
179
|
-
exports.
|
170
|
+
exports.am_ = runtimeId;
|
171
|
+
exports.D_ = componentLookup;
|
172
|
+
exports.ai_ = getComponentForEl;
|
173
|
+
exports.aE_ = destroyComponentForNode;
|
174
|
+
exports.E_ = destroyNodeRecursive;
|
175
|
+
exports._U_ = nextComponentIdProvider;
|
176
|
+
exports._D_ = attachBubblingEvent;
|
177
|
+
exports.an_ = getMarkoPropsFromEl;
|
178
|
+
exports.aq_ = addComponentRootToKeyedElements;
|
179
|
+
exports.aF_ = normalizeComponentKey;
|
@@ -19,7 +19,7 @@ extraArgs)
|
|
19
19
|
if (handlerMethodName) {
|
20
20
|
if (extraArgs) {
|
21
21
|
var component = componentDef.h_;
|
22
|
-
var eventIndex = component.
|
22
|
+
var eventIndex = component._X_++;
|
23
23
|
|
24
24
|
// If we are not going to be doing a rerender in the browser
|
25
25
|
// then we need to actually store the extra args with the UI component
|
@@ -29,11 +29,11 @@ extraArgs)
|
|
29
29
|
// where the extra args will be found when the UI component is
|
30
30
|
// rerendered in the browser
|
31
31
|
|
32
|
-
if (!(componentDef.
|
32
|
+
if (!(componentDef._J_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
|
33
33
|
if (eventIndex === 0) {
|
34
|
-
component.
|
34
|
+
component.O_ = [extraArgs];
|
35
35
|
} else {
|
36
|
-
component.
|
36
|
+
component.O_.push(extraArgs);
|
37
37
|
}
|
38
38
|
}
|
39
39
|
|
@@ -52,10 +52,10 @@ extraArgs)
|
|
52
52
|
}
|
53
53
|
}
|
54
54
|
|
55
|
-
exports.
|
56
|
-
exports.
|
57
|
-
exports.
|
58
|
-
exports.
|
59
|
-
exports.
|
55
|
+
exports._U_ = nextComponentIdProvider;
|
56
|
+
exports.ax_ = true;
|
57
|
+
exports._D_ = attachBubblingEvent;
|
58
|
+
exports.aE_ = function noop() {};
|
59
|
+
exports.E_ = function noop() {};
|
60
60
|
|
61
61
|
// eslint-disable-next-line no-constant-condition
|
@@ -1,12 +1,12 @@
|
|
1
1
|
"use strict";var extend = require("raptor-util/extend");
|
2
2
|
var componentsUtil = require("./components/util");
|
3
|
-
var destroyComponentForNode = componentsUtil.
|
4
|
-
var destroyNodeRecursive = componentsUtil.
|
3
|
+
var destroyComponentForNode = componentsUtil.aE_;
|
4
|
+
var destroyNodeRecursive = componentsUtil.E_;
|
5
5
|
var helpers = require("./vdom/morphdom/helpers");
|
6
6
|
|
7
|
-
var insertBefore = helpers.
|
8
|
-
var insertAfter = helpers.
|
9
|
-
var removeChild = helpers.
|
7
|
+
var insertBefore = helpers.aH_;
|
8
|
+
var insertAfter = helpers.aI_;
|
9
|
+
var removeChild = helpers.aJ_;
|
10
10
|
|
11
11
|
function resolveEl(el) {
|
12
12
|
if (typeof el == "string") {
|
@@ -6,7 +6,7 @@ var dashToCamelLookup = Object.create(null);
|
|
6
6
|
/**
|
7
7
|
* Helper for converting camelCase to dash-case.
|
8
8
|
*/
|
9
|
-
exports.
|
9
|
+
exports.aK_ = function camelToDashCase(name) {
|
10
10
|
var nameDashed = camelToDashLookup[name];
|
11
11
|
if (!nameDashed) {
|
12
12
|
nameDashed = camelToDashLookup[name] = name.
|
@@ -24,7 +24,7 @@ exports.aJ_ = function camelToDashCase(name) {
|
|
24
24
|
/**
|
25
25
|
* Helper for converting dash-case to camelCase.
|
26
26
|
*/
|
27
|
-
exports.
|
27
|
+
exports.aL_ = function dashToCamelCase(name) {
|
28
28
|
var nameCamel = dashToCamelLookup[name];
|
29
29
|
if (!nameCamel) {
|
30
30
|
nameCamel = dashToCamelLookup[name] = name.replace(
|
@@ -37,7 +37,7 @@ customEvents)
|
|
37
37
|
var component = componentDef && componentDef.h_;
|
38
38
|
if (typeof tag === "string") {
|
39
39
|
if (renderBody) {
|
40
|
-
out.
|
40
|
+
out.aM_(
|
41
41
|
tag,
|
42
42
|
attrs,
|
43
43
|
key,
|
@@ -45,9 +45,9 @@ customEvents)
|
|
45
45
|
addEvents(componentDef, customEvents, props));
|
46
46
|
|
47
47
|
renderBody(out);
|
48
|
-
out.
|
48
|
+
out.aN_();
|
49
49
|
} else {
|
50
|
-
out.
|
50
|
+
out.aO_(
|
51
51
|
tag,
|
52
52
|
attrs,
|
53
53
|
key,
|
@@ -97,7 +97,7 @@ customEvents)
|
|
97
97
|
|
98
98
|
|
99
99
|
if (isFn) {
|
100
|
-
var flags = componentDef ? componentDef.
|
100
|
+
var flags = componentDef ? componentDef._J_ : 0;
|
101
101
|
var willRerender = flags & FLAG_WILL_RERENDER_IN_BROWSER;
|
102
102
|
var isW10NOOP = render === w10NOOP;
|
103
103
|
var preserve = IS_SERVER ? willRerender : isW10NOOP;
|
@@ -108,7 +108,7 @@ customEvents)
|
|
108
108
|
var globalContext = componentsContext.e_;
|
109
109
|
componentsContext.j_ = new ComponentDef(
|
110
110
|
component,
|
111
|
-
parentComponentDef.id + "-" + parentComponentDef.
|
111
|
+
parentComponentDef.id + "-" + parentComponentDef._M_(key),
|
112
112
|
globalContext);
|
113
113
|
|
114
114
|
render.toJSON = RENDER_BODY_TO_JSON;
|
@@ -133,7 +133,7 @@ customEvents)
|
|
133
133
|
component,
|
134
134
|
IS_SERVER &&
|
135
135
|
componentDef &&
|
136
|
-
componentDef.
|
136
|
+
componentDef._J_ & FLAG_WILL_RERENDER_IN_BROWSER);
|
137
137
|
|
138
138
|
renderBody(out);
|
139
139
|
out.ef();
|
@@ -144,7 +144,7 @@ function attrsToCamelCase(attrs) {
|
|
144
144
|
var result = {};
|
145
145
|
|
146
146
|
for (var key in attrs) {
|
147
|
-
result[changeCase.
|
147
|
+
result[changeCase.aL_(key)] = attrs[key];
|
148
148
|
}
|
149
149
|
|
150
150
|
return result;
|