ripple 0.4.3 → 0.4.5

package/tests/hydration/compiled/client/fragment-cursor.js

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root = _$_.template(`<i class=leaf>leaf`);
+var root = _$_.template_el('i', ['class', 'leaf'], 'leaf');
 
 function Leaf_render(__anchor, __block) {
 	var i = root();
@@ -340,7 +340,7 @@ function DynamicChildThenStatic_render(__anchor, __block) {
 
 DynamicChildThenStatic[_$_.$r] = DynamicChildThenStatic_render;
 
-var root_27 = _$_.template(`<b class=if>x`);
+var root_27 = _$_.template_el('b', ['class', 'if'], 'x');
 
 function consequent(__anchor, n) {
 	var b = root_27();
@@ -353,6 +353,15 @@ function if_1(n) {
 }
 
 var root_26 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
+
+function render_5(__prev) {
+	var __a = if_1(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
 var root_25 = _$_.template(`<!>`, 1, 1);
 
 function IfThenStatic_render(__anchor, __block) {
@@ -363,9 +372,10 @@ function IfThenStatic_render(__anchor, __block) {
 	_$_.expression(node_13, () => _$_.tsrx_element((__anchor, __block) => {
 		var fragment_25 = root_26();
 		var node_12 = _$_.first_child_frag(fragment_25);
+		var ifs = _$_.if_static(node_12, if_1, 0, n);
 
-		_$_.if(node_12, if_1, false, n);
 		_$_.next(2);
+		_$_.render(render_5, { a: _$_.UNINITIALIZED, _a: n, _b: ifs });
 		_$_.append(__anchor, fragment_25);
 	}));
 
@@ -374,7 +384,7 @@ function IfThenStatic_render(__anchor, __block) {
 
 IfThenStatic[_$_.$r] = IfThenStatic_render;
 
-var root_30 = _$_.template(`<b class=if>x`);
+var root_30 = _$_.template_el('b', ['class', 'if'], 'x');
 
 function consequent_1(__anchor, n) {
 	var b_1 = root_30();
@@ -387,6 +397,15 @@ function if_2(n) {
 }
 
 var root_29 = _$_.template(`<div class=a>a</div><div class=b>b</div><!>`, 1, 3);
+
+function render_6(__prev) {
+	var __a = if_2(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
 var root_28 = _$_.template(`<!>`, 1, 1);
 
 function StaticThenIf_render(__anchor, __block) {
@@ -399,8 +418,9 @@ function StaticThenIf_render(__anchor, __block) {
 		var div_12 = _$_.first_child_frag(fragment_27);
 		var div_11 = _$_.hydrating ? _$_.hydrate_sibling() : div_12.nextSibling;
 		var node_14 = _$_.hydrating ? _$_.hydrate_sibling() : div_11.nextSibling;
+		var ifs_1 = _$_.if_static(node_14, if_2, 0, n);
 
-		_$_.if(node_14, if_2, false, n);
+		_$_.render(render_6, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_1 });
 		_$_.append(__anchor, fragment_27);
 	}));
 
@@ -476,9 +496,12 @@ function SiblingComps_render(__anchor, __block) {
 
 SiblingComps[_$_.$r] = SiblingComps_render;
 
-var root_37 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_37 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_5(__prev) {
+function render_7(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -503,15 +526,18 @@ function WrapTrailingNavigatedElements_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_15);
 	}
 
-	_$_.render(render_5, { a: '', _a: n, _b: span });
+	_$_.render(render_7, { a: '', _a: n, _b: span });
 	_$_.append(__anchor, div_15);
 }
 
 WrapTrailingNavigatedElements[_$_.$r] = WrapTrailingNavigatedElements_render;
 
-var root_38 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_38 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_6(__prev) {
+function render_8(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -536,15 +562,18 @@ function WrapTrailingStaticNavigatedElements_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_16);
 	}
 
-	_$_.render(render_6, { a: '', _a: n, _b: span_1 });
+	_$_.render(render_8, { a: '', _a: n, _b: span_1 });
 	_$_.append(__anchor, div_16);
 }
 
 WrapTrailingStaticNavigatedElements[_$_.$r] = WrapTrailingStaticNavigatedElements_render;
 
-var root_39 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_39 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_7(__prev) {
+function render_9(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -569,15 +598,18 @@ function WrapNavigatedThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_17);
 	}
 
-	_$_.render(render_7, { a: '', _a: n, _b: span_2 });
+	_$_.render(render_9, { a: '', _a: n, _b: span_2 });
 	_$_.append(__anchor, div_17);
 }
 
 WrapNavigatedThenStatic[_$_.$r] = WrapNavigatedThenStatic_render;
 
-var root_40 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_40 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_8(__prev) {
+function render_10(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -602,15 +634,18 @@ function WrapLeadingNavigatedThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_18);
 	}
 
-	_$_.render(render_8, { a: '', _a: n, _b: span_3 });
+	_$_.render(render_10, { a: '', _a: n, _b: span_3 });
 	_$_.append(__anchor, div_18);
 }
 
 WrapLeadingNavigatedThenStatic[_$_.$r] = WrapLeadingNavigatedThenStatic_render;
 
-var root_41 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_41 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_9(__prev) {
+function render_11(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -635,15 +670,18 @@ function WrapTrailingNestedNavigated_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_19);
 	}
 
-	_$_.render(render_9, { a: '', _a: n, _b: span_4 });
+	_$_.render(render_11, { a: '', _a: n, _b: span_4 });
 	_$_.append(__anchor, div_19);
 }
 
 WrapTrailingNestedNavigated[_$_.$r] = WrapTrailingNestedNavigated_render;
 
-var root_42 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_42 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_10(__prev) {
+function render_12(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -668,15 +706,18 @@ function WrapNestedNavigatedThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_20);
 	}
 
-	_$_.render(render_10, { a: '', _a: n, _b: span_5 });
+	_$_.render(render_12, { a: '', _a: n, _b: span_5 });
 	_$_.append(__anchor, div_20);
 }
 
 WrapNestedNavigatedThenStatic[_$_.$r] = WrapNestedNavigatedThenStatic_render;
 
-var root_43 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_43 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_11(__prev) {
+function render_13(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -701,15 +742,18 @@ function WrapTrackedTextThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_21);
 	}
 
-	_$_.render(render_11, { a: '', _a: n, _b: span_6 });
+	_$_.render(render_13, { a: '', _a: n, _b: span_6 });
 	_$_.append(__anchor, div_21);
 }
 
 WrapTrackedTextThenStatic[_$_.$r] = WrapTrackedTextThenStatic_render;
 
-var root_44 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_44 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_12(__prev) {
+function render_14(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -734,15 +778,18 @@ function WrapStaticThenTrackedText_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_22);
 	}
 
-	_$_.render(render_12, { a: '', _a: n, _b: span_7 });
+	_$_.render(render_14, { a: '', _a: n, _b: span_7 });
 	_$_.append(__anchor, div_22);
 }
 
 WrapStaticThenTrackedText[_$_.$r] = WrapStaticThenTrackedText_render;
 
-var root_45 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_45 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_13(__prev) {
+function render_15(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -767,15 +814,18 @@ function WrapStaticNestedThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_23);
 	}
 
-	_$_.render(render_13, { a: '', _a: n, _b: span_8 });
+	_$_.render(render_15, { a: '', _a: n, _b: span_8 });
 	_$_.append(__anchor, div_23);
 }
 
 WrapStaticNestedThenStatic[_$_.$r] = WrapStaticNestedThenStatic_render;
 
-var root_46 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_46 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_14(__prev) {
+function render_16(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -800,15 +850,18 @@ function WrapAllStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_24);
 	}
 
-	_$_.render(render_14, { a: '', _a: n, _b: span_9 });
+	_$_.render(render_16, { a: '', _a: n, _b: span_9 });
 	_$_.append(__anchor, div_24);
 }
 
 WrapAllStatic[_$_.$r] = WrapAllStatic_render;
 
-var root_47 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_47 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_15(__prev) {
+function render_17(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -833,15 +886,18 @@ function WrapTrailingDynamicChild_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_25);
 	}
 
-	_$_.render(render_15, { a: '', _a: n, _b: span_10 });
+	_$_.render(render_17, { a: '', _a: n, _b: span_10 });
 	_$_.append(__anchor, div_25);
 }
 
 WrapTrailingDynamicChild[_$_.$r] = WrapTrailingDynamicChild_render;
 
-var root_48 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_48 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_16(__prev) {
+function render_18(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -866,15 +922,18 @@ function WrapDynamicChildThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_26);
 	}
 
-	_$_.render(render_16, { a: '', _a: n, _b: span_11 });
+	_$_.render(render_18, { a: '', _a: n, _b: span_11 });
 	_$_.append(__anchor, div_26);
 }
 
 WrapDynamicChildThenStatic[_$_.$r] = WrapDynamicChildThenStatic_render;
 
-var root_49 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_49 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_17(__prev) {
+function render_19(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -899,15 +958,18 @@ function WrapIfThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_27);
 	}
 
-	_$_.render(render_17, { a: '', _a: n, _b: span_12 });
+	_$_.render(render_19, { a: '', _a: n, _b: span_12 });
 	_$_.append(__anchor, div_27);
 }
 
 WrapIfThenStatic[_$_.$r] = WrapIfThenStatic_render;
 
-var root_50 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_50 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_18(__prev) {
+function render_20(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -932,15 +994,18 @@ function WrapStaticThenIf_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_28);
 	}
 
-	_$_.render(render_18, { a: '', _a: n, _b: span_13 });
+	_$_.render(render_20, { a: '', _a: n, _b: span_13 });
 	_$_.append(__anchor, div_28);
 }
 
 WrapStaticThenIf[_$_.$r] = WrapStaticThenIf_render;
 
-var root_51 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_51 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_19(__prev) {
+function render_21(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -965,15 +1030,18 @@ function WrapCompThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_29);
 	}
 
-	_$_.render(render_19, { a: '', _a: n, _b: span_14 });
+	_$_.render(render_21, { a: '', _a: n, _b: span_14 });
 	_$_.append(__anchor, div_29);
 }
 
 WrapCompThenStatic[_$_.$r] = WrapCompThenStatic_render;
 
-var root_52 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_52 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_20(__prev) {
+function render_22(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -998,15 +1066,18 @@ function WrapStaticThenComp_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_30);
 	}
 
-	_$_.render(render_20, { a: '', _a: n, _b: span_15 });
+	_$_.render(render_22, { a: '', _a: n, _b: span_15 });
 	_$_.append(__anchor, div_30);
 }
 
 WrapStaticThenComp[_$_.$r] = WrapStaticThenComp_render;
 
-var root_53 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_53 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_21(__prev) {
+function render_23(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1031,7 +1102,7 @@ function WrapSiblingComps_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_31);
 	}
 
-	_$_.render(render_21, { a: '', _a: n, _b: span_16 });
+	_$_.render(render_23, { a: '', _a: n, _b: span_16 });
 	_$_.append(__anchor, div_31);
 }
 
@@ -1091,7 +1162,7 @@ NestedFragmentThenStatic[_$_.$r] = NestedFragmentThenStatic_render;
 var root_61 = _$_.template(`<span class=x>x</span><button class=inc>inc`, 1, 2);
 var root_60 = _$_.template(`<div class=count></div><!>`, 1, 2);
 
-function render_22(__prev) {
+function render_24(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1121,7 +1192,7 @@ function TrailingNestedFragment_render(__anchor, __block) {
 			_$_.append(__anchor, fragment_41);
 		}));
 
-		_$_.render(render_22, { a: '', _a: n, _b: div_33 });
+		_$_.render(render_24, { a: '', _a: n, _b: div_33 });
 		_$_.append(__anchor, fragment_40);
 	}));
 
@@ -1130,7 +1201,7 @@ function TrailingNestedFragment_render(__anchor, __block) {
 
 TrailingNestedFragment[_$_.$r] = TrailingNestedFragment_render;
 
-var root_64 = _$_.template(`<b class=item> `);
+var root_64 = _$_.template_el('b', ['class', 'item'], ' ');
 var root_63 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
 var root_62 = _$_.template(`<!>`, 1, 1);
 
@@ -1170,8 +1241,8 @@ function ForThenStatic_render(__anchor, __block) {
 
 ForThenStatic[_$_.$r] = ForThenStatic_render;
 
-var root_67 = _$_.template(`<b class=zero>zero`);
-var root_68 = _$_.template(`<b class=other>other`);
+var root_67 = _$_.template_el('b', ['class', 'zero'], 'zero');
+var root_68 = _$_.template_el('b', ['class', 'other'], 'other');
 
 function switch_case_0(__anchor, n) {
 	var b_3 = root_67();
@@ -1217,8 +1288,8 @@ function SwitchThenStatic_render(__anchor, __block) {
 
 SwitchThenStatic[_$_.$r] = SwitchThenStatic_render;
 
-var root_71 = _$_.template(`<b class=try>try`);
-var root_72 = _$_.template(`<b class=catch>catch`);
+var root_71 = _$_.template_el('b', ['class', 'try'], 'try');
+var root_72 = _$_.template_el('b', ['class', 'catch'], 'catch');
 var root_70 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
 var root_69 = _$_.template(`<!>`, 1, 1);
 
@@ -1277,7 +1348,7 @@ function StyleThenStatic_render(__anchor, __block) {
 
 StyleThenStatic[_$_.$r] = StyleThenStatic_render;
 
-var root_76 = _$_.template(`<b class=item> `);
+var root_76 = _$_.template_el('b', ['class', 'item'], ' ');
 var root_77 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
 var root_75 = _$_.template(`<!>`, 1, 1);
 
@@ -1312,7 +1383,7 @@ function CollectionThenStatic_render(__anchor, __block) {
 
 CollectionThenStatic[_$_.$r] = CollectionThenStatic_render;
 
-var root_79 = _$_.template(`<b class=inline>inline`);
+var root_79 = _$_.template_el('b', ['class', 'inline'], 'inline');
 var root_80 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
 var root_78 = _$_.template(`<!>`, 1, 1);
 
@@ -1339,9 +1410,12 @@ function InlineElementThenStatic_render(__anchor, __block) {
 
 InlineElementThenStatic[_$_.$r] = InlineElementThenStatic_render;
 
-var root_81 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_81 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_23(__prev) {
+function render_25(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1366,15 +1440,18 @@ function WrapUntrackedTextThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_34);
 	}
 
-	_$_.render(render_23, { a: '', _a: n, _b: span_18 });
+	_$_.render(render_25, { a: '', _a: n, _b: span_18 });
 	_$_.append(__anchor, div_34);
 }
 
 WrapUntrackedTextThenStatic[_$_.$r] = WrapUntrackedTextThenStatic_render;
 
-var root_82 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_82 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_24(__prev) {
+function render_26(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1399,15 +1476,18 @@ function WrapNestedFragmentThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_35);
 	}
 
-	_$_.render(render_24, { a: '', _a: n, _b: span_19 });
+	_$_.render(render_26, { a: '', _a: n, _b: span_19 });
 	_$_.append(__anchor, div_35);
 }
 
 WrapNestedFragmentThenStatic[_$_.$r] = WrapNestedFragmentThenStatic_render;
 
-var root_83 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_83 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_25(__prev) {
+function render_27(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1432,15 +1512,18 @@ function WrapTrailingNestedFragment_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_36);
 	}
 
-	_$_.render(render_25, { a: '', _a: n, _b: span_20 });
+	_$_.render(render_27, { a: '', _a: n, _b: span_20 });
 	_$_.append(__anchor, div_36);
 }
 
 WrapTrailingNestedFragment[_$_.$r] = WrapTrailingNestedFragment_render;
 
-var root_84 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_84 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_26(__prev) {
+function render_28(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1465,15 +1548,18 @@ function WrapForThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_37);
 	}
 
-	_$_.render(render_26, { a: '', _a: n, _b: span_21 });
+	_$_.render(render_28, { a: '', _a: n, _b: span_21 });
 	_$_.append(__anchor, div_37);
 }
 
 WrapForThenStatic[_$_.$r] = WrapForThenStatic_render;
 
-var root_85 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_85 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_27(__prev) {
+function render_29(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1498,15 +1584,18 @@ function WrapSwitchThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_38);
 	}
 
-	_$_.render(render_27, { a: '', _a: n, _b: span_22 });
+	_$_.render(render_29, { a: '', _a: n, _b: span_22 });
 	_$_.append(__anchor, div_38);
 }
 
 WrapSwitchThenStatic[_$_.$r] = WrapSwitchThenStatic_render;
 
-var root_86 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_86 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_28(__prev) {
+function render_30(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1531,15 +1620,18 @@ function WrapTryThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_39);
 	}
 
-	_$_.render(render_28, { a: '', _a: n, _b: span_23 });
+	_$_.render(render_30, { a: '', _a: n, _b: span_23 });
 	_$_.append(__anchor, div_39);
 }
 
 WrapTryThenStatic[_$_.$r] = WrapTryThenStatic_render;
 
-var root_87 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_87 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_29(__prev) {
+function render_31(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1564,15 +1656,18 @@ function WrapStyleThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_40);
 	}
 
-	_$_.render(render_29, { a: '', _a: n, _b: span_24 });
+	_$_.render(render_31, { a: '', _a: n, _b: span_24 });
 	_$_.append(__anchor, div_40);
 }
 
 WrapStyleThenStatic[_$_.$r] = WrapStyleThenStatic_render;
 
-var root_88 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_88 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_30(__prev) {
+function render_32(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1597,15 +1692,18 @@ function WrapCollectionThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_41);
 	}
 
-	_$_.render(render_30, { a: '', _a: n, _b: span_25 });
+	_$_.render(render_32, { a: '', _a: n, _b: span_25 });
 	_$_.append(__anchor, div_41);
 }
 
 WrapCollectionThenStatic[_$_.$r] = WrapCollectionThenStatic_render;
 
-var root_89 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_89 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_31(__prev) {
+function render_33(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1630,13 +1728,13 @@ function WrapInlineElementThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_42);
 	}
 
-	_$_.render(render_31, { a: '', _a: n, _b: span_26 });
+	_$_.render(render_33, { a: '', _a: n, _b: span_26 });
 	_$_.append(__anchor, div_42);
 }
 
 WrapInlineElementThenStatic[_$_.$r] = WrapInlineElementThenStatic_render;
 
-var root_91 = _$_.template(`<b class=if>x`);
+var root_91 = _$_.template_el('b', ['class', 'if'], 'x');
 
 function consequent_2(__anchor, n) {
 	var b_9 = root_91();
@@ -1648,6 +1746,14 @@ function if_3(n) {
 	if (n.value >= 0) return consequent_2;
 }
 
+function render_34(__prev) {
+	var __a = if_3(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
 var root_90 = _$_.template(`<!>`, 1, 1);
 
 function IfOnly_render(__anchor, __block) {
@@ -1656,7 +1762,9 @@ function IfOnly_render(__anchor, __block) {
 	var node_63 = _$_.first_child_frag(fragment_54);
 
 	_$_.expression(node_63, () => _$_.tsrx_element((__anchor, __block) => {
-		_$_.if(__anchor, if_3, true, n);
+		var ifs_2 = _$_.if_static(__anchor, if_3, 1, n);
+
+		_$_.render(render_34, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_2 });
 	}));
 
 	_$_.append(__anchor, fragment_54);
@@ -1664,7 +1772,7 @@ function IfOnly_render(__anchor, __block) {
 
 IfOnly[_$_.$r] = IfOnly_render;
 
-var root_94 = _$_.template(`<b class=if>x`);
+var root_94 = _$_.template_el('b', ['class', 'if'], 'x');
 
 function consequent_3(__anchor, n) {
 	var b_10 = root_94();
@@ -1677,6 +1785,15 @@ function if_4(n) {
 }
 
 var root_93 = _$_.template(`<!><div class=a>a`, 1, 2);
+
+function render_35(__prev) {
+	var __a = if_4(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
 var root_92 = _$_.template(`<!>`, 1, 1);
 
 function IfThenOne_render(__anchor, __block) {
@@ -1687,9 +1804,10 @@ function IfThenOne_render(__anchor, __block) {
 	_$_.expression(node_65, () => _$_.tsrx_element((__anchor, __block) => {
 		var fragment_56 = root_93();
 		var node_64 = _$_.first_child_frag(fragment_56);
+		var ifs_3 = _$_.if_static(node_64, if_4, 0, n);
 
-		_$_.if(node_64, if_4, false, n);
 		_$_.next();
+		_$_.render(render_35, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_3 });
 		_$_.append(__anchor, fragment_56);
 	}));
 
@@ -1698,7 +1816,7 @@ function IfThenOne_render(__anchor, __block) {
 
 IfThenOne[_$_.$r] = IfThenOne_render;
 
-var root_96 = _$_.template(`<b class=if>x`);
+var root_96 = _$_.template_el('b', ['class', 'if'], 'x');
 
 function consequent_4(__anchor, n) {
 	var b_11 = root_96();
@@ -1710,7 +1828,15 @@ function if_5(n) {
 	if (n.value >= 0) return consequent_4;
 }
 
-var root_95 = _$_.template(`<div class=root><!>`);
+var root_95 = _$_.template_el('div', ['class', 'root'], [null]);
+
+function render_36(__prev) {
+	var __a = if_5(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
 
 function SingleRootWithIf_render(__anchor, __block) {
 	const n = _$_.track(0, __block, 'rpd5nn');
@@ -1718,19 +1844,23 @@ function SingleRootWithIf_render(__anchor, __block) {
 
 	{
 		var node_66 = _$_.hydrating ? _$_.hydrate_child() : div_43.firstChild;
+		var ifs_4 = _$_.if_static(node_66, if_5, 0, n);
 
-		_$_.if(node_66, if_5, false, n);
 		_$_.hydrating && _$_.pop(div_43);
 	}
 
+	_$_.render(render_36, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_4 });
 	_$_.append(__anchor, div_43);
 }
 
 SingleRootWithIf[_$_.$r] = SingleRootWithIf_render;
 
-var root_97 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_97 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_32(__prev) {
+function render_37(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1755,15 +1885,18 @@ function WrapIfOnly_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_44);
 	}
 
-	_$_.render(render_32, { a: '', _a: n, _b: span_27 });
+	_$_.render(render_37, { a: '', _a: n, _b: span_27 });
 	_$_.append(__anchor, div_44);
 }
 
 WrapIfOnly[_$_.$r] = WrapIfOnly_render;
 
-var root_98 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_98 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_33(__prev) {
+function render_38(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1788,15 +1921,18 @@ function WrapIfThenOne_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_45);
 	}
 
-	_$_.render(render_33, { a: '', _a: n, _b: span_28 });
+	_$_.render(render_38, { a: '', _a: n, _b: span_28 });
 	_$_.append(__anchor, div_45);
 }
 
 WrapIfThenOne[_$_.$r] = WrapIfThenOne_render;
 
-var root_99 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_99 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_34(__prev) {
+function render_39(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1821,15 +1957,19 @@ function WrapSingleRootWithIf_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_46);
 	}
 
-	_$_.render(render_34, { a: '', _a: n, _b: span_29 });
+	_$_.render(render_39, { a: '', _a: n, _b: span_29 });
 	_$_.append(__anchor, div_46);
 }
 
 WrapSingleRootWithIf[_$_.$r] = WrapSingleRootWithIf_render;
 
-var root_100 = _$_.template(`<div class=outer><!><span class=after></span><button class=outer-inc>outer`);
+var root_100 = _$_.template_el('div', ['class', 'outer'], [
+	null,
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_35(__prev) {
+function render_40(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1855,7 +1995,7 @@ function ExprThenSiblingInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_47);
 	}
 
-	_$_.render(render_35, { a: '', _a: n, _b: span_30 });
+	_$_.render(render_40, { a: '', _a: n, _b: span_30 });
 	_$_.append(__anchor, div_47);
 }
 
@@ -1875,6 +2015,15 @@ function if_6(n) {
 }
 
 var root_102 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
+
+function render_41(__prev) {
+	var __a = if_6(__prev._a);
+
+	if (__prev.a !== __a) {
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+}
+
 var root_101 = _$_.template(`<!>`, 1, 1);
 
 function IfTwoThenStatic_render(__anchor, __block) {
@@ -1885,9 +2034,10 @@ function IfTwoThenStatic_render(__anchor, __block) {
 	_$_.expression(node_71, () => _$_.tsrx_element((__anchor, __block) => {
 		var fragment_58 = root_102();
 		var node_70 = _$_.first_child_frag(fragment_58);
+		var ifs_5 = _$_.if_static(node_70, if_6, 0, n);
 
-		_$_.if(node_70, if_6, false, n);
 		_$_.next(2);
+		_$_.render(render_41, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_5 });
 		_$_.append(__anchor, fragment_58);
 	}));
 
@@ -1909,14 +2059,23 @@ function if_7(n) {
 	if (n.value >= 0) return consequent_6;
 }
 
-var root_104 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_104 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_36(__prev) {
-	var __a = __prev._a.value;
+function render_42(__prev) {
+	var __a = if_7(__prev._a);
 
 	if (__prev.a !== __a) {
-		_$_.set_text_content(__prev._b, __a, __prev.a);
-		__prev.a = __a;
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+
+	var __b = __prev._a.value;
+
+	if (__prev.b !== __b) {
+		_$_.set_text_content(__prev._c, __b, __prev.b);
+		__prev.b = __b;
 	}
 }
 
@@ -1926,9 +2085,7 @@ function IfTwoInDiv_render(__anchor, __block) {
 
 	{
 		var node_72 = _$_.hydrating ? _$_.hydrate_child() : div_48.firstChild;
-
-		_$_.if(node_72, if_7, false, n);
-
+		var ifs_6 = _$_.if_static(node_72, if_7, 0, n);
 		var span_31 = _$_.hydrating ? _$_.hydrate_sibling() : node_72;
 		var button_39 = _$_.hydrating ? _$_.hydrate_sibling() : span_31.nextSibling;
 
@@ -1936,15 +2093,18 @@ function IfTwoInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_48);
 	}
 
-	_$_.render(render_36, { a: '', _a: n, _b: span_31 });
+	_$_.render(render_42, { a: _$_.UNINITIALIZED, b: '', _a: n, _b: ifs_6, _c: span_31 });
 	_$_.append(__anchor, div_48);
 }
 
 IfTwoInDiv[_$_.$r] = IfTwoInDiv_render;
 
-var root_106 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_106 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_37(__prev) {
+function render_43(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -1969,14 +2129,14 @@ function WrapIfTwoThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_49);
 	}
 
-	_$_.render(render_37, { a: '', _a: n, _b: span_32 });
+	_$_.render(render_43, { a: '', _a: n, _b: span_32 });
 	_$_.append(__anchor, div_49);
 }
 
 WrapIfTwoThenStatic[_$_.$r] = WrapIfTwoThenStatic_render;
 
 var root_108 = _$_.template(`<b class=item> </b><i class=sep>|`, 1, 2);
-var root_107 = _$_.template(`<div class=outer><span class=after>after`);
+var root_107 = _$_.template_el('div', ['class', 'outer'], [['span', ['class', 'after'], 'after']]);
 
 function ForTwoNodeItems_render(__anchor, __block) {
 	const items = [1, 2];
@@ -2013,7 +2173,7 @@ function ForTwoNodeItems_render(__anchor, __block) {
 
 ForTwoNodeItems[_$_.$r] = ForTwoNodeItems_render;
 
-var root_109 = _$_.template(`<b class=made>made`);
+var root_109 = _$_.template_el('b', ['class', 'made'], 'made');
 var root_111 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
 var root_110 = _$_.template(`<!>`, 1, 1);
 
@@ -2066,9 +2226,12 @@ function StaticThenStyleThenStatic_render(__anchor, __block) {
 
 StaticThenStyleThenStatic[_$_.$r] = StaticThenStyleThenStatic_render;
 
-var root_114 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_114 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_38(__prev) {
+function render_44(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -2093,15 +2256,18 @@ function WrapStaticCallThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_52);
 	}
 
-	_$_.render(render_38, { a: '', _a: n, _b: span_33 });
+	_$_.render(render_44, { a: '', _a: n, _b: span_33 });
 	_$_.append(__anchor, div_52);
 }
 
 WrapStaticCallThenStatic[_$_.$r] = WrapStaticCallThenStatic_render;
 
-var root_115 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_115 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_39(__prev) {
+function render_45(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -2126,15 +2292,18 @@ function WrapStaticThenStyleThenStatic_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_53);
 	}
 
-	_$_.render(render_39, { a: '', _a: n, _b: span_34 });
+	_$_.render(render_45, { a: '', _a: n, _b: span_34 });
 	_$_.append(__anchor, div_53);
 }
 
 WrapStaticThenStyleThenStatic[_$_.$r] = WrapStaticThenStyleThenStatic_render;
 
-var root_116 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_116 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_40(__prev) {
+function render_46(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -2159,15 +2328,18 @@ function CompThenStaticInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_54);
 	}
 
-	_$_.render(render_40, { a: '', _a: n, _b: span_35 });
+	_$_.render(render_46, { a: '', _a: n, _b: span_35 });
 	_$_.append(__anchor, div_54);
 }
 
 CompThenStaticInDiv[_$_.$r] = CompThenStaticInDiv_render;
 
-var root_117 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_117 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_41(__prev) {
+function render_47(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -2196,14 +2368,14 @@ function SiblingCompsInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_55);
 	}
 
-	_$_.render(render_41, { a: '', _a: n, _b: span_36 });
+	_$_.render(render_47, { a: '', _a: n, _b: span_36 });
 	_$_.append(__anchor, div_55);
 }
 
 SiblingCompsInDiv[_$_.$r] = SiblingCompsInDiv_render;
 
-var root_119 = _$_.template(`<b class=even>even`);
-var root_120 = _$_.template(`<i class=odd>odd`);
+var root_119 = _$_.template_el('b', ['class', 'even'], 'even');
+var root_120 = _$_.template_el('i', ['class', 'odd'], 'odd');
 
 function consequent_7(__anchor, n) {
 	var b_14 = root_119();
@@ -2221,14 +2393,23 @@ function if_8(n) {
 	if (n.value % 2 === 0) return consequent_7; else return alternate;
 }
 
-var root_118 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_118 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_42(__prev) {
-	var __a = __prev._a.value;
+function render_48(__prev) {
+	var __a = if_8(__prev._a);
 
 	if (__prev.a !== __a) {
-		_$_.set_text_content(__prev._b, __a, __prev.a);
-		__prev.a = __a;
+		_$_.if_update(__prev._b, __prev.a = __a);
+	}
+
+	var __b = __prev._a.value;
+
+	if (__prev.b !== __b) {
+		_$_.set_text_content(__prev._c, __b, __prev.b);
+		__prev.b = __b;
 	}
 }
 
@@ -2238,9 +2419,7 @@ function IfSwapThenStaticInDiv_render(__anchor, __block) {
 
 	{
 		var node_82 = _$_.hydrating ? _$_.hydrate_child() : div_56.firstChild;
-
-		_$_.if(node_82, if_8, false, n);
-
+		var ifs_7 = _$_.if_static(node_82, if_8, 0, n);
 		var span_37 = _$_.hydrating ? _$_.hydrate_sibling() : node_82;
 		var button_45 = _$_.hydrating ? _$_.hydrate_sibling() : span_37.nextSibling;
 
@@ -2248,16 +2427,20 @@ function IfSwapThenStaticInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_56);
 	}
 
-	_$_.render(render_42, { a: '', _a: n, _b: span_37 });
+	_$_.render(render_48, { a: _$_.UNINITIALIZED, b: '', _a: n, _b: ifs_7, _c: span_37 });
 	_$_.append(__anchor, div_56);
 }
 
 IfSwapThenStaticInDiv[_$_.$r] = IfSwapThenStaticInDiv_render;
 
-var root_122 = _$_.template(`<b class=item> `);
-var root_121 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_122 = _$_.template_el('b', ['class', 'item'], ' ');
 
-function render_43(__prev) {
+var root_121 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
+
+function render_49(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -2299,15 +2482,18 @@ function ForThenStaticInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_57);
 	}
 
-	_$_.render(render_43, { a: '', _a: n, _b: span_38 });
+	_$_.render(render_49, { a: '', _a: n, _b: span_38 });
 	_$_.append(__anchor, div_57);
 }
 
 ForThenStaticInDiv[_$_.$r] = ForThenStaticInDiv_render;
 
-var root_123 = _$_.template(`<div class=outer><span class=after></span><button class=outer-inc>outer`);
+var root_123 = _$_.template_el('div', ['class', 'outer'], [
+	['span', ['class', 'after']],
+	['button', ['class', 'outer-inc'], 'outer']
+]);
 
-function render_44(__prev) {
+function render_50(__prev) {
 	var __a = __prev._a.value;
 
 	if (__prev.a !== __a) {
@@ -2338,7 +2524,7 @@ function CompThenStatementThenStaticInDiv_render(__anchor, __block) {
 		_$_.hydrating && _$_.pop(div_58);
 	}
 
-	_$_.render(render_44, { a: '', _a: n, _b: span_39 });
+	_$_.render(render_50, { a: '', _a: n, _b: span_39 });
 	_$_.append(__anchor, div_58);
 }