ripple 0.4.3 → 0.4.4

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

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root_1 = _$_.template(`<li> `);
+var root_1 = _$_.template_el('li', null, ' ');
 
 function render(__prev) {
 	var __a = `item item-${_$_.get(__prev._a).id}`;
@@ -29,7 +29,15 @@ function if_1(pattern) {
 	if (_$_.get(pattern).show) return consequent;
 }
 
-var root = _$_.template(`<ul class=for-if>`);
+function render_1(__prev) {
+	var __a = if_1(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root = _$_.template_el('ul', ['class', 'for-if']);
 
 function ForIf_render(__anchor, __block) {
 	const items = [
@@ -45,10 +53,15 @@ function ForIf_render(__anchor, __block) {
 			ul,
 			() => items,
 			(__anchor, pattern) => {
-				_$_.if(__anchor, if_1, true, pattern);
+				var ifs = _$_.if_static(__anchor, if_1, 3, pattern);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern, _b: ifs });
 			},
 			4,
-			(pattern) => pattern.id
+			(pattern) => pattern.id,
+			void 0,
+			void 0,
+			render_1
 		);
 
 		_$_.hydrating && _$_.pop(ul);
@@ -59,9 +72,9 @@ function ForIf_render(__anchor, __block) {
 
 ForIf[_$_.$r] = ForIf_render;
 
-var root_3 = _$_.template(`<li>`);
+var root_3 = _$_.template_el('li');
 
-function render_1(__prev) {
+function render_2(__prev) {
 	var __pattern_1 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_1.id}`;
 
@@ -77,9 +90,9 @@ function render_1(__prev) {
 	}
 }
 
-var root_4 = _$_.template(`<li>`);
+var root_4 = _$_.template_el('li');
 
-function render_2(__prev) {
+function render_3(__prev) {
 	var __pattern_1_1 = _$_.get(__prev._a);
 	var __a = `B-${__pattern_1_1.id}`;
 
@@ -98,14 +111,14 @@ function render_2(__prev) {
 function switch_case_0(__anchor, pattern_1) {
 	var li_1 = root_3();
 
-	_$_.render(render_1, { a: '', b: _$_.UNINITIALIZED, _a: pattern_1, _b: li_1 });
+	_$_.render(render_2, { a: '', b: _$_.UNINITIALIZED, _a: pattern_1, _b: li_1 });
 	_$_.append(__anchor, li_1);
 }
 
 function switch_case_default(__anchor, pattern_1) {
 	var li_2 = root_4();
 
-	_$_.render(render_2, { a: '', b: _$_.UNINITIALIZED, _a: pattern_1, _b: li_2 });
+	_$_.render(render_3, { a: '', b: _$_.UNINITIALIZED, _a: pattern_1, _b: li_2 });
 	_$_.append(__anchor, li_2);
 }
 
@@ -119,7 +132,7 @@ function switch_1(pattern_1) {
 	}
 }
 
-var root_2 = _$_.template(`<ul class=for-switch>`);
+var root_2 = _$_.template_el('ul', ['class', 'for-switch']);
 
 function ForSwitch_render(__anchor, __block) {
 	const items = [
@@ -149,8 +162,8 @@ function ForSwitch_render(__anchor, __block) {
 
 ForSwitch[_$_.$r] = ForSwitch_render;
 
-var root_6 = _$_.template(`<p class=case-a>Case A`);
-var root_7 = _$_.template(`<p class=case-default>Default`);
+var root_6 = _$_.template_el('p', ['class', 'case-a'], 'Case A');
+var root_7 = _$_.template_el('p', ['class', 'case-default'], 'Default');
 
 function switch_case_0_1(__anchor, kind) {
 	var p = root_6();
@@ -201,8 +214,8 @@ function IfSwitch_render(__anchor, __block) {
 
 IfSwitch[_$_.$r] = IfSwitch_render;
 
-var root_9 = _$_.template(`<p class=case-a>Case A`);
-var root_10 = _$_.template(`<p class=case-default>Default`);
+var root_9 = _$_.template_el('p', ['class', 'case-a'], 'Case A');
+var root_10 = _$_.template_el('p', ['class', 'case-default'], 'Default');
 
 function switch_case_0_2(__anchor, kind) {
 	var p_2 = root_9();
@@ -253,9 +266,9 @@ function IfSwitchHidden_render(__anchor, __block) {
 
 IfSwitchHidden[_$_.$r] = IfSwitchHidden_render;
 
-var root_12 = _$_.template(`<li>`);
+var root_12 = _$_.template_el('li');
 
-function render_3(__prev) {
+function render_4(__prev) {
 	var __pattern_2 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_2.id}`;
 
@@ -271,9 +284,9 @@ function render_3(__prev) {
 	}
 }
 
-var root_13 = _$_.template(`<li>`);
+var root_13 = _$_.template_el('li');
 
-function render_4(__prev) {
+function render_5(__prev) {
 	var __pattern_2_1 = _$_.get(__prev._a);
 	var __a = `D-${__pattern_2_1.id}`;
 
@@ -292,14 +305,14 @@ function render_4(__prev) {
 function switch_case_0_3(__anchor, pattern_2) {
 	var li_3 = root_12();
 
-	_$_.render(render_3, { a: '', b: _$_.UNINITIALIZED, _a: pattern_2, _b: li_3 });
+	_$_.render(render_4, { a: '', b: _$_.UNINITIALIZED, _a: pattern_2, _b: li_3 });
 	_$_.append(__anchor, li_3);
 }
 
 function switch_case_default_3(__anchor, pattern_2) {
 	var li_4 = root_13();
 
-	_$_.render(render_4, { a: '', b: _$_.UNINITIALIZED, _a: pattern_2, _b: li_4 });
+	_$_.render(render_5, { a: '', b: _$_.UNINITIALIZED, _a: pattern_2, _b: li_4 });
 	_$_.append(__anchor, li_4);
 }
 
@@ -321,7 +334,15 @@ function if_4(pattern_2) {
 	if (_$_.get(pattern_2).show) return consequent_3;
 }
 
-var root_11 = _$_.template(`<ul class=for-if-switch-single>`);
+function render_6(__prev) {
+	var __a = if_4(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root_11 = _$_.template_el('ul', ['class', 'for-if-switch-single']);
 
 function ForIfSwitchSingle_render(__anchor, __block) {
 	const items = [{ id: 1, kind: 'a', show: true }];
@@ -332,10 +353,15 @@ function ForIfSwitchSingle_render(__anchor, __block) {
 			ul_2,
 			() => items,
 			(__anchor, pattern_2) => {
-				_$_.if(__anchor, if_4, true, pattern_2);
+				var ifs_1 = _$_.if_static(__anchor, if_4, 3, pattern_2);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern_2, _b: ifs_1 });
 			},
 			4,
-			(pattern_2) => pattern_2.id
+			(pattern_2) => pattern_2.id,
+			void 0,
+			void 0,
+			render_6
 		);
 
 		_$_.hydrating && _$_.pop(ul_2);
@@ -346,9 +372,9 @@ function ForIfSwitchSingle_render(__anchor, __block) {
 
 ForIfSwitchSingle[_$_.$r] = ForIfSwitchSingle_render;
 
-var root_15 = _$_.template(`<li>`);
+var root_15 = _$_.template_el('li');
 
-function render_5(__prev) {
+function render_7(__prev) {
 	var __pattern_3 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_3.id}`;
 
@@ -364,9 +390,9 @@ function render_5(__prev) {
 	}
 }
 
-var root_16 = _$_.template(`<li>`);
+var root_16 = _$_.template_el('li');
 
-function render_6(__prev) {
+function render_8(__prev) {
 	var __pattern_3_1 = _$_.get(__prev._a);
 	var __a = `B-${__pattern_3_1.id}`;
 
@@ -385,14 +411,14 @@ function render_6(__prev) {
 function switch_case_0_4(__anchor, pattern_3) {
 	var li_5 = root_15();
 
-	_$_.render(render_5, { a: '', b: _$_.UNINITIALIZED, _a: pattern_3, _b: li_5 });
+	_$_.render(render_7, { a: '', b: _$_.UNINITIALIZED, _a: pattern_3, _b: li_5 });
 	_$_.append(__anchor, li_5);
 }
 
 function switch_case_default_4(__anchor, pattern_3) {
 	var li_6 = root_16();
 
-	_$_.render(render_6, { a: '', b: _$_.UNINITIALIZED, _a: pattern_3, _b: li_6 });
+	_$_.render(render_8, { a: '', b: _$_.UNINITIALIZED, _a: pattern_3, _b: li_6 });
 	_$_.append(__anchor, li_6);
 }
 
@@ -414,7 +440,15 @@ function if_5(pattern_3) {
 	if (_$_.get(pattern_3).show) return consequent_4;
 }
 
-var root_14 = _$_.template(`<ul class=for-if-switch-multi>`);
+function render_9(__prev) {
+	var __a = if_5(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root_14 = _$_.template_el('ul', ['class', 'for-if-switch-multi']);
 
 function ForIfSwitchMulti_render(__anchor, __block) {
 	const items = [
@@ -429,10 +463,15 @@ function ForIfSwitchMulti_render(__anchor, __block) {
 			ul_3,
 			() => items,
 			(__anchor, pattern_3) => {
-				_$_.if(__anchor, if_5, true, pattern_3);
+				var ifs_2 = _$_.if_static(__anchor, if_5, 3, pattern_3);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern_3, _b: ifs_2 });
 			},
 			4,
-			(pattern_3) => pattern_3.id
+			(pattern_3) => pattern_3.id,
+			void 0,
+			void 0,
+			render_9
 		);
 
 		_$_.hydrating && _$_.pop(ul_3);
@@ -443,9 +482,9 @@ function ForIfSwitchMulti_render(__anchor, __block) {
 
 ForIfSwitchMulti[_$_.$r] = ForIfSwitchMulti_render;
 
-var root_18 = _$_.template(`<li>`);
+var root_18 = _$_.template_el('li');
 
-function render_7(__prev) {
+function render_10(__prev) {
 	var __pattern_4 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_4.id}`;
 
@@ -461,9 +500,9 @@ function render_7(__prev) {
 	}
 }
 
-var root_19 = _$_.template(`<li>`);
+var root_19 = _$_.template_el('li');
 
-function render_8(__prev) {
+function render_11(__prev) {
 	var __pattern_4_1 = _$_.get(__prev._a);
 	var __a = `B-${__pattern_4_1.id}`;
 
@@ -482,14 +521,14 @@ function render_8(__prev) {
 function switch_case_0_5(__anchor, pattern_4) {
 	var li_7 = root_18();
 
-	_$_.render(render_7, { a: '', b: _$_.UNINITIALIZED, _a: pattern_4, _b: li_7 });
+	_$_.render(render_10, { a: '', b: _$_.UNINITIALIZED, _a: pattern_4, _b: li_7 });
 	_$_.append(__anchor, li_7);
 }
 
 function switch_case_default_5(__anchor, pattern_4) {
 	var li_8 = root_19();
 
-	_$_.render(render_8, { a: '', b: _$_.UNINITIALIZED, _a: pattern_4, _b: li_8 });
+	_$_.render(render_11, { a: '', b: _$_.UNINITIALIZED, _a: pattern_4, _b: li_8 });
 	_$_.append(__anchor, li_8);
 }
 
@@ -511,7 +550,15 @@ function if_6(pattern_4) {
 	if (_$_.get(pattern_4).show) return consequent_5;
 }
 
-var root_17 = _$_.template(`<ul class=for-if-switch-disabled>`);
+function render_12(__prev) {
+	var __a = if_6(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root_17 = _$_.template_el('ul', ['class', 'for-if-switch-disabled']);
 
 function ForIfSwitchWithDisabled_render(__anchor, __block) {
 	const items = [
@@ -527,10 +574,15 @@ function ForIfSwitchWithDisabled_render(__anchor, __block) {
 			ul_4,
 			() => items,
 			(__anchor, pattern_4) => {
-				_$_.if(__anchor, if_6, true, pattern_4);
+				var ifs_3 = _$_.if_static(__anchor, if_6, 3, pattern_4);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern_4, _b: ifs_3 });
 			},
 			4,
-			(pattern_4) => pattern_4.id
+			(pattern_4) => pattern_4.id,
+			void 0,
+			void 0,
+			render_12
 		);
 
 		_$_.hydrating && _$_.pop(ul_4);
@@ -541,9 +593,9 @@ function ForIfSwitchWithDisabled_render(__anchor, __block) {
 
 ForIfSwitchWithDisabled[_$_.$r] = ForIfSwitchWithDisabled_render;
 
-var root_21 = _$_.template(`<p class=resolved-a>A resolved`);
-var root_22 = _$_.template(`<p class=pending-a>A pending`);
-var root_23 = _$_.template(`<p class=default>Default`);
+var root_21 = _$_.template_el('p', ['class', 'resolved-a'], 'A resolved');
+var root_22 = _$_.template_el('p', ['class', 'pending-a'], 'A pending');
+var root_23 = _$_.template_el('p', ['class', 'default'], 'Default');
 
 function switch_case_0_6(__anchor, kind) {
 	_$_.try(
@@ -597,9 +649,9 @@ function SwitchTry_render(__anchor, __block) {
 
 SwitchTry[_$_.$r] = SwitchTry_render;
 
-var root_25 = _$_.template(`<li>`);
+var root_25 = _$_.template_el('li');
 
-function render_9(__prev) {
+function render_13(__prev) {
 	var __pattern_5 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_5.id}`;
 
@@ -615,9 +667,9 @@ function render_9(__prev) {
 	}
 }
 
-var root_26 = _$_.template(`<li>`);
+var root_26 = _$_.template_el('li');
 
-function render_10(__prev) {
+function render_14(__prev) {
 	var __pattern_5_1 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_5_1.id}`;
 
@@ -633,9 +685,9 @@ function render_10(__prev) {
 	}
 }
 
-var root_27 = _$_.template(`<li>`);
+var root_27 = _$_.template_el('li');
 
-function render_11(__prev) {
+function render_15(__prev) {
 	var __pattern_5_2 = _$_.get(__prev._a);
 	var __a = `B-${__pattern_5_2.id}`;
 
@@ -651,9 +703,9 @@ function render_11(__prev) {
 	}
 }
 
-var root_28 = _$_.template(`<li>`);
+var root_28 = _$_.template_el('li');
 
-function render_12(__prev) {
+function render_16(__prev) {
 	var __pattern_5_3 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_5_3.id}`;
 
@@ -675,14 +727,14 @@ function switch_case_0_7(__anchor, pattern_5) {
 		(__anchor) => {
 			var li_9 = root_25();
 
-			_$_.render(render_9, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_9 });
+			_$_.render(render_13, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_9 });
 			_$_.append(__anchor, li_9);
 		},
 		null,
 		(__anchor) => {
 			var li_10 = root_26();
 
-			_$_.render(render_10, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_10 });
+			_$_.render(render_14, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_10 });
 			_$_.append(__anchor, li_10);
 		},
 		true
@@ -695,14 +747,14 @@ function switch_case_default_7(__anchor, pattern_5) {
 		(__anchor) => {
 			var li_11 = root_27();
 
-			_$_.render(render_11, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_11 });
+			_$_.render(render_15, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_11 });
 			_$_.append(__anchor, li_11);
 		},
 		null,
 		(__anchor) => {
 			var li_12 = root_28();
 
-			_$_.render(render_12, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_12 });
+			_$_.render(render_16, { a: '', b: _$_.UNINITIALIZED, _a: pattern_5, _b: li_12 });
 			_$_.append(__anchor, li_12);
 		},
 		true
@@ -719,7 +771,7 @@ function switch_8(pattern_5) {
 	}
 }
 
-var root_24 = _$_.template(`<ul class=for-switch-try>`);
+var root_24 = _$_.template_el('ul', ['class', 'for-switch-try']);
 
 function ForSwitchTry_render(__anchor, __block) {
 	const items = [{ id: 1, kind: 'a' }, { id: 2, kind: 'b' }];
@@ -744,9 +796,9 @@ function ForSwitchTry_render(__anchor, __block) {
 
 ForSwitchTry[_$_.$r] = ForSwitchTry_render;
 
-var root_30 = _$_.template(`<li>`);
+var root_30 = _$_.template_el('li');
 
-function render_13(__prev) {
+function render_17(__prev) {
 	var __pattern_6 = _$_.get(__prev._a);
 	var __a = `item-${__pattern_6.id}`;
 
@@ -762,9 +814,9 @@ function render_13(__prev) {
 	}
 }
 
-var root_31 = _$_.template(`<li>`);
+var root_31 = _$_.template_el('li');
 
-function render_14(__prev) {
+function render_18(__prev) {
 	var __pattern_6_1 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_6_1.id}`;
 
@@ -786,14 +838,14 @@ function consequent_6(__anchor, pattern_6) {
 		(__anchor) => {
 			var li_13 = root_30();
 
-			_$_.render(render_13, { a: '', b: _$_.UNINITIALIZED, _a: pattern_6, _b: li_13 });
+			_$_.render(render_17, { a: '', b: _$_.UNINITIALIZED, _a: pattern_6, _b: li_13 });
 			_$_.append(__anchor, li_13);
 		},
 		null,
 		(__anchor) => {
 			var li_14 = root_31();
 
-			_$_.render(render_14, { a: '', b: _$_.UNINITIALIZED, _a: pattern_6, _b: li_14 });
+			_$_.render(render_18, { a: '', b: _$_.UNINITIALIZED, _a: pattern_6, _b: li_14 });
 			_$_.append(__anchor, li_14);
 		},
 		true
@@ -804,7 +856,15 @@ function if_7(pattern_6) {
 	if (_$_.get(pattern_6).show) return consequent_6;
 }
 
-var root_29 = _$_.template(`<ul class=for-if-try>`);
+function render_19(__prev) {
+	var __a = if_7(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root_29 = _$_.template_el('ul', ['class', 'for-if-try']);
 
 function ForIfTry_render(__anchor, __block) {
 	const items = [{ id: 1, show: true }, { id: 2, show: true }];
@@ -815,10 +875,15 @@ function ForIfTry_render(__anchor, __block) {
 			ul_6,
 			() => items,
 			(__anchor, pattern_6) => {
-				_$_.if(__anchor, if_7, true, pattern_6);
+				var ifs_4 = _$_.if_static(__anchor, if_7, 3, pattern_6);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern_6, _b: ifs_4 });
 			},
 			4,
-			(pattern_6) => pattern_6.id
+			(pattern_6) => pattern_6.id,
+			void 0,
+			void 0,
+			render_19
 		);
 
 		_$_.hydrating && _$_.pop(ul_6);
@@ -829,9 +894,9 @@ function ForIfTry_render(__anchor, __block) {
 
 ForIfTry[_$_.$r] = ForIfTry_render;
 
-var root_33 = _$_.template(`<li>`);
+var root_33 = _$_.template_el('li');
 
-function render_15(__prev) {
+function render_20(__prev) {
 	var __pattern_7 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_7.id}`;
 
@@ -847,9 +912,9 @@ function render_15(__prev) {
 	}
 }
 
-var root_34 = _$_.template(`<li>`);
+var root_34 = _$_.template_el('li');
 
-function render_16(__prev) {
+function render_21(__prev) {
 	var __pattern_7_1 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_7_1.id}`;
 
@@ -865,9 +930,9 @@ function render_16(__prev) {
 	}
 }
 
-var root_35 = _$_.template(`<li>`);
+var root_35 = _$_.template_el('li');
 
-function render_17(__prev) {
+function render_22(__prev) {
 	var __pattern_7_2 = _$_.get(__prev._a);
 	var __a = `D-${__pattern_7_2.id}`;
 
@@ -883,9 +948,9 @@ function render_17(__prev) {
 	}
 }
 
-var root_36 = _$_.template(`<li>`);
+var root_36 = _$_.template_el('li');
 
-function render_18(__prev) {
+function render_23(__prev) {
 	var __pattern_7_3 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_7_3.id}`;
 
@@ -907,14 +972,14 @@ function switch_case_0_8(__anchor, pattern_7) {
 		(__anchor) => {
 			var li_15 = root_33();
 
-			_$_.render(render_15, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_15 });
+			_$_.render(render_20, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_15 });
 			_$_.append(__anchor, li_15);
 		},
 		null,
 		(__anchor) => {
 			var li_16 = root_34();
 
-			_$_.render(render_16, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_16 });
+			_$_.render(render_21, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_16 });
 			_$_.append(__anchor, li_16);
 		},
 		true
@@ -927,14 +992,14 @@ function switch_case_default_8(__anchor, pattern_7) {
 		(__anchor) => {
 			var li_17 = root_35();
 
-			_$_.render(render_17, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_17 });
+			_$_.render(render_22, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_17 });
 			_$_.append(__anchor, li_17);
 		},
 		null,
 		(__anchor) => {
 			var li_18 = root_36();
 
-			_$_.render(render_18, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_18 });
+			_$_.render(render_23, { a: '', b: _$_.UNINITIALIZED, _a: pattern_7, _b: li_18 });
 			_$_.append(__anchor, li_18);
 		},
 		true
@@ -959,7 +1024,15 @@ function if_8(pattern_7) {
 	if (_$_.get(pattern_7).show) return consequent_7;
 }
 
-var root_32 = _$_.template(`<ul class=for-if-switch-try-single>`);
+function render_24(__prev) {
+	var __a = if_8(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root_32 = _$_.template_el('ul', ['class', 'for-if-switch-try-single']);
 
 function ForIfSwitchTrySingle_render(__anchor, __block) {
 	const items = [{ id: 1, kind: 'a', show: true }];
@@ -970,10 +1043,15 @@ function ForIfSwitchTrySingle_render(__anchor, __block) {
 			ul_7,
 			() => items,
 			(__anchor, pattern_7) => {
-				_$_.if(__anchor, if_8, true, pattern_7);
+				var ifs_5 = _$_.if_static(__anchor, if_8, 3, pattern_7);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern_7, _b: ifs_5 });
 			},
 			4,
-			(pattern_7) => pattern_7.id
+			(pattern_7) => pattern_7.id,
+			void 0,
+			void 0,
+			render_24
 		);
 
 		_$_.hydrating && _$_.pop(ul_7);
@@ -984,9 +1062,9 @@ function ForIfSwitchTrySingle_render(__anchor, __block) {
 
 ForIfSwitchTrySingle[_$_.$r] = ForIfSwitchTrySingle_render;
 
-var root_38 = _$_.template(`<li>`);
+var root_38 = _$_.template_el('li');
 
-function render_19(__prev) {
+function render_25(__prev) {
 	var __pattern_8 = _$_.get(__prev._a);
 	var __a = `A-${__pattern_8.id}`;
 
@@ -1002,9 +1080,9 @@ function render_19(__prev) {
 	}
 }
 
-var root_39 = _$_.template(`<li>`);
+var root_39 = _$_.template_el('li');
 
-function render_20(__prev) {
+function render_26(__prev) {
 	var __pattern_8_1 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_8_1.id}`;
 
@@ -1020,9 +1098,9 @@ function render_20(__prev) {
 	}
 }
 
-var root_40 = _$_.template(`<li>`);
+var root_40 = _$_.template_el('li');
 
-function render_21(__prev) {
+function render_27(__prev) {
 	var __pattern_8_2 = _$_.get(__prev._a);
 	var __a = `B-${__pattern_8_2.id}`;
 
@@ -1038,9 +1116,9 @@ function render_21(__prev) {
 	}
 }
 
-var root_41 = _$_.template(`<li>`);
+var root_41 = _$_.template_el('li');
 
-function render_22(__prev) {
+function render_28(__prev) {
 	var __pattern_8_3 = _$_.get(__prev._a);
 	var __a = `pending ${__pattern_8_3.id}`;
 
@@ -1062,14 +1140,14 @@ function switch_case_0_9(__anchor, pattern_8) {
 		(__anchor) => {
 			var li_19 = root_38();
 
-			_$_.render(render_19, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_19 });
+			_$_.render(render_25, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_19 });
 			_$_.append(__anchor, li_19);
 		},
 		null,
 		(__anchor) => {
 			var li_20 = root_39();
 
-			_$_.render(render_20, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_20 });
+			_$_.render(render_26, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_20 });
 			_$_.append(__anchor, li_20);
 		},
 		true
@@ -1082,14 +1160,14 @@ function switch_case_default_9(__anchor, pattern_8) {
 		(__anchor) => {
 			var li_21 = root_40();
 
-			_$_.render(render_21, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_21 });
+			_$_.render(render_27, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_21 });
 			_$_.append(__anchor, li_21);
 		},
 		null,
 		(__anchor) => {
 			var li_22 = root_41();
 
-			_$_.render(render_22, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_22 });
+			_$_.render(render_28, { a: '', b: _$_.UNINITIALIZED, _a: pattern_8, _b: li_22 });
 			_$_.append(__anchor, li_22);
 		},
 		true
@@ -1114,7 +1192,15 @@ function if_9(pattern_8) {
 	if (_$_.get(pattern_8).show) return consequent_8;
 }
 
-var root_37 = _$_.template(`<ul class=for-if-switch-try-multi>`);
+function render_29(__prev) {
+	var __a = if_9(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
+var root_37 = _$_.template_el('ul', ['class', 'for-if-switch-try-multi']);
 
 function ForIfSwitchTryMulti_render(__anchor, __block) {
 	const items = [
@@ -1129,10 +1215,15 @@ function ForIfSwitchTryMulti_render(__anchor, __block) {
 			ul_8,
 			() => items,
 			(__anchor, pattern_8) => {
-				_$_.if(__anchor, if_9, true, pattern_8);
+				var ifs_6 = _$_.if_static(__anchor, if_9, 3, pattern_8);
+
+				_$_.item({ a: _$_.UNINITIALIZED, _a: pattern_8, _b: ifs_6 });
 			},
 			4,
-			(pattern_8) => pattern_8.id
+			(pattern_8) => pattern_8.id,
+			void 0,
+			void 0,
+			render_29
 		);
 
 		_$_.hydrating && _$_.pop(ul_8);