marko 5.37.46 → 5.37.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/node_modules/@internal/components-entry/index.js +17 -10
- package/dist/node_modules/@internal/components-entry-legacy/index-browser.js +3 -3
- package/dist/node_modules/@internal/components-registry/index-browser.js +33 -33
- package/dist/node_modules/@internal/components-registry/index.js +2 -2
- package/dist/node_modules/@internal/components-util/index-browser.js +16 -16
- package/dist/node_modules/@internal/components-util/index.js +4 -4
- package/dist/node_modules/@internal/create-readable/index-browser.js +1 -1
- package/dist/node_modules/@internal/create-readable/index.js +9 -9
- package/dist/node_modules/@internal/preserve-tag/index-browser.js +5 -5
- package/dist/node_modules/@internal/preserve-tag/index.js +1 -1
- package/dist/node_modules/@internal/set-immediate/index-browser.js +1 -1
- package/dist/node_modules/@internal/set-immediate/index-worker.js +2 -2
- package/dist/node_modules/@internal/set-immediate/index.js +2 -2
- package/dist/runtime/RenderResult.js +3 -3
- package/dist/runtime/components/Component.js +95 -95
- package/dist/runtime/components/ComponentDef.js +18 -18
- package/dist/runtime/components/ComponentsContext.js +3 -3
- package/dist/runtime/components/GlobalComponentsContext.js +3 -3
- package/dist/runtime/components/KeySequence.js +3 -3
- package/dist/runtime/components/ServerComponent.js +1 -1
- package/dist/runtime/components/State.js +19 -19
- package/dist/runtime/components/attach-detach.js +7 -7
- package/dist/runtime/components/dom-data.js +5 -5
- package/dist/runtime/components/event-delegation.js +9 -9
- package/dist/runtime/components/legacy/defineRenderer-legacy.js +11 -11
- package/dist/runtime/components/legacy/dependencies/index.js +7 -7
- package/dist/runtime/components/legacy/renderer-legacy.js +28 -28
- package/dist/runtime/components/renderer.js +27 -27
- package/dist/runtime/components/update-manager.js +4 -4
- 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 +9 -9
- package/dist/runtime/helpers/render-tag.js +1 -1
- package/dist/runtime/helpers/serialize-noop.js +1 -1
- package/dist/runtime/helpers/style-value.js +1 -1
- package/dist/runtime/helpers/tags-compat/runtime-dom.js +23 -23
- package/dist/runtime/helpers/tags-compat/runtime-html.js +67 -24
- package/dist/runtime/html/AsyncStream.js +20 -20
- package/dist/runtime/html/BufferedWriter.js +2 -2
- package/dist/runtime/html/helpers/_dynamic-attr.js +2 -2
- package/dist/runtime/html/helpers/attr.js +2 -2
- package/dist/runtime/html/helpers/data-marko.js +1 -1
- package/dist/runtime/html/helpers/escape-xml.js +1 -1
- package/dist/runtime/html/index.js +1 -1
- package/dist/runtime/renderable.js +3 -3
- package/dist/runtime/vdom/AsyncVDOMBuilder.js +83 -83
- package/dist/runtime/vdom/VComment.js +7 -7
- package/dist/runtime/vdom/VComponent.js +4 -4
- package/dist/runtime/vdom/VDocumentFragment.js +6 -6
- package/dist/runtime/vdom/VElement.js +36 -36
- package/dist/runtime/vdom/VFragment.js +9 -9
- package/dist/runtime/vdom/VNode.js +33 -33
- package/dist/runtime/vdom/VText.js +8 -8
- package/dist/runtime/vdom/helpers/const-element.js +3 -3
- package/dist/runtime/vdom/hot-reload.js +14 -14
- package/dist/runtime/vdom/index.js +1 -1
- package/dist/runtime/vdom/morphdom/fragment.js +5 -5
- package/dist/runtime/vdom/morphdom/helpers.js +5 -5
- package/dist/runtime/vdom/morphdom/index.js +68 -68
- package/dist/runtime/vdom/vdom.js +15 -15
- package/dist/translator/util/get-component-files.js +1 -1
- package/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/node_modules/@internal/components-entry/index.js +19 -12
- package/src/runtime/helpers/tags-compat/runtime-dom.js +3 -3
- package/src/runtime/helpers/tags-compat/runtime-html.js +66 -23
- package/tags-html.d.ts +1 -1
@@ -8,7 +8,7 @@ function ensure(state, propertyName) {
|
|
8
8
|
return this.A_[propertyName];
|
9
9
|
},
|
10
10
|
set: function (value) {
|
11
|
-
this.
|
11
|
+
this.as_(propertyName, value, false /* ensure:false */);
|
12
12
|
}
|
13
13
|
});
|
14
14
|
}
|
@@ -18,29 +18,29 @@ function State(component) {
|
|
18
18
|
this.s_ = component;
|
19
19
|
this.A_ = {};
|
20
20
|
|
21
|
-
this.
|
21
|
+
this.am_ = false;
|
22
|
+
this.ax_ = null;
|
22
23
|
this.aw_ = null;
|
23
|
-
this.
|
24
|
-
this.aR_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
|
24
|
+
this.aS_ = null; // An object that we use to keep tracking of state properties that were forced to be dirty
|
25
25
|
|
26
26
|
Object.seal(this);
|
27
27
|
}
|
28
28
|
|
29
29
|
State.prototype = {
|
30
|
-
|
31
|
-
this.
|
30
|
+
_u_: function () {
|
31
|
+
this.am_ = false;
|
32
|
+
this.ax_ = null;
|
32
33
|
this.aw_ = null;
|
33
|
-
this.
|
34
|
-
this.aR_ = null;
|
34
|
+
this.aS_ = null;
|
35
35
|
},
|
36
36
|
|
37
|
-
|
37
|
+
aq_: function (newState) {
|
38
38
|
var key;
|
39
39
|
var rawState = this.A_;
|
40
40
|
|
41
41
|
for (key in rawState) {
|
42
42
|
if (!(key in newState)) {
|
43
|
-
this.
|
43
|
+
this.as_(
|
44
44
|
key,
|
45
45
|
undefined,
|
46
46
|
false /* ensure:false */,
|
@@ -50,7 +50,7 @@ State.prototype = {
|
|
50
50
|
}
|
51
51
|
|
52
52
|
for (key in newState) {
|
53
|
-
this.
|
53
|
+
this.as_(
|
54
54
|
key,
|
55
55
|
newState[key],
|
56
56
|
true /* ensure:true */,
|
@@ -58,7 +58,7 @@ State.prototype = {
|
|
58
58
|
);
|
59
59
|
}
|
60
60
|
},
|
61
|
-
|
61
|
+
as_: function (name, value, shouldEnsure, forceDirty) {
|
62
62
|
var rawState = this.A_;
|
63
63
|
|
64
64
|
if (shouldEnsure) {
|
@@ -66,24 +66,24 @@ State.prototype = {
|
|
66
66
|
}
|
67
67
|
|
68
68
|
if (forceDirty) {
|
69
|
-
var forcedDirtyState = this.
|
69
|
+
var forcedDirtyState = this.aS_ || (this.aS_ = {});
|
70
70
|
forcedDirtyState[name] = true;
|
71
71
|
} else if (rawState[name] === value) {
|
72
72
|
return;
|
73
73
|
}
|
74
74
|
|
75
|
-
if (!this.
|
75
|
+
if (!this.am_) {
|
76
76
|
// This is the first time we are modifying the component state
|
77
77
|
// so introduce some properties to do some tracking of
|
78
78
|
// changes to the state
|
79
|
-
this.
|
80
|
-
this.
|
79
|
+
this.am_ = true; // Mark the component state as dirty (i.e. modified)
|
80
|
+
this.ax_ = rawState;
|
81
81
|
this.A_ = rawState = extend({}, rawState);
|
82
|
-
this.
|
83
|
-
this.s_.
|
82
|
+
this.aw_ = {};
|
83
|
+
this.s_.ar_();
|
84
84
|
}
|
85
85
|
|
86
|
-
this.
|
86
|
+
this.aw_[name] = value;
|
87
87
|
|
88
88
|
if (value === undefined) {
|
89
89
|
// Don't store state properties with an undefined or null value
|
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";var eventDelegation = require("./event-delegation");
|
2
|
-
var delegateEvent = eventDelegation.
|
3
|
-
var getEventFromEl = eventDelegation.
|
2
|
+
var delegateEvent = eventDelegation.aT_;
|
3
|
+
var getEventFromEl = eventDelegation.aU_;
|
4
4
|
|
5
5
|
// var componentsUtil = require('@internal/components-util');
|
6
6
|
// var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
|
@@ -14,10 +14,10 @@ function handleNodeAttach(node, componentsContext) {
|
|
14
14
|
var out = componentsContext.r_;
|
15
15
|
var data = out.data;
|
16
16
|
|
17
|
-
var attachTargets = data.
|
17
|
+
var attachTargets = data.aV_;
|
18
18
|
if (!attachTargets) {
|
19
|
-
attachTargets = data.
|
20
|
-
out.on("
|
19
|
+
attachTargets = data.aV_ = [];
|
20
|
+
out.on("aQ_", function () {
|
21
21
|
for (var i = 0; i < attachTargets.length; i += 2) {
|
22
22
|
var node = attachTargets[i];
|
23
23
|
var target = attachTargets[i + 1];
|
@@ -56,5 +56,5 @@ function handleNodeDetach(node) {
|
|
56
56
|
}
|
57
57
|
}
|
58
58
|
|
59
|
-
eventDelegation.
|
60
|
-
eventDelegation.
|
59
|
+
eventDelegation.aW_ = handleNodeAttach;
|
60
|
+
eventDelegation.ao_ = handleNodeDetach;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";var componentsUtil = require("@internal/components-util");
|
2
|
-
var runtimeId = componentsUtil.
|
3
|
-
var componentLookup = componentsUtil.
|
4
|
-
var getMarkoPropsFromEl = componentsUtil.
|
2
|
+
var runtimeId = componentsUtil._Q_;
|
3
|
+
var componentLookup = componentsUtil._m_;
|
4
|
+
var getMarkoPropsFromEl = componentsUtil._s_;
|
5
5
|
|
6
6
|
var TEXT_NODE = 3;
|
7
7
|
|
@@ -132,12 +132,12 @@ function addDelegatedEventHandlerToHost(eventType, host) {
|
|
132
132
|
|
133
133
|
function noop() {}
|
134
134
|
|
135
|
-
exports.
|
136
|
-
exports.
|
137
|
-
exports.
|
138
|
-
exports.
|
139
|
-
exports.
|
140
|
-
exports.
|
135
|
+
exports.aW_ = noop;
|
136
|
+
exports.ao_ = noop;
|
137
|
+
exports.aT_ = delegateEvent;
|
138
|
+
exports.aU_ = getEventFromEl;
|
139
|
+
exports._t_ = addDelegatedEventHandler;
|
140
|
+
exports._B_ = function (host) {
|
141
141
|
Object.keys(delegatedEvents).forEach(function (eventType) {
|
142
142
|
addDelegatedEventHandlerToHost(eventType, host);
|
143
143
|
});
|
@@ -1,17 +1,17 @@
|
|
1
1
|
"use strict"; // eslint-disable-next-line no-constant-binary-expression
|
2
2
|
|
3
|
-
var componentLookup = require("@internal/components-util").
|
3
|
+
var componentLookup = require("@internal/components-util")._m_;
|
4
4
|
var req = require("@internal/require");
|
5
5
|
var makeRenderable = require("../../renderable");
|
6
6
|
var getComponentsContext =
|
7
7
|
require("../ComponentsContext").S_;
|
8
8
|
var modernRenderer = require("../renderer");
|
9
|
-
var resolveComponentKey = modernRenderer.
|
9
|
+
var resolveComponentKey = modernRenderer.aY_;
|
10
10
|
|
11
11
|
module.exports = function defineRenderer(renderingLogic) {
|
12
12
|
var renderer = renderingLogic.renderer;
|
13
13
|
|
14
|
-
if (renderer && renderer.
|
14
|
+
if (renderer && renderer.aZ_) {
|
15
15
|
return renderer;
|
16
16
|
}
|
17
17
|
|
@@ -46,12 +46,12 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
46
46
|
renderer = function renderer(input, out) {
|
47
47
|
var componentsContext = getComponentsContext(out);
|
48
48
|
var globalComponentsContext = componentsContext.p_;
|
49
|
-
var component = globalComponentsContext.
|
50
|
-
var isReceivingNewInput = !component || component.
|
49
|
+
var component = globalComponentsContext.aA_;
|
50
|
+
var isReceivingNewInput = !component || component._i_;
|
51
51
|
var parentComponentDef;
|
52
52
|
|
53
53
|
if (component) {
|
54
|
-
component.
|
54
|
+
component._i_ = false;
|
55
55
|
}
|
56
56
|
|
57
57
|
// Render the template associated with the component using the final template
|
@@ -63,7 +63,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
63
63
|
var id;
|
64
64
|
|
65
65
|
if (!component && componentLookup) {
|
66
|
-
var key = out.
|
66
|
+
var key = out.ab_;
|
67
67
|
|
68
68
|
if (
|
69
69
|
(parentComponentDef = componentsContext.o_) &&
|
@@ -71,9 +71,9 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
71
71
|
{
|
72
72
|
id = resolveComponentKey(key.toString(), parentComponentDef);
|
73
73
|
} else if (parentComponentDef) {
|
74
|
-
id = parentComponentDef.
|
74
|
+
id = parentComponentDef.aP_();
|
75
75
|
} else {
|
76
|
-
id = globalComponentsContext.
|
76
|
+
id = globalComponentsContext.aP_();
|
77
77
|
}
|
78
78
|
|
79
79
|
component = componentLookup[id];
|
@@ -108,7 +108,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
108
108
|
} else if (component) {
|
109
109
|
newProps = newProps || component.N_;
|
110
110
|
widgetBody = component.Z_;
|
111
|
-
widgetState = component.
|
111
|
+
widgetState = component.aD_;
|
112
112
|
widgetConfig = component.widgetConfig;
|
113
113
|
}
|
114
114
|
|
@@ -148,7 +148,7 @@ module.exports = function defineRenderer(renderingLogic) {
|
|
148
148
|
};
|
149
149
|
}
|
150
150
|
|
151
|
-
renderer.
|
151
|
+
renderer.aZ_ = true;
|
152
152
|
renderer.createOut = template ? template.createOut : renderingLogic.createOut;
|
153
153
|
renderer.template = template;
|
154
154
|
|
@@ -4,14 +4,14 @@ var env = process.env.NODE_ENV;
|
|
4
4
|
var production = !env || env !== "development";
|
5
5
|
|
6
6
|
function getRootDeps(template, context) {
|
7
|
-
if (production && template.
|
8
|
-
return template.
|
7
|
+
if (production && template.b__) {
|
8
|
+
return template.b__;
|
9
9
|
}
|
10
10
|
|
11
11
|
attachDepsAndComponentsToTemplate(template, context);
|
12
12
|
|
13
|
-
var deps = template.
|
14
|
-
(key) => template.
|
13
|
+
var deps = template.b__ = Object.keys(template.ba_).map(
|
14
|
+
(key) => template.ba_[key]
|
15
15
|
);
|
16
16
|
var initModule = getInitModule(template.path, template.b_);
|
17
17
|
|
@@ -38,9 +38,9 @@ function attachDepsAndComponentsToTemplate(target, context) {
|
|
38
38
|
}
|
39
39
|
|
40
40
|
if (typeof template.createOut !== "function") return;
|
41
|
-
if (production && target.
|
41
|
+
if (production && target.ba_) return;
|
42
42
|
|
43
|
-
var deps = target.
|
43
|
+
var deps = target.ba_ = {};
|
44
44
|
var components = target.b_ = {};
|
45
45
|
|
46
46
|
if (!template.meta) {
|
@@ -83,7 +83,7 @@ function attachDepsAndComponentsToTemplate(target, context) {
|
|
83
83
|
|
84
84
|
attachDepsAndComponentsToTemplate(tag, context);
|
85
85
|
|
86
|
-
if (tag.
|
86
|
+
if (tag.ba_) Object.assign(deps, tag.ba_);
|
87
87
|
if (tag.b_) Object.assign(components, tag.b_);
|
88
88
|
});
|
89
89
|
}
|
@@ -4,10 +4,10 @@ var registry = require("@internal/components-registry");
|
|
4
4
|
var componentsUtil = require("@internal/components-util");
|
5
5
|
var getComponentsContext =
|
6
6
|
require("../ComponentsContext").S_;
|
7
|
-
var componentLookup = componentsUtil.
|
7
|
+
var componentLookup = componentsUtil._m_;
|
8
8
|
var modernRenderer = require("../renderer");
|
9
|
-
var resolveComponentKey = modernRenderer.
|
10
|
-
var trackAsyncComponents = modernRenderer.
|
9
|
+
var resolveComponentKey = modernRenderer.aY_;
|
10
|
+
var trackAsyncComponents = modernRenderer.bb_;
|
11
11
|
// eslint-disable-next-line no-constant-binary-expression
|
12
12
|
|
13
13
|
|
@@ -21,7 +21,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
21
21
|
trackAsyncComponents(out);
|
22
22
|
|
23
23
|
var componentsContext = getComponentsContext(out);
|
24
|
-
var parentLegacyComponentDef = componentsContext.
|
24
|
+
var parentLegacyComponentDef = componentsContext.bc_;
|
25
25
|
|
26
26
|
if (isImplicit && parentLegacyComponentDef) {
|
27
27
|
templateRenderFunc(
|
@@ -29,7 +29,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
29
29
|
out,
|
30
30
|
parentLegacyComponentDef,
|
31
31
|
parentLegacyComponentDef.s_,
|
32
|
-
parentLegacyComponentDef.s_.
|
32
|
+
parentLegacyComponentDef.s_.aD_,
|
33
33
|
out.global
|
34
34
|
);
|
35
35
|
return;
|
@@ -39,36 +39,36 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
39
39
|
var widgetState = input.widgetState;
|
40
40
|
var widgetConfig = input.widgetConfig;
|
41
41
|
var globalComponentsContext = componentsContext.p_;
|
42
|
-
var component = globalComponentsContext.
|
42
|
+
var component = globalComponentsContext.aA_;
|
43
43
|
|
44
44
|
var isRerender = component !== undefined;
|
45
45
|
var id = assignedId;
|
46
46
|
var isExisting;
|
47
47
|
var parentComponentDef = componentsContext.o_;
|
48
|
-
var ownerComponentDef = out.
|
48
|
+
var ownerComponentDef = out.aa_;
|
49
49
|
var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
|
50
|
-
var key = out.
|
51
|
-
var customEvents = out.
|
50
|
+
var key = out.ab_;
|
51
|
+
var customEvents = out.bd_;
|
52
52
|
|
53
|
-
out.
|
53
|
+
out.aa_ = null;
|
54
54
|
|
55
55
|
if (component) {
|
56
56
|
id = component.id;
|
57
57
|
isExisting = true;
|
58
|
-
globalComponentsContext.
|
58
|
+
globalComponentsContext.aA_ = null;
|
59
59
|
} else {
|
60
60
|
if (key != null) {
|
61
61
|
id = id || resolveComponentKey(key.toString(), parentComponentDef);
|
62
62
|
} else if (parentComponentDef) {
|
63
|
-
id = parentComponentDef.
|
63
|
+
id = parentComponentDef.aP_();
|
64
64
|
} else {
|
65
|
-
id = globalComponentsContext.
|
65
|
+
id = globalComponentsContext.aP_();
|
66
66
|
}
|
67
67
|
}
|
68
68
|
|
69
|
-
if (registry.
|
69
|
+
if (registry._K_ && typeName) {
|
70
70
|
if (renderingLogic) delete renderingLogic.onRender;
|
71
|
-
component = registry.
|
71
|
+
component = registry._H_(
|
72
72
|
renderingLogic,
|
73
73
|
id,
|
74
74
|
input,
|
@@ -94,7 +94,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
94
94
|
if (isRerender) {
|
95
95
|
// Look in in the DOM to see if a component with the same ID and type already exists.
|
96
96
|
component = componentLookup[id];
|
97
|
-
if (component && component.
|
97
|
+
if (component && component._r_ !== typeName) {
|
98
98
|
component = undefined;
|
99
99
|
}
|
100
100
|
}
|
@@ -105,7 +105,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
105
105
|
isExisting = false;
|
106
106
|
// We need to create a new instance of the component
|
107
107
|
if (typeName) {
|
108
|
-
component = registry.
|
108
|
+
component = registry._H_(typeName, id);
|
109
109
|
}
|
110
110
|
}
|
111
111
|
}
|
@@ -138,21 +138,21 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
138
138
|
isSplit,
|
139
139
|
isFakeComponent
|
140
140
|
);
|
141
|
-
componentsContext.
|
141
|
+
componentsContext.bc_ = componentDef;
|
142
142
|
|
143
143
|
// This is a hack, but we have to swap out the component instance stored with this node
|
144
|
-
var vComponentNode = out.
|
144
|
+
var vComponentNode = out.ac_;
|
145
145
|
|
146
146
|
componentDef.s_ = isFakeComponent ? null : component;
|
147
|
-
componentDef.
|
147
|
+
componentDef._v_ = isExisting;
|
148
148
|
componentDef.y_ = true;
|
149
149
|
|
150
150
|
componentDef.t = function (typeName) {
|
151
151
|
if (typeName) {
|
152
|
-
if (registry.
|
152
|
+
if (registry._K_) {
|
153
153
|
var oldComponent = component;
|
154
154
|
if (renderingLogic) delete renderingLogic.onRender;
|
155
|
-
component = registry.
|
155
|
+
component = registry._H_(
|
156
156
|
renderingLogic || {},
|
157
157
|
id,
|
158
158
|
input,
|
@@ -184,7 +184,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
184
184
|
this
|
185
185
|
);
|
186
186
|
} else {
|
187
|
-
vComponentNode.s_ = component = registry.
|
187
|
+
vComponentNode.s_ = component = registry._H_(
|
188
188
|
typeName,
|
189
189
|
component.id
|
190
190
|
);
|
@@ -195,7 +195,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
195
195
|
return component;
|
196
196
|
};
|
197
197
|
|
198
|
-
if (!registry.
|
198
|
+
if (!registry._K_) {
|
199
199
|
component.L_ && component.L_();
|
200
200
|
}
|
201
201
|
|
@@ -206,16 +206,16 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
206
206
|
out,
|
207
207
|
componentDef,
|
208
208
|
component,
|
209
|
-
component.
|
209
|
+
component.aD_,
|
210
210
|
out.global
|
211
211
|
);
|
212
212
|
|
213
213
|
if (customEvents && componentDef.s_) {
|
214
|
-
if (registry.
|
214
|
+
if (registry._K_) {
|
215
215
|
componentDef.W_ = customEvents;
|
216
216
|
componentDef.X_ = ownerComponentId;
|
217
217
|
} else {
|
218
|
-
componentDef.s_.
|
218
|
+
componentDef.s_.aE_(
|
219
219
|
customEvents,
|
220
220
|
ownerComponentId
|
221
221
|
);
|
@@ -224,7 +224,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
|
|
224
224
|
|
225
225
|
endComponent(out, componentDef);
|
226
226
|
componentsContext.o_ = parentComponentDef;
|
227
|
-
componentsContext.
|
227
|
+
componentsContext.bc_ = parentLegacyComponentDef;
|
228
228
|
};
|
229
229
|
}
|
230
230
|
|
@@ -3,11 +3,11 @@ var beginComponent = require("@internal/components-beginComponent");
|
|
3
3
|
var endComponent = require("@internal/components-endComponent");
|
4
4
|
var registry = require("@internal/components-registry");
|
5
5
|
var componentsUtil = require("@internal/components-util");
|
6
|
-
var componentLookup = componentsUtil.
|
6
|
+
var componentLookup = componentsUtil._m_;
|
7
7
|
|
8
8
|
var ComponentsContext = require("./ComponentsContext");
|
9
9
|
var getComponentsContext = ComponentsContext.S_;
|
10
|
-
var isServer = componentsUtil.
|
10
|
+
var isServer = componentsUtil._K_ === true;
|
11
11
|
|
12
12
|
var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
|
13
13
|
|
@@ -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.aO_(key);
|
19
19
|
}
|
20
20
|
}
|
21
21
|
|
@@ -40,9 +40,9 @@ function handleBeginAsync(event) {
|
|
40
40
|
}
|
41
41
|
// Carry along the component arguments
|
42
42
|
asyncOut.c(
|
43
|
-
parentOut.a__,
|
44
43
|
parentOut.aa_,
|
45
|
-
parentOut.
|
44
|
+
parentOut.ab_,
|
45
|
+
parentOut.bd_
|
46
46
|
);
|
47
47
|
}
|
48
48
|
|
@@ -82,22 +82,22 @@ renderingLogic)
|
|
82
82
|
var componentsContext = getComponentsContext(out);
|
83
83
|
var globalComponentsContext = componentsContext.p_;
|
84
84
|
|
85
|
-
var component = globalComponentsContext.
|
85
|
+
var component = globalComponentsContext.aA_;
|
86
86
|
var isRerender = component !== undefined;
|
87
87
|
var id;
|
88
88
|
var isExisting;
|
89
89
|
var customEvents;
|
90
90
|
var parentComponentDef = componentsContext.o_;
|
91
|
-
var ownerComponentDef = out.
|
91
|
+
var ownerComponentDef = out.aa_;
|
92
92
|
var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
|
93
|
-
var key = out.
|
93
|
+
var key = out.ab_;
|
94
94
|
|
95
95
|
if (component) {
|
96
96
|
// If component is provided then we are currently rendering
|
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.aA_ = 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.bd_;
|
110
110
|
|
111
111
|
if (key != null) {
|
112
112
|
id = resolveComponentKey(key.toString(), parentComponentDef);
|
113
113
|
} else {
|
114
|
-
id = parentComponentDef.
|
114
|
+
id = parentComponentDef.aP_();
|
115
115
|
}
|
116
116
|
} else {
|
117
|
-
id = globalComponentsContext.
|
117
|
+
id = globalComponentsContext.aP_();
|
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._H_(
|
127
127
|
renderingLogic,
|
128
128
|
id,
|
129
129
|
input,
|
@@ -141,7 +141,7 @@ renderingLogic)
|
|
141
141
|
if (
|
142
142
|
isRerender && (
|
143
143
|
component = componentLookup[id]) &&
|
144
|
-
component.
|
144
|
+
component._r_ !== 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._H_(typeName, id);
|
157
157
|
|
158
158
|
if (shouldApplySplitMixins === true) {
|
159
159
|
shouldApplySplitMixins = false;
|
@@ -173,33 +173,33 @@ renderingLogic)
|
|
173
173
|
component._b_ = true;
|
174
174
|
|
175
175
|
if (customEvents) {
|
176
|
-
component.
|
176
|
+
component.aE_(customEvents, ownerComponentId);
|
177
177
|
}
|
178
178
|
|
179
179
|
if (isExisting === false) {
|
180
|
-
component.
|
180
|
+
component.aG_(input, out);
|
181
181
|
}
|
182
182
|
|
183
|
-
input = component.
|
183
|
+
input = component._j_(input, onInput, out);
|
184
184
|
|
185
185
|
if (isExisting === true) {
|
186
186
|
if (
|
187
|
-
component.
|
187
|
+
component.av_ === false ||
|
188
188
|
component.shouldUpdate(input, component.z_) === 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.
|
193
|
+
out.be_(component);
|
194
194
|
globalComponentsContext.q_[id] = true;
|
195
|
-
component.
|
195
|
+
component._u_(); // 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.al_ = out.global;
|
202
|
+
component.aH_(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._v_ = 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.aD_,
|
224
224
|
out.global
|
225
225
|
);
|
226
226
|
|
@@ -232,5 +232,5 @@ renderingLogic)
|
|
232
232
|
module.exports = createRendererFunc;
|
233
233
|
|
234
234
|
// exports used by the legacy renderer
|
235
|
-
createRendererFunc.
|
236
|
-
createRendererFunc.
|
235
|
+
createRendererFunc.aY_ = resolveComponentKey;
|
236
|
+
createRendererFunc.bb_ = trackAsyncComponents;
|
@@ -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("@internal/set-immediate").
|
7
|
+
var setImmediate = require("@internal/set-immediate")._k_;
|
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.aI_(); // Do the actual component update
|
45
45
|
}
|
46
46
|
|
47
47
|
// Clear out the queue by setting the length to zero
|
@@ -90,5 +90,5 @@ function queueComponentUpdate(component) {
|
|
90
90
|
}
|
91
91
|
}
|
92
92
|
|
93
|
-
exports.
|
94
|
-
exports.
|
93
|
+
exports.au_ = queueComponentUpdate;
|
94
|
+
exports.az_ = batchUpdate;
|
@@ -1,12 +1,12 @@
|
|
1
1
|
"use strict";var extend = require("raptor-util/extend");
|
2
2
|
var componentsUtil = require("@internal/components-util");
|
3
|
-
var destroyComponentForNode = componentsUtil.
|
4
|
-
var destroyNodeRecursive = componentsUtil.
|
3
|
+
var destroyComponentForNode = componentsUtil._R_;
|
4
|
+
var destroyNodeRecursive = componentsUtil._S_;
|
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.bg_;
|
8
|
+
var insertAfter = helpers.bh_;
|
9
|
+
var removeChild = helpers.bi_;
|
10
10
|
|
11
11
|
function resolveEl(el) {
|
12
12
|
if (typeof el == "string") {
|