ripple 0.3.84 → 0.3.85

package/tests/hydration/compiled/client/nested-control-flow.js

@@ -1,72 +1,48 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root_2 = _$_.template(`<li> </li>`, 0);
-var root_1 = _$_.template(`<!>`, 1, 1);
+var root_1 = _$_.template(`<li> </li>`, 0);
 var root = _$_.template(`<ul class="for-if"></ul>`, 0);
-var root_5 = _$_.template(`<li> </li>`, 0);
-var root_6 = _$_.template(`<li> </li>`, 0);
-var root_4 = _$_.template(`<!>`, 1, 1);
-var root_3 = _$_.template(`<ul class="for-switch"></ul>`, 0);
+var root_3 = _$_.template(`<li> </li>`, 0);
+var root_4 = _$_.template(`<li> </li>`, 0);
+var root_2 = _$_.template(`<ul class="for-switch"></ul>`, 0);
+var root_6 = _$_.template(`<p class="case-a">Case A</p>`, 0);
+var root_7 = _$_.template(`<p class="case-default">Default</p>`, 0);
+var root_5 = _$_.template(`<div class="if-switch"><!></div>`, 0);
 var root_9 = _$_.template(`<p class="case-a">Case A</p>`, 0);
 var root_10 = _$_.template(`<p class="case-default">Default</p>`, 0);
-var root_8 = _$_.template(`<!>`, 1, 1);
-var root_7 = _$_.template(`<div class="if-switch"><!></div>`, 0);
-var root_13 = _$_.template(`<p class="case-a">Case A</p>`, 0);
-var root_14 = _$_.template(`<p class="case-default">Default</p>`, 0);
-var root_12 = _$_.template(`<!>`, 1, 1);
-var root_11 = _$_.template(`<div class="if-switch-hidden"><!><p class="after">after</p></div>`, 0);
+var root_8 = _$_.template(`<div class="if-switch-hidden"><!><p class="after">after</p></div>`, 0);
+var root_12 = _$_.template(`<li> </li>`, 0);
+var root_13 = _$_.template(`<li> </li>`, 0);
+var root_11 = _$_.template(`<ul class="for-if-switch-single"></ul>`, 0);
+var root_15 = _$_.template(`<li> </li>`, 0);
+var root_16 = _$_.template(`<li> </li>`, 0);
+var root_14 = _$_.template(`<ul class="for-if-switch-multi"></ul>`, 0);
 var root_18 = _$_.template(`<li> </li>`, 0);
 var root_19 = _$_.template(`<li> </li>`, 0);
-var root_17 = _$_.template(`<!>`, 1, 1);
-var root_16 = _$_.template(`<!>`, 1, 1);
-var root_15 = _$_.template(`<ul class="for-if-switch-single"></ul>`, 0);
-var root_23 = _$_.template(`<li> </li>`, 0);
-var root_24 = _$_.template(`<li> </li>`, 0);
-var root_22 = _$_.template(`<!>`, 1, 1);
-var root_21 = _$_.template(`<!>`, 1, 1);
-var root_20 = _$_.template(`<ul class="for-if-switch-multi"></ul>`, 0);
+var root_17 = _$_.template(`<ul class="for-if-switch-disabled"></ul>`, 0);
+var root_21 = _$_.template(`<p class="resolved-a">A resolved</p>`, 0);
+var root_22 = _$_.template(`<p class="pending-a">A pending</p>`, 0);
+var root_23 = _$_.template(`<p class="default">Default</p>`, 0);
+var root_20 = _$_.template(`<div class="switch-try"><!></div>`, 0);
+var root_25 = _$_.template(`<li> </li>`, 0);
+var root_26 = _$_.template(`<li> </li>`, 0);
+var root_27 = _$_.template(`<li> </li>`, 0);
 var root_28 = _$_.template(`<li> </li>`, 0);
-var root_29 = _$_.template(`<li> </li>`, 0);
-var root_27 = _$_.template(`<!>`, 1, 1);
-var root_26 = _$_.template(`<!>`, 1, 1);
-var root_25 = _$_.template(`<ul class="for-if-switch-disabled"></ul>`, 0);
-var root_32 = _$_.template(`<p class="resolved-a">A resolved</p>`, 0);
-var root_33 = _$_.template(`<p class="pending-a">A pending</p>`, 0);
-var root_31 = _$_.template(`<!>`, 1, 1);
-var root_34 = _$_.template(`<p class="default">Default</p>`, 0);
-var root_30 = _$_.template(`<div class="switch-try"><!></div>`, 0);
+var root_24 = _$_.template(`<ul class="for-switch-try"></ul>`, 0);
+var root_30 = _$_.template(`<li> </li>`, 0);
+var root_31 = _$_.template(`<li> </li>`, 0);
+var root_29 = _$_.template(`<ul class="for-if-try"></ul>`, 0);
+var root_33 = _$_.template(`<li> </li>`, 0);
+var root_34 = _$_.template(`<li> </li>`, 0);
+var root_35 = _$_.template(`<li> </li>`, 0);
+var root_36 = _$_.template(`<li> </li>`, 0);
+var root_32 = _$_.template(`<ul class="for-if-switch-try-single"></ul>`, 0);
 var root_38 = _$_.template(`<li> </li>`, 0);
 var root_39 = _$_.template(`<li> </li>`, 0);
-var root_37 = _$_.template(`<!>`, 1, 1);
+var root_40 = _$_.template(`<li> </li>`, 0);
 var root_41 = _$_.template(`<li> </li>`, 0);
-var root_42 = _$_.template(`<li> </li>`, 0);
-var root_40 = _$_.template(`<!>`, 1, 1);
-var root_36 = _$_.template(`<!>`, 1, 1);
-var root_35 = _$_.template(`<ul class="for-switch-try"></ul>`, 0);
-var root_46 = _$_.template(`<li> </li>`, 0);
-var root_47 = _$_.template(`<li> </li>`, 0);
-var root_45 = _$_.template(`<!>`, 1, 1);
-var root_44 = _$_.template(`<!>`, 1, 1);
-var root_43 = _$_.template(`<ul class="for-if-try"></ul>`, 0);
-var root_52 = _$_.template(`<li> </li>`, 0);
-var root_53 = _$_.template(`<li> </li>`, 0);
-var root_51 = _$_.template(`<!>`, 1, 1);
-var root_55 = _$_.template(`<li> </li>`, 0);
-var root_56 = _$_.template(`<li> </li>`, 0);
-var root_54 = _$_.template(`<!>`, 1, 1);
-var root_50 = _$_.template(`<!>`, 1, 1);
-var root_49 = _$_.template(`<!>`, 1, 1);
-var root_48 = _$_.template(`<ul class="for-if-switch-try-single"></ul>`, 0);
-var root_61 = _$_.template(`<li> </li>`, 0);
-var root_62 = _$_.template(`<li> </li>`, 0);
-var root_60 = _$_.template(`<!>`, 1, 1);
-var root_64 = _$_.template(`<li> </li>`, 0);
-var root_65 = _$_.template(`<li> </li>`, 0);
-var root_63 = _$_.template(`<!>`, 1, 1);
-var root_59 = _$_.template(`<!>`, 1, 1);
-var root_58 = _$_.template(`<!>`, 1, 1);
-var root_57 = _$_.template(`<ul class="for-if-switch-try-multi"></ul>`, 0);
+var root_37 = _$_.template(`<ul class="for-if-switch-try-multi"></ul>`, 0);
 
 export function ForIf() {
 	return _$_.tsrx_element((__anchor, __block) => {
@@ -83,12 +59,9 @@ export function ForIf() {
 				ul_1,
 				() => items,
 				(__anchor, pattern) => {
-					var fragment = root_1();
-					var node = _$_.first_child_frag(fragment);
-
 					{
 						var consequent = (__anchor) => {
-							var li_1 = root_2();
+							var li_1 = root_1();
 
 							{
 								var expression = _$_.child(li_1);
@@ -104,12 +77,14 @@ export function ForIf() {
 							_$_.append(__anchor, li_1);
 						};
 
-						_$_.if(node, (__render) => {
-							if (_$_.get(pattern).show) __render(consequent);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern).show) __render(consequent);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment);
 				},
 				4,
 				(pattern) => _$_.get(pattern).id
@@ -130,19 +105,16 @@ export function ForSwitch() {
 			{ id: 3, kind: 'a' }
 		];
 
-		var ul_2 = root_3();
+		var ul_2 = root_2();
 
 		{
 			_$_.for_keyed(
 				ul_2,
 				() => items,
 				(__anchor, pattern_1) => {
-					var fragment_1 = root_4();
-					var node_1 = _$_.first_child_frag(fragment_1);
-
 					{
 						var switch_case_0 = (__anchor) => {
-							var li_2 = root_5();
+							var li_2 = root_3();
 
 							{
 								var expression_1 = _$_.child(li_2, true);
@@ -171,7 +143,7 @@ export function ForSwitch() {
 						};
 
 						var switch_case_default = (__anchor) => {
-							var li_3 = root_6();
+							var li_3 = root_4();
 
 							{
 								var expression_2 = _$_.child(li_3, true);
@@ -199,22 +171,24 @@ export function ForSwitch() {
 							_$_.append(__anchor, li_3);
 						};
 
-						_$_.switch(node_1, () => {
-							var result = [];
+						_$_.switch(
+							__anchor,
+							() => {
+								var result = [];
 
-							switch (_$_.get(pattern_1).kind) {
-								case 'a':
-									result.push(switch_case_0);
-									return result;
+								switch (_$_.get(pattern_1).kind) {
+									case 'a':
+										result.push(switch_case_0);
+										return result;
 
-								default:
-									result.push(switch_case_default);
-									return result;
-							}
-						});
+									default:
+										result.push(switch_case_default);
+										return result;
+								}
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_1);
 				},
 				4,
 				(pattern_1) => _$_.get(pattern_1).id
@@ -231,48 +205,47 @@ export function IfSwitch() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const show = true;
 		const kind = 'a';
-		var div_1 = root_7();
+		var div_1 = root_5();
 
 		{
-			var node_2 = _$_.child(div_1);
+			var node = _$_.child(div_1);
 
 			{
 				var consequent_1 = (__anchor) => {
-					var fragment_2 = root_8();
-					var node_3 = _$_.first_child_frag(fragment_2);
-
 					{
 						var switch_case_0_1 = (__anchor) => {
-							var p_1 = root_9();
+							var p_1 = root_6();
 
 							_$_.append(__anchor, p_1);
 						};
 
 						var switch_case_default_1 = (__anchor) => {
-							var p_2 = root_10();
+							var p_2 = root_7();
 
 							_$_.append(__anchor, p_2);
 						};
 
-						_$_.switch(node_3, () => {
-							var result = [];
+						_$_.switch(
+							__anchor,
+							() => {
+								var result = [];
 
-							switch (kind) {
-								case 'a':
-									result.push(switch_case_0_1);
-									return result;
+								switch (kind) {
+									case 'a':
+										result.push(switch_case_0_1);
+										return result;
 
-								default:
-									result.push(switch_case_default_1);
-									return result;
-							}
-						});
+									default:
+										result.push(switch_case_default_1);
+										return result;
+								}
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_2);
 				};
 
-				_$_.if(node_2, (__render) => {
+				_$_.if(node, (__render) => {
 					if (show) __render(consequent_1);
 				});
 			}
@@ -288,48 +261,47 @@ export function IfSwitchHidden() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const show = false;
 		const kind = 'a';
-		var div_2 = root_11();
+		var div_2 = root_8();
 
 		{
-			var node_4 = _$_.child(div_2);
+			var node_1 = _$_.child(div_2);
 
 			{
 				var consequent_2 = (__anchor) => {
-					var fragment_3 = root_12();
-					var node_5 = _$_.first_child_frag(fragment_3);
-
 					{
 						var switch_case_0_2 = (__anchor) => {
-							var p_3 = root_13();
+							var p_3 = root_9();
 
 							_$_.append(__anchor, p_3);
 						};
 
 						var switch_case_default_2 = (__anchor) => {
-							var p_4 = root_14();
+							var p_4 = root_10();
 
 							_$_.append(__anchor, p_4);
 						};
 
-						_$_.switch(node_5, () => {
-							var result = [];
+						_$_.switch(
+							__anchor,
+							() => {
+								var result = [];
 
-							switch (kind) {
-								case 'a':
-									result.push(switch_case_0_2);
-									return result;
+								switch (kind) {
+									case 'a':
+										result.push(switch_case_0_2);
+										return result;
 
-								default:
-									result.push(switch_case_default_2);
-									return result;
-							}
-						});
+									default:
+										result.push(switch_case_default_2);
+										return result;
+								}
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_3);
 				};
 
-				_$_.if(node_4, (__render) => {
+				_$_.if(node_1, (__render) => {
 					if (show) __render(consequent_2);
 				});
 			}
@@ -344,24 +316,18 @@ export function IfSwitchHidden() {
 export function ForIfSwitchSingle() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const items = [{ id: 1, kind: 'a', show: true }];
-		var ul_3 = root_15();
+		var ul_3 = root_11();
 
 		{
 			_$_.for_keyed(
 				ul_3,
 				() => items,
 				(__anchor, pattern_2) => {
-					var fragment_4 = root_16();
-					var node_6 = _$_.first_child_frag(fragment_4);
-
 					{
 						var consequent_3 = (__anchor) => {
-							var fragment_5 = root_17();
-							var node_7 = _$_.first_child_frag(fragment_5);
-
 							{
 								var switch_case_0_3 = (__anchor) => {
-									var li_4 = root_18();
+									var li_4 = root_12();
 
 									{
 										var expression_3 = _$_.child(li_4, true);
@@ -390,7 +356,7 @@ export function ForIfSwitchSingle() {
 								};
 
 								var switch_case_default_3 = (__anchor) => {
-									var li_5 = root_19();
+									var li_5 = root_13();
 
 									{
 										var expression_4 = _$_.child(li_5, true);
@@ -418,30 +384,34 @@ export function ForIfSwitchSingle() {
 									_$_.append(__anchor, li_5);
 								};
 
-								_$_.switch(node_7, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (_$_.get(pattern_2).kind) {
-										case 'a':
-											result.push(switch_case_0_3);
-											return result;
+										switch (_$_.get(pattern_2).kind) {
+											case 'a':
+												result.push(switch_case_0_3);
+												return result;
 
-										default:
-											result.push(switch_case_default_3);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default_3);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_5);
 						};
 
-						_$_.if(node_6, (__render) => {
-							if (_$_.get(pattern_2).show) __render(consequent_3);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern_2).show) __render(consequent_3);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_4);
 				},
 				4,
 				(pattern_2) => _$_.get(pattern_2).id
@@ -461,24 +431,18 @@ export function ForIfSwitchMulti() {
 			{ id: 2, kind: 'b', show: true }
 		];
 
-		var ul_4 = root_20();
+		var ul_4 = root_14();
 
 		{
 			_$_.for_keyed(
 				ul_4,
 				() => items,
 				(__anchor, pattern_3) => {
-					var fragment_6 = root_21();
-					var node_8 = _$_.first_child_frag(fragment_6);
-
 					{
 						var consequent_4 = (__anchor) => {
-							var fragment_7 = root_22();
-							var node_9 = _$_.first_child_frag(fragment_7);
-
 							{
 								var switch_case_0_4 = (__anchor) => {
-									var li_6 = root_23();
+									var li_6 = root_15();
 
 									{
 										var expression_5 = _$_.child(li_6, true);
@@ -507,7 +471,7 @@ export function ForIfSwitchMulti() {
 								};
 
 								var switch_case_default_4 = (__anchor) => {
-									var li_7 = root_24();
+									var li_7 = root_16();
 
 									{
 										var expression_6 = _$_.child(li_7, true);
@@ -535,30 +499,34 @@ export function ForIfSwitchMulti() {
 									_$_.append(__anchor, li_7);
 								};
 
-								_$_.switch(node_9, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (_$_.get(pattern_3).kind) {
-										case 'a':
-											result.push(switch_case_0_4);
-											return result;
+										switch (_$_.get(pattern_3).kind) {
+											case 'a':
+												result.push(switch_case_0_4);
+												return result;
 
-										default:
-											result.push(switch_case_default_4);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default_4);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_7);
 						};
 
-						_$_.if(node_8, (__render) => {
-							if (_$_.get(pattern_3).show) __render(consequent_4);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern_3).show) __render(consequent_4);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_6);
 				},
 				4,
 				(pattern_3) => _$_.get(pattern_3).id
@@ -579,24 +547,18 @@ export function ForIfSwitchWithDisabled() {
 			{ id: 3, kind: 'a', show: true }
 		];
 
-		var ul_5 = root_25();
+		var ul_5 = root_17();
 
 		{
 			_$_.for_keyed(
 				ul_5,
 				() => items,
 				(__anchor, pattern_4) => {
-					var fragment_8 = root_26();
-					var node_10 = _$_.first_child_frag(fragment_8);
-
 					{
 						var consequent_5 = (__anchor) => {
-							var fragment_9 = root_27();
-							var node_11 = _$_.first_child_frag(fragment_9);
-
 							{
 								var switch_case_0_5 = (__anchor) => {
-									var li_8 = root_28();
+									var li_8 = root_18();
 
 									{
 										var expression_7 = _$_.child(li_8, true);
@@ -625,7 +587,7 @@ export function ForIfSwitchWithDisabled() {
 								};
 
 								var switch_case_default_5 = (__anchor) => {
-									var li_9 = root_29();
+									var li_9 = root_19();
 
 									{
 										var expression_8 = _$_.child(li_9, true);
@@ -653,30 +615,34 @@ export function ForIfSwitchWithDisabled() {
 									_$_.append(__anchor, li_9);
 								};
 
-								_$_.switch(node_11, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (_$_.get(pattern_4).kind) {
-										case 'a':
-											result.push(switch_case_0_5);
-											return result;
+										switch (_$_.get(pattern_4).kind) {
+											case 'a':
+												result.push(switch_case_0_5);
+												return result;
 
-										default:
-											result.push(switch_case_default_5);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default_5);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_9);
 						};
 
-						_$_.if(node_10, (__render) => {
-							if (_$_.get(pattern_4).show) __render(consequent_5);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern_4).show) __render(consequent_5);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_8);
 				},
 				4,
 				(pattern_4) => _$_.get(pattern_4).id
@@ -692,41 +658,37 @@ export function ForIfSwitchWithDisabled() {
 export function SwitchTry() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const kind = 'a';
-		var div_3 = root_30();
+		var div_3 = root_20();
 
 		{
-			var node_12 = _$_.child(div_3);
+			var node_2 = _$_.child(div_3);
 
 			{
 				var switch_case_0_6 = (__anchor) => {
-					var fragment_10 = root_31();
-					var node_13 = _$_.first_child_frag(fragment_10);
-
 					_$_.try(
-						node_13,
+						__anchor,
 						(__anchor) => {
-							var p_5 = root_32();
+							var p_5 = root_21();
 
 							_$_.append(__anchor, p_5);
 						},
 						null,
 						(__anchor) => {
-							var p_6 = root_33();
+							var p_6 = root_22();
 
 							_$_.append(__anchor, p_6);
-						}
+						},
+						true
 					);
-
-					_$_.append(__anchor, fragment_10);
 				};
 
 				var switch_case_default_6 = (__anchor) => {
-					var p_7 = root_34();
+					var p_7 = root_23();
 
 					_$_.append(__anchor, p_7);
 				};
 
-				_$_.switch(node_12, () => {
+				_$_.switch(node_2, () => {
 					var result = [];
 
 					switch (kind) {
@@ -751,25 +713,19 @@ export function SwitchTry() {
 export function ForSwitchTry() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const items = [{ id: 1, kind: 'a' }, { id: 2, kind: 'b' }];
-		var ul_6 = root_35();
+		var ul_6 = root_24();
 
 		{
 			_$_.for_keyed(
 				ul_6,
 				() => items,
 				(__anchor, pattern_5) => {
-					var fragment_11 = root_36();
-					var node_14 = _$_.first_child_frag(fragment_11);
-
 					{
 						var switch_case_0_7 = (__anchor) => {
-							var fragment_12 = root_37();
-							var node_15 = _$_.first_child_frag(fragment_12);
-
 							_$_.try(
-								node_15,
+								__anchor,
 								(__anchor) => {
-									var li_10 = root_38();
+									var li_10 = root_25();
 
 									{
 										var expression_9 = _$_.child(li_10, true);
@@ -798,7 +754,7 @@ export function ForSwitchTry() {
 								},
 								null,
 								(__anchor) => {
-									var li_11 = root_39();
+									var li_11 = root_26();
 
 									{
 										var expression_10 = _$_.child(li_11, true);
@@ -824,20 +780,16 @@ export function ForSwitchTry() {
 									);
 
 									_$_.append(__anchor, li_11);
-								}
+								},
+								true
 							);
-
-							_$_.append(__anchor, fragment_12);
 						};
 
 						var switch_case_default_7 = (__anchor) => {
-							var fragment_13 = root_40();
-							var node_16 = _$_.first_child_frag(fragment_13);
-
 							_$_.try(
-								node_16,
+								__anchor,
 								(__anchor) => {
-									var li_12 = root_41();
+									var li_12 = root_27();
 
 									{
 										var expression_11 = _$_.child(li_12, true);
@@ -866,7 +818,7 @@ export function ForSwitchTry() {
 								},
 								null,
 								(__anchor) => {
-									var li_13 = root_42();
+									var li_13 = root_28();
 
 									{
 										var expression_12 = _$_.child(li_13, true);
@@ -892,28 +844,29 @@ export function ForSwitchTry() {
 									);
 
 									_$_.append(__anchor, li_13);
-								}
+								},
+								true
 							);
-
-							_$_.append(__anchor, fragment_13);
 						};
 
-						_$_.switch(node_14, () => {
-							var result = [];
+						_$_.switch(
+							__anchor,
+							() => {
+								var result = [];
 
-							switch (_$_.get(pattern_5).kind) {
-								case 'a':
-									result.push(switch_case_0_7);
-									return result;
+								switch (_$_.get(pattern_5).kind) {
+									case 'a':
+										result.push(switch_case_0_7);
+										return result;
 
-								default:
-									result.push(switch_case_default_7);
-									return result;
-							}
-						});
+									default:
+										result.push(switch_case_default_7);
+										return result;
+								}
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_11);
 				},
 				4,
 				(pattern_5) => _$_.get(pattern_5).id
@@ -929,25 +882,19 @@ export function ForSwitchTry() {
 export function ForIfTry() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const items = [{ id: 1, show: true }, { id: 2, show: true }];
-		var ul_7 = root_43();
+		var ul_7 = root_29();
 
 		{
 			_$_.for_keyed(
 				ul_7,
 				() => items,
 				(__anchor, pattern_6) => {
-					var fragment_14 = root_44();
-					var node_17 = _$_.first_child_frag(fragment_14);
-
 					{
 						var consequent_6 = (__anchor) => {
-							var fragment_15 = root_45();
-							var node_18 = _$_.first_child_frag(fragment_15);
-
 							_$_.try(
-								node_18,
+								__anchor,
 								(__anchor) => {
-									var li_14 = root_46();
+									var li_14 = root_30();
 
 									{
 										var expression_13 = _$_.child(li_14, true);
@@ -976,7 +923,7 @@ export function ForIfTry() {
 								},
 								null,
 								(__anchor) => {
-									var li_15 = root_47();
+									var li_15 = root_31();
 
 									{
 										var expression_14 = _$_.child(li_15, true);
@@ -1002,18 +949,19 @@ export function ForIfTry() {
 									);
 
 									_$_.append(__anchor, li_15);
-								}
+								},
+								true
 							);
-
-							_$_.append(__anchor, fragment_15);
 						};
 
-						_$_.if(node_17, (__render) => {
-							if (_$_.get(pattern_6).show) __render(consequent_6);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern_6).show) __render(consequent_6);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_14);
 				},
 				4,
 				(pattern_6) => _$_.get(pattern_6).id
@@ -1029,30 +977,21 @@ export function ForIfTry() {
 export function ForIfSwitchTrySingle() {
 	return _$_.tsrx_element((__anchor, __block) => {
 		const items = [{ id: 1, kind: 'a', show: true }];
-		var ul_8 = root_48();
+		var ul_8 = root_32();
 
 		{
 			_$_.for_keyed(
 				ul_8,
 				() => items,
 				(__anchor, pattern_7) => {
-					var fragment_16 = root_49();
-					var node_19 = _$_.first_child_frag(fragment_16);
-
 					{
 						var consequent_7 = (__anchor) => {
-							var fragment_17 = root_50();
-							var node_20 = _$_.first_child_frag(fragment_17);
-
 							{
 								var switch_case_0_8 = (__anchor) => {
-									var fragment_18 = root_51();
-									var node_21 = _$_.first_child_frag(fragment_18);
-
 									_$_.try(
-										node_21,
+										__anchor,
 										(__anchor) => {
-											var li_16 = root_52();
+											var li_16 = root_33();
 
 											{
 												var expression_15 = _$_.child(li_16, true);
@@ -1081,7 +1020,7 @@ export function ForIfSwitchTrySingle() {
 										},
 										null,
 										(__anchor) => {
-											var li_17 = root_53();
+											var li_17 = root_34();
 
 											{
 												var expression_16 = _$_.child(li_17, true);
@@ -1107,20 +1046,16 @@ export function ForIfSwitchTrySingle() {
 											);
 
 											_$_.append(__anchor, li_17);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_18);
 								};
 
 								var switch_case_default_8 = (__anchor) => {
-									var fragment_19 = root_54();
-									var node_22 = _$_.first_child_frag(fragment_19);
-
 									_$_.try(
-										node_22,
+										__anchor,
 										(__anchor) => {
-											var li_18 = root_55();
+											var li_18 = root_35();
 
 											{
 												var expression_17 = _$_.child(li_18, true);
@@ -1149,7 +1084,7 @@ export function ForIfSwitchTrySingle() {
 										},
 										null,
 										(__anchor) => {
-											var li_19 = root_56();
+											var li_19 = root_36();
 
 											{
 												var expression_18 = _$_.child(li_19, true);
@@ -1175,36 +1110,39 @@ export function ForIfSwitchTrySingle() {
 											);
 
 											_$_.append(__anchor, li_19);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_19);
 								};
 
-								_$_.switch(node_20, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (_$_.get(pattern_7).kind) {
-										case 'a':
-											result.push(switch_case_0_8);
-											return result;
+										switch (_$_.get(pattern_7).kind) {
+											case 'a':
+												result.push(switch_case_0_8);
+												return result;
 
-										default:
-											result.push(switch_case_default_8);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default_8);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_17);
 						};
 
-						_$_.if(node_19, (__render) => {
-							if (_$_.get(pattern_7).show) __render(consequent_7);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern_7).show) __render(consequent_7);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_16);
 				},
 				4,
 				(pattern_7) => _$_.get(pattern_7).id
@@ -1224,30 +1162,21 @@ export function ForIfSwitchTryMulti() {
 			{ id: 2, kind: 'b', show: true }
 		];
 
-		var ul_9 = root_57();
+		var ul_9 = root_37();
 
 		{
 			_$_.for_keyed(
 				ul_9,
 				() => items,
 				(__anchor, pattern_8) => {
-					var fragment_20 = root_58();
-					var node_23 = _$_.first_child_frag(fragment_20);
-
 					{
 						var consequent_8 = (__anchor) => {
-							var fragment_21 = root_59();
-							var node_24 = _$_.first_child_frag(fragment_21);
-
 							{
 								var switch_case_0_9 = (__anchor) => {
-									var fragment_22 = root_60();
-									var node_25 = _$_.first_child_frag(fragment_22);
-
 									_$_.try(
-										node_25,
+										__anchor,
 										(__anchor) => {
-											var li_20 = root_61();
+											var li_20 = root_38();
 
 											{
 												var expression_19 = _$_.child(li_20, true);
@@ -1276,7 +1205,7 @@ export function ForIfSwitchTryMulti() {
 										},
 										null,
 										(__anchor) => {
-											var li_21 = root_62();
+											var li_21 = root_39();
 
 											{
 												var expression_20 = _$_.child(li_21, true);
@@ -1302,20 +1231,16 @@ export function ForIfSwitchTryMulti() {
 											);
 
 											_$_.append(__anchor, li_21);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_22);
 								};
 
 								var switch_case_default_9 = (__anchor) => {
-									var fragment_23 = root_63();
-									var node_26 = _$_.first_child_frag(fragment_23);
-
 									_$_.try(
-										node_26,
+										__anchor,
 										(__anchor) => {
-											var li_22 = root_64();
+											var li_22 = root_40();
 
 											{
 												var expression_21 = _$_.child(li_22, true);
@@ -1344,7 +1269,7 @@ export function ForIfSwitchTryMulti() {
 										},
 										null,
 										(__anchor) => {
-											var li_23 = root_65();
+											var li_23 = root_41();
 
 											{
 												var expression_22 = _$_.child(li_23, true);
@@ -1370,36 +1295,39 @@ export function ForIfSwitchTryMulti() {
 											);
 
 											_$_.append(__anchor, li_23);
-										}
+										},
+										true
 									);
-
-									_$_.append(__anchor, fragment_23);
 								};
 
-								_$_.switch(node_24, () => {
-									var result = [];
+								_$_.switch(
+									__anchor,
+									() => {
+										var result = [];
 
-									switch (_$_.get(pattern_8).kind) {
-										case 'a':
-											result.push(switch_case_0_9);
-											return result;
+										switch (_$_.get(pattern_8).kind) {
+											case 'a':
+												result.push(switch_case_0_9);
+												return result;
 
-										default:
-											result.push(switch_case_default_9);
-											return result;
-									}
-								});
+											default:
+												result.push(switch_case_default_9);
+												return result;
+										}
+									},
+									true
+								);
 							}
-
-							_$_.append(__anchor, fragment_21);
 						};
 
-						_$_.if(node_23, (__render) => {
-							if (_$_.get(pattern_8).show) __render(consequent_8);
-						});
+						_$_.if(
+							__anchor,
+							(__render) => {
+								if (_$_.get(pattern_8).show) __render(consequent_8);
+							},
+							true
+						);
 					}
-
-					_$_.append(__anchor, fragment_20);
 				},
 				4,
 				(pattern_8) => _$_.get(pattern_8).id