ripple 0.3.127 → 0.3.128

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 (39) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/package.json +2 -2
  3. package/src/runtime/internal/client/blocks.js +20 -24
  4. package/src/runtime/internal/client/constants.js +5 -5
  5. package/src/runtime/internal/client/expression.js +142 -101
  6. package/src/runtime/internal/client/for.js +217 -145
  7. package/src/runtime/internal/client/index.js +5 -1
  8. package/src/runtime/internal/client/operations.js +24 -10
  9. package/src/runtime/internal/client/render.js +22 -3
  10. package/src/runtime/internal/client/runtime.js +246 -182
  11. package/src/runtime/internal/client/selector.js +74 -0
  12. package/src/runtime/internal/client/types.d.ts +11 -0
  13. package/src/runtime/internal/server/index.js +2 -0
  14. package/tests/client/basic/basic.reactivity.test.tsrx +33 -0
  15. package/tests/client/for-selector.test.tsrx +221 -0
  16. package/tests/hydration/compiled/client/basic.js +44 -44
  17. package/tests/hydration/compiled/client/composite.js +3 -3
  18. package/tests/hydration/compiled/client/events.js +56 -29
  19. package/tests/hydration/compiled/client/for.js +76 -70
  20. package/tests/hydration/compiled/client/head.js +11 -8
  21. package/tests/hydration/compiled/client/hmr.js +4 -4
  22. package/tests/hydration/compiled/client/html-in-template.js +3 -3
  23. package/tests/hydration/compiled/client/html.js +141 -141
  24. package/tests/hydration/compiled/client/if-children.js +29 -29
  25. package/tests/hydration/compiled/client/if-fragment-controlflow.js +16 -16
  26. package/tests/hydration/compiled/client/if.js +10 -10
  27. package/tests/hydration/compiled/client/mixed-control-flow.js +26 -22
  28. package/tests/hydration/compiled/client/nested-control-flow.js +114 -92
  29. package/tests/hydration/compiled/client/portal.js +8 -8
  30. package/tests/hydration/compiled/client/reactivity.js +38 -15
  31. package/tests/hydration/compiled/client/streaming.js +16 -16
  32. package/tests/hydration/compiled/client/switch.js +4 -4
  33. package/tests/hydration/compiled/client/track-async-serialization.js +18 -18
  34. package/tests/hydration/compiled/client/try.js +8 -8
  35. package/tests/hydration/compiled/server/events.js +5 -53
  36. package/tests/hydration/compiled/server/for.js +2 -18
  37. package/tests/hydration/compiled/server/head.js +1 -9
  38. package/tests/hydration/compiled/server/html.js +1 -9
  39. package/tests/hydration/compiled/server/reactivity.js +2 -34
@@ -64,7 +64,7 @@ export function ForIf() {
64
64
  var li = root_1();
65
65
 
66
66
  {
67
- var expression = _$_.child(li);
67
+ var expression = _$_.hydrating ? _$_.hydrate_child() : li.firstChild;
68
68
 
69
69
  _$_.expression(expression, () => _$_.get(pattern).label);
70
70
  _$_.pop(li);
@@ -117,26 +117,27 @@ export function ForSwitch() {
117
117
  var li_1 = root_3();
118
118
 
119
119
  {
120
- var expression_1 = _$_.child(li_1, true);
120
+ var expression_1 = _$_.hydrating ? _$_.hydrate_child(true) : li_1.firstChild;
121
121
 
122
122
  _$_.pop(li_1);
123
123
  }
124
124
 
125
125
  _$_.render(
126
126
  (__prev) => {
127
- var __a = `A-${_$_.get(pattern_1).id}`;
127
+ var __pattern_1 = _$_.get(pattern_1);
128
+ var __a = `A-${__pattern_1.id}`;
128
129
 
129
130
  if (__prev.a !== __a) {
130
131
  _$_.set_text(expression_1, __prev.a = __a);
131
132
  }
132
133
 
133
- var __b = `item item-${_$_.get(pattern_1).id} kind-a`;
134
+ var __b = `item item-${__pattern_1.id} kind-a`;
134
135
 
135
136
  if (__prev.b !== __b) {
136
137
  _$_.set_class(li_1, __prev.b = __b, void 0, true);
137
138
  }
138
139
  },
139
- { a: ' ', b: Symbol() }
140
+ { a: ' ', b: _$_.UNINITIALIZED }
140
141
  );
141
142
 
142
143
  _$_.append(__anchor, li_1);
@@ -146,26 +147,27 @@ export function ForSwitch() {
146
147
  var li_2 = root_4();
147
148
 
148
149
  {
149
- var expression_2 = _$_.child(li_2, true);
150
+ var expression_2 = _$_.hydrating ? _$_.hydrate_child(true) : li_2.firstChild;
150
151
 
151
152
  _$_.pop(li_2);
152
153
  }
153
154
 
154
155
  _$_.render(
155
156
  (__prev) => {
156
- var __a = `B-${_$_.get(pattern_1).id}`;
157
+ var __pattern_1_1 = _$_.get(pattern_1);
158
+ var __a = `B-${__pattern_1_1.id}`;
157
159
 
158
160
  if (__prev.a !== __a) {
159
161
  _$_.set_text(expression_2, __prev.a = __a);
160
162
  }
161
163
 
162
- var __b = `item item-${_$_.get(pattern_1).id} kind-b`;
164
+ var __b = `item item-${__pattern_1_1.id} kind-b`;
163
165
 
164
166
  if (__prev.b !== __b) {
165
167
  _$_.set_class(li_2, __prev.b = __b, void 0, true);
166
168
  }
167
169
  },
168
- { a: ' ', b: Symbol() }
170
+ { a: ' ', b: _$_.UNINITIALIZED }
169
171
  );
170
172
 
171
173
  _$_.append(__anchor, li_2);
@@ -208,7 +210,7 @@ export function IfSwitch() {
208
210
  var div = root_5();
209
211
 
210
212
  {
211
- var node = _$_.child(div);
213
+ var node = _$_.hydrating ? _$_.hydrate_child() : div.firstChild;
212
214
 
213
215
  {
214
216
  var consequent_1 = (__anchor) => {
@@ -264,7 +266,7 @@ export function IfSwitchHidden() {
264
266
  var div_1 = root_8();
265
267
 
266
268
  {
267
- var node_1 = _$_.child(div_1);
269
+ var node_1 = _$_.hydrating ? _$_.hydrate_child() : div_1.firstChild;
268
270
 
269
271
  {
270
272
  var consequent_2 = (__anchor) => {
@@ -330,26 +332,27 @@ export function ForIfSwitchSingle() {
330
332
  var li_3 = root_12();
331
333
 
332
334
  {
333
- var expression_3 = _$_.child(li_3, true);
335
+ var expression_3 = _$_.hydrating ? _$_.hydrate_child(true) : li_3.firstChild;
334
336
 
335
337
  _$_.pop(li_3);
336
338
  }
337
339
 
338
340
  _$_.render(
339
341
  (__prev) => {
340
- var __a = `A-${_$_.get(pattern_2).id}`;
342
+ var __pattern_2 = _$_.get(pattern_2);
343
+ var __a = `A-${__pattern_2.id}`;
341
344
 
342
345
  if (__prev.a !== __a) {
343
346
  _$_.set_text(expression_3, __prev.a = __a);
344
347
  }
345
348
 
346
- var __b = `item item-${_$_.get(pattern_2).id} kind-a`;
349
+ var __b = `item item-${__pattern_2.id} kind-a`;
347
350
 
348
351
  if (__prev.b !== __b) {
349
352
  _$_.set_class(li_3, __prev.b = __b, void 0, true);
350
353
  }
351
354
  },
352
- { a: ' ', b: Symbol() }
355
+ { a: ' ', b: _$_.UNINITIALIZED }
353
356
  );
354
357
 
355
358
  _$_.append(__anchor, li_3);
@@ -359,26 +362,27 @@ export function ForIfSwitchSingle() {
359
362
  var li_4 = root_13();
360
363
 
361
364
  {
362
- var expression_4 = _$_.child(li_4, true);
365
+ var expression_4 = _$_.hydrating ? _$_.hydrate_child(true) : li_4.firstChild;
363
366
 
364
367
  _$_.pop(li_4);
365
368
  }
366
369
 
367
370
  _$_.render(
368
371
  (__prev) => {
369
- var __a = `D-${_$_.get(pattern_2).id}`;
372
+ var __pattern_2_1 = _$_.get(pattern_2);
373
+ var __a = `D-${__pattern_2_1.id}`;
370
374
 
371
375
  if (__prev.a !== __a) {
372
376
  _$_.set_text(expression_4, __prev.a = __a);
373
377
  }
374
378
 
375
- var __b = `item item-${_$_.get(pattern_2).id} kind-default`;
379
+ var __b = `item item-${__pattern_2_1.id} kind-default`;
376
380
 
377
381
  if (__prev.b !== __b) {
378
382
  _$_.set_class(li_4, __prev.b = __b, void 0, true);
379
383
  }
380
384
  },
381
- { a: ' ', b: Symbol() }
385
+ { a: ' ', b: _$_.UNINITIALIZED }
382
386
  );
383
387
 
384
388
  _$_.append(__anchor, li_4);
@@ -445,26 +449,27 @@ export function ForIfSwitchMulti() {
445
449
  var li_5 = root_15();
446
450
 
447
451
  {
448
- var expression_5 = _$_.child(li_5, true);
452
+ var expression_5 = _$_.hydrating ? _$_.hydrate_child(true) : li_5.firstChild;
449
453
 
450
454
  _$_.pop(li_5);
451
455
  }
452
456
 
453
457
  _$_.render(
454
458
  (__prev) => {
455
- var __a = `A-${_$_.get(pattern_3).id}`;
459
+ var __pattern_3 = _$_.get(pattern_3);
460
+ var __a = `A-${__pattern_3.id}`;
456
461
 
457
462
  if (__prev.a !== __a) {
458
463
  _$_.set_text(expression_5, __prev.a = __a);
459
464
  }
460
465
 
461
- var __b = `item item-${_$_.get(pattern_3).id} kind-a`;
466
+ var __b = `item item-${__pattern_3.id} kind-a`;
462
467
 
463
468
  if (__prev.b !== __b) {
464
469
  _$_.set_class(li_5, __prev.b = __b, void 0, true);
465
470
  }
466
471
  },
467
- { a: ' ', b: Symbol() }
472
+ { a: ' ', b: _$_.UNINITIALIZED }
468
473
  );
469
474
 
470
475
  _$_.append(__anchor, li_5);
@@ -474,26 +479,27 @@ export function ForIfSwitchMulti() {
474
479
  var li_6 = root_16();
475
480
 
476
481
  {
477
- var expression_6 = _$_.child(li_6, true);
482
+ var expression_6 = _$_.hydrating ? _$_.hydrate_child(true) : li_6.firstChild;
478
483
 
479
484
  _$_.pop(li_6);
480
485
  }
481
486
 
482
487
  _$_.render(
483
488
  (__prev) => {
484
- var __a = `B-${_$_.get(pattern_3).id}`;
489
+ var __pattern_3_1 = _$_.get(pattern_3);
490
+ var __a = `B-${__pattern_3_1.id}`;
485
491
 
486
492
  if (__prev.a !== __a) {
487
493
  _$_.set_text(expression_6, __prev.a = __a);
488
494
  }
489
495
 
490
- var __b = `item item-${_$_.get(pattern_3).id} kind-b`;
496
+ var __b = `item item-${__pattern_3_1.id} kind-b`;
491
497
 
492
498
  if (__prev.b !== __b) {
493
499
  _$_.set_class(li_6, __prev.b = __b, void 0, true);
494
500
  }
495
501
  },
496
- { a: ' ', b: Symbol() }
502
+ { a: ' ', b: _$_.UNINITIALIZED }
497
503
  );
498
504
 
499
505
  _$_.append(__anchor, li_6);
@@ -561,26 +567,27 @@ export function ForIfSwitchWithDisabled() {
561
567
  var li_7 = root_18();
562
568
 
563
569
  {
564
- var expression_7 = _$_.child(li_7, true);
570
+ var expression_7 = _$_.hydrating ? _$_.hydrate_child(true) : li_7.firstChild;
565
571
 
566
572
  _$_.pop(li_7);
567
573
  }
568
574
 
569
575
  _$_.render(
570
576
  (__prev) => {
571
- var __a = `A-${_$_.get(pattern_4).id}`;
577
+ var __pattern_4 = _$_.get(pattern_4);
578
+ var __a = `A-${__pattern_4.id}`;
572
579
 
573
580
  if (__prev.a !== __a) {
574
581
  _$_.set_text(expression_7, __prev.a = __a);
575
582
  }
576
583
 
577
- var __b = `item item-${_$_.get(pattern_4).id} kind-a`;
584
+ var __b = `item item-${__pattern_4.id} kind-a`;
578
585
 
579
586
  if (__prev.b !== __b) {
580
587
  _$_.set_class(li_7, __prev.b = __b, void 0, true);
581
588
  }
582
589
  },
583
- { a: ' ', b: Symbol() }
590
+ { a: ' ', b: _$_.UNINITIALIZED }
584
591
  );
585
592
 
586
593
  _$_.append(__anchor, li_7);
@@ -590,26 +597,27 @@ export function ForIfSwitchWithDisabled() {
590
597
  var li_8 = root_19();
591
598
 
592
599
  {
593
- var expression_8 = _$_.child(li_8, true);
600
+ var expression_8 = _$_.hydrating ? _$_.hydrate_child(true) : li_8.firstChild;
594
601
 
595
602
  _$_.pop(li_8);
596
603
  }
597
604
 
598
605
  _$_.render(
599
606
  (__prev) => {
600
- var __a = `B-${_$_.get(pattern_4).id}`;
607
+ var __pattern_4_1 = _$_.get(pattern_4);
608
+ var __a = `B-${__pattern_4_1.id}`;
601
609
 
602
610
  if (__prev.a !== __a) {
603
611
  _$_.set_text(expression_8, __prev.a = __a);
604
612
  }
605
613
 
606
- var __b = `item item-${_$_.get(pattern_4).id} kind-b`;
614
+ var __b = `item item-${__pattern_4_1.id} kind-b`;
607
615
 
608
616
  if (__prev.b !== __b) {
609
617
  _$_.set_class(li_8, __prev.b = __b, void 0, true);
610
618
  }
611
619
  },
612
- { a: ' ', b: Symbol() }
620
+ { a: ' ', b: _$_.UNINITIALIZED }
613
621
  );
614
622
 
615
623
  _$_.append(__anchor, li_8);
@@ -661,7 +669,7 @@ export function SwitchTry() {
661
669
  var div_2 = root_20();
662
670
 
663
671
  {
664
- var node_2 = _$_.child(div_2);
672
+ var node_2 = _$_.hydrating ? _$_.hydrate_child() : div_2.firstChild;
665
673
 
666
674
  {
667
675
  var switch_case_0_6 = (__anchor) => {
@@ -728,26 +736,27 @@ export function ForSwitchTry() {
728
736
  var li_9 = root_25();
729
737
 
730
738
  {
731
- var expression_9 = _$_.child(li_9, true);
739
+ var expression_9 = _$_.hydrating ? _$_.hydrate_child(true) : li_9.firstChild;
732
740
 
733
741
  _$_.pop(li_9);
734
742
  }
735
743
 
736
744
  _$_.render(
737
745
  (__prev) => {
738
- var __a = `A-${_$_.get(pattern_5).id}`;
746
+ var __pattern_5 = _$_.get(pattern_5);
747
+ var __a = `A-${__pattern_5.id}`;
739
748
 
740
749
  if (__prev.a !== __a) {
741
750
  _$_.set_text(expression_9, __prev.a = __a);
742
751
  }
743
752
 
744
- var __b = `item item-${_$_.get(pattern_5).id} kind-a`;
753
+ var __b = `item item-${__pattern_5.id} kind-a`;
745
754
 
746
755
  if (__prev.b !== __b) {
747
756
  _$_.set_class(li_9, __prev.b = __b, void 0, true);
748
757
  }
749
758
  },
750
- { a: ' ', b: Symbol() }
759
+ { a: ' ', b: _$_.UNINITIALIZED }
751
760
  );
752
761
 
753
762
  _$_.append(__anchor, li_9);
@@ -757,26 +766,27 @@ export function ForSwitchTry() {
757
766
  var li_10 = root_26();
758
767
 
759
768
  {
760
- var expression_10 = _$_.child(li_10, true);
769
+ var expression_10 = _$_.hydrating ? _$_.hydrate_child(true) : li_10.firstChild;
761
770
 
762
771
  _$_.pop(li_10);
763
772
  }
764
773
 
765
774
  _$_.render(
766
775
  (__prev) => {
767
- var __a = `pending ${_$_.get(pattern_5).id}`;
776
+ var __pattern_5_1 = _$_.get(pattern_5);
777
+ var __a = `pending ${__pattern_5_1.id}`;
768
778
 
769
779
  if (__prev.a !== __a) {
770
780
  _$_.set_text(expression_10, __prev.a = __a);
771
781
  }
772
782
 
773
- var __b = `pending pending-${_$_.get(pattern_5).id}`;
783
+ var __b = `pending pending-${__pattern_5_1.id}`;
774
784
 
775
785
  if (__prev.b !== __b) {
776
786
  _$_.set_class(li_10, __prev.b = __b, void 0, true);
777
787
  }
778
788
  },
779
- { a: ' ', b: Symbol() }
789
+ { a: ' ', b: _$_.UNINITIALIZED }
780
790
  );
781
791
 
782
792
  _$_.append(__anchor, li_10);
@@ -792,26 +802,27 @@ export function ForSwitchTry() {
792
802
  var li_11 = root_27();
793
803
 
794
804
  {
795
- var expression_11 = _$_.child(li_11, true);
805
+ var expression_11 = _$_.hydrating ? _$_.hydrate_child(true) : li_11.firstChild;
796
806
 
797
807
  _$_.pop(li_11);
798
808
  }
799
809
 
800
810
  _$_.render(
801
811
  (__prev) => {
802
- var __a = `B-${_$_.get(pattern_5).id}`;
812
+ var __pattern_5_2 = _$_.get(pattern_5);
813
+ var __a = `B-${__pattern_5_2.id}`;
803
814
 
804
815
  if (__prev.a !== __a) {
805
816
  _$_.set_text(expression_11, __prev.a = __a);
806
817
  }
807
818
 
808
- var __b = `item item-${_$_.get(pattern_5).id} kind-b`;
819
+ var __b = `item item-${__pattern_5_2.id} kind-b`;
809
820
 
810
821
  if (__prev.b !== __b) {
811
822
  _$_.set_class(li_11, __prev.b = __b, void 0, true);
812
823
  }
813
824
  },
814
- { a: ' ', b: Symbol() }
825
+ { a: ' ', b: _$_.UNINITIALIZED }
815
826
  );
816
827
 
817
828
  _$_.append(__anchor, li_11);
@@ -821,26 +832,27 @@ export function ForSwitchTry() {
821
832
  var li_12 = root_28();
822
833
 
823
834
  {
824
- var expression_12 = _$_.child(li_12, true);
835
+ var expression_12 = _$_.hydrating ? _$_.hydrate_child(true) : li_12.firstChild;
825
836
 
826
837
  _$_.pop(li_12);
827
838
  }
828
839
 
829
840
  _$_.render(
830
841
  (__prev) => {
831
- var __a = `pending ${_$_.get(pattern_5).id}`;
842
+ var __pattern_5_3 = _$_.get(pattern_5);
843
+ var __a = `pending ${__pattern_5_3.id}`;
832
844
 
833
845
  if (__prev.a !== __a) {
834
846
  _$_.set_text(expression_12, __prev.a = __a);
835
847
  }
836
848
 
837
- var __b = `pending pending-${_$_.get(pattern_5).id}`;
849
+ var __b = `pending pending-${__pattern_5_3.id}`;
838
850
 
839
851
  if (__prev.b !== __b) {
840
852
  _$_.set_class(li_12, __prev.b = __b, void 0, true);
841
853
  }
842
854
  },
843
- { a: ' ', b: Symbol() }
855
+ { a: ' ', b: _$_.UNINITIALIZED }
844
856
  );
845
857
 
846
858
  _$_.append(__anchor, li_12);
@@ -897,26 +909,27 @@ export function ForIfTry() {
897
909
  var li_13 = root_30();
898
910
 
899
911
  {
900
- var expression_13 = _$_.child(li_13, true);
912
+ var expression_13 = _$_.hydrating ? _$_.hydrate_child(true) : li_13.firstChild;
901
913
 
902
914
  _$_.pop(li_13);
903
915
  }
904
916
 
905
917
  _$_.render(
906
918
  (__prev) => {
907
- var __a = `item-${_$_.get(pattern_6).id}`;
919
+ var __pattern_6 = _$_.get(pattern_6);
920
+ var __a = `item-${__pattern_6.id}`;
908
921
 
909
922
  if (__prev.a !== __a) {
910
923
  _$_.set_text(expression_13, __prev.a = __a);
911
924
  }
912
925
 
913
- var __b = `item item-${_$_.get(pattern_6).id}`;
926
+ var __b = `item item-${__pattern_6.id}`;
914
927
 
915
928
  if (__prev.b !== __b) {
916
929
  _$_.set_class(li_13, __prev.b = __b, void 0, true);
917
930
  }
918
931
  },
919
- { a: ' ', b: Symbol() }
932
+ { a: ' ', b: _$_.UNINITIALIZED }
920
933
  );
921
934
 
922
935
  _$_.append(__anchor, li_13);
@@ -926,26 +939,27 @@ export function ForIfTry() {
926
939
  var li_14 = root_31();
927
940
 
928
941
  {
929
- var expression_14 = _$_.child(li_14, true);
942
+ var expression_14 = _$_.hydrating ? _$_.hydrate_child(true) : li_14.firstChild;
930
943
 
931
944
  _$_.pop(li_14);
932
945
  }
933
946
 
934
947
  _$_.render(
935
948
  (__prev) => {
936
- var __a = `pending ${_$_.get(pattern_6).id}`;
949
+ var __pattern_6_1 = _$_.get(pattern_6);
950
+ var __a = `pending ${__pattern_6_1.id}`;
937
951
 
938
952
  if (__prev.a !== __a) {
939
953
  _$_.set_text(expression_14, __prev.a = __a);
940
954
  }
941
955
 
942
- var __b = `pending pending-${_$_.get(pattern_6).id}`;
956
+ var __b = `pending pending-${__pattern_6_1.id}`;
943
957
 
944
958
  if (__prev.b !== __b) {
945
959
  _$_.set_class(li_14, __prev.b = __b, void 0, true);
946
960
  }
947
961
  },
948
- { a: ' ', b: Symbol() }
962
+ { a: ' ', b: _$_.UNINITIALIZED }
949
963
  );
950
964
 
951
965
  _$_.append(__anchor, li_14);
@@ -994,26 +1008,27 @@ export function ForIfSwitchTrySingle() {
994
1008
  var li_15 = root_33();
995
1009
 
996
1010
  {
997
- var expression_15 = _$_.child(li_15, true);
1011
+ var expression_15 = _$_.hydrating ? _$_.hydrate_child(true) : li_15.firstChild;
998
1012
 
999
1013
  _$_.pop(li_15);
1000
1014
  }
1001
1015
 
1002
1016
  _$_.render(
1003
1017
  (__prev) => {
1004
- var __a = `A-${_$_.get(pattern_7).id}`;
1018
+ var __pattern_7 = _$_.get(pattern_7);
1019
+ var __a = `A-${__pattern_7.id}`;
1005
1020
 
1006
1021
  if (__prev.a !== __a) {
1007
1022
  _$_.set_text(expression_15, __prev.a = __a);
1008
1023
  }
1009
1024
 
1010
- var __b = `item item-${_$_.get(pattern_7).id} kind-a`;
1025
+ var __b = `item item-${__pattern_7.id} kind-a`;
1011
1026
 
1012
1027
  if (__prev.b !== __b) {
1013
1028
  _$_.set_class(li_15, __prev.b = __b, void 0, true);
1014
1029
  }
1015
1030
  },
1016
- { a: ' ', b: Symbol() }
1031
+ { a: ' ', b: _$_.UNINITIALIZED }
1017
1032
  );
1018
1033
 
1019
1034
  _$_.append(__anchor, li_15);
@@ -1023,26 +1038,27 @@ export function ForIfSwitchTrySingle() {
1023
1038
  var li_16 = root_34();
1024
1039
 
1025
1040
  {
1026
- var expression_16 = _$_.child(li_16, true);
1041
+ var expression_16 = _$_.hydrating ? _$_.hydrate_child(true) : li_16.firstChild;
1027
1042
 
1028
1043
  _$_.pop(li_16);
1029
1044
  }
1030
1045
 
1031
1046
  _$_.render(
1032
1047
  (__prev) => {
1033
- var __a = `pending ${_$_.get(pattern_7).id}`;
1048
+ var __pattern_7_1 = _$_.get(pattern_7);
1049
+ var __a = `pending ${__pattern_7_1.id}`;
1034
1050
 
1035
1051
  if (__prev.a !== __a) {
1036
1052
  _$_.set_text(expression_16, __prev.a = __a);
1037
1053
  }
1038
1054
 
1039
- var __b = `pending pending-${_$_.get(pattern_7).id}`;
1055
+ var __b = `pending pending-${__pattern_7_1.id}`;
1040
1056
 
1041
1057
  if (__prev.b !== __b) {
1042
1058
  _$_.set_class(li_16, __prev.b = __b, void 0, true);
1043
1059
  }
1044
1060
  },
1045
- { a: ' ', b: Symbol() }
1061
+ { a: ' ', b: _$_.UNINITIALIZED }
1046
1062
  );
1047
1063
 
1048
1064
  _$_.append(__anchor, li_16);
@@ -1058,26 +1074,27 @@ export function ForIfSwitchTrySingle() {
1058
1074
  var li_17 = root_35();
1059
1075
 
1060
1076
  {
1061
- var expression_17 = _$_.child(li_17, true);
1077
+ var expression_17 = _$_.hydrating ? _$_.hydrate_child(true) : li_17.firstChild;
1062
1078
 
1063
1079
  _$_.pop(li_17);
1064
1080
  }
1065
1081
 
1066
1082
  _$_.render(
1067
1083
  (__prev) => {
1068
- var __a = `D-${_$_.get(pattern_7).id}`;
1084
+ var __pattern_7_2 = _$_.get(pattern_7);
1085
+ var __a = `D-${__pattern_7_2.id}`;
1069
1086
 
1070
1087
  if (__prev.a !== __a) {
1071
1088
  _$_.set_text(expression_17, __prev.a = __a);
1072
1089
  }
1073
1090
 
1074
- var __b = `item item-${_$_.get(pattern_7).id} kind-default`;
1091
+ var __b = `item item-${__pattern_7_2.id} kind-default`;
1075
1092
 
1076
1093
  if (__prev.b !== __b) {
1077
1094
  _$_.set_class(li_17, __prev.b = __b, void 0, true);
1078
1095
  }
1079
1096
  },
1080
- { a: ' ', b: Symbol() }
1097
+ { a: ' ', b: _$_.UNINITIALIZED }
1081
1098
  );
1082
1099
 
1083
1100
  _$_.append(__anchor, li_17);
@@ -1087,26 +1104,27 @@ export function ForIfSwitchTrySingle() {
1087
1104
  var li_18 = root_36();
1088
1105
 
1089
1106
  {
1090
- var expression_18 = _$_.child(li_18, true);
1107
+ var expression_18 = _$_.hydrating ? _$_.hydrate_child(true) : li_18.firstChild;
1091
1108
 
1092
1109
  _$_.pop(li_18);
1093
1110
  }
1094
1111
 
1095
1112
  _$_.render(
1096
1113
  (__prev) => {
1097
- var __a = `pending ${_$_.get(pattern_7).id}`;
1114
+ var __pattern_7_3 = _$_.get(pattern_7);
1115
+ var __a = `pending ${__pattern_7_3.id}`;
1098
1116
 
1099
1117
  if (__prev.a !== __a) {
1100
1118
  _$_.set_text(expression_18, __prev.a = __a);
1101
1119
  }
1102
1120
 
1103
- var __b = `pending pending-${_$_.get(pattern_7).id}`;
1121
+ var __b = `pending pending-${__pattern_7_3.id}`;
1104
1122
 
1105
1123
  if (__prev.b !== __b) {
1106
1124
  _$_.set_class(li_18, __prev.b = __b, void 0, true);
1107
1125
  }
1108
1126
  },
1109
- { a: ' ', b: Symbol() }
1127
+ { a: ' ', b: _$_.UNINITIALIZED }
1110
1128
  );
1111
1129
 
1112
1130
  _$_.append(__anchor, li_18);
@@ -1179,26 +1197,27 @@ export function ForIfSwitchTryMulti() {
1179
1197
  var li_19 = root_38();
1180
1198
 
1181
1199
  {
1182
- var expression_19 = _$_.child(li_19, true);
1200
+ var expression_19 = _$_.hydrating ? _$_.hydrate_child(true) : li_19.firstChild;
1183
1201
 
1184
1202
  _$_.pop(li_19);
1185
1203
  }
1186
1204
 
1187
1205
  _$_.render(
1188
1206
  (__prev) => {
1189
- var __a = `A-${_$_.get(pattern_8).id}`;
1207
+ var __pattern_8 = _$_.get(pattern_8);
1208
+ var __a = `A-${__pattern_8.id}`;
1190
1209
 
1191
1210
  if (__prev.a !== __a) {
1192
1211
  _$_.set_text(expression_19, __prev.a = __a);
1193
1212
  }
1194
1213
 
1195
- var __b = `item item-${_$_.get(pattern_8).id} kind-a`;
1214
+ var __b = `item item-${__pattern_8.id} kind-a`;
1196
1215
 
1197
1216
  if (__prev.b !== __b) {
1198
1217
  _$_.set_class(li_19, __prev.b = __b, void 0, true);
1199
1218
  }
1200
1219
  },
1201
- { a: ' ', b: Symbol() }
1220
+ { a: ' ', b: _$_.UNINITIALIZED }
1202
1221
  );
1203
1222
 
1204
1223
  _$_.append(__anchor, li_19);
@@ -1208,26 +1227,27 @@ export function ForIfSwitchTryMulti() {
1208
1227
  var li_20 = root_39();
1209
1228
 
1210
1229
  {
1211
- var expression_20 = _$_.child(li_20, true);
1230
+ var expression_20 = _$_.hydrating ? _$_.hydrate_child(true) : li_20.firstChild;
1212
1231
 
1213
1232
  _$_.pop(li_20);
1214
1233
  }
1215
1234
 
1216
1235
  _$_.render(
1217
1236
  (__prev) => {
1218
- var __a = `pending ${_$_.get(pattern_8).id}`;
1237
+ var __pattern_8_1 = _$_.get(pattern_8);
1238
+ var __a = `pending ${__pattern_8_1.id}`;
1219
1239
 
1220
1240
  if (__prev.a !== __a) {
1221
1241
  _$_.set_text(expression_20, __prev.a = __a);
1222
1242
  }
1223
1243
 
1224
- var __b = `pending pending-${_$_.get(pattern_8).id}`;
1244
+ var __b = `pending pending-${__pattern_8_1.id}`;
1225
1245
 
1226
1246
  if (__prev.b !== __b) {
1227
1247
  _$_.set_class(li_20, __prev.b = __b, void 0, true);
1228
1248
  }
1229
1249
  },
1230
- { a: ' ', b: Symbol() }
1250
+ { a: ' ', b: _$_.UNINITIALIZED }
1231
1251
  );
1232
1252
 
1233
1253
  _$_.append(__anchor, li_20);
@@ -1243,26 +1263,27 @@ export function ForIfSwitchTryMulti() {
1243
1263
  var li_21 = root_40();
1244
1264
 
1245
1265
  {
1246
- var expression_21 = _$_.child(li_21, true);
1266
+ var expression_21 = _$_.hydrating ? _$_.hydrate_child(true) : li_21.firstChild;
1247
1267
 
1248
1268
  _$_.pop(li_21);
1249
1269
  }
1250
1270
 
1251
1271
  _$_.render(
1252
1272
  (__prev) => {
1253
- var __a = `B-${_$_.get(pattern_8).id}`;
1273
+ var __pattern_8_2 = _$_.get(pattern_8);
1274
+ var __a = `B-${__pattern_8_2.id}`;
1254
1275
 
1255
1276
  if (__prev.a !== __a) {
1256
1277
  _$_.set_text(expression_21, __prev.a = __a);
1257
1278
  }
1258
1279
 
1259
- var __b = `item item-${_$_.get(pattern_8).id} kind-b`;
1280
+ var __b = `item item-${__pattern_8_2.id} kind-b`;
1260
1281
 
1261
1282
  if (__prev.b !== __b) {
1262
1283
  _$_.set_class(li_21, __prev.b = __b, void 0, true);
1263
1284
  }
1264
1285
  },
1265
- { a: ' ', b: Symbol() }
1286
+ { a: ' ', b: _$_.UNINITIALIZED }
1266
1287
  );
1267
1288
 
1268
1289
  _$_.append(__anchor, li_21);
@@ -1272,26 +1293,27 @@ export function ForIfSwitchTryMulti() {
1272
1293
  var li_22 = root_41();
1273
1294
 
1274
1295
  {
1275
- var expression_22 = _$_.child(li_22, true);
1296
+ var expression_22 = _$_.hydrating ? _$_.hydrate_child(true) : li_22.firstChild;
1276
1297
 
1277
1298
  _$_.pop(li_22);
1278
1299
  }
1279
1300
 
1280
1301
  _$_.render(
1281
1302
  (__prev) => {
1282
- var __a = `pending ${_$_.get(pattern_8).id}`;
1303
+ var __pattern_8_3 = _$_.get(pattern_8);
1304
+ var __a = `pending ${__pattern_8_3.id}`;
1283
1305
 
1284
1306
  if (__prev.a !== __a) {
1285
1307
  _$_.set_text(expression_22, __prev.a = __a);
1286
1308
  }
1287
1309
 
1288
- var __b = `pending pending-${_$_.get(pattern_8).id}`;
1310
+ var __b = `pending pending-${__pattern_8_3.id}`;
1289
1311
 
1290
1312
  if (__prev.b !== __b) {
1291
1313
  _$_.set_class(li_22, __prev.b = __b, void 0, true);
1292
1314
  }
1293
1315
  },
1294
- { a: ' ', b: Symbol() }
1316
+ { a: ' ', b: _$_.UNINITIALIZED }
1295
1317
  );
1296
1318
 
1297
1319
  _$_.append(__anchor, li_22);