ripple 0.3.9 → 0.3.10
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/CHANGELOG.md +12 -0
- package/package.json +2 -2
- package/src/compiler/phases/1-parse/index.js +25 -15
- package/src/compiler/phases/2-analyze/index.js +35 -88
- package/src/compiler/phases/2-analyze/prune.js +13 -5
- package/src/compiler/phases/3-transform/client/index.js +188 -56
- package/src/compiler/phases/3-transform/server/index.js +62 -40
- package/src/compiler/types/index.d.ts +9 -1
- package/src/compiler/types/parse.d.ts +2 -0
- package/src/compiler/utils.js +101 -1
- package/src/runtime/element.js +39 -0
- package/src/runtime/internal/client/composite.js +10 -6
- package/src/runtime/internal/client/expression.js +218 -0
- package/src/runtime/internal/client/index.js +4 -0
- package/src/runtime/internal/client/portal.js +12 -6
- package/src/runtime/internal/server/index.js +26 -1
- package/tests/client/basic/basic.components.test.ripple +85 -87
- package/tests/client/basic/basic.errors.test.ripple +4 -8
- package/tests/client/basic/basic.rendering.test.ripple +23 -8
- package/tests/client/capture-error.js +12 -0
- package/tests/client/compiler/compiler.basic.test.ripple +76 -6
- package/tests/client/composite/composite.props.test.ripple +1 -3
- package/tests/client/composite/composite.render.test.ripple +45 -13
- package/tests/client/css/global-additional-cases.test.ripple +3 -3
- package/tests/client/svg.test.ripple +4 -4
- package/tests/hydration/basic.test.js +23 -0
- package/tests/hydration/compiled/client/basic.js +118 -66
- package/tests/hydration/compiled/client/composite.js +90 -37
- package/tests/hydration/compiled/client/events.js +18 -18
- package/tests/hydration/compiled/client/for.js +62 -62
- package/tests/hydration/compiled/client/head.js +10 -10
- package/tests/hydration/compiled/client/hmr.js +13 -10
- package/tests/hydration/compiled/client/html.js +274 -236
- package/tests/hydration/compiled/client/if-children.js +41 -35
- package/tests/hydration/compiled/client/if.js +2 -2
- package/tests/hydration/compiled/client/mixed-control-flow.js +12 -12
- package/tests/hydration/compiled/client/nested-control-flow.js +46 -46
- package/tests/hydration/compiled/client/portal.js +8 -8
- package/tests/hydration/compiled/client/reactivity.js +14 -14
- package/tests/hydration/compiled/client/return.js +2 -2
- package/tests/hydration/compiled/client/try.js +4 -4
- package/tests/hydration/compiled/server/basic.js +64 -31
- package/tests/hydration/compiled/server/composite.js +62 -29
- package/tests/hydration/compiled/server/hmr.js +24 -37
- package/tests/hydration/compiled/server/html.js +472 -611
- package/tests/hydration/compiled/server/if-children.js +77 -103
- package/tests/hydration/compiled/server/portal.js +8 -8
- package/tests/hydration/components/basic.ripple +15 -5
- package/tests/hydration/components/composite.ripple +13 -1
- package/tests/hydration/components/hmr.ripple +1 -3
- package/tests/hydration/components/html.ripple +13 -35
- package/tests/hydration/components/if-children.ripple +4 -8
- package/tests/hydration/composite.test.js +11 -0
- package/tests/server/basic.attributes.test.ripple +50 -0
- package/tests/server/basic.components.test.ripple +22 -28
- package/tests/server/basic.test.ripple +12 -0
- package/tests/server/compiler.test.ripple +25 -8
- package/tests/server/composite.props.test.ripple +1 -3
- package/tests/server/style-identifier.test.ripple +2 -4
- package/types/index.d.ts +9 -2
|
@@ -27,14 +27,14 @@ export function ClickCounter(__anchor, _, __block) {
|
|
|
27
27
|
var span_1 = _$_.sibling(button_1);
|
|
28
28
|
|
|
29
29
|
{
|
|
30
|
-
var
|
|
30
|
+
var expression = _$_.child(span_1, true);
|
|
31
31
|
|
|
32
32
|
_$_.pop(span_1);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
_$_.render(() => {
|
|
37
|
-
_$_.set_text(
|
|
37
|
+
_$_.set_text(expression, _$_.get(lazy));
|
|
38
38
|
});
|
|
39
39
|
|
|
40
40
|
_$_.append(__anchor, div_1);
|
|
@@ -57,7 +57,7 @@ export function IncrementDecrement(__anchor, _, __block) {
|
|
|
57
57
|
var span_2 = _$_.sibling(button_2);
|
|
58
58
|
|
|
59
59
|
{
|
|
60
|
-
var
|
|
60
|
+
var expression_1 = _$_.child(span_2, true);
|
|
61
61
|
|
|
62
62
|
_$_.pop(span_2);
|
|
63
63
|
}
|
|
@@ -70,7 +70,7 @@ export function IncrementDecrement(__anchor, _, __block) {
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
_$_.render(() => {
|
|
73
|
-
_$_.set_text(
|
|
73
|
+
_$_.set_text(expression_1, _$_.get(lazy_1));
|
|
74
74
|
});
|
|
75
75
|
|
|
76
76
|
_$_.append(__anchor, div_2);
|
|
@@ -98,7 +98,7 @@ export function MultipleEvents(__anchor, _, __block) {
|
|
|
98
98
|
var span_3 = _$_.sibling(button_4);
|
|
99
99
|
|
|
100
100
|
{
|
|
101
|
-
var
|
|
101
|
+
var expression_2 = _$_.child(span_3, true);
|
|
102
102
|
|
|
103
103
|
_$_.pop(span_3);
|
|
104
104
|
}
|
|
@@ -106,7 +106,7 @@ export function MultipleEvents(__anchor, _, __block) {
|
|
|
106
106
|
var span_4 = _$_.sibling(span_3);
|
|
107
107
|
|
|
108
108
|
{
|
|
109
|
-
var
|
|
109
|
+
var expression_3 = _$_.child(span_4, true);
|
|
110
110
|
|
|
111
111
|
_$_.pop(span_4);
|
|
112
112
|
}
|
|
@@ -117,13 +117,13 @@ export function MultipleEvents(__anchor, _, __block) {
|
|
|
117
117
|
var __a = _$_.get(lazy_2);
|
|
118
118
|
|
|
119
119
|
if (__prev.a !== __a) {
|
|
120
|
-
_$_.set_text(
|
|
120
|
+
_$_.set_text(expression_2, __prev.a = __a);
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
var __b = _$_.get(lazy_3);
|
|
124
124
|
|
|
125
125
|
if (__prev.b !== __b) {
|
|
126
|
-
_$_.set_text(
|
|
126
|
+
_$_.set_text(expression_3, __prev.b = __b);
|
|
127
127
|
}
|
|
128
128
|
},
|
|
129
129
|
{ a: ' ', b: ' ' }
|
|
@@ -154,7 +154,7 @@ export function MultiStateUpdate(__anchor, _, __block) {
|
|
|
154
154
|
var span_5 = _$_.sibling(button_5);
|
|
155
155
|
|
|
156
156
|
{
|
|
157
|
-
var
|
|
157
|
+
var expression_4 = _$_.child(span_5, true);
|
|
158
158
|
|
|
159
159
|
_$_.pop(span_5);
|
|
160
160
|
}
|
|
@@ -162,7 +162,7 @@ export function MultiStateUpdate(__anchor, _, __block) {
|
|
|
162
162
|
var span_6 = _$_.sibling(span_5);
|
|
163
163
|
|
|
164
164
|
{
|
|
165
|
-
var
|
|
165
|
+
var expression_5 = _$_.child(span_6, true);
|
|
166
166
|
|
|
167
167
|
_$_.pop(span_6);
|
|
168
168
|
}
|
|
@@ -173,13 +173,13 @@ export function MultiStateUpdate(__anchor, _, __block) {
|
|
|
173
173
|
var __a = _$_.get(lazy_4);
|
|
174
174
|
|
|
175
175
|
if (__prev.a !== __a) {
|
|
176
|
-
_$_.set_text(
|
|
176
|
+
_$_.set_text(expression_4, __prev.a = __a);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
var __b = _$_.get(lazy_5);
|
|
180
180
|
|
|
181
181
|
if (__prev.b !== __b) {
|
|
182
|
-
_$_.set_text(
|
|
182
|
+
_$_.set_text(expression_5, __prev.b = __b);
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
185
|
{ a: ' ', b: ' ' }
|
|
@@ -203,14 +203,14 @@ export function ToggleButton(__anchor, _, __block) {
|
|
|
203
203
|
};
|
|
204
204
|
|
|
205
205
|
{
|
|
206
|
-
var
|
|
206
|
+
var expression_6 = _$_.child(button_6, true);
|
|
207
207
|
|
|
208
208
|
_$_.pop(button_6);
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
_$_.render(() => {
|
|
213
|
-
_$_.set_text(
|
|
213
|
+
_$_.set_text(expression_6, _$_.get(lazy_6) ? 'ON' : 'OFF');
|
|
214
214
|
});
|
|
215
215
|
|
|
216
216
|
_$_.append(__anchor, div_5);
|
|
@@ -225,13 +225,13 @@ export function ChildButton(__anchor, props, __block) {
|
|
|
225
225
|
_$_.render_event('Click', button_7, () => props.onClick);
|
|
226
226
|
|
|
227
227
|
{
|
|
228
|
-
var
|
|
228
|
+
var expression_7 = _$_.child(button_7, true);
|
|
229
229
|
|
|
230
230
|
_$_.pop(button_7);
|
|
231
231
|
}
|
|
232
232
|
|
|
233
233
|
_$_.render(() => {
|
|
234
|
-
_$_.set_text(
|
|
234
|
+
_$_.set_text(expression_7, props.label);
|
|
235
235
|
});
|
|
236
236
|
|
|
237
237
|
_$_.append(__anchor, button_7);
|
|
@@ -261,7 +261,7 @@ export function ParentWithChildButton(__anchor, _, __block) {
|
|
|
261
261
|
var span_7 = _$_.sibling(node);
|
|
262
262
|
|
|
263
263
|
{
|
|
264
|
-
var
|
|
264
|
+
var expression_8 = _$_.child(span_7, true);
|
|
265
265
|
|
|
266
266
|
_$_.pop(span_7);
|
|
267
267
|
}
|
|
@@ -270,7 +270,7 @@ export function ParentWithChildButton(__anchor, _, __block) {
|
|
|
270
270
|
}
|
|
271
271
|
|
|
272
272
|
_$_.render(() => {
|
|
273
|
-
_$_.set_text(
|
|
273
|
+
_$_.set_text(expression_8, _$_.get(lazy_7));
|
|
274
274
|
});
|
|
275
275
|
|
|
276
276
|
_$_.append(__anchor, div_6);
|
|
@@ -80,9 +80,9 @@ export function StaticForLoop(__anchor, _, __block) {
|
|
|
80
80
|
var li_1 = root_1();
|
|
81
81
|
|
|
82
82
|
{
|
|
83
|
-
var
|
|
83
|
+
var expression = _$_.child(li_1, true);
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
expression.nodeValue = item;
|
|
86
86
|
_$_.pop(li_1);
|
|
87
87
|
}
|
|
88
88
|
|
|
@@ -112,13 +112,13 @@ export function ForLoopWithIndex(__anchor, _, __block) {
|
|
|
112
112
|
var li_2 = root_3();
|
|
113
113
|
|
|
114
114
|
{
|
|
115
|
-
var
|
|
115
|
+
var expression_1 = _$_.child(li_2, true);
|
|
116
116
|
|
|
117
117
|
_$_.pop(li_2);
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
_$_.render(() => {
|
|
121
|
-
_$_.set_text(
|
|
121
|
+
_$_.set_text(expression_1, `${_$_.get(i)}: ${item}`);
|
|
122
122
|
});
|
|
123
123
|
|
|
124
124
|
_$_.append(__anchor, li_2);
|
|
@@ -152,13 +152,13 @@ export function KeyedForLoop(__anchor, _, __block) {
|
|
|
152
152
|
var li_3 = root_5();
|
|
153
153
|
|
|
154
154
|
{
|
|
155
|
-
var
|
|
155
|
+
var expression_2 = _$_.child(li_3, true);
|
|
156
156
|
|
|
157
157
|
_$_.pop(li_3);
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
_$_.render(() => {
|
|
161
|
-
_$_.set_text(
|
|
161
|
+
_$_.set_text(expression_2, _$_.get(pattern).name);
|
|
162
162
|
});
|
|
163
163
|
|
|
164
164
|
_$_.append(__anchor, li_3);
|
|
@@ -195,9 +195,9 @@ export function ReactiveForLoopAdd(__anchor, _, __block) {
|
|
|
195
195
|
var li_4 = root_7();
|
|
196
196
|
|
|
197
197
|
{
|
|
198
|
-
var
|
|
198
|
+
var expression_3 = _$_.child(li_4, true);
|
|
199
199
|
|
|
200
|
-
|
|
200
|
+
expression_3.nodeValue = item;
|
|
201
201
|
_$_.pop(li_4);
|
|
202
202
|
}
|
|
203
203
|
|
|
@@ -235,9 +235,9 @@ export function ReactiveForLoopRemove(__anchor, _, __block) {
|
|
|
235
235
|
var li_5 = root_9();
|
|
236
236
|
|
|
237
237
|
{
|
|
238
|
-
var
|
|
238
|
+
var expression_4 = _$_.child(li_5, true);
|
|
239
239
|
|
|
240
|
-
|
|
240
|
+
expression_4.nodeValue = item;
|
|
241
241
|
_$_.pop(li_5);
|
|
242
242
|
}
|
|
243
243
|
|
|
@@ -271,9 +271,9 @@ export function ForLoopInteractive(__anchor, _, __block) {
|
|
|
271
271
|
var span_1 = _$_.child(div_2);
|
|
272
272
|
|
|
273
273
|
{
|
|
274
|
-
var
|
|
274
|
+
var expression_5 = _$_.child(span_1, true);
|
|
275
275
|
|
|
276
|
-
|
|
276
|
+
expression_5.nodeValue = count;
|
|
277
277
|
_$_.pop(span_1);
|
|
278
278
|
}
|
|
279
279
|
|
|
@@ -324,9 +324,9 @@ export function NestedForLoop(__anchor, _, __block) {
|
|
|
324
324
|
var span_2 = root_14();
|
|
325
325
|
|
|
326
326
|
{
|
|
327
|
-
var
|
|
327
|
+
var expression_6 = _$_.child(span_2, true);
|
|
328
328
|
|
|
329
|
-
|
|
329
|
+
expression_6.nodeValue = cell;
|
|
330
330
|
_$_.pop(span_2);
|
|
331
331
|
}
|
|
332
332
|
|
|
@@ -372,9 +372,9 @@ export function EmptyForLoop(__anchor, _, __block) {
|
|
|
372
372
|
var span_3 = root_16();
|
|
373
373
|
|
|
374
374
|
{
|
|
375
|
-
var
|
|
375
|
+
var expression_7 = _$_.child(span_3, true);
|
|
376
376
|
|
|
377
|
-
|
|
377
|
+
expression_7.nodeValue = item;
|
|
378
378
|
_$_.pop(span_3);
|
|
379
379
|
}
|
|
380
380
|
|
|
@@ -411,7 +411,7 @@ export function ForLoopComplexObjects(__anchor, _, __block) {
|
|
|
411
411
|
var span_4 = _$_.child(div_7);
|
|
412
412
|
|
|
413
413
|
{
|
|
414
|
-
var
|
|
414
|
+
var expression_8 = _$_.child(span_4, true);
|
|
415
415
|
|
|
416
416
|
_$_.pop(span_4);
|
|
417
417
|
}
|
|
@@ -419,7 +419,7 @@ export function ForLoopComplexObjects(__anchor, _, __block) {
|
|
|
419
419
|
var span_5 = _$_.sibling(span_4);
|
|
420
420
|
|
|
421
421
|
{
|
|
422
|
-
var
|
|
422
|
+
var expression_9 = _$_.child(span_5, true);
|
|
423
423
|
|
|
424
424
|
_$_.pop(span_5);
|
|
425
425
|
}
|
|
@@ -430,13 +430,13 @@ export function ForLoopComplexObjects(__anchor, _, __block) {
|
|
|
430
430
|
var __a = _$_.get(pattern_1).name;
|
|
431
431
|
|
|
432
432
|
if (__prev.a !== __a) {
|
|
433
|
-
_$_.set_text(
|
|
433
|
+
_$_.set_text(expression_8, __prev.a = __a);
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
var __b = _$_.get(pattern_1).role;
|
|
437
437
|
|
|
438
438
|
if (__prev.b !== __b) {
|
|
439
|
-
_$_.set_text(
|
|
439
|
+
_$_.set_text(expression_9, __prev.b = __b);
|
|
440
440
|
}
|
|
441
441
|
|
|
442
442
|
var __c = `user-${_$_.get(pattern_1).id}`;
|
|
@@ -492,7 +492,7 @@ export function KeyedForLoopReorder(__anchor, _, __block) {
|
|
|
492
492
|
var li_6 = root_20();
|
|
493
493
|
|
|
494
494
|
{
|
|
495
|
-
var
|
|
495
|
+
var expression_10 = _$_.child(li_6, true);
|
|
496
496
|
|
|
497
497
|
_$_.pop(li_6);
|
|
498
498
|
}
|
|
@@ -502,7 +502,7 @@ export function KeyedForLoopReorder(__anchor, _, __block) {
|
|
|
502
502
|
var __a = _$_.get(pattern_2).name;
|
|
503
503
|
|
|
504
504
|
if (__prev.a !== __a) {
|
|
505
|
-
_$_.set_text(
|
|
505
|
+
_$_.set_text(expression_10, __prev.a = __a);
|
|
506
506
|
}
|
|
507
507
|
|
|
508
508
|
var __b = `item-${_$_.get(pattern_2).id}`;
|
|
@@ -549,7 +549,7 @@ export function KeyedForLoopUpdate(__anchor, _, __block) {
|
|
|
549
549
|
var li_7 = root_22();
|
|
550
550
|
|
|
551
551
|
{
|
|
552
|
-
var
|
|
552
|
+
var expression_11 = _$_.child(li_7, true);
|
|
553
553
|
|
|
554
554
|
_$_.pop(li_7);
|
|
555
555
|
}
|
|
@@ -559,7 +559,7 @@ export function KeyedForLoopUpdate(__anchor, _, __block) {
|
|
|
559
559
|
var __a = _$_.get(pattern_3).name;
|
|
560
560
|
|
|
561
561
|
if (__prev.a !== __a) {
|
|
562
|
-
_$_.set_text(
|
|
562
|
+
_$_.set_text(expression_11, __prev.a = __a);
|
|
563
563
|
}
|
|
564
564
|
|
|
565
565
|
var __b = `item-${_$_.get(pattern_3).id}`;
|
|
@@ -608,9 +608,9 @@ export function ForLoopMixedOperations(__anchor, _, __block) {
|
|
|
608
608
|
_$_.set_class(li_8, `item-${item}`, void 0, true);
|
|
609
609
|
|
|
610
610
|
{
|
|
611
|
-
var
|
|
611
|
+
var expression_12 = _$_.child(li_8, true);
|
|
612
612
|
|
|
613
|
-
|
|
613
|
+
expression_12.nodeValue = item;
|
|
614
614
|
_$_.pop(li_8);
|
|
615
615
|
}
|
|
616
616
|
|
|
@@ -659,9 +659,9 @@ export function ForLoopInsideIf(__anchor, _, __block) {
|
|
|
659
659
|
var li_9 = root_27();
|
|
660
660
|
|
|
661
661
|
{
|
|
662
|
-
var
|
|
662
|
+
var expression_13 = _$_.child(li_9, true);
|
|
663
663
|
|
|
664
|
-
|
|
664
|
+
expression_13.nodeValue = item;
|
|
665
665
|
_$_.pop(li_9);
|
|
666
666
|
}
|
|
667
667
|
|
|
@@ -706,9 +706,9 @@ export function ForLoopEmptyToPopulated(__anchor, _, __block) {
|
|
|
706
706
|
var li_10 = root_29();
|
|
707
707
|
|
|
708
708
|
{
|
|
709
|
-
var
|
|
709
|
+
var expression_14 = _$_.child(li_10, true);
|
|
710
710
|
|
|
711
|
-
|
|
711
|
+
expression_14.nodeValue = item;
|
|
712
712
|
_$_.pop(li_10);
|
|
713
713
|
}
|
|
714
714
|
|
|
@@ -746,9 +746,9 @@ export function ForLoopPopulatedToEmpty(__anchor, _, __block) {
|
|
|
746
746
|
var li_11 = root_31();
|
|
747
747
|
|
|
748
748
|
{
|
|
749
|
-
var
|
|
749
|
+
var expression_15 = _$_.child(li_11, true);
|
|
750
750
|
|
|
751
|
-
|
|
751
|
+
expression_15.nodeValue = item;
|
|
752
752
|
_$_.pop(li_11);
|
|
753
753
|
}
|
|
754
754
|
|
|
@@ -802,9 +802,9 @@ export function NestedForLoopReactive(__anchor, _, __block) {
|
|
|
802
802
|
var span_6 = root_34();
|
|
803
803
|
|
|
804
804
|
{
|
|
805
|
-
var
|
|
805
|
+
var expression_16 = _$_.child(span_6, true);
|
|
806
806
|
|
|
807
|
-
|
|
807
|
+
expression_16.nodeValue = cell;
|
|
808
808
|
_$_.pop(span_6);
|
|
809
809
|
}
|
|
810
810
|
|
|
@@ -870,7 +870,7 @@ export function ForLoopDeeplyNested(__anchor, _, __block) {
|
|
|
870
870
|
var h2_1 = _$_.child(div_11);
|
|
871
871
|
|
|
872
872
|
{
|
|
873
|
-
var
|
|
873
|
+
var expression_17 = _$_.child(h2_1, true);
|
|
874
874
|
|
|
875
875
|
_$_.pop(h2_1);
|
|
876
876
|
}
|
|
@@ -887,7 +887,7 @@ export function ForLoopDeeplyNested(__anchor, _, __block) {
|
|
|
887
887
|
var h3_1 = _$_.child(div_12);
|
|
888
888
|
|
|
889
889
|
{
|
|
890
|
-
var
|
|
890
|
+
var expression_18 = _$_.child(h3_1, true);
|
|
891
891
|
|
|
892
892
|
_$_.pop(h3_1);
|
|
893
893
|
}
|
|
@@ -902,9 +902,9 @@ export function ForLoopDeeplyNested(__anchor, _, __block) {
|
|
|
902
902
|
var li_12 = root_38();
|
|
903
903
|
|
|
904
904
|
{
|
|
905
|
-
var
|
|
905
|
+
var expression_19 = _$_.child(li_12, true);
|
|
906
906
|
|
|
907
|
-
|
|
907
|
+
expression_19.nodeValue = member;
|
|
908
908
|
_$_.pop(li_12);
|
|
909
909
|
}
|
|
910
910
|
|
|
@@ -922,7 +922,7 @@ export function ForLoopDeeplyNested(__anchor, _, __block) {
|
|
|
922
922
|
var __a = _$_.get(pattern_5).name;
|
|
923
923
|
|
|
924
924
|
if (__prev.a !== __a) {
|
|
925
|
-
_$_.set_text(
|
|
925
|
+
_$_.set_text(expression_18, __prev.a = __a);
|
|
926
926
|
}
|
|
927
927
|
|
|
928
928
|
var __b = `team-${_$_.get(pattern_5).id}`;
|
|
@@ -948,7 +948,7 @@ export function ForLoopDeeplyNested(__anchor, _, __block) {
|
|
|
948
948
|
var __a = _$_.get(pattern_4).name;
|
|
949
949
|
|
|
950
950
|
if (__prev.a !== __a) {
|
|
951
|
-
_$_.set_text(
|
|
951
|
+
_$_.set_text(expression_17, __prev.a = __a);
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
var __b = `dept-${_$_.get(pattern_4).id}`;
|
|
@@ -994,7 +994,7 @@ export function ForLoopIndexUpdate(__anchor, _, __block) {
|
|
|
994
994
|
var li_13 = root_40();
|
|
995
995
|
|
|
996
996
|
{
|
|
997
|
-
var
|
|
997
|
+
var expression_20 = _$_.child(li_13, true);
|
|
998
998
|
|
|
999
999
|
_$_.pop(li_13);
|
|
1000
1000
|
}
|
|
@@ -1004,7 +1004,7 @@ export function ForLoopIndexUpdate(__anchor, _, __block) {
|
|
|
1004
1004
|
var __a = `[${_$_.get(i)}] ${item}`;
|
|
1005
1005
|
|
|
1006
1006
|
if (__prev.a !== __a) {
|
|
1007
|
-
_$_.set_text(
|
|
1007
|
+
_$_.set_text(expression_20, __prev.a = __a);
|
|
1008
1008
|
}
|
|
1009
1009
|
|
|
1010
1010
|
var __b = `item-${_$_.get(i)}`;
|
|
@@ -1064,7 +1064,7 @@ export function KeyedForLoopWithIndex(__anchor, _, __block) {
|
|
|
1064
1064
|
var li_14 = root_42();
|
|
1065
1065
|
|
|
1066
1066
|
{
|
|
1067
|
-
var
|
|
1067
|
+
var expression_21 = _$_.child(li_14, true);
|
|
1068
1068
|
|
|
1069
1069
|
_$_.pop(li_14);
|
|
1070
1070
|
}
|
|
@@ -1074,7 +1074,7 @@ export function KeyedForLoopWithIndex(__anchor, _, __block) {
|
|
|
1074
1074
|
var __a = `[${_$_.get(i)}] ${_$_.get(pattern_6).id}: ${_$_.get(pattern_6).value}`;
|
|
1075
1075
|
|
|
1076
1076
|
if (__prev.a !== __a) {
|
|
1077
|
-
_$_.set_text(
|
|
1077
|
+
_$_.set_text(expression_21, __prev.a = __a);
|
|
1078
1078
|
}
|
|
1079
1079
|
|
|
1080
1080
|
var __b = _$_.get(i);
|
|
@@ -1126,9 +1126,9 @@ export function ForLoopWithSiblings(__anchor, _, __block) {
|
|
|
1126
1126
|
_$_.set_class(div_14, `item-${item}`, void 0, true);
|
|
1127
1127
|
|
|
1128
1128
|
{
|
|
1129
|
-
var
|
|
1129
|
+
var expression_22 = _$_.child(div_14, true);
|
|
1130
1130
|
|
|
1131
|
-
|
|
1131
|
+
expression_22.nodeValue = item;
|
|
1132
1132
|
_$_.pop(div_14);
|
|
1133
1133
|
}
|
|
1134
1134
|
|
|
@@ -1213,7 +1213,7 @@ function TodoItem(__anchor, props, __block) {
|
|
|
1213
1213
|
var span_7 = _$_.sibling(input_1);
|
|
1214
1214
|
|
|
1215
1215
|
{
|
|
1216
|
-
var
|
|
1216
|
+
var expression_23 = _$_.child(span_7, true);
|
|
1217
1217
|
|
|
1218
1218
|
_$_.pop(span_7);
|
|
1219
1219
|
}
|
|
@@ -1230,7 +1230,7 @@ function TodoItem(__anchor, props, __block) {
|
|
|
1230
1230
|
var __b = props.text;
|
|
1231
1231
|
|
|
1232
1232
|
if (__prev.b !== __b) {
|
|
1233
|
-
_$_.set_text(
|
|
1233
|
+
_$_.set_text(expression_23, __prev.b = __b);
|
|
1234
1234
|
}
|
|
1235
1235
|
|
|
1236
1236
|
var __c = _$_.get(lazy_14) ? 'completed' : 'pending';
|
|
@@ -1266,9 +1266,9 @@ export function ForLoopSingleItem(__anchor, _, __block) {
|
|
|
1266
1266
|
var li_15 = root_49();
|
|
1267
1267
|
|
|
1268
1268
|
{
|
|
1269
|
-
var
|
|
1269
|
+
var expression_24 = _$_.child(li_15, true);
|
|
1270
1270
|
|
|
1271
|
-
|
|
1271
|
+
expression_24.nodeValue = item;
|
|
1272
1272
|
_$_.pop(li_15);
|
|
1273
1273
|
}
|
|
1274
1274
|
|
|
@@ -1307,9 +1307,9 @@ export function ForLoopAddAtBeginning(__anchor, _, __block) {
|
|
|
1307
1307
|
_$_.set_class(li_16, `item-${item}`, void 0, true);
|
|
1308
1308
|
|
|
1309
1309
|
{
|
|
1310
|
-
var
|
|
1310
|
+
var expression_25 = _$_.child(li_16, true);
|
|
1311
1311
|
|
|
1312
|
-
|
|
1312
|
+
expression_25.nodeValue = item;
|
|
1313
1313
|
_$_.pop(li_16);
|
|
1314
1314
|
}
|
|
1315
1315
|
|
|
@@ -1352,9 +1352,9 @@ export function ForLoopAddInMiddle(__anchor, _, __block) {
|
|
|
1352
1352
|
_$_.set_class(li_17, `item-${item}`, void 0, true);
|
|
1353
1353
|
|
|
1354
1354
|
{
|
|
1355
|
-
var
|
|
1355
|
+
var expression_26 = _$_.child(li_17, true);
|
|
1356
1356
|
|
|
1357
|
-
|
|
1357
|
+
expression_26.nodeValue = item;
|
|
1358
1358
|
_$_.pop(li_17);
|
|
1359
1359
|
}
|
|
1360
1360
|
|
|
@@ -1394,9 +1394,9 @@ export function ForLoopRemoveFromMiddle(__anchor, _, __block) {
|
|
|
1394
1394
|
_$_.set_class(li_18, `item-${item}`, void 0, true);
|
|
1395
1395
|
|
|
1396
1396
|
{
|
|
1397
|
-
var
|
|
1397
|
+
var expression_27 = _$_.child(li_18, true);
|
|
1398
1398
|
|
|
1399
|
-
|
|
1399
|
+
expression_27.nodeValue = item;
|
|
1400
1400
|
_$_.pop(li_18);
|
|
1401
1401
|
}
|
|
1402
1402
|
|
|
@@ -1427,9 +1427,9 @@ export function ForLoopLargeList(__anchor, _, __block) {
|
|
|
1427
1427
|
var li_19 = root_57();
|
|
1428
1428
|
|
|
1429
1429
|
{
|
|
1430
|
-
var
|
|
1430
|
+
var expression_28 = _$_.child(li_19, true);
|
|
1431
1431
|
|
|
1432
|
-
|
|
1432
|
+
expression_28.nodeValue = item;
|
|
1433
1433
|
_$_.pop(li_19);
|
|
1434
1434
|
}
|
|
1435
1435
|
|
|
@@ -1475,9 +1475,9 @@ export function ForLoopSwap(__anchor, _, __block) {
|
|
|
1475
1475
|
_$_.set_class(li_20, `item-${item}`, void 0, true);
|
|
1476
1476
|
|
|
1477
1477
|
{
|
|
1478
|
-
var
|
|
1478
|
+
var expression_29 = _$_.child(li_20, true);
|
|
1479
1479
|
|
|
1480
|
-
|
|
1480
|
+
expression_29.nodeValue = item;
|
|
1481
1481
|
_$_.pop(li_20);
|
|
1482
1482
|
}
|
|
1483
1483
|
|
|
@@ -1517,9 +1517,9 @@ export function ForLoopReverse(__anchor, _, __block) {
|
|
|
1517
1517
|
_$_.set_class(li_21, `item-${item}`, void 0, true);
|
|
1518
1518
|
|
|
1519
1519
|
{
|
|
1520
|
-
var
|
|
1520
|
+
var expression_30 = _$_.child(li_21, true);
|
|
1521
1521
|
|
|
1522
|
-
|
|
1522
|
+
expression_30.nodeValue = item;
|
|
1523
1523
|
_$_.pop(li_21);
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
@@ -40,7 +40,7 @@ export function ReactiveTitle(__anchor, _, __block) {
|
|
|
40
40
|
var span_1 = _$_.child(div_2);
|
|
41
41
|
|
|
42
42
|
{
|
|
43
|
-
var
|
|
43
|
+
var expression = _$_.child(span_1, true);
|
|
44
44
|
|
|
45
45
|
_$_.pop(span_1);
|
|
46
46
|
}
|
|
@@ -53,7 +53,7 @@ export function ReactiveTitle(__anchor, _, __block) {
|
|
|
53
53
|
});
|
|
54
54
|
|
|
55
55
|
_$_.render(() => {
|
|
56
|
-
_$_.set_text(
|
|
56
|
+
_$_.set_text(expression, _$_.get(lazy));
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
_$_.append(__anchor, div_2);
|
|
@@ -84,7 +84,7 @@ export function ReactiveMetaTags(__anchor, _, __block) {
|
|
|
84
84
|
var div_4 = root_4();
|
|
85
85
|
|
|
86
86
|
{
|
|
87
|
-
var
|
|
87
|
+
var expression_1 = _$_.child(div_4, true);
|
|
88
88
|
|
|
89
89
|
_$_.pop(div_4);
|
|
90
90
|
}
|
|
@@ -98,7 +98,7 @@ export function ReactiveMetaTags(__anchor, _, __block) {
|
|
|
98
98
|
});
|
|
99
99
|
|
|
100
100
|
_$_.render(() => {
|
|
101
|
-
_$_.set_text(
|
|
101
|
+
_$_.set_text(expression_1, _$_.get(lazy_1));
|
|
102
102
|
});
|
|
103
103
|
|
|
104
104
|
_$_.append(__anchor, div_4);
|
|
@@ -112,7 +112,7 @@ export function TitleWithTemplate(__anchor, _, __block) {
|
|
|
112
112
|
var div_5 = root_6();
|
|
113
113
|
|
|
114
114
|
{
|
|
115
|
-
var
|
|
115
|
+
var expression_2 = _$_.child(div_5, true);
|
|
116
116
|
|
|
117
117
|
_$_.pop(div_5);
|
|
118
118
|
}
|
|
@@ -124,7 +124,7 @@ export function TitleWithTemplate(__anchor, _, __block) {
|
|
|
124
124
|
});
|
|
125
125
|
|
|
126
126
|
_$_.render(() => {
|
|
127
|
-
_$_.set_text(
|
|
127
|
+
_$_.set_text(expression_2, _$_.get(lazy_2));
|
|
128
128
|
});
|
|
129
129
|
|
|
130
130
|
_$_.append(__anchor, div_5);
|
|
@@ -152,7 +152,7 @@ export function ConditionalTitle(__anchor, _, __block) {
|
|
|
152
152
|
var div_7 = root_8();
|
|
153
153
|
|
|
154
154
|
{
|
|
155
|
-
var
|
|
155
|
+
var expression_3 = _$_.child(div_7, true);
|
|
156
156
|
|
|
157
157
|
_$_.pop(div_7);
|
|
158
158
|
}
|
|
@@ -164,7 +164,7 @@ export function ConditionalTitle(__anchor, _, __block) {
|
|
|
164
164
|
});
|
|
165
165
|
|
|
166
166
|
_$_.render(() => {
|
|
167
|
-
_$_.set_text(
|
|
167
|
+
_$_.set_text(expression_3, _$_.get(lazy_4));
|
|
168
168
|
});
|
|
169
169
|
|
|
170
170
|
_$_.append(__anchor, div_7);
|
|
@@ -182,7 +182,7 @@ export function ComputedTitle(__anchor, _, __block) {
|
|
|
182
182
|
var span_2 = _$_.child(div_8);
|
|
183
183
|
|
|
184
184
|
{
|
|
185
|
-
var
|
|
185
|
+
var expression_4 = _$_.child(span_2, true);
|
|
186
186
|
|
|
187
187
|
_$_.pop(span_2);
|
|
188
188
|
}
|
|
@@ -195,7 +195,7 @@ export function ComputedTitle(__anchor, _, __block) {
|
|
|
195
195
|
});
|
|
196
196
|
|
|
197
197
|
_$_.render(() => {
|
|
198
|
-
_$_.set_text(
|
|
198
|
+
_$_.set_text(expression_4, _$_.get(lazy_5));
|
|
199
199
|
});
|
|
200
200
|
|
|
201
201
|
_$_.append(__anchor, div_8);
|