UNPKG

ripple

Version:

Ripple is an elegant TypeScript UI framework

2,827 lines • 74.3 kB
// @ts-nocheck
import * as _$_ from 'ripple/internal/client';

var root = _$_.template_el('i', ['class', 'leaf'], 'leaf');

function Leaf_render(__anchor, __block) {
	var i = root();

	_$_.append(__anchor, i);
}

Leaf[_$_.$r] = Leaf_render;

var root_2 = _$_.template(`<div class=count></div><button class=inc>inc</button><button class=dec>dec`, 1, 3);

function render(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

var root_1 = _$_.template(`<!>`, 1, 1);

function TrailingNavigatedElements_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1a7yy3l');
	var fragment = root_1();
	var node = _$_.first_child_frag(fragment);

	_$_.expression(node, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_1 = root_2();
		var div = _$_.first_child_frag(fragment_1);
		var button = _$_.hydrating ? _$_.hydrate_sibling() : div.nextSibling;

		button.__click = () => n.value++;

		var button_1 = _$_.hydrating ? _$_.hydrate_sibling() : button.nextSibling;

		button_1.__click = () => n.value--;
		_$_.render(render, { a: '', _a: n, _b: div });
		_$_.append(__anchor, fragment_1);
	}));

	_$_.append(__anchor, fragment);
}

TrailingNavigatedElements[_$_.$r] = TrailingNavigatedElements_render;

var root_4 = _$_.template(`<div class=host>static</div><button class=inc>inc</button><button class=dec>dec`, 1, 3);
var root_3 = _$_.template(`<!>`, 1, 1);

function TrailingStaticNavigatedElements_render(__anchor, __block) {
	const n = _$_.track(0, __block, '31s4ns');
	var fragment_2 = root_3();
	var node_1 = _$_.first_child_frag(fragment_2);

	_$_.expression(node_1, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_3 = root_4();
		var div_1 = _$_.first_child_frag(fragment_3);
		var button_2 = _$_.hydrating ? _$_.hydrate_sibling() : div_1.nextSibling;

		button_2.__click = () => n.value++;

		var button_3 = _$_.hydrating ? _$_.hydrate_sibling() : button_2.nextSibling;

		button_3.__click = () => n.value--;
		_$_.append(__anchor, fragment_3);
	}));

	_$_.append(__anchor, fragment_2);
}

TrailingStaticNavigatedElements[_$_.$r] = TrailingStaticNavigatedElements_render;

var root_6 = _$_.template(`<div class=host>static</div><button class=inc>inc</button><div class=a>a</div><div class=b>b`, 1, 4);
var root_5 = _$_.template(`<!>`, 1, 1);

function NavigatedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'gwgdej');
	var fragment_4 = root_5();
	var node_2 = _$_.first_child_frag(fragment_4);

	_$_.expression(node_2, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_5 = root_6();
		var div_2 = _$_.first_child_frag(fragment_5);
		var button_4 = _$_.hydrating ? _$_.hydrate_sibling() : div_2.nextSibling;

		button_4.__click = () => n.value++;
		_$_.next(2);
		_$_.append(__anchor, fragment_5);
	}));

	_$_.append(__anchor, fragment_4);
}

NavigatedThenStatic[_$_.$r] = NavigatedThenStatic_render;

var root_8 = _$_.template(`<button class=inc>inc</button><div class=a>a</div><div class=b>b`, 1, 3);
var root_7 = _$_.template(`<!>`, 1, 1);

function LeadingNavigatedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '130zymr');
	var fragment_6 = root_7();
	var node_3 = _$_.first_child_frag(fragment_6);

	_$_.expression(node_3, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_7 = root_8();
		var button_5 = _$_.first_child_frag(fragment_7);

		button_5.__click = () => n.value++;
		_$_.next(2);
		_$_.append(__anchor, fragment_7);
	}));

	_$_.append(__anchor, fragment_6);
}

LeadingNavigatedThenStatic[_$_.$r] = LeadingNavigatedThenStatic_render;

var root_10 = _$_.template(`<div class=host>static</div><div class=wrap><button class=inc>inc`, 1, 2);
var root_9 = _$_.template(`<!>`, 1, 1);

function TrailingNestedNavigated_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1uuvl87');
	var fragment_8 = root_9();
	var node_4 = _$_.first_child_frag(fragment_8);

	_$_.expression(node_4, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_9 = root_10();
		var div_4 = _$_.first_child_frag(fragment_9);
		var div_3 = _$_.hydrating ? _$_.hydrate_sibling() : div_4.nextSibling;

		{
			var button_6 = _$_.hydrating ? _$_.hydrate_child() : div_3.firstChild;

			button_6.__click = () => n.value++;
		}

		_$_.hydrating && _$_.pop(div_3);
		_$_.append(__anchor, fragment_9);
	}));

	_$_.append(__anchor, fragment_8);
}

TrailingNestedNavigated[_$_.$r] = TrailingNestedNavigated_render;

var root_12 = _$_.template(`<div class=wrap><button class=inc>inc</button></div><div class=a>a</div><div class=b>b`, 1, 3);
var root_11 = _$_.template(`<!>`, 1, 1);

function NestedNavigatedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'brdeyh');
	var fragment_10 = root_11();
	var node_5 = _$_.first_child_frag(fragment_10);

	_$_.expression(node_5, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_11 = root_12();
		var div_5 = _$_.first_child_frag(fragment_11);

		{
			var button_7 = _$_.hydrating ? _$_.hydrate_child() : div_5.firstChild;

			button_7.__click = () => n.value++;
		}

		_$_.hydrating && _$_.pop(div_5);
		_$_.next(2);
		_$_.append(__anchor, fragment_11);
	}));

	_$_.append(__anchor, fragment_10);
}

NestedNavigatedThenStatic[_$_.$r] = NestedNavigatedThenStatic_render;

var root_14 = _$_.template(` <div class=a>a</div><div class=b>b`, 1, 3);

function render_1(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text(__prev._b, __prev.a = __a);
	}
}

var root_13 = _$_.template(`<!>`, 1, 1);

function TrackedTextThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1oxax2o');
	var fragment_12 = root_13();
	var node_6 = _$_.first_child_frag(fragment_12);

	_$_.expression(node_6, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_13 = root_14();
		var expression_1 = _$_.first_child_frag(fragment_13, true);

		_$_.next(2);
		_$_.render(render_1, { a: ' ', _a: n, _b: expression_1 });
		_$_.append(__anchor, fragment_13);
	}));

	_$_.append(__anchor, fragment_12);
}

TrackedTextThenStatic[_$_.$r] = TrackedTextThenStatic_render;

var root_16 = _$_.template(`<div class=a>a</div><div class=b>b</div> `, 1, 3);

function render_2(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text(__prev._b, __prev.a = __a);
	}
}

var root_15 = _$_.template(`<!>`, 1, 1);

function StaticThenTrackedText_render(__anchor, __block) {
	const n = _$_.track(0, __block, '10ulddz');
	var fragment_14 = root_15();
	var node_7 = _$_.first_child_frag(fragment_14);

	_$_.expression(node_7, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_15 = root_16();
		var div_7 = _$_.first_child_frag(fragment_15);
		var div_6 = _$_.hydrating ? _$_.hydrate_sibling() : div_7.nextSibling;
		var expression_2 = _$_.hydrating ? _$_.hydrate_sibling(true) : div_6.nextSibling;

		_$_.render(render_2, { a: ' ', _a: n, _b: expression_2 });
		_$_.append(__anchor, fragment_15);
	}));

	_$_.append(__anchor, fragment_14);
}

StaticThenTrackedText[_$_.$r] = StaticThenTrackedText_render;

var root_18 = _$_.template(`<div class=a>a</div><div class=wrap><span>x</span></div><div class=b>b</div><div class=c>c`, 1, 4);
var root_17 = _$_.template(`<!>`, 1, 1);

function StaticNestedThenStatic_render(__anchor, __block) {
	var fragment_16 = root_17();
	var node_8 = _$_.first_child_frag(fragment_16);

	_$_.expression(node_8, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_17 = root_18();

		_$_.next(3);
		_$_.append(__anchor, fragment_17);
	}));

	_$_.append(__anchor, fragment_16);
}

StaticNestedThenStatic[_$_.$r] = StaticNestedThenStatic_render;

var root_20 = _$_.template(`<div class=a>a</div><div class=b>b</div><div class=c>c`, 1, 3);
var root_19 = _$_.template(`<!>`, 1, 1);

function AllStatic_render(__anchor, __block) {
	var fragment_18 = root_19();
	var node_9 = _$_.first_child_frag(fragment_18);

	_$_.expression(node_9, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_19 = root_20();

		_$_.next(2);
		_$_.append(__anchor, fragment_19);
	}));

	_$_.append(__anchor, fragment_18);
}

AllStatic[_$_.$r] = AllStatic_render;

var root_22 = _$_.template(`<div class=a>a</div><div class=count>`, 1, 2);

function render_3(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

var root_21 = _$_.template(`<!>`, 1, 1);

function TrailingDynamicChild_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1794alj');
	var fragment_20 = root_21();
	var node_10 = _$_.first_child_frag(fragment_20);

	_$_.expression(node_10, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_21 = root_22();
		var div_9 = _$_.first_child_frag(fragment_21);
		var div_8 = _$_.hydrating ? _$_.hydrate_sibling() : div_9.nextSibling;

		_$_.render(render_3, { a: '', _a: n, _b: div_8 });
		_$_.append(__anchor, fragment_21);
	}));

	_$_.append(__anchor, fragment_20);
}

TrailingDynamicChild[_$_.$r] = TrailingDynamicChild_render;

var root_24 = _$_.template(`<div class=count></div><div class=a>a</div><div class=b>b`, 1, 3);

function render_4(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

var root_23 = _$_.template(`<!>`, 1, 1);

function DynamicChildThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1jc1h9l');
	var fragment_22 = root_23();
	var node_11 = _$_.first_child_frag(fragment_22);

	_$_.expression(node_11, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_23 = root_24();
		var div_10 = _$_.first_child_frag(fragment_23);

		_$_.next(2);
		_$_.render(render_4, { a: '', _a: n, _b: div_10 });
		_$_.append(__anchor, fragment_23);
	}));

	_$_.append(__anchor, fragment_22);
}

DynamicChildThenStatic[_$_.$r] = DynamicChildThenStatic_render;

var root_27 = _$_.template_el('b', ['class', 'if'], 'x');

function consequent(__anchor, n) {
	var b = root_27();

	_$_.append(__anchor, b);
}

function if_1(n) {
	if (n.value >= 0) return consequent;
}

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) {
	const n = _$_.track(0, __block, '1xo2wul');
	var fragment_24 = root_25();
	var node_13 = _$_.first_child_frag(fragment_24);

	_$_.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);

		_$_.next(2);
		_$_.render(render_5, { a: _$_.UNINITIALIZED, _a: n, _b: ifs });
		_$_.append(__anchor, fragment_25);
	}));

	_$_.append(__anchor, fragment_24);
}

IfThenStatic[_$_.$r] = IfThenStatic_render;

var root_30 = _$_.template_el('b', ['class', 'if'], 'x');

function consequent_1(__anchor, n) {
	var b_1 = root_30();

	_$_.append(__anchor, b_1);
}

function if_2(n) {
	if (n.value >= 0) return consequent_1;
}

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) {
	const n = _$_.track(0, __block, '1jl3wwo');
	var fragment_26 = root_28();
	var node_15 = _$_.first_child_frag(fragment_26);

	_$_.expression(node_15, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_27 = root_29();
		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);

		_$_.render(render_6, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_1 });
		_$_.append(__anchor, fragment_27);
	}));

	_$_.append(__anchor, fragment_26);
}

StaticThenIf[_$_.$r] = StaticThenIf_render;

var root_32 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
var root_31 = _$_.template(`<!>`, 1, 1);

function CompThenStatic_render(__anchor, __block) {
	var fragment_28 = root_31();
	var node_17 = _$_.first_child_frag(fragment_28);

	_$_.expression(node_17, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_29 = root_32();
		var node_16 = _$_.first_child_frag(fragment_29);

		_$_.render_component(Leaf, node_16, {});
		_$_.next(2);
		_$_.append(__anchor, fragment_29);
	}));

	_$_.append(__anchor, fragment_28);
}

CompThenStatic[_$_.$r] = CompThenStatic_render;

var root_34 = _$_.template(`<div class=a>a</div><div class=b>b</div><!>`, 1, 3);
var root_33 = _$_.template(`<!>`, 1, 1);

function StaticThenComp_render(__anchor, __block) {
	var fragment_30 = root_33();
	var node_19 = _$_.first_child_frag(fragment_30);

	_$_.expression(node_19, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_31 = root_34();
		var div_14 = _$_.first_child_frag(fragment_31);
		var div_13 = _$_.hydrating ? _$_.hydrate_sibling() : div_14.nextSibling;
		var node_18 = _$_.hydrating ? _$_.hydrate_sibling() : div_13.nextSibling;

		_$_.render_component(Leaf, node_18, {});
		_$_.append(__anchor, fragment_31);
	}));

	_$_.append(__anchor, fragment_30);
}

StaticThenComp[_$_.$r] = StaticThenComp_render;

var root_36 = _$_.template(`<!><!>`, 1, 2);
var root_35 = _$_.template(`<!>`, 1, 1);

function SiblingComps_render(__anchor, __block) {
	var fragment_32 = root_35();
	var node_22 = _$_.first_child_frag(fragment_32);

	_$_.expression(node_22, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_33 = root_36();
		var node_20 = _$_.first_child_frag(fragment_33);

		_$_.render_component(Leaf, node_20, {});

		var node_21 = _$_.hydrating ? _$_.hydrate_sibling() : node_20.nextSibling;

		_$_.render_component(Leaf, node_21, {});
		_$_.append(__anchor, fragment_33);
	}));

	_$_.append(__anchor, fragment_32);
}

SiblingComps[_$_.$r] = SiblingComps_render;

var root_37 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_7(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTrailingNavigatedElements_render(__anchor, __block) {
	const n = _$_.track(0, __block, '4hsxyk');
	var div_15 = root_37();

	{
		var node_23 = _$_.hydrating ? _$_.hydrate_child() : div_15.firstChild;

		_$_.render_component(TrailingNavigatedElements, node_23, {});

		var span = _$_.hydrating ? _$_.hydrate_sibling() : node_23;
		var button_8 = _$_.hydrating ? _$_.hydrate_sibling() : span.nextSibling;

		button_8.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_15);
	}

	_$_.render(render_7, { a: '', _a: n, _b: span });
	_$_.append(__anchor, div_15);
}

WrapTrailingNavigatedElements[_$_.$r] = WrapTrailingNavigatedElements_render;

var root_38 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_8(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTrailingStaticNavigatedElements_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1i2nm0o');
	var div_16 = root_38();

	{
		var node_24 = _$_.hydrating ? _$_.hydrate_child() : div_16.firstChild;

		_$_.render_component(TrailingStaticNavigatedElements, node_24, {});

		var span_1 = _$_.hydrating ? _$_.hydrate_sibling() : node_24;
		var button_9 = _$_.hydrating ? _$_.hydrate_sibling() : span_1.nextSibling;

		button_9.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_16);
	}

	_$_.render(render_8, { a: '', _a: n, _b: span_1 });
	_$_.append(__anchor, div_16);
}

WrapTrailingStaticNavigatedElements[_$_.$r] = WrapTrailingStaticNavigatedElements_render;

var root_39 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_9(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapNavigatedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1dy54zr');
	var div_17 = root_39();

	{
		var node_25 = _$_.hydrating ? _$_.hydrate_child() : div_17.firstChild;

		_$_.render_component(NavigatedThenStatic, node_25, {});

		var span_2 = _$_.hydrating ? _$_.hydrate_sibling() : node_25;
		var button_10 = _$_.hydrating ? _$_.hydrate_sibling() : span_2.nextSibling;

		button_10.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_17);
	}

	_$_.render(render_9, { a: '', _a: n, _b: span_2 });
	_$_.append(__anchor, div_17);
}

WrapNavigatedThenStatic[_$_.$r] = WrapNavigatedThenStatic_render;

var root_40 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_10(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapLeadingNavigatedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1gya7sf');
	var div_18 = root_40();

	{
		var node_26 = _$_.hydrating ? _$_.hydrate_child() : div_18.firstChild;

		_$_.render_component(LeadingNavigatedThenStatic, node_26, {});

		var span_3 = _$_.hydrating ? _$_.hydrate_sibling() : node_26;
		var button_11 = _$_.hydrating ? _$_.hydrate_sibling() : span_3.nextSibling;

		button_11.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_18);
	}

	_$_.render(render_10, { a: '', _a: n, _b: span_3 });
	_$_.append(__anchor, div_18);
}

WrapLeadingNavigatedThenStatic[_$_.$r] = WrapLeadingNavigatedThenStatic_render;

var root_41 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_11(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTrailingNestedNavigated_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1tzwnuk');
	var div_19 = root_41();

	{
		var node_27 = _$_.hydrating ? _$_.hydrate_child() : div_19.firstChild;

		_$_.render_component(TrailingNestedNavigated, node_27, {});

		var span_4 = _$_.hydrating ? _$_.hydrate_sibling() : node_27;
		var button_12 = _$_.hydrating ? _$_.hydrate_sibling() : span_4.nextSibling;

		button_12.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_19);
	}

	_$_.render(render_11, { a: '', _a: n, _b: span_4 });
	_$_.append(__anchor, div_19);
}

WrapTrailingNestedNavigated[_$_.$r] = WrapTrailingNestedNavigated_render;

var root_42 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_12(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapNestedNavigatedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '7qafxf');
	var div_20 = root_42();

	{
		var node_28 = _$_.hydrating ? _$_.hydrate_child() : div_20.firstChild;

		_$_.render_component(NestedNavigatedThenStatic, node_28, {});

		var span_5 = _$_.hydrating ? _$_.hydrate_sibling() : node_28;
		var button_13 = _$_.hydrating ? _$_.hydrate_sibling() : span_5.nextSibling;

		button_13.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_20);
	}

	_$_.render(render_12, { a: '', _a: n, _b: span_5 });
	_$_.append(__anchor, div_20);
}

WrapNestedNavigatedThenStatic[_$_.$r] = WrapNestedNavigatedThenStatic_render;

var root_43 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_13(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTrackedTextThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1651kpw');
	var div_21 = root_43();

	{
		var node_29 = _$_.hydrating ? _$_.hydrate_child() : div_21.firstChild;

		_$_.render_component(TrackedTextThenStatic, node_29, {});

		var span_6 = _$_.hydrating ? _$_.hydrate_sibling() : node_29;
		var button_14 = _$_.hydrating ? _$_.hydrate_sibling() : span_6.nextSibling;

		button_14.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_21);
	}

	_$_.render(render_13, { a: '', _a: n, _b: span_6 });
	_$_.append(__anchor, div_21);
}

WrapTrackedTextThenStatic[_$_.$r] = WrapTrackedTextThenStatic_render;

var root_44 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_14(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStaticThenTrackedText_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1n6t9pd');
	var div_22 = root_44();

	{
		var node_30 = _$_.hydrating ? _$_.hydrate_child() : div_22.firstChild;

		_$_.render_component(StaticThenTrackedText, node_30, {});

		var span_7 = _$_.hydrating ? _$_.hydrate_sibling() : node_30;
		var button_15 = _$_.hydrating ? _$_.hydrate_sibling() : span_7.nextSibling;

		button_15.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_22);
	}

	_$_.render(render_14, { a: '', _a: n, _b: span_7 });
	_$_.append(__anchor, div_22);
}

WrapStaticThenTrackedText[_$_.$r] = WrapStaticThenTrackedText_render;

var root_45 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_15(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStaticNestedThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'z0cect');
	var div_23 = root_45();

	{
		var node_31 = _$_.hydrating ? _$_.hydrate_child() : div_23.firstChild;

		_$_.render_component(StaticNestedThenStatic, node_31, {});

		var span_8 = _$_.hydrating ? _$_.hydrate_sibling() : node_31;
		var button_16 = _$_.hydrating ? _$_.hydrate_sibling() : span_8.nextSibling;

		button_16.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_23);
	}

	_$_.render(render_15, { a: '', _a: n, _b: span_8 });
	_$_.append(__anchor, div_23);
}

WrapStaticNestedThenStatic[_$_.$r] = WrapStaticNestedThenStatic_render;

var root_46 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_16(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapAllStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1f7qiqi');
	var div_24 = root_46();

	{
		var node_32 = _$_.hydrating ? _$_.hydrate_child() : div_24.firstChild;

		_$_.render_component(AllStatic, node_32, {});

		var span_9 = _$_.hydrating ? _$_.hydrate_sibling() : node_32;
		var button_17 = _$_.hydrating ? _$_.hydrate_sibling() : span_9.nextSibling;

		button_17.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_24);
	}

	_$_.render(render_16, { a: '', _a: n, _b: span_9 });
	_$_.append(__anchor, div_24);
}

WrapAllStatic[_$_.$r] = WrapAllStatic_render;

var root_47 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_17(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTrailingDynamicChild_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'z4l3e');
	var div_25 = root_47();

	{
		var node_33 = _$_.hydrating ? _$_.hydrate_child() : div_25.firstChild;

		_$_.render_component(TrailingDynamicChild, node_33, {});

		var span_10 = _$_.hydrating ? _$_.hydrate_sibling() : node_33;
		var button_18 = _$_.hydrating ? _$_.hydrate_sibling() : span_10.nextSibling;

		button_18.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_25);
	}

	_$_.render(render_17, { a: '', _a: n, _b: span_10 });
	_$_.append(__anchor, div_25);
}

WrapTrailingDynamicChild[_$_.$r] = WrapTrailingDynamicChild_render;

var root_48 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_18(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapDynamicChildThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'heyo5f');
	var div_26 = root_48();

	{
		var node_34 = _$_.hydrating ? _$_.hydrate_child() : div_26.firstChild;

		_$_.render_component(DynamicChildThenStatic, node_34, {});

		var span_11 = _$_.hydrating ? _$_.hydrate_sibling() : node_34;
		var button_19 = _$_.hydrating ? _$_.hydrate_sibling() : span_11.nextSibling;

		button_19.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_26);
	}

	_$_.render(render_18, { a: '', _a: n, _b: span_11 });
	_$_.append(__anchor, div_26);
}

WrapDynamicChildThenStatic[_$_.$r] = WrapDynamicChildThenStatic_render;

var root_49 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_19(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapIfThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '15jcgyl');
	var div_27 = root_49();

	{
		var node_35 = _$_.hydrating ? _$_.hydrate_child() : div_27.firstChild;

		_$_.render_component(IfThenStatic, node_35, {});

		var span_12 = _$_.hydrating ? _$_.hydrate_sibling() : node_35;
		var button_20 = _$_.hydrating ? _$_.hydrate_sibling() : span_12.nextSibling;

		button_20.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_27);
	}

	_$_.render(render_19, { a: '', _a: n, _b: span_12 });
	_$_.append(__anchor, div_27);
}

WrapIfThenStatic[_$_.$r] = WrapIfThenStatic_render;

var root_50 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_20(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStaticThenIf_render(__anchor, __block) {
	const n = _$_.track(0, __block, '8lq6wf');
	var div_28 = root_50();

	{
		var node_36 = _$_.hydrating ? _$_.hydrate_child() : div_28.firstChild;

		_$_.render_component(StaticThenIf, node_36, {});

		var span_13 = _$_.hydrating ? _$_.hydrate_sibling() : node_36;
		var button_21 = _$_.hydrating ? _$_.hydrate_sibling() : span_13.nextSibling;

		button_21.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_28);
	}

	_$_.render(render_20, { a: '', _a: n, _b: span_13 });
	_$_.append(__anchor, div_28);
}

WrapStaticThenIf[_$_.$r] = WrapStaticThenIf_render;

var root_51 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_21(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapCompThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1s0t3x9');
	var div_29 = root_51();

	{
		var node_37 = _$_.hydrating ? _$_.hydrate_child() : div_29.firstChild;

		_$_.render_component(CompThenStatic, node_37, {});

		var span_14 = _$_.hydrating ? _$_.hydrate_sibling() : node_37;
		var button_22 = _$_.hydrating ? _$_.hydrate_sibling() : span_14.nextSibling;

		button_22.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_29);
	}

	_$_.render(render_21, { a: '', _a: n, _b: span_14 });
	_$_.append(__anchor, div_29);
}

WrapCompThenStatic[_$_.$r] = WrapCompThenStatic_render;

var root_52 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_22(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStaticThenComp_render(__anchor, __block) {
	const n = _$_.track(0, __block, '128s6ks');
	var div_30 = root_52();

	{
		var node_38 = _$_.hydrating ? _$_.hydrate_child() : div_30.firstChild;

		_$_.render_component(StaticThenComp, node_38, {});

		var span_15 = _$_.hydrating ? _$_.hydrate_sibling() : node_38;
		var button_23 = _$_.hydrating ? _$_.hydrate_sibling() : span_15.nextSibling;

		button_23.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_30);
	}

	_$_.render(render_22, { a: '', _a: n, _b: span_15 });
	_$_.append(__anchor, div_30);
}

WrapStaticThenComp[_$_.$r] = WrapStaticThenComp_render;

var root_53 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_23(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapSiblingComps_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1ivgvli');
	var div_31 = root_53();

	{
		var node_39 = _$_.hydrating ? _$_.hydrate_child() : div_31.firstChild;

		_$_.render_component(SiblingComps, node_39, {});

		var span_16 = _$_.hydrating ? _$_.hydrate_sibling() : node_39;
		var button_24 = _$_.hydrating ? _$_.hydrate_sibling() : span_16.nextSibling;

		button_24.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_31);
	}

	_$_.render(render_23, { a: '', _a: n, _b: span_16 });
	_$_.append(__anchor, div_31);
}

WrapSiblingComps[_$_.$r] = WrapSiblingComps_render;

var root_55 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
var root_54 = _$_.template(`<!>`, 1, 1);

function UntrackedTextThenStatic_render(__anchor, __block) {
	const label = 'label';
	var fragment_34 = root_54();
	var node_40 = _$_.first_child_frag(fragment_34);

	_$_.expression(node_40, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_35 = root_55();
		var expression_22 = _$_.first_child_frag(fragment_35);

		_$_.expression(expression_22, () => _$_.with_scope(__block, () => label.toUpperCase()));
		_$_.next(2);
		_$_.append(__anchor, fragment_35);
	}));

	_$_.append(__anchor, fragment_34);
}

UntrackedTextThenStatic[_$_.$r] = UntrackedTextThenStatic_render;

var root_58 = _$_.template(`<span class=x>x</span><span class=y>y`, 1, 2);
var root_57 = _$_.template(`<div class=a>a</div><!><div class=b>b</div><div class=c>c`, 1, 4);
var root_56 = _$_.template(`<!>`, 1, 1);

function NestedFragmentThenStatic_render(__anchor, __block) {
	var fragment_36 = root_56();
	var node_42 = _$_.first_child_frag(fragment_36);

	_$_.expression(node_42, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_37 = root_57();
		var div_32 = _$_.first_child_frag(fragment_37);
		var node_41 = _$_.hydrating ? _$_.hydrate_sibling() : div_32.nextSibling;

		_$_.expression(node_41, () => _$_.tsrx_element((__anchor, __block) => {
			var fragment_38 = root_58();

			_$_.next();
			_$_.append(__anchor, fragment_38);
		}));

		_$_.next(2);
		_$_.append(__anchor, fragment_37);
	}));

	_$_.append(__anchor, fragment_36);
}

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_24(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

var root_59 = _$_.template(`<!>`, 1, 1);

function TrailingNestedFragment_render(__anchor, __block) {
	const n = _$_.track(0, __block, '10ahg7z');
	var fragment_39 = root_59();
	var node_44 = _$_.first_child_frag(fragment_39);

	_$_.expression(node_44, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_40 = root_60();
		var div_33 = _$_.first_child_frag(fragment_40);
		var node_43 = _$_.hydrating ? _$_.hydrate_sibling() : div_33.nextSibling;

		_$_.expression(node_43, () => _$_.tsrx_element((__anchor, __block) => {
			var fragment_41 = root_61();
			var span_17 = _$_.first_child_frag(fragment_41);
			var button_25 = _$_.hydrating ? _$_.hydrate_sibling() : span_17.nextSibling;

			button_25.__click = () => n.value++;
			_$_.append(__anchor, fragment_41);
		}));

		_$_.render(render_24, { a: '', _a: n, _b: div_33 });
		_$_.append(__anchor, fragment_40);
	}));

	_$_.append(__anchor, fragment_39);
}

TrailingNestedFragment[_$_.$r] = TrailingNestedFragment_render;

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);

function ForThenStatic_render(__anchor, __block) {
	const items = [1, 2];
	var fragment_42 = root_62();
	var node_46 = _$_.first_child_frag(fragment_42);

	_$_.expression(node_46, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_43 = root_63();
		var node_45 = _$_.first_child_frag(fragment_43);

		_$_.for(
			node_45,
			() => items,
			(__anchor, item) => {
				var b_2 = root_64();

				{
					var expression_24 = _$_.hydrating ? _$_.hydrate_child() : b_2.firstChild;

					_$_.expression(expression_24, () => item);
					_$_.hydrating && _$_.pop(b_2);
				}

				_$_.append(__anchor, b_2);
			},
			0
		);

		_$_.next(2);
		_$_.append(__anchor, fragment_43);
	}));

	_$_.append(__anchor, fragment_42);
}

ForThenStatic[_$_.$r] = ForThenStatic_render;

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();

	_$_.append(__anchor, b_3);
}

function switch_case_default(__anchor, n) {
	var b_4 = root_68();

	_$_.append(__anchor, b_4);
}

function switch_1(n) {
	switch (n.value) {
		case 0:
			return switch_case_0;

		default:
			return switch_case_default;
	}
}

var root_66 = _$_.template(`<!><div class=a>a</div><div class=b>b`, 1, 3);
var root_65 = _$_.template(`<!>`, 1, 1);

function SwitchThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'zj5z3n');
	var fragment_44 = root_65();
	var node_48 = _$_.first_child_frag(fragment_44);

	_$_.expression(node_48, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_45 = root_66();
		var node_47 = _$_.first_child_frag(fragment_45);

		_$_.switch(node_47, switch_1, false, n);
		_$_.next(2);
		_$_.append(__anchor, fragment_45);
	}));

	_$_.append(__anchor, fragment_44);
}

SwitchThenStatic[_$_.$r] = SwitchThenStatic_render;

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);

function TryThenStatic_render(__anchor, __block) {
	var fragment_46 = root_69();
	var node_50 = _$_.first_child_frag(fragment_46);

	_$_.expression(node_50, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_47 = root_70();
		var node_49 = _$_.first_child_frag(fragment_47);

		_$_.try(
			node_49,
			(__anchor) => {
				var b_5 = root_71();

				_$_.append(__anchor, b_5);
			},
			(__anchor, e) => {
				var b_6 = root_72();

				_$_.append(__anchor, b_6);
			}
		);

		_$_.next(2);
		_$_.append(__anchor, fragment_47);
	}));

	_$_.append(__anchor, fragment_46);
}

TryThenStatic[_$_.$r] = TryThenStatic_render;

var root_74 = _$_.template(`<style>.styled { color: red; }</style><div class="styled a">a</div><div class="styled b">b`, 1, 3);
var root_73 = _$_.template(`<!>`, 1, 1);

function StyleThenStatic_render(__anchor, __block) {
	var fragment_48 = root_73();
	var node_51 = _$_.first_child_frag(fragment_48);

	_$_.expression(node_51, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_49 = root_74();
		var style = _$_.first_child_frag(fragment_49);

		{
			_$_.hydrating && _$_.pop(style);
		}

		_$_.next(2);
		_$_.append(__anchor, fragment_49);
	}));

	_$_.append(__anchor, fragment_48);
}

StyleThenStatic[_$_.$r] = StyleThenStatic_render;

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);

function CollectionThenStatic_render(__anchor, __block) {
	const items = [1, 2];
	var fragment_50 = root_75();
	var node_52 = _$_.first_child_frag(fragment_50);

	_$_.expression(node_52, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_51 = root_77();
		var expression_26 = _$_.first_child_frag(fragment_51);

		_$_.expression(expression_26, () => _$_.with_scope(__block, () => items.map((item) => _$_.tsrx_element((__anchor, __block) => {
			var b_7 = root_76();

			{
				var expression_25 = _$_.hydrating ? _$_.hydrate_child() : b_7.firstChild;

				_$_.expression(expression_25, () => item);
				_$_.hydrating && _$_.pop(b_7);
			}

			_$_.append(__anchor, b_7);
		}))));

		_$_.next(2);
		_$_.append(__anchor, fragment_51);
	}));

	_$_.append(__anchor, fragment_50);
}

CollectionThenStatic[_$_.$r] = CollectionThenStatic_render;

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);

function InlineElementThenStatic_render(__anchor, __block) {
	var fragment_52 = root_78();
	var node_53 = _$_.first_child_frag(fragment_52);

	_$_.expression(node_53, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_53 = root_80();
		var expression_27 = _$_.first_child_frag(fragment_53);

		_$_.expression(expression_27, () => _$_.tsrx_element((__anchor, __block) => {
			var b_8 = root_79();

			_$_.append(__anchor, b_8);
		}));

		_$_.next(2);
		_$_.append(__anchor, fragment_53);
	}));

	_$_.append(__anchor, fragment_52);
}

InlineElementThenStatic[_$_.$r] = InlineElementThenStatic_render;

var root_81 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_25(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapUntrackedTextThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'g81yay');
	var div_34 = root_81();

	{
		var node_54 = _$_.hydrating ? _$_.hydrate_child() : div_34.firstChild;

		_$_.render_component(UntrackedTextThenStatic, node_54, {});

		var span_18 = _$_.hydrating ? _$_.hydrate_sibling() : node_54;
		var button_26 = _$_.hydrating ? _$_.hydrate_sibling() : span_18.nextSibling;

		button_26.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_34);
	}

	_$_.render(render_25, { a: '', _a: n, _b: span_18 });
	_$_.append(__anchor, div_34);
}

WrapUntrackedTextThenStatic[_$_.$r] = WrapUntrackedTextThenStatic_render;

var root_82 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_26(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapNestedFragmentThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1ot44jk');
	var div_35 = root_82();

	{
		var node_55 = _$_.hydrating ? _$_.hydrate_child() : div_35.firstChild;

		_$_.render_component(NestedFragmentThenStatic, node_55, {});

		var span_19 = _$_.hydrating ? _$_.hydrate_sibling() : node_55;
		var button_27 = _$_.hydrating ? _$_.hydrate_sibling() : span_19.nextSibling;

		button_27.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_35);
	}

	_$_.render(render_26, { a: '', _a: n, _b: span_19 });
	_$_.append(__anchor, div_35);
}

WrapNestedFragmentThenStatic[_$_.$r] = WrapNestedFragmentThenStatic_render;

var root_83 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_27(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTrailingNestedFragment_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1fz18vp');
	var div_36 = root_83();

	{
		var node_56 = _$_.hydrating ? _$_.hydrate_child() : div_36.firstChild;

		_$_.render_component(TrailingNestedFragment, node_56, {});

		var span_20 = _$_.hydrating ? _$_.hydrate_sibling() : node_56;
		var button_28 = _$_.hydrating ? _$_.hydrate_sibling() : span_20.nextSibling;

		button_28.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_36);
	}

	_$_.render(render_27, { a: '', _a: n, _b: span_20 });
	_$_.append(__anchor, div_36);
}

WrapTrailingNestedFragment[_$_.$r] = WrapTrailingNestedFragment_render;

var root_84 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_28(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapForThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1acyxvu');
	var div_37 = root_84();

	{
		var node_57 = _$_.hydrating ? _$_.hydrate_child() : div_37.firstChild;

		_$_.render_component(ForThenStatic, node_57, {});

		var span_21 = _$_.hydrating ? _$_.hydrate_sibling() : node_57;
		var button_29 = _$_.hydrating ? _$_.hydrate_sibling() : span_21.nextSibling;

		button_29.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_37);
	}

	_$_.render(render_28, { a: '', _a: n, _b: span_21 });
	_$_.append(__anchor, div_37);
}

WrapForThenStatic[_$_.$r] = WrapForThenStatic_render;

var root_85 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_29(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapSwitchThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '19y3grj');
	var div_38 = root_85();

	{
		var node_58 = _$_.hydrating ? _$_.hydrate_child() : div_38.firstChild;

		_$_.render_component(SwitchThenStatic, node_58, {});

		var span_22 = _$_.hydrating ? _$_.hydrate_sibling() : node_58;
		var button_30 = _$_.hydrating ? _$_.hydrate_sibling() : span_22.nextSibling;

		button_30.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_38);
	}

	_$_.render(render_29, { a: '', _a: n, _b: span_22 });
	_$_.append(__anchor, div_38);
}

WrapSwitchThenStatic[_$_.$r] = WrapSwitchThenStatic_render;

var root_86 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_30(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapTryThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '4hpwd2');
	var div_39 = root_86();

	{
		var node_59 = _$_.hydrating ? _$_.hydrate_child() : div_39.firstChild;

		_$_.render_component(TryThenStatic, node_59, {});

		var span_23 = _$_.hydrating ? _$_.hydrate_sibling() : node_59;
		var button_31 = _$_.hydrating ? _$_.hydrate_sibling() : span_23.nextSibling;

		button_31.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_39);
	}

	_$_.render(render_30, { a: '', _a: n, _b: span_23 });
	_$_.append(__anchor, div_39);
}

WrapTryThenStatic[_$_.$r] = WrapTryThenStatic_render;

var root_87 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_31(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStyleThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1viwphy');
	var div_40 = root_87();

	{
		var node_60 = _$_.hydrating ? _$_.hydrate_child() : div_40.firstChild;

		_$_.render_component(StyleThenStatic, node_60, {});

		var span_24 = _$_.hydrating ? _$_.hydrate_sibling() : node_60;
		var button_32 = _$_.hydrating ? _$_.hydrate_sibling() : span_24.nextSibling;

		button_32.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_40);
	}

	_$_.render(render_31, { a: '', _a: n, _b: span_24 });
	_$_.append(__anchor, div_40);
}

WrapStyleThenStatic[_$_.$r] = WrapStyleThenStatic_render;

var root_88 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_32(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapCollectionThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1dd1i1k');
	var div_41 = root_88();

	{
		var node_61 = _$_.hydrating ? _$_.hydrate_child() : div_41.firstChild;

		_$_.render_component(CollectionThenStatic, node_61, {});

		var span_25 = _$_.hydrating ? _$_.hydrate_sibling() : node_61;
		var button_33 = _$_.hydrating ? _$_.hydrate_sibling() : span_25.nextSibling;

		button_33.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_41);
	}

	_$_.render(render_32, { a: '', _a: n, _b: span_25 });
	_$_.append(__anchor, div_41);
}

WrapCollectionThenStatic[_$_.$r] = WrapCollectionThenStatic_render;

var root_89 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_33(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapInlineElementThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1pw54xk');
	var div_42 = root_89();

	{
		var node_62 = _$_.hydrating ? _$_.hydrate_child() : div_42.firstChild;

		_$_.render_component(InlineElementThenStatic, node_62, {});

		var span_26 = _$_.hydrating ? _$_.hydrate_sibling() : node_62;
		var button_34 = _$_.hydrating ? _$_.hydrate_sibling() : span_26.nextSibling;

		button_34.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_42);
	}

	_$_.render(render_33, { a: '', _a: n, _b: span_26 });
	_$_.append(__anchor, div_42);
}

WrapInlineElementThenStatic[_$_.$r] = WrapInlineElementThenStatic_render;

var root_91 = _$_.template_el('b', ['class', 'if'], 'x');

function consequent_2(__anchor, n) {
	var b_9 = root_91();

	_$_.append(__anchor, b_9);
}

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) {
	const n = _$_.track(0, __block, '1j4mp04');
	var fragment_54 = root_90();
	var node_63 = _$_.first_child_frag(fragment_54);

	_$_.expression(node_63, () => _$_.tsrx_element((__anchor, __block) => {
		var ifs_2 = _$_.if_static(__anchor, if_3, 1, n);

		_$_.render(render_34, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_2 });
	}));

	_$_.append(__anchor, fragment_54);
}

IfOnly[_$_.$r] = IfOnly_render;

var root_94 = _$_.template_el('b', ['class', 'if'], 'x');

function consequent_3(__anchor, n) {
	var b_10 = root_94();

	_$_.append(__anchor, b_10);
}

function if_4(n) {
	if (n.value >= 0) return consequent_3;
}

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) {
	const n = _$_.track(0, __block, '1iawrhh');
	var fragment_55 = root_92();
	var node_65 = _$_.first_child_frag(fragment_55);

	_$_.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);

		_$_.next();
		_$_.render(render_35, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_3 });
		_$_.append(__anchor, fragment_56);
	}));

	_$_.append(__anchor, fragment_55);
}

IfThenOne[_$_.$r] = IfThenOne_render;

var root_96 = _$_.template_el('b', ['class', 'if'], 'x');

function consequent_4(__anchor, n) {
	var b_11 = root_96();

	_$_.append(__anchor, b_11);
}

function if_5(n) {
	if (n.value >= 0) return consequent_4;
}

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');
	var div_43 = root_95();

	{
		var node_66 = _$_.hydrating ? _$_.hydrate_child() : div_43.firstChild;
		var ifs_4 = _$_.if_static(node_66, if_5, 0, 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_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_37(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapIfOnly_render(__anchor, __block) {
	const n = _$_.track(0, __block, '10kd2fx');
	var div_44 = root_97();

	{
		var node_67 = _$_.hydrating ? _$_.hydrate_child() : div_44.firstChild;

		_$_.render_component(IfOnly, node_67, {});

		var span_27 = _$_.hydrating ? _$_.hydrate_sibling() : node_67;
		var button_35 = _$_.hydrating ? _$_.hydrate_sibling() : span_27.nextSibling;

		button_35.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_44);
	}

	_$_.render(render_37, { a: '', _a: n, _b: span_27 });
	_$_.append(__anchor, div_44);
}

WrapIfOnly[_$_.$r] = WrapIfOnly_render;

var root_98 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_38(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapIfThenOne_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'cgtahj');
	var div_45 = root_98();

	{
		var node_68 = _$_.hydrating ? _$_.hydrate_child() : div_45.firstChild;

		_$_.render_component(IfThenOne, node_68, {});

		var span_28 = _$_.hydrating ? _$_.hydrate_sibling() : node_68;
		var button_36 = _$_.hydrating ? _$_.hydrate_sibling() : span_28.nextSibling;

		button_36.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_45);
	}

	_$_.render(render_38, { a: '', _a: n, _b: span_28 });
	_$_.append(__anchor, div_45);
}

WrapIfThenOne[_$_.$r] = WrapIfThenOne_render;

var root_99 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_39(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapSingleRootWithIf_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1hoki9n');
	var div_46 = root_99();

	{
		var node_69 = _$_.hydrating ? _$_.hydrate_child() : div_46.firstChild;

		_$_.render_component(SingleRootWithIf, node_69, {});

		var span_29 = _$_.hydrating ? _$_.hydrate_sibling() : node_69;
		var button_37 = _$_.hydrating ? _$_.hydrate_sibling() : span_29.nextSibling;

		button_37.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_46);
	}

	_$_.render(render_39, { a: '', _a: n, _b: span_29 });
	_$_.append(__anchor, div_46);
}

WrapSingleRootWithIf[_$_.$r] = WrapSingleRootWithIf_render;

var root_100 = _$_.template_el('div', ['class', 'outer'], [
	null,
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_40(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function ExprThenSiblingInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1osob1q');
	const label = 'label';
	var div_47 = root_100();

	{
		var expression_40 = _$_.hydrating ? _$_.hydrate_child() : div_47.firstChild;

		_$_.expression(expression_40, () => _$_.with_scope(__block, () => label.toUpperCase()));

		var span_30 = _$_.hydrating ? _$_.hydrate_sibling() : expression_40.nextSibling;
		var button_38 = _$_.hydrating ? _$_.hydrate_sibling() : span_30.nextSibling;

		button_38.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_47);
	}

	_$_.render(render_40, { a: '', _a: n, _b: span_30 });
	_$_.append(__anchor, div_47);
}

ExprThenSiblingInDiv[_$_.$r] = ExprThenSiblingInDiv_render;

var root_103 = _$_.template(`<b class=if>x</b><i class=if2>y`, 1, 2);

function consequent_5(__anchor, n) {
	var fragment_59 = root_103();

	_$_.next();
	_$_.append(__anchor, fragment_59);
}

function if_6(n) {
	if (n.value >= 0) return consequent_5;
}

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) {
	const n = _$_.track(0, __block, '1nzh6oi');
	var fragment_57 = root_101();
	var node_71 = _$_.first_child_frag(fragment_57);

	_$_.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);

		_$_.next(2);
		_$_.render(render_41, { a: _$_.UNINITIALIZED, _a: n, _b: ifs_5 });
		_$_.append(__anchor, fragment_58);
	}));

	_$_.append(__anchor, fragment_57);
}

IfTwoThenStatic[_$_.$r] = IfTwoThenStatic_render;

var root_105 = _$_.template(`<b class=if>x</b><i class=if2>y`, 1, 2);

function consequent_6(__anchor, n) {
	var fragment_60 = root_105();

	_$_.next();
	_$_.append(__anchor, fragment_60);
}

function if_7(n) {
	if (n.value >= 0) return consequent_6;
}

var root_104 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_42(__prev) {
	var __a = if_7(__prev._a);

	if (__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;
	}
}

function IfTwoInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, '3fm7u7');
	var div_48 = root_104();

	{
		var node_72 = _$_.hydrating ? _$_.hydrate_child() : div_48.firstChild;
		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;

		button_39.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_48);
	}

	_$_.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_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_43(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapIfTwoThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1l1acs8');
	var div_49 = root_106();

	{
		var node_73 = _$_.hydrating ? _$_.hydrate_child() : div_49.firstChild;

		_$_.render_component(IfTwoThenStatic, node_73, {});

		var span_32 = _$_.hydrating ? _$_.hydrate_sibling() : node_73;
		var button_40 = _$_.hydrating ? _$_.hydrate_sibling() : span_32.nextSibling;

		button_40.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_49);
	}

	_$_.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_el('div', ['class', 'outer'], [['span', ['class', 'after'], 'after']]);

function ForTwoNodeItems_render(__anchor, __block) {
	const items = [1, 2];
	var div_50 = root_107();

	{
		var node_74 = _$_.hydrating ? _$_.hydrate_child() : div_50.firstChild;

		_$_.for(
			node_74,
			() => items,
			(__anchor, item) => {
				var fragment_61 = root_108();
				var b_12 = _$_.first_child_frag(fragment_61);

				{
					var expression_44 = _$_.hydrating ? _$_.hydrate_child() : b_12.firstChild;

					_$_.expression(expression_44, () => item);
					_$_.hydrating && _$_.pop(b_12);
				}

				_$_.next();
				_$_.append(__anchor, fragment_61);
			},
			0
		);

		_$_.hydrating && _$_.pop(div_50);
	}

	_$_.append(__anchor, div_50);
}

ForTwoNodeItems[_$_.$r] = ForTwoNodeItems_render;

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);

function StaticCallThenStatic_render(__anchor, __block) {
	const makeB = () => _$_.tsrx_element((__anchor, __block) => {
		var b_13 = root_109();

		_$_.append(__anchor, b_13);
	});

	var fragment_62 = root_110();
	var node_75 = _$_.first_child_frag(fragment_62);

	_$_.expression(node_75, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_63 = root_111();
		var expression_45 = _$_.first_child_frag(fragment_63);

		_$_.render_tsrx_element(_$_.with_scope(__block, makeB), expression_45, __block);
		_$_.next(2);
		_$_.append(__anchor, fragment_63);
	}));

	_$_.append(__anchor, fragment_62);
}

StaticCallThenStatic[_$_.$r] = StaticCallThenStatic_render;

var root_113 = _$_.template(`<div class=a>a</div><style>.styled2 { color: blue; }</style><div class="styled2 b">b</div><div class="styled2 c">c`, 1, 4);
var root_112 = _$_.template(`<!>`, 1, 1);

function StaticThenStyleThenStatic_render(__anchor, __block) {
	var fragment_64 = root_112();
	var node_76 = _$_.first_child_frag(fragment_64);

	_$_.expression(node_76, () => _$_.tsrx_element((__anchor, __block) => {
		var fragment_65 = root_113();
		var div_51 = _$_.first_child_frag(fragment_65);
		var style_1 = _$_.hydrating ? _$_.hydrate_sibling() : div_51.nextSibling;

		{
			_$_.hydrating && _$_.pop(style_1);
		}

		_$_.next(2);
		_$_.append(__anchor, fragment_65);
	}));

	_$_.append(__anchor, fragment_64);
}

StaticThenStyleThenStatic[_$_.$r] = StaticThenStyleThenStatic_render;

var root_114 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_44(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStaticCallThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'j5zrlb');
	var div_52 = root_114();

	{
		var node_77 = _$_.hydrating ? _$_.hydrate_child() : div_52.firstChild;

		_$_.render_component(StaticCallThenStatic, node_77, {});

		var span_33 = _$_.hydrating ? _$_.hydrate_sibling() : node_77;
		var button_41 = _$_.hydrating ? _$_.hydrate_sibling() : span_33.nextSibling;

		button_41.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_52);
	}

	_$_.render(render_44, { a: '', _a: n, _b: span_33 });
	_$_.append(__anchor, div_52);
}

WrapStaticCallThenStatic[_$_.$r] = WrapStaticCallThenStatic_render;

var root_115 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_45(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function WrapStaticThenStyleThenStatic_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'pw4k4f');
	var div_53 = root_115();

	{
		var node_78 = _$_.hydrating ? _$_.hydrate_child() : div_53.firstChild;

		_$_.render_component(StaticThenStyleThenStatic, node_78, {});

		var span_34 = _$_.hydrating ? _$_.hydrate_sibling() : node_78;
		var button_42 = _$_.hydrating ? _$_.hydrate_sibling() : span_34.nextSibling;

		button_42.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_53);
	}

	_$_.render(render_45, { a: '', _a: n, _b: span_34 });
	_$_.append(__anchor, div_53);
}

WrapStaticThenStyleThenStatic[_$_.$r] = WrapStaticThenStyleThenStatic_render;

var root_116 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_46(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function CompThenStaticInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1r4hpd1');
	var div_54 = root_116();

	{
		var node_79 = _$_.hydrating ? _$_.hydrate_child() : div_54.firstChild;

		_$_.render_component(Leaf, node_79, {});

		var span_35 = _$_.hydrating ? _$_.hydrate_sibling() : node_79;
		var button_43 = _$_.hydrating ? _$_.hydrate_sibling() : span_35.nextSibling;

		button_43.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_54);
	}

	_$_.render(render_46, { a: '', _a: n, _b: span_35 });
	_$_.append(__anchor, div_54);
}

CompThenStaticInDiv[_$_.$r] = CompThenStaticInDiv_render;

var root_117 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_47(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function SiblingCompsInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, 'qa5dkx');
	var div_55 = root_117();

	{
		var node_80 = _$_.hydrating ? _$_.hydrate_child() : div_55.firstChild;

		_$_.render_component(Leaf, node_80, {});

		var node_81 = _$_.hydrating ? _$_.hydrate_sibling() : node_80;

		_$_.render_component(Leaf, node_81, {});

		var span_36 = _$_.hydrating ? _$_.hydrate_sibling() : node_81;
		var button_44 = _$_.hydrating ? _$_.hydrate_sibling() : span_36.nextSibling;

		button_44.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_55);
	}

	_$_.render(render_47, { a: '', _a: n, _b: span_36 });
	_$_.append(__anchor, div_55);
}

SiblingCompsInDiv[_$_.$r] = SiblingCompsInDiv_render;

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();

	_$_.append(__anchor, b_14);
}

function alternate(__anchor, n) {
	var i_1 = root_120();

	_$_.append(__anchor, i_1);
}

function if_8(n) {
	if (n.value % 2 === 0) return consequent_7; else return alternate;
}

var root_118 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_48(__prev) {
	var __a = if_8(__prev._a);

	if (__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;
	}
}

function IfSwapThenStaticInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, '155m7jb');
	var div_56 = root_118();

	{
		var node_82 = _$_.hydrating ? _$_.hydrate_child() : div_56.firstChild;
		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;

		button_45.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_56);
	}

	_$_.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_el('b', ['class', 'item'], ' ');

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) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function ForThenStaticInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, '1ve0yjw');
	const items = [1, 2];
	var div_57 = root_121();

	{
		var node_83 = _$_.hydrating ? _$_.hydrate_child() : div_57.firstChild;

		_$_.for(
			node_83,
			() => items,
			(__anchor, item) => {
				var b_15 = root_122();

				{
					var expression_51 = _$_.hydrating ? _$_.hydrate_child() : b_15.firstChild;

					_$_.expression(expression_51, () => item);
					_$_.hydrating && _$_.pop(b_15);
				}

				_$_.append(__anchor, b_15);
			},
			0
		);

		var span_38 = _$_.hydrating ? _$_.hydrate_sibling() : node_83;
		var button_46 = _$_.hydrating ? _$_.hydrate_sibling() : span_38.nextSibling;

		button_46.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_57);
	}

	_$_.render(render_49, { a: '', _a: n, _b: span_38 });
	_$_.append(__anchor, div_57);
}

ForThenStaticInDiv[_$_.$r] = ForThenStaticInDiv_render;

var root_123 = _$_.template_el('div', ['class', 'outer'], [
	['span', ['class', 'after']],
	['button', ['class', 'outer-inc'], 'outer']
]);

function render_50(__prev) {
	var __a = __prev._a.value;

	if (__prev.a !== __a) {
		_$_.set_text_content(__prev._b, __a, __prev.a);
		__prev.a = __a;
	}
}

function CompThenStatementThenStaticInDiv_render(__anchor, __block) {
	const n = _$_.track(0, __block, '178iuvb');
	var div_58 = root_123();

	{
		var node_84 = _$_.hydrating ? _$_.hydrate_child() : div_58.firstChild;

		_$_.render_component(Leaf, node_84, {});

		{
			const label = 'after';

			_$_.with_scope(__block, () => console.assert(label === 'after'));
		}

		var span_39 = _$_.hydrating ? _$_.hydrate_sibling() : node_84;
		var button_47 = _$_.hydrating ? _$_.hydrate_sibling() : span_39.nextSibling;

		button_47.__click = () => n.value++;
		_$_.hydrating && _$_.pop(div_58);
	}

	_$_.render(render_50, { a: '', _a: n, _b: span_39 });
	_$_.append(__anchor, div_58);
}

CompThenStatementThenStaticInDiv[_$_.$r] = CompThenStatementThenStaticInDiv_render;

import { track } from 'ripple';

function Leaf() {
	return _$_.tsrx_element(Leaf_render);
}

export function TrailingNavigatedElements() {
	return _$_.tsrx_element(TrailingNavigatedElements_render);
}

export function TrailingStaticNavigatedElements() {
	return _$_.tsrx_element(TrailingStaticNavigatedElements_render);
}

export function NavigatedThenStatic() {
	return _$_.tsrx_element(NavigatedThenStatic_render);
}

export function LeadingNavigatedThenStatic() {
	return _$_.tsrx_element(LeadingNavigatedThenStatic_render);
}

export function TrailingNestedNavigated() {
	return _$_.tsrx_element(TrailingNestedNavigated_render);
}

export function NestedNavigatedThenStatic() {
	return _$_.tsrx_element(NestedNavigatedThenStatic_render);
}

export function TrackedTextThenStatic() {
	return _$_.tsrx_element(TrackedTextThenStatic_render);
}

export function StaticThenTrackedText() {
	return _$_.tsrx_element(StaticThenTrackedText_render);
}

export function StaticNestedThenStatic() {
	return _$_.tsrx_element(StaticNestedThenStatic_render);
}

export function AllStatic() {
	return _$_.tsrx_element(AllStatic_render);
}

export function TrailingDynamicChild() {
	return _$_.tsrx_element(TrailingDynamicChild_render);
}

export function DynamicChildThenStatic() {
	return _$_.tsrx_element(DynamicChildThenStatic_render);
}

export function IfThenStatic() {
	return _$_.tsrx_element(IfThenStatic_render);
}

export function StaticThenIf() {
	return _$_.tsrx_element(StaticThenIf_render);
}

export function CompThenStatic() {
	return _$_.tsrx_element(CompThenStatic_render);
}

export function StaticThenComp() {
	return _$_.tsrx_element(StaticThenComp_render);
}

export function SiblingComps() {
	return _$_.tsrx_element(SiblingComps_render);
}

export function WrapTrailingNavigatedElements() {
	return _$_.tsrx_element(WrapTrailingNavigatedElements_render);
}

export function WrapTrailingStaticNavigatedElements() {
	return _$_.tsrx_element(WrapTrailingStaticNavigatedElements_render);
}

export function WrapNavigatedThenStatic() {
	return _$_.tsrx_element(WrapNavigatedThenStatic_render);
}

export function WrapLeadingNavigatedThenStatic() {
	return _$_.tsrx_element(WrapLeadingNavigatedThenStatic_render);
}

export function WrapTrailingNestedNavigated() {
	return _$_.tsrx_element(WrapTrailingNestedNavigated_render);
}

export function WrapNestedNavigatedThenStatic() {
	return _$_.tsrx_element(WrapNestedNavigatedThenStatic_render);
}

export function WrapTrackedTextThenStatic() {
	return _$_.tsrx_element(WrapTrackedTextThenStatic_render);
}

export function WrapStaticThenTrackedText() {
	return _$_.tsrx_element(WrapStaticThenTrackedText_render);
}

export function WrapStaticNestedThenStatic() {
	return _$_.tsrx_element(WrapStaticNestedThenStatic_render);
}

export function WrapAllStatic() {
	return _$_.tsrx_element(WrapAllStatic_render);
}

export function WrapTrailingDynamicChild() {
	return _$_.tsrx_element(WrapTrailingDynamicChild_render);
}

export function WrapDynamicChildThenStatic() {
	return _$_.tsrx_element(WrapDynamicChildThenStatic_render);
}

export function WrapIfThenStatic() {
	return _$_.tsrx_element(WrapIfThenStatic_render);
}

export function WrapStaticThenIf() {
	return _$_.tsrx_element(WrapStaticThenIf_render);
}

export function WrapCompThenStatic() {
	return _$_.tsrx_element(WrapCompThenStatic_render);
}

export function WrapStaticThenComp() {
	return _$_.tsrx_element(WrapStaticThenComp_render);
}

export function WrapSiblingComps() {
	return _$_.tsrx_element(WrapSiblingComps_render);
}

export function UntrackedTextThenStatic() {
	return _$_.tsrx_element(UntrackedTextThenStatic_render);
}

export function NestedFragmentThenStatic() {
	return _$_.tsrx_element(NestedFragmentThenStatic_render);
}

export function TrailingNestedFragment() {
	return _$_.tsrx_element(TrailingNestedFragment_render);
}

export function ForThenStatic() {
	return _$_.tsrx_element(ForThenStatic_render);
}

export function SwitchThenStatic() {
	return _$_.tsrx_element(SwitchThenStatic_render);
}

export function TryThenStatic() {
	return _$_.tsrx_element(TryThenStatic_render);
}

export function StyleThenStatic() {
	return _$_.tsrx_element(StyleThenStatic_render);
}

export function CollectionThenStatic() {
	return _$_.tsrx_element(CollectionThenStatic_render);
}

export function InlineElementThenStatic() {
	return _$_.tsrx_element(InlineElementThenStatic_render);
}

export function WrapUntrackedTextThenStatic() {
	return _$_.tsrx_element(WrapUntrackedTextThenStatic_render);
}

export function WrapNestedFragmentThenStatic() {
	return _$_.tsrx_element(WrapNestedFragmentThenStatic_render);
}

export function WrapTrailingNestedFragment() {
	return _$_.tsrx_element(WrapTrailingNestedFragment_render);
}

export function WrapForThenStatic() {
	return _$_.tsrx_element(WrapForThenStatic_render);
}

export function WrapSwitchThenStatic() {
	return _$_.tsrx_element(WrapSwitchThenStatic_render);
}

export function WrapTryThenStatic() {
	return _$_.tsrx_element(WrapTryThenStatic_render);
}

export function WrapStyleThenStatic() {
	return _$_.tsrx_element(WrapStyleThenStatic_render);
}

export function WrapCollectionThenStatic() {
	return _$_.tsrx_element(WrapCollectionThenStatic_render);
}

export function WrapInlineElementThenStatic() {
	return _$_.tsrx_element(WrapInlineElementThenStatic_render);
}

export function IfOnly() {
	return _$_.tsrx_element(IfOnly_render);
}

export function IfThenOne() {
	return _$_.tsrx_element(IfThenOne_render);
}

export function SingleRootWithIf() {
	return _$_.tsrx_element(SingleRootWithIf_render);
}

export function WrapIfOnly() {
	return _$_.tsrx_element(WrapIfOnly_render);
}

export function WrapIfThenOne() {
	return _$_.tsrx_element(WrapIfThenOne_render);
}

export function WrapSingleRootWithIf() {
	return _$_.tsrx_element(WrapSingleRootWithIf_render);
}

export function ExprThenSiblingInDiv() {
	return _$_.tsrx_element(ExprThenSiblingInDiv_render);
}

export function IfTwoThenStatic() {
	return _$_.tsrx_element(IfTwoThenStatic_render);
}

export function IfTwoInDiv() {
	return _$_.tsrx_element(IfTwoInDiv_render);
}

export function WrapIfTwoThenStatic() {
	return _$_.tsrx_element(WrapIfTwoThenStatic_render);
}

export function ForTwoNodeItems() {
	return _$_.tsrx_element(ForTwoNodeItems_render);
}

export function StaticCallThenStatic() {
	return _$_.tsrx_element(StaticCallThenStatic_render);
}

export function StaticThenStyleThenStatic() {
	return _$_.tsrx_element(StaticThenStyleThenStatic_render);
}

export function WrapStaticCallThenStatic() {
	return _$_.tsrx_element(WrapStaticCallThenStatic_render);
}

export function WrapStaticThenStyleThenStatic() {
	return _$_.tsrx_element(WrapStaticThenStyleThenStatic_render);
}

export function CompThenStaticInDiv() {
	return _$_.tsrx_element(CompThenStaticInDiv_render);
}

export function SiblingCompsInDiv() {
	return _$_.tsrx_element(SiblingCompsInDiv_render);
}

export function IfSwapThenStaticInDiv() {
	return _$_.tsrx_element(IfSwapThenStaticInDiv_render);
}

export function ForThenStaticInDiv() {
	return _$_.tsrx_element(ForThenStaticInDiv_render);
}

export function CompThenStatementThenStaticInDiv() {
	return _$_.tsrx_element(CompThenStatementThenStaticInDiv_render);
}

_$_.delegate(['click']);