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.
Files changed (60) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/package.json +2 -2
  3. package/src/compiler/phases/1-parse/index.js +25 -15
  4. package/src/compiler/phases/2-analyze/index.js +35 -88
  5. package/src/compiler/phases/2-analyze/prune.js +13 -5
  6. package/src/compiler/phases/3-transform/client/index.js +188 -56
  7. package/src/compiler/phases/3-transform/server/index.js +62 -40
  8. package/src/compiler/types/index.d.ts +9 -1
  9. package/src/compiler/types/parse.d.ts +2 -0
  10. package/src/compiler/utils.js +101 -1
  11. package/src/runtime/element.js +39 -0
  12. package/src/runtime/internal/client/composite.js +10 -6
  13. package/src/runtime/internal/client/expression.js +218 -0
  14. package/src/runtime/internal/client/index.js +4 -0
  15. package/src/runtime/internal/client/portal.js +12 -6
  16. package/src/runtime/internal/server/index.js +26 -1
  17. package/tests/client/basic/basic.components.test.ripple +85 -87
  18. package/tests/client/basic/basic.errors.test.ripple +4 -8
  19. package/tests/client/basic/basic.rendering.test.ripple +23 -8
  20. package/tests/client/capture-error.js +12 -0
  21. package/tests/client/compiler/compiler.basic.test.ripple +76 -6
  22. package/tests/client/composite/composite.props.test.ripple +1 -3
  23. package/tests/client/composite/composite.render.test.ripple +45 -13
  24. package/tests/client/css/global-additional-cases.test.ripple +3 -3
  25. package/tests/client/svg.test.ripple +4 -4
  26. package/tests/hydration/basic.test.js +23 -0
  27. package/tests/hydration/compiled/client/basic.js +118 -66
  28. package/tests/hydration/compiled/client/composite.js +90 -37
  29. package/tests/hydration/compiled/client/events.js +18 -18
  30. package/tests/hydration/compiled/client/for.js +62 -62
  31. package/tests/hydration/compiled/client/head.js +10 -10
  32. package/tests/hydration/compiled/client/hmr.js +13 -10
  33. package/tests/hydration/compiled/client/html.js +274 -236
  34. package/tests/hydration/compiled/client/if-children.js +41 -35
  35. package/tests/hydration/compiled/client/if.js +2 -2
  36. package/tests/hydration/compiled/client/mixed-control-flow.js +12 -12
  37. package/tests/hydration/compiled/client/nested-control-flow.js +46 -46
  38. package/tests/hydration/compiled/client/portal.js +8 -8
  39. package/tests/hydration/compiled/client/reactivity.js +14 -14
  40. package/tests/hydration/compiled/client/return.js +2 -2
  41. package/tests/hydration/compiled/client/try.js +4 -4
  42. package/tests/hydration/compiled/server/basic.js +64 -31
  43. package/tests/hydration/compiled/server/composite.js +62 -29
  44. package/tests/hydration/compiled/server/hmr.js +24 -37
  45. package/tests/hydration/compiled/server/html.js +472 -611
  46. package/tests/hydration/compiled/server/if-children.js +77 -103
  47. package/tests/hydration/compiled/server/portal.js +8 -8
  48. package/tests/hydration/components/basic.ripple +15 -5
  49. package/tests/hydration/components/composite.ripple +13 -1
  50. package/tests/hydration/components/hmr.ripple +1 -3
  51. package/tests/hydration/components/html.ripple +13 -35
  52. package/tests/hydration/components/if-children.ripple +4 -8
  53. package/tests/hydration/composite.test.js +11 -0
  54. package/tests/server/basic.attributes.test.ripple +50 -0
  55. package/tests/server/basic.components.test.ripple +22 -28
  56. package/tests/server/basic.test.ripple +12 -0
  57. package/tests/server/compiler.test.ripple +25 -8
  58. package/tests/server/composite.props.test.ripple +1 -3
  59. package/tests/server/style-identifier.test.ripple +2 -4
  60. 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 text = _$_.child(span_1, true);
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(text, _$_.get(lazy));
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 text_1 = _$_.child(span_2, true);
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(text_1, _$_.get(lazy_1));
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 text_2 = _$_.child(span_3, true);
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 text_3 = _$_.child(span_4, true);
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(text_2, __prev.a = __a);
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(text_3, __prev.b = __b);
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 text_4 = _$_.child(span_5, true);
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 text_5 = _$_.child(span_6, true);
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(text_4, __prev.a = __a);
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(text_5, __prev.b = __b);
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 text_6 = _$_.child(button_6, true);
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(text_6, _$_.get(lazy_6) ? 'ON' : 'OFF');
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 text_7 = _$_.child(button_7, true);
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(text_7, props.label);
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 text_8 = _$_.child(span_7, true);
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(text_8, _$_.get(lazy_7));
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 text_1 = _$_.child(li_1, true);
83
+ var expression = _$_.child(li_1, true);
84
84
 
85
- text_1.nodeValue = item;
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 text_2 = _$_.child(li_2, true);
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(text_2, `${_$_.get(i)}: ${item}`);
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 text_3 = _$_.child(li_3, true);
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(text_3, _$_.get(pattern).name);
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 text_4 = _$_.child(li_4, true);
198
+ var expression_3 = _$_.child(li_4, true);
199
199
 
200
- text_4.nodeValue = item;
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 text_5 = _$_.child(li_5, true);
238
+ var expression_4 = _$_.child(li_5, true);
239
239
 
240
- text_5.nodeValue = item;
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 text_6 = _$_.child(span_1, true);
274
+ var expression_5 = _$_.child(span_1, true);
275
275
 
276
- text_6.nodeValue = count;
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 text_7 = _$_.child(span_2, true);
327
+ var expression_6 = _$_.child(span_2, true);
328
328
 
329
- text_7.nodeValue = cell;
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 text_8 = _$_.child(span_3, true);
375
+ var expression_7 = _$_.child(span_3, true);
376
376
 
377
- text_8.nodeValue = item;
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 text_9 = _$_.child(span_4, true);
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 text_10 = _$_.child(span_5, true);
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(text_9, __prev.a = __a);
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(text_10, __prev.b = __b);
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 text_11 = _$_.child(li_6, true);
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(text_11, __prev.a = __a);
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 text_12 = _$_.child(li_7, true);
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(text_12, __prev.a = __a);
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 text_13 = _$_.child(li_8, true);
611
+ var expression_12 = _$_.child(li_8, true);
612
612
 
613
- text_13.nodeValue = item;
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 text_14 = _$_.child(li_9, true);
662
+ var expression_13 = _$_.child(li_9, true);
663
663
 
664
- text_14.nodeValue = item;
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 text_15 = _$_.child(li_10, true);
709
+ var expression_14 = _$_.child(li_10, true);
710
710
 
711
- text_15.nodeValue = item;
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 text_16 = _$_.child(li_11, true);
749
+ var expression_15 = _$_.child(li_11, true);
750
750
 
751
- text_16.nodeValue = item;
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 text_17 = _$_.child(span_6, true);
805
+ var expression_16 = _$_.child(span_6, true);
806
806
 
807
- text_17.nodeValue = cell;
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 text_18 = _$_.child(h2_1, true);
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 text_19 = _$_.child(h3_1, true);
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 text_20 = _$_.child(li_12, true);
905
+ var expression_19 = _$_.child(li_12, true);
906
906
 
907
- text_20.nodeValue = member;
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(text_19, __prev.a = __a);
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(text_18, __prev.a = __a);
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 text_21 = _$_.child(li_13, true);
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(text_21, __prev.a = __a);
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 text_22 = _$_.child(li_14, true);
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(text_22, __prev.a = __a);
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 text_23 = _$_.child(div_14, true);
1129
+ var expression_22 = _$_.child(div_14, true);
1130
1130
 
1131
- text_23.nodeValue = item;
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 text_24 = _$_.child(span_7, true);
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(text_24, __prev.b = __b);
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 text_25 = _$_.child(li_15, true);
1269
+ var expression_24 = _$_.child(li_15, true);
1270
1270
 
1271
- text_25.nodeValue = item;
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 text_26 = _$_.child(li_16, true);
1310
+ var expression_25 = _$_.child(li_16, true);
1311
1311
 
1312
- text_26.nodeValue = item;
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 text_27 = _$_.child(li_17, true);
1355
+ var expression_26 = _$_.child(li_17, true);
1356
1356
 
1357
- text_27.nodeValue = item;
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 text_28 = _$_.child(li_18, true);
1397
+ var expression_27 = _$_.child(li_18, true);
1398
1398
 
1399
- text_28.nodeValue = item;
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 text_29 = _$_.child(li_19, true);
1430
+ var expression_28 = _$_.child(li_19, true);
1431
1431
 
1432
- text_29.nodeValue = item;
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 text_30 = _$_.child(li_20, true);
1478
+ var expression_29 = _$_.child(li_20, true);
1479
1479
 
1480
- text_30.nodeValue = item;
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 text_31 = _$_.child(li_21, true);
1520
+ var expression_30 = _$_.child(li_21, true);
1521
1521
 
1522
- text_31.nodeValue = item;
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 text = _$_.child(span_1, true);
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(text, _$_.get(lazy));
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 text_1 = _$_.child(div_4, true);
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(text_1, _$_.get(lazy_1));
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 text_2 = _$_.child(div_5, true);
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(text_2, _$_.get(lazy_2));
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 text_3 = _$_.child(div_7, true);
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(text_3, _$_.get(lazy_4));
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 text_4 = _$_.child(span_2, true);
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(text_4, _$_.get(lazy_5));
198
+ _$_.set_text(expression_4, _$_.get(lazy_5));
199
199
  });
200
200
 
201
201
  _$_.append(__anchor, div_8);