@torpor/view 0.4.8 → 0.4.10

package/test/for/components/temp/{ForContainingFor-client-d9ed22634282fabc29ed8bdd5e4cb3ee699f5f56.ts → ForContainingFor-client-d80aba5977a7cef8263f0fdaf6216e19bb8b0625.ts}

@@ -25,7 +25,6 @@ export default function ForContainingFor(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -117,5 +116,4 @@ export default function ForContainingFor(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }

package/test/for/components/temp/{ForContainingFunction-client-a1a63d73cf56ffc50e5f46cd2e2cc71bf0ebaa4c.ts → ForContainingFunction-client-bcb91a1c7ad2fd4e227fc40f28f01e7fdc495bdc.ts}

@@ -26,7 +26,6 @@ export default function ForContainingIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -87,5 +86,4 @@ export default function ForContainingIf(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/for/components/temp/{ForContainingIf-client-9fd42948e04eeb5114d22c4d986e27a101c7e73a.ts → ForContainingIf-client-8911d18357f7c81f97d64773442275c802292ae7.ts}

@@ -1,6 +1,5 @@
 import $peek from "../../../../src/watch/$peek";
 import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type ListItem from "../../../../src/types/ListItem";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
@@ -28,7 +27,6 @@ export default function ForContainingIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -68,32 +66,29 @@ export default function ForContainingIf(
 
 			/* @if */
 			const t_if_region_1 = t_region();
-			let $t_if_state_1 = $watch({ index: -1 });
-			let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-			$run(() => {
+			let t_if_index_1 = -1;
+			t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 				if (t_item_1.data.i > 2) {
-					t_if_creators_1[0] = (t_before) => {
-						const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>#</p> `);
-						const t_root_2 = t_root(t_fragment_2, true);
-						const t_text_1 = t_child(t_next(t_root_2));
-						const t_text_2 = t_next(t_next(t_root_2), true);
-						$run(() => {
-							t_text_1.textContent = ` ${t_fmt(t_item_1.data.i)} `;
-						});
-						t_add_fragment(t_fragment_2, t_fragment_1, t_before, t_text_2);
-						t_next(t_text_2);
-					};
-					$t_if_state_1.index = 0;
+					if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+					const t_new_region = t_region();
+					const t_old_region = t_push_region(t_new_region, true);
+					const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>#</p> `);
+					const t_root_2 = t_root(t_fragment_2, true);
+					const t_text_1 = t_child(t_next(t_root_2));
+					const t_text_2 = t_next(t_next(t_root_2), true);
+					$run(() => {
+						t_text_1.textContent = ` ${t_fmt(t_item_1.data.i)} `;
+					});
+					t_add_fragment(t_fragment_2, t_fragment_1, t_before, t_text_2);
+					t_next(t_text_2);
+					t_pop_region(t_old_region);
+					t_if_index_1 = 0;
 				}
 				else {
-					t_if_creators_1[1] = (_) => {};
-					$t_if_state_1.index = 1;
+					if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+					t_if_index_1 = 1;
 				}
 			});
-			t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-				const index = $t_if_state_1.index;
-				t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-			});
 
 			const t_text_3 = t_next(t_if_anchor_1, true);
 			t_add_fragment(t_fragment_1, t_for_parent_1, t_before_1, t_text_3);
@@ -109,5 +104,4 @@ export default function ForContainingIf(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }

package/test/for/components/temp/{ForEscape-client-f6ee68cf9081cecccc78d793da192df403a573d4.ts → ForEscape-client-13038740272dd6b7fa9f228ae852e3d1b2725f88.ts}

@@ -27,7 +27,6 @@ export default function ForEscape(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let things = ["a", "b", "c", "d", "e"]
 
@@ -98,5 +97,4 @@ export default function ForEscape(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/for/components/temp/{ForIn-client-f82576cc3c950432fec8c196ba25596f191177ae.ts → ForIn-client-9f244dfd10d0439f14719e724aefc908174fe4e3.ts}

@@ -24,7 +24,6 @@ export default function ForIn(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -78,5 +77,4 @@ export default function ForIn(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/for/components/temp/{ForOf-client-1a89bfa049d931c7ec848d80196cd75bc67868a6.ts → ForOf-client-b0e33a686f4183a88aa06af7f2255e7210438fce.ts}

@@ -24,7 +24,6 @@ export default function ForOf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -78,5 +77,4 @@ export default function ForOf(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/function/components/output/Function-client.ts

@@ -20,7 +20,6 @@ export default function Function(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let $state = $watch({ counter: 0 })
 
@@ -45,5 +44,4 @@ export default function Function(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/function/components/temp/{Function-client-a9072c015aa3f89966fbfc905109c2c6ecac3846.ts → Function-client-a2603b20a7f8763ba9713b04c42da56c2ee2056e.ts}

@@ -20,7 +20,6 @@ export default function Function(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let $state = $watch({ counter: 0 })
 
@@ -45,5 +44,4 @@ export default function Function(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/html/components/output/Html-client.ts

@@ -5,6 +5,8 @@ import t_anchor from "../../../../src/render/nodeAnchor";
 import t_child from "../../../../src/render/nodeChild";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -19,7 +21,6 @@ export default function Html(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -33,17 +34,18 @@ export default function Html(
 	const t_html_region_1 = t_region();
 	t_run_control(t_html_region_1, t_html_anchor_1, (t_before) => {
 		$props.html;
-		t_run_branch(t_html_region_1, () => {
-			let t_template_1 = document.createElement("template");
-			t_template_1.innerHTML = $props.html;
-			let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
-			t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
-		});
+		if (!t_run_branch(t_html_region_1, 0, -1)) return;
+		const t_new_region = t_region();
+		const t_old_region = t_push_region(t_new_region, true);
+		let t_template_1 = document.createElement("template");
+		t_template_1.innerHTML = $props.html;
+		let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
+		t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
+		t_pop_region(t_old_region);
 	});
 
 	const t_text_1 = t_next(t_html_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/html/components/temp/{Html-client-206a7cd3478abde0e6902a8cb953dc20d6a2cd3f.ts → Html-client-da930140bd62a34408887d13aafebbe856065bef.ts}

@@ -5,6 +5,8 @@ import t_anchor from "../../../../src/render/nodeAnchor";
 import t_child from "../../../../src/render/nodeChild";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -19,7 +21,6 @@ export default function Html(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -33,17 +34,18 @@ export default function Html(
 	const t_html_region_1 = t_region();
 	t_run_control(t_html_region_1, t_html_anchor_1, (t_before) => {
 		$props.html;
-		t_run_branch(t_html_region_1, () => {
-			let t_template_1 = document.createElement("template");
-			t_template_1.innerHTML = $props.html;
-			let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
-			t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
-		});
+		if (!t_run_branch(t_html_region_1, 0, -1)) return;
+		const t_new_region = t_region();
+		const t_old_region = t_push_region(t_new_region, true);
+		let t_template_1 = document.createElement("template");
+		t_template_1.innerHTML = $props.html;
+		let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
+		t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
+		t_pop_region(t_old_region);
 	});
 
 	const t_text_1 = t_next(t_html_parent_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/html/html.test.ts

@@ -53,5 +53,6 @@ function check(container: HTMLElement, $state: Props) {
 
 	$state.html = "<ul><li>A list</li></ul>";
 
+	expect(queryByText(container, "I'm strong and emphasised")).toBeNull();
 	expect(queryByText(container, "A list")).not.toBeNull();
 }

package/test/if/components/output/ElseIfTrue-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfElseIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,48 +30,48 @@ export default function IfElseIf(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 10) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's over ten! </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_text_1 = t_next(t_next(t_root_1), true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
-				t_next(t_text_1);
-			};
-			$t_if_state_1.index = 0;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's over ten! </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_text_1 = t_next(t_next(t_root_1), true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
+			t_next(t_text_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else if ($props.counter > 5) {
-			t_if_creators_1[1] = (t_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's over five! </p> `);
-				const t_root_2 = t_root(t_fragment_2, true);
-				const t_text_2 = t_next(t_next(t_root_2), true);
-				t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's over five! </p> `);
+			const t_root_2 = t_root(t_fragment_2, true);
+			const t_text_2 = t_next(t_next(t_root_2), true);
+			t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 1;
 		}
 		else {
-			t_if_creators_1[2] = (t_before) => {
-				const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> It's not there yet </p> `);
-				const t_root_3 = t_root(t_fragment_3, true);
-				const t_text_3 = t_next(t_next(t_root_3), true);
-				t_add_fragment(t_fragment_3, t_fragment_0, t_before, t_text_3);
-				t_next(t_text_3);
-			};
-			$t_if_state_1.index = 2;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 2)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> It's not there yet </p> `);
+			const t_root_3 = t_root(t_fragment_3, true);
+			const t_text_3 = t_next(t_next(t_root_3), true);
+			t_add_fragment(t_fragment_3, t_fragment_0, t_before, t_text_3);
+			t_next(t_text_3);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 2;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_4 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }

package/test/if/components/output/ElseTrue-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfElseIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,48 +30,48 @@ export default function IfElseIf(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 10) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's over ten! </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_text_1 = t_next(t_next(t_root_1), true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
-				t_next(t_text_1);
-			};
-			$t_if_state_1.index = 0;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's over ten! </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_text_1 = t_next(t_next(t_root_1), true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
+			t_next(t_text_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else if ($props.counter > 5) {
-			t_if_creators_1[1] = (t_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's over five! </p> `);
-				const t_root_2 = t_root(t_fragment_2, true);
-				const t_text_2 = t_next(t_next(t_root_2), true);
-				t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's over five! </p> `);
+			const t_root_2 = t_root(t_fragment_2, true);
+			const t_text_2 = t_next(t_next(t_root_2), true);
+			t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 1;
 		}
 		else {
-			t_if_creators_1[2] = (t_before) => {
-				const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> It's not there yet </p> `);
-				const t_root_3 = t_root(t_fragment_3, true);
-				const t_text_3 = t_next(t_next(t_root_3), true);
-				t_add_fragment(t_fragment_3, t_fragment_0, t_before, t_text_3);
-				t_next(t_text_3);
-			};
-			$t_if_state_1.index = 2;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 2)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> It's not there yet </p> `);
+			const t_root_3 = t_root(t_fragment_3, true);
+			const t_text_3 = t_next(t_next(t_root_3), true);
+			t_add_fragment(t_fragment_3, t_fragment_0, t_before, t_text_3);
+			t_next(t_text_3);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 2;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	const t_text_4 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }

package/test/if/components/output/IfAfterIf-client.ts

@@ -1,11 +1,11 @@
 import $peek from "../../../../src/watch/$peek";
-import $run from "../../../../src/watch/$run";
-import $watch from "../../../../src/watch/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
 import t_fragment from "../../../../src/render/getFragment";
 import t_next from "../../../../src/render/nodeNext";
+import t_pop_region from "../../../../src/render/popRegion";
+import t_push_region from "../../../../src/render/pushRegion";
 import t_region from "../../../../src/render/newRegion";
 import t_root from "../../../../src/render/nodeRoot";
 import t_run_branch from "../../../../src/render/runControlBranch";
@@ -20,7 +20,6 @@ export default function IfAfterIf(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,59 +30,52 @@ export default function IfAfterIf(
 
 	/* @if */
 	const t_if_region_1 = t_region();
-	let $t_if_state_1 = $watch({ index: -1 });
-	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
 		if ($props.counter > 10) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_text_1 = t_next(t_next(t_root_1), true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
-				t_next(t_text_1);
-			};
-			$t_if_state_1.index = 0;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_text_1 = t_next(t_next(t_root_1), true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_1);
+			t_next(t_text_1);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (_) => {};
-			$t_if_state_1.index = 1;
+			if (!t_run_branch(t_if_region_1, t_if_index_1, 1)) return;
+			t_if_index_1 = 1;
 		}
 	});
-	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
-		const index = $t_if_state_1.index;
-		t_run_branch(t_if_region_1, () => t_if_creators_1[index](t_before));
-	});
 
 	let t_if_anchor_2 = t_anchor(t_next(t_next(t_if_anchor_1, true))) as HTMLElement;
 
 	/* @if */
 	const t_if_region_2 = t_region();
-	let $t_if_state_2 = $watch({ index: -1 });
-	let t_if_creators_2: ((t_before: Node | null) => void)[] = [];
-	$run(() => {
+	let t_if_index_2 = -1;
+	t_run_control(t_if_region_2, t_if_anchor_2, (t_before) => {
 		if ($props.counter > 5) {
-			t_if_creators_2[0] = (t_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's also true! </p> `);
-				const t_root_2 = t_root(t_fragment_2, true);
-				const t_text_2 = t_next(t_next(t_root_2), true);
-				t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
-				t_next(t_text_2);
-			};
-			$t_if_state_2.index = 0;
+			if (!t_run_branch(t_if_region_2, t_if_index_2, 0)) return;
+			const t_new_region = t_region();
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's also true! </p> `);
+			const t_root_2 = t_root(t_fragment_2, true);
+			const t_text_2 = t_next(t_next(t_root_2), true);
+			t_add_fragment(t_fragment_2, t_fragment_0, t_before, t_text_2);
+			t_next(t_text_2);
+			t_pop_region(t_old_region);
+			t_if_index_2 = 0;
 		}
 		else {
-			t_if_creators_2[1] = (_) => {};
-			$t_if_state_2.index = 1;
+			if (!t_run_branch(t_if_region_2, t_if_index_2, 1)) return;
+			t_if_index_2 = 1;
 		}
 	});
-	t_run_control(t_if_region_2, t_if_anchor_2, (t_before) => {
-		const index = $t_if_state_2.index;
-		t_run_branch(t_if_region_2, () => t_if_creators_2[index](t_before));
-	});
 
 	const t_text_3 = t_next(t_if_anchor_2, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }