ripple 0.3.8 → 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 (79) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/package.json +2 -2
  3. package/src/compiler/phases/1-parse/index.js +38 -172
  4. package/src/compiler/phases/2-analyze/index.js +308 -115
  5. package/src/compiler/phases/2-analyze/prune.js +13 -5
  6. package/src/compiler/phases/3-transform/client/index.js +197 -213
  7. package/src/compiler/phases/3-transform/segments.js +0 -7
  8. package/src/compiler/phases/3-transform/server/index.js +77 -170
  9. package/src/compiler/types/acorn.d.ts +1 -1
  10. package/src/compiler/types/estree.d.ts +1 -1
  11. package/src/compiler/types/import.d.ts +0 -2
  12. package/src/compiler/types/index.d.ts +14 -18
  13. package/src/compiler/types/parse.d.ts +3 -9
  14. package/src/compiler/utils.js +154 -21
  15. package/src/runtime/element.js +39 -0
  16. package/src/runtime/index-client.js +2 -13
  17. package/src/runtime/index-server.js +2 -2
  18. package/src/runtime/internal/client/bindings.js +3 -1
  19. package/src/runtime/internal/client/composite.js +11 -6
  20. package/src/runtime/internal/client/events.js +1 -1
  21. package/src/runtime/internal/client/expression.js +218 -0
  22. package/src/runtime/internal/client/head.js +3 -4
  23. package/src/runtime/internal/client/index.js +4 -1
  24. package/src/runtime/internal/client/portal.js +12 -6
  25. package/src/runtime/internal/client/runtime.js +0 -52
  26. package/src/runtime/internal/server/index.js +57 -56
  27. package/tests/client/basic/basic.components.test.ripple +85 -87
  28. package/tests/client/basic/basic.errors.test.ripple +28 -4
  29. package/tests/client/basic/basic.reactivity.test.ripple +10 -155
  30. package/tests/client/basic/basic.rendering.test.ripple +23 -8
  31. package/tests/client/capture-error.js +12 -0
  32. package/tests/client/compiler/compiler.basic.test.ripple +107 -18
  33. package/tests/client/composite/composite.props.test.ripple +5 -9
  34. package/tests/client/composite/composite.reactivity.test.ripple +35 -36
  35. package/tests/client/composite/composite.render.test.ripple +45 -13
  36. package/tests/client/css/global-additional-cases.test.ripple +3 -3
  37. package/tests/client/dynamic-elements.test.ripple +3 -4
  38. package/tests/client/lazy-destructuring.test.ripple +69 -12
  39. package/tests/client/svg.test.ripple +4 -4
  40. package/tests/hydration/basic.test.js +23 -0
  41. package/tests/hydration/compiled/client/basic.js +118 -66
  42. package/tests/hydration/compiled/client/composite.js +90 -37
  43. package/tests/hydration/compiled/client/events.js +18 -18
  44. package/tests/hydration/compiled/client/for.js +62 -62
  45. package/tests/hydration/compiled/client/head.js +10 -10
  46. package/tests/hydration/compiled/client/hmr.js +13 -10
  47. package/tests/hydration/compiled/client/html.js +274 -236
  48. package/tests/hydration/compiled/client/if-children.js +41 -35
  49. package/tests/hydration/compiled/client/if.js +2 -2
  50. package/tests/hydration/compiled/client/mixed-control-flow.js +12 -12
  51. package/tests/hydration/compiled/client/nested-control-flow.js +46 -46
  52. package/tests/hydration/compiled/client/portal.js +8 -8
  53. package/tests/hydration/compiled/client/reactivity.js +14 -14
  54. package/tests/hydration/compiled/client/return.js +2 -2
  55. package/tests/hydration/compiled/client/try.js +4 -4
  56. package/tests/hydration/compiled/server/basic.js +64 -31
  57. package/tests/hydration/compiled/server/composite.js +62 -29
  58. package/tests/hydration/compiled/server/hmr.js +24 -37
  59. package/tests/hydration/compiled/server/html.js +472 -611
  60. package/tests/hydration/compiled/server/if-children.js +77 -103
  61. package/tests/hydration/compiled/server/portal.js +8 -8
  62. package/tests/hydration/components/basic.ripple +15 -5
  63. package/tests/hydration/components/composite.ripple +13 -1
  64. package/tests/hydration/components/hmr.ripple +1 -3
  65. package/tests/hydration/components/html.ripple +13 -35
  66. package/tests/hydration/components/if-children.ripple +4 -8
  67. package/tests/hydration/composite.test.js +11 -0
  68. package/tests/server/basic.attributes.test.ripple +50 -0
  69. package/tests/server/basic.components.test.ripple +22 -28
  70. package/tests/server/basic.test.ripple +12 -0
  71. package/tests/server/compiler.test.ripple +43 -4
  72. package/tests/server/composite.props.test.ripple +5 -9
  73. package/tests/server/dynamic-elements.test.ripple +3 -4
  74. package/tests/server/lazy-destructuring.test.ripple +68 -12
  75. package/tests/server/style-identifier.test.ripple +2 -4
  76. package/tsconfig.typecheck.json +4 -0
  77. package/types/index.d.ts +9 -21
  78. package/tests/client/__snapshots__/tracked-expression.test.ripple.snap +0 -34
  79. package/tests/client/tracked-expression.test.ripple +0 -26
@@ -92,7 +92,7 @@ export function ForIf(__anchor, _, __block) {
92
92
  var li_1 = root_2();
93
93
 
94
94
  {
95
- var text = _$_.child(li_1, true);
95
+ var expression = _$_.child(li_1, true);
96
96
 
97
97
  _$_.pop(li_1);
98
98
  }
@@ -102,7 +102,7 @@ export function ForIf(__anchor, _, __block) {
102
102
  var __a = _$_.get(pattern).label;
103
103
 
104
104
  if (__prev.a !== __a) {
105
- _$_.set_text(text, __prev.a = __a);
105
+ _$_.set_text(expression, __prev.a = __a);
106
106
  }
107
107
 
108
108
  var __b = `item item-${_$_.get(pattern).id}`;
@@ -160,7 +160,7 @@ export function ForSwitch(__anchor, _, __block) {
160
160
  var li_2 = _$_.first_child_frag(fragment_2);
161
161
 
162
162
  {
163
- var text_1 = _$_.child(li_2, true);
163
+ var expression_1 = _$_.child(li_2, true);
164
164
 
165
165
  _$_.pop(li_2);
166
166
  }
@@ -170,7 +170,7 @@ export function ForSwitch(__anchor, _, __block) {
170
170
  var __a = `A-${_$_.get(pattern_1).id}`;
171
171
 
172
172
  if (__prev.a !== __a) {
173
- _$_.set_text(text_1, __prev.a = __a);
173
+ _$_.set_text(expression_1, __prev.a = __a);
174
174
  }
175
175
 
176
176
  var __b = `item item-${_$_.get(pattern_1).id} kind-a`;
@@ -189,7 +189,7 @@ export function ForSwitch(__anchor, _, __block) {
189
189
  var li_3 = root_6();
190
190
 
191
191
  {
192
- var text_2 = _$_.child(li_3, true);
192
+ var expression_2 = _$_.child(li_3, true);
193
193
 
194
194
  _$_.pop(li_3);
195
195
  }
@@ -199,7 +199,7 @@ export function ForSwitch(__anchor, _, __block) {
199
199
  var __a = `B-${_$_.get(pattern_1).id}`;
200
200
 
201
201
  if (__prev.a !== __a) {
202
- _$_.set_text(text_2, __prev.a = __a);
202
+ _$_.set_text(expression_2, __prev.a = __a);
203
203
  }
204
204
 
205
205
  var __b = `item item-${_$_.get(pattern_1).id} kind-b`;
@@ -383,7 +383,7 @@ export function ForIfSwitchSingle(__anchor, _, __block) {
383
383
  var li_4 = _$_.first_child_frag(fragment_9);
384
384
 
385
385
  {
386
- var text_3 = _$_.child(li_4, true);
386
+ var expression_3 = _$_.child(li_4, true);
387
387
 
388
388
  _$_.pop(li_4);
389
389
  }
@@ -393,7 +393,7 @@ export function ForIfSwitchSingle(__anchor, _, __block) {
393
393
  var __a = `A-${_$_.get(pattern_2).id}`;
394
394
 
395
395
  if (__prev.a !== __a) {
396
- _$_.set_text(text_3, __prev.a = __a);
396
+ _$_.set_text(expression_3, __prev.a = __a);
397
397
  }
398
398
 
399
399
  var __b = `item item-${_$_.get(pattern_2).id} kind-a`;
@@ -412,7 +412,7 @@ export function ForIfSwitchSingle(__anchor, _, __block) {
412
412
  var li_5 = root_19();
413
413
 
414
414
  {
415
- var text_4 = _$_.child(li_5, true);
415
+ var expression_4 = _$_.child(li_5, true);
416
416
 
417
417
  _$_.pop(li_5);
418
418
  }
@@ -422,7 +422,7 @@ export function ForIfSwitchSingle(__anchor, _, __block) {
422
422
  var __a = `D-${_$_.get(pattern_2).id}`;
423
423
 
424
424
  if (__prev.a !== __a) {
425
- _$_.set_text(text_4, __prev.a = __a);
425
+ _$_.set_text(expression_4, __prev.a = __a);
426
426
  }
427
427
 
428
428
  var __b = `item item-${_$_.get(pattern_2).id} kind-default`;
@@ -502,7 +502,7 @@ export function ForIfSwitchMulti(__anchor, _, __block) {
502
502
  var li_6 = _$_.first_child_frag(fragment_12);
503
503
 
504
504
  {
505
- var text_5 = _$_.child(li_6, true);
505
+ var expression_5 = _$_.child(li_6, true);
506
506
 
507
507
  _$_.pop(li_6);
508
508
  }
@@ -512,7 +512,7 @@ export function ForIfSwitchMulti(__anchor, _, __block) {
512
512
  var __a = `A-${_$_.get(pattern_3).id}`;
513
513
 
514
514
  if (__prev.a !== __a) {
515
- _$_.set_text(text_5, __prev.a = __a);
515
+ _$_.set_text(expression_5, __prev.a = __a);
516
516
  }
517
517
 
518
518
  var __b = `item item-${_$_.get(pattern_3).id} kind-a`;
@@ -531,7 +531,7 @@ export function ForIfSwitchMulti(__anchor, _, __block) {
531
531
  var li_7 = root_24();
532
532
 
533
533
  {
534
- var text_6 = _$_.child(li_7, true);
534
+ var expression_6 = _$_.child(li_7, true);
535
535
 
536
536
  _$_.pop(li_7);
537
537
  }
@@ -541,7 +541,7 @@ export function ForIfSwitchMulti(__anchor, _, __block) {
541
541
  var __a = `B-${_$_.get(pattern_3).id}`;
542
542
 
543
543
  if (__prev.a !== __a) {
544
- _$_.set_text(text_6, __prev.a = __a);
544
+ _$_.set_text(expression_6, __prev.a = __a);
545
545
  }
546
546
 
547
547
  var __b = `item item-${_$_.get(pattern_3).id} kind-b`;
@@ -622,7 +622,7 @@ export function ForIfSwitchWithDisabled(__anchor, _, __block) {
622
622
  var li_8 = _$_.first_child_frag(fragment_15);
623
623
 
624
624
  {
625
- var text_7 = _$_.child(li_8, true);
625
+ var expression_7 = _$_.child(li_8, true);
626
626
 
627
627
  _$_.pop(li_8);
628
628
  }
@@ -632,7 +632,7 @@ export function ForIfSwitchWithDisabled(__anchor, _, __block) {
632
632
  var __a = `A-${_$_.get(pattern_4).id}`;
633
633
 
634
634
  if (__prev.a !== __a) {
635
- _$_.set_text(text_7, __prev.a = __a);
635
+ _$_.set_text(expression_7, __prev.a = __a);
636
636
  }
637
637
 
638
638
  var __b = `item item-${_$_.get(pattern_4).id} kind-a`;
@@ -651,7 +651,7 @@ export function ForIfSwitchWithDisabled(__anchor, _, __block) {
651
651
  var li_9 = root_29();
652
652
 
653
653
  {
654
- var text_8 = _$_.child(li_9, true);
654
+ var expression_8 = _$_.child(li_9, true);
655
655
 
656
656
  _$_.pop(li_9);
657
657
  }
@@ -661,7 +661,7 @@ export function ForIfSwitchWithDisabled(__anchor, _, __block) {
661
661
  var __a = `B-${_$_.get(pattern_4).id}`;
662
662
 
663
663
  if (__prev.a !== __a) {
664
- _$_.set_text(text_8, __prev.a = __a);
664
+ _$_.set_text(expression_8, __prev.a = __a);
665
665
  }
666
666
 
667
667
  var __b = `item item-${_$_.get(pattern_4).id} kind-b`;
@@ -800,7 +800,7 @@ export function ForSwitchTry(__anchor, _, __block) {
800
800
  var li_10 = root_38();
801
801
 
802
802
  {
803
- var text_9 = _$_.child(li_10, true);
803
+ var expression_9 = _$_.child(li_10, true);
804
804
 
805
805
  _$_.pop(li_10);
806
806
  }
@@ -810,7 +810,7 @@ export function ForSwitchTry(__anchor, _, __block) {
810
810
  var __a = `A-${_$_.get(pattern_5).id}`;
811
811
 
812
812
  if (__prev.a !== __a) {
813
- _$_.set_text(text_9, __prev.a = __a);
813
+ _$_.set_text(expression_9, __prev.a = __a);
814
814
  }
815
815
 
816
816
  var __b = `item item-${_$_.get(pattern_5).id} kind-a`;
@@ -830,7 +830,7 @@ export function ForSwitchTry(__anchor, _, __block) {
830
830
  var li_11 = root_39();
831
831
 
832
832
  {
833
- var text_10 = _$_.child(li_11, true);
833
+ var expression_10 = _$_.child(li_11, true);
834
834
 
835
835
  _$_.pop(li_11);
836
836
  }
@@ -840,7 +840,7 @@ export function ForSwitchTry(__anchor, _, __block) {
840
840
  var __a = `pending ${_$_.get(pattern_5).id}`;
841
841
 
842
842
  if (__prev.a !== __a) {
843
- _$_.set_text(text_10, __prev.a = __a);
843
+ _$_.set_text(expression_10, __prev.a = __a);
844
844
  }
845
845
 
846
846
  var __b = `pending pending-${_$_.get(pattern_5).id}`;
@@ -870,7 +870,7 @@ export function ForSwitchTry(__anchor, _, __block) {
870
870
  var li_12 = root_41();
871
871
 
872
872
  {
873
- var text_11 = _$_.child(li_12, true);
873
+ var expression_11 = _$_.child(li_12, true);
874
874
 
875
875
  _$_.pop(li_12);
876
876
  }
@@ -880,7 +880,7 @@ export function ForSwitchTry(__anchor, _, __block) {
880
880
  var __a = `B-${_$_.get(pattern_5).id}`;
881
881
 
882
882
  if (__prev.a !== __a) {
883
- _$_.set_text(text_11, __prev.a = __a);
883
+ _$_.set_text(expression_11, __prev.a = __a);
884
884
  }
885
885
 
886
886
  var __b = `item item-${_$_.get(pattern_5).id} kind-b`;
@@ -900,7 +900,7 @@ export function ForSwitchTry(__anchor, _, __block) {
900
900
  var li_13 = root_42();
901
901
 
902
902
  {
903
- var text_12 = _$_.child(li_13, true);
903
+ var expression_12 = _$_.child(li_13, true);
904
904
 
905
905
  _$_.pop(li_13);
906
906
  }
@@ -910,7 +910,7 @@ export function ForSwitchTry(__anchor, _, __block) {
910
910
  var __a = `pending ${_$_.get(pattern_5).id}`;
911
911
 
912
912
  if (__prev.a !== __a) {
913
- _$_.set_text(text_12, __prev.a = __a);
913
+ _$_.set_text(expression_12, __prev.a = __a);
914
914
  }
915
915
 
916
916
  var __b = `pending pending-${_$_.get(pattern_5).id}`;
@@ -983,7 +983,7 @@ export function ForIfTry(__anchor, _, __block) {
983
983
  var li_14 = root_46();
984
984
 
985
985
  {
986
- var text_13 = _$_.child(li_14, true);
986
+ var expression_13 = _$_.child(li_14, true);
987
987
 
988
988
  _$_.pop(li_14);
989
989
  }
@@ -993,7 +993,7 @@ export function ForIfTry(__anchor, _, __block) {
993
993
  var __a = `item-${_$_.get(pattern_6).id}`;
994
994
 
995
995
  if (__prev.a !== __a) {
996
- _$_.set_text(text_13, __prev.a = __a);
996
+ _$_.set_text(expression_13, __prev.a = __a);
997
997
  }
998
998
 
999
999
  var __b = `item item-${_$_.get(pattern_6).id}`;
@@ -1013,7 +1013,7 @@ export function ForIfTry(__anchor, _, __block) {
1013
1013
  var li_15 = root_47();
1014
1014
 
1015
1015
  {
1016
- var text_14 = _$_.child(li_15, true);
1016
+ var expression_14 = _$_.child(li_15, true);
1017
1017
 
1018
1018
  _$_.pop(li_15);
1019
1019
  }
@@ -1023,7 +1023,7 @@ export function ForIfTry(__anchor, _, __block) {
1023
1023
  var __a = `pending ${_$_.get(pattern_6).id}`;
1024
1024
 
1025
1025
  if (__prev.a !== __a) {
1026
- _$_.set_text(text_14, __prev.a = __a);
1026
+ _$_.set_text(expression_14, __prev.a = __a);
1027
1027
  }
1028
1028
 
1029
1029
  var __b = `pending pending-${_$_.get(pattern_6).id}`;
@@ -1091,7 +1091,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1091
1091
  var li_16 = root_52();
1092
1092
 
1093
1093
  {
1094
- var text_15 = _$_.child(li_16, true);
1094
+ var expression_15 = _$_.child(li_16, true);
1095
1095
 
1096
1096
  _$_.pop(li_16);
1097
1097
  }
@@ -1101,7 +1101,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1101
1101
  var __a = `A-${_$_.get(pattern_7).id}`;
1102
1102
 
1103
1103
  if (__prev.a !== __a) {
1104
- _$_.set_text(text_15, __prev.a = __a);
1104
+ _$_.set_text(expression_15, __prev.a = __a);
1105
1105
  }
1106
1106
 
1107
1107
  var __b = `item item-${_$_.get(pattern_7).id} kind-a`;
@@ -1121,7 +1121,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1121
1121
  var li_17 = root_53();
1122
1122
 
1123
1123
  {
1124
- var text_16 = _$_.child(li_17, true);
1124
+ var expression_16 = _$_.child(li_17, true);
1125
1125
 
1126
1126
  _$_.pop(li_17);
1127
1127
  }
@@ -1131,7 +1131,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1131
1131
  var __a = `pending ${_$_.get(pattern_7).id}`;
1132
1132
 
1133
1133
  if (__prev.a !== __a) {
1134
- _$_.set_text(text_16, __prev.a = __a);
1134
+ _$_.set_text(expression_16, __prev.a = __a);
1135
1135
  }
1136
1136
 
1137
1137
  var __b = `pending pending-${_$_.get(pattern_7).id}`;
@@ -1161,7 +1161,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1161
1161
  var li_18 = root_55();
1162
1162
 
1163
1163
  {
1164
- var text_17 = _$_.child(li_18, true);
1164
+ var expression_17 = _$_.child(li_18, true);
1165
1165
 
1166
1166
  _$_.pop(li_18);
1167
1167
  }
@@ -1171,7 +1171,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1171
1171
  var __a = `D-${_$_.get(pattern_7).id}`;
1172
1172
 
1173
1173
  if (__prev.a !== __a) {
1174
- _$_.set_text(text_17, __prev.a = __a);
1174
+ _$_.set_text(expression_17, __prev.a = __a);
1175
1175
  }
1176
1176
 
1177
1177
  var __b = `item item-${_$_.get(pattern_7).id} kind-default`;
@@ -1191,7 +1191,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1191
1191
  var li_19 = root_56();
1192
1192
 
1193
1193
  {
1194
- var text_18 = _$_.child(li_19, true);
1194
+ var expression_18 = _$_.child(li_19, true);
1195
1195
 
1196
1196
  _$_.pop(li_19);
1197
1197
  }
@@ -1201,7 +1201,7 @@ export function ForIfSwitchTrySingle(__anchor, _, __block) {
1201
1201
  var __a = `pending ${_$_.get(pattern_7).id}`;
1202
1202
 
1203
1203
  if (__prev.a !== __a) {
1204
- _$_.set_text(text_18, __prev.a = __a);
1204
+ _$_.set_text(expression_18, __prev.a = __a);
1205
1205
  }
1206
1206
 
1207
1207
  var __b = `pending pending-${_$_.get(pattern_7).id}`;
@@ -1291,7 +1291,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1291
1291
  var li_20 = root_61();
1292
1292
 
1293
1293
  {
1294
- var text_19 = _$_.child(li_20, true);
1294
+ var expression_19 = _$_.child(li_20, true);
1295
1295
 
1296
1296
  _$_.pop(li_20);
1297
1297
  }
@@ -1301,7 +1301,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1301
1301
  var __a = `A-${_$_.get(pattern_8).id}`;
1302
1302
 
1303
1303
  if (__prev.a !== __a) {
1304
- _$_.set_text(text_19, __prev.a = __a);
1304
+ _$_.set_text(expression_19, __prev.a = __a);
1305
1305
  }
1306
1306
 
1307
1307
  var __b = `item item-${_$_.get(pattern_8).id} kind-a`;
@@ -1321,7 +1321,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1321
1321
  var li_21 = root_62();
1322
1322
 
1323
1323
  {
1324
- var text_20 = _$_.child(li_21, true);
1324
+ var expression_20 = _$_.child(li_21, true);
1325
1325
 
1326
1326
  _$_.pop(li_21);
1327
1327
  }
@@ -1331,7 +1331,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1331
1331
  var __a = `pending ${_$_.get(pattern_8).id}`;
1332
1332
 
1333
1333
  if (__prev.a !== __a) {
1334
- _$_.set_text(text_20, __prev.a = __a);
1334
+ _$_.set_text(expression_20, __prev.a = __a);
1335
1335
  }
1336
1336
 
1337
1337
  var __b = `pending pending-${_$_.get(pattern_8).id}`;
@@ -1361,7 +1361,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1361
1361
  var li_22 = root_64();
1362
1362
 
1363
1363
  {
1364
- var text_21 = _$_.child(li_22, true);
1364
+ var expression_21 = _$_.child(li_22, true);
1365
1365
 
1366
1366
  _$_.pop(li_22);
1367
1367
  }
@@ -1371,7 +1371,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1371
1371
  var __a = `B-${_$_.get(pattern_8).id}`;
1372
1372
 
1373
1373
  if (__prev.a !== __a) {
1374
- _$_.set_text(text_21, __prev.a = __a);
1374
+ _$_.set_text(expression_21, __prev.a = __a);
1375
1375
  }
1376
1376
 
1377
1377
  var __b = `item item-${_$_.get(pattern_8).id} kind-b`;
@@ -1391,7 +1391,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1391
1391
  var li_23 = root_65();
1392
1392
 
1393
1393
  {
1394
- var text_22 = _$_.child(li_23, true);
1394
+ var expression_22 = _$_.child(li_23, true);
1395
1395
 
1396
1396
  _$_.pop(li_23);
1397
1397
  }
@@ -1401,7 +1401,7 @@ export function ForIfSwitchTryMulti(__anchor, _, __block) {
1401
1401
  var __a = `pending ${_$_.get(pattern_8).id}`;
1402
1402
 
1403
1403
  if (__prev.a !== __a) {
1404
- _$_.set_text(text_22, __prev.a = __a);
1404
+ _$_.set_text(expression_22, __prev.a = __a);
1405
1405
  }
1406
1406
 
1407
1407
  var __b = `pending pending-${_$_.get(pattern_8).id}`;
@@ -29,14 +29,14 @@ export function SimplePortal(__anchor, _, __block) {
29
29
  return typeof document !== 'undefined' ? document.body : null;
30
30
  },
31
31
 
32
- children(__anchor, _, __block) {
32
+ children: _$_.ripple_element(function render_children(__anchor, _, __block) {
33
33
  _$_.push_component();
34
34
 
35
35
  var div_2 = root_1();
36
36
 
37
37
  _$_.append(__anchor, div_2);
38
38
  _$_.pop_component();
39
- }
39
+ })
40
40
  },
41
41
  _$_.active_block
42
42
  );
@@ -73,14 +73,14 @@ export function ConditionalPortal(__anchor, _, __block) {
73
73
  return typeof document !== 'undefined' ? document.body : null;
74
74
  },
75
75
 
76
- children(__anchor, _, __block) {
76
+ children: _$_.ripple_element(function render_children(__anchor, _, __block) {
77
77
  _$_.push_component();
78
78
 
79
79
  var div_4 = root_4();
80
80
 
81
81
  _$_.append(__anchor, div_4);
82
82
  _$_.pop_component();
83
- }
83
+ })
84
84
  },
85
85
  _$_.active_block
86
86
  );
@@ -116,14 +116,14 @@ export function PortalWithMainContent(__anchor, _, __block) {
116
116
  return typeof document !== 'undefined' ? document.body : null;
117
117
  },
118
118
 
119
- children(__anchor, _, __block) {
119
+ children: _$_.ripple_element(function render_children(__anchor, _, __block) {
120
120
  _$_.push_component();
121
121
 
122
122
  var div_7 = root_6();
123
123
 
124
124
  _$_.append(__anchor, div_7);
125
125
  _$_.pop_component();
126
- }
126
+ })
127
127
  },
128
128
  _$_.active_block
129
129
  );
@@ -154,14 +154,14 @@ export function NestedContentWithPortal(__anchor, _, __block) {
154
154
  return typeof document !== 'undefined' ? document.body : null;
155
155
  },
156
156
 
157
- children(__anchor, _, __block) {
157
+ children: _$_.ripple_element(function render_children(__anchor, _, __block) {
158
158
  _$_.push_component();
159
159
 
160
160
  var div_10 = root_8();
161
161
 
162
162
  _$_.append(__anchor, div_10);
163
163
  _$_.pop_component();
164
- }
164
+ })
165
165
  },
166
166
  _$_.active_block
167
167
  );
@@ -17,13 +17,13 @@ export function TrackedState(__anchor, _, __block) {
17
17
  var div_1 = root();
18
18
 
19
19
  {
20
- var text = _$_.child(div_1, true);
20
+ var expression = _$_.child(div_1, true);
21
21
 
22
22
  _$_.pop(div_1);
23
23
  }
24
24
 
25
25
  _$_.render(() => {
26
- _$_.set_text(text, _$_.get(lazy));
26
+ _$_.set_text(expression, _$_.get(lazy));
27
27
  });
28
28
 
29
29
  _$_.append(__anchor, div_1);
@@ -40,14 +40,14 @@ export function CounterWithInitial(__anchor, props, __block) {
40
40
  var span_1 = _$_.child(div_2);
41
41
 
42
42
  {
43
- var text_1 = _$_.child(span_1, true);
43
+ var expression_1 = _$_.child(span_1, true);
44
44
 
45
45
  _$_.pop(span_1);
46
46
  }
47
47
  }
48
48
 
49
49
  _$_.render(() => {
50
- _$_.set_text(text_1, _$_.get(lazy_1));
50
+ _$_.set_text(expression_1, _$_.get(lazy_1));
51
51
  });
52
52
 
53
53
  _$_.append(__anchor, div_2);
@@ -74,13 +74,13 @@ export function ComputedValues(__anchor, _, __block) {
74
74
  var div_3 = root_3();
75
75
 
76
76
  {
77
- var text_2 = _$_.child(div_3, true);
77
+ var expression_2 = _$_.child(div_3, true);
78
78
 
79
79
  _$_.pop(div_3);
80
80
  }
81
81
 
82
82
  _$_.render(() => {
83
- _$_.set_text(text_2, sum());
83
+ _$_.set_text(expression_2, sum());
84
84
  });
85
85
 
86
86
  _$_.append(__anchor, div_3);
@@ -97,7 +97,7 @@ export function MultipleTracked(__anchor, _, __block) {
97
97
  var div_4 = _$_.first_child_frag(fragment_1);
98
98
 
99
99
  {
100
- var text_3 = _$_.child(div_4, true);
100
+ var expression_3 = _$_.child(div_4, true);
101
101
 
102
102
  _$_.pop(div_4);
103
103
  }
@@ -105,7 +105,7 @@ export function MultipleTracked(__anchor, _, __block) {
105
105
  var div_5 = _$_.sibling(div_4);
106
106
 
107
107
  {
108
- var text_4 = _$_.child(div_5, true);
108
+ var expression_4 = _$_.child(div_5, true);
109
109
 
110
110
  _$_.pop(div_5);
111
111
  }
@@ -113,7 +113,7 @@ export function MultipleTracked(__anchor, _, __block) {
113
113
  var div_6 = _$_.sibling(div_5);
114
114
 
115
115
  {
116
- var text_5 = _$_.child(div_6, true);
116
+ var expression_5 = _$_.child(div_6, true);
117
117
 
118
118
  _$_.pop(div_6);
119
119
  }
@@ -125,19 +125,19 @@ export function MultipleTracked(__anchor, _, __block) {
125
125
  var __a = _$_.get(lazy_4);
126
126
 
127
127
  if (__prev.a !== __a) {
128
- _$_.set_text(text_3, __prev.a = __a);
128
+ _$_.set_text(expression_3, __prev.a = __a);
129
129
  }
130
130
 
131
131
  var __b = _$_.get(lazy_5);
132
132
 
133
133
  if (__prev.b !== __b) {
134
- _$_.set_text(text_4, __prev.b = __b);
134
+ _$_.set_text(expression_4, __prev.b = __b);
135
135
  }
136
136
 
137
137
  var __c = _$_.get(lazy_6);
138
138
 
139
139
  if (__prev.c !== __c) {
140
- _$_.set_text(text_5, __prev.c = __c);
140
+ _$_.set_text(expression_5, __prev.c = __c);
141
141
  }
142
142
  },
143
143
  { a: ' ', b: ' ', c: ' ' }
@@ -156,13 +156,13 @@ export function DerivedState(__anchor, _, __block) {
156
156
  var div_7 = root_5();
157
157
 
158
158
  {
159
- var text_6 = _$_.child(div_7, true);
159
+ var expression_6 = _$_.child(div_7, true);
160
160
 
161
161
  _$_.pop(div_7);
162
162
  }
163
163
 
164
164
  _$_.render(() => {
165
- _$_.set_text(text_6, fullName());
165
+ _$_.set_text(expression_6, fullName());
166
166
  });
167
167
 
168
168
  _$_.append(__anchor, div_7);
@@ -1709,13 +1709,13 @@ export function ReactiveOuterInnerReturns(__anchor, _, __block) {
1709
1709
  var div_39 = root_113();
1710
1710
 
1711
1711
  {
1712
- var text = _$_.child(div_39, true);
1712
+ var expression = _$_.child(div_39, true);
1713
1713
 
1714
1714
  _$_.pop(div_39);
1715
1715
  }
1716
1716
 
1717
1717
  _$_.render(() => {
1718
- _$_.set_text(text, _$_.get(lazy_4) ? 'a-on rest' : 'a-off rest');
1718
+ _$_.set_text(expression, _$_.get(lazy_4) ? 'a-on rest' : 'a-off rest');
1719
1719
  });
1720
1720
 
1721
1721
  _$_.append(__anchor, div_39);
@@ -58,9 +58,9 @@ function AsyncList(__anchor, _, __block) {
58
58
  var li_1 = root_4();
59
59
 
60
60
  {
61
- var text = _$_.child(li_1, true);
61
+ var expression = _$_.child(li_1, true);
62
62
 
63
- text.nodeValue = item;
63
+ expression.nodeValue = item;
64
64
  _$_.pop(li_1);
65
65
  }
66
66
 
@@ -118,9 +118,9 @@ function AsyncContent(__anchor, _, __block) {
118
118
  var div_3 = root_8();
119
119
 
120
120
  {
121
- var text_1 = _$_.child(div_3, true);
121
+ var expression_1 = _$_.child(div_3, true);
122
122
 
123
- text_1.nodeValue = value;
123
+ expression_1.nodeValue = value;
124
124
  _$_.pop(div_3);
125
125
  }
126
126