@torpor/view 0.4.8 → 0.4.10

package/test/if/components/output/IfFalse-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 IfFalse(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,32 +30,28 @@ export default function IfFalse(
 
 	/* @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 > 7) {
-			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));
-	});
 
 	const t_text_2 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/if/components/output/IfNested-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 IfNested(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,71 +30,68 @@ export default function IfNested(
 
 	/* @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 > 5) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				let t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
+			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, ` <!> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			let t_if_anchor_2 = t_anchor(t_next(t_root_1)) 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(() => {
-					if ($props.counter > 10) {
-						t_if_creators_2[0] = (t_before) => {
-							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's both true! </p> `);
-							const t_root_2 = t_root(t_fragment_2, true);
-							const t_text_1 = t_next(t_next(t_root_2), true);
-							t_add_fragment(t_fragment_2, t_fragment_1, t_before, t_text_1);
-							t_next(t_text_1);
-						};
-						$t_if_state_2.index = 0;
-					}
-					else {
-						t_if_creators_2[1] = (t_before) => {
-							const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p> The second is not true! </p> `);
-							const t_root_3 = t_root(t_fragment_3, true);
-							const t_text_2 = t_next(t_next(t_root_3), true);
-							t_add_fragment(t_fragment_3, t_fragment_1, t_before, t_text_2);
-							t_next(t_text_2);
-						};
-						$t_if_state_2.index = 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));
-				});
+			/* @if */
+			const t_if_region_2 = t_region();
+			let t_if_index_2 = -1;
+			t_run_control(t_if_region_2, t_if_anchor_2, (t_before) => {
+				if ($props.counter > 10) {
+					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 both true! </p> `);
+					const t_root_2 = t_root(t_fragment_2, true);
+					const t_text_1 = t_next(t_next(t_root_2), true);
+					t_add_fragment(t_fragment_2, t_fragment_1, t_before, t_text_1);
+					t_next(t_text_1);
+					t_pop_region(t_old_region);
+					t_if_index_2 = 0;
+				}
+				else {
+					if (!t_run_branch(t_if_region_2, t_if_index_2, 1)) 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> The second is not true! </p> `);
+					const t_root_3 = t_root(t_fragment_3, true);
+					const t_text_2 = t_next(t_next(t_root_3), true);
+					t_add_fragment(t_fragment_3, t_fragment_1, t_before, t_text_2);
+					t_next(t_text_2);
+					t_pop_region(t_old_region);
+					t_if_index_2 = 1;
+				}
+			});
 
-				const t_text_3 = t_next(t_if_anchor_2, true);
-				t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_3);
-				t_next(t_text_3);
-			};
-			$t_if_state_1.index = 0;
+			const t_text_3 = t_next(t_if_anchor_2, true);
+			t_add_fragment(t_fragment_1, t_fragment_0, t_before, t_text_3);
+			t_next(t_text_3);
+			t_pop_region(t_old_region);
+			t_if_index_1 = 0;
 		}
 		else {
-			t_if_creators_1[1] = (t_before) => {
-				const t_fragment_4 = t_fragment($parent.ownerDocument!, t_fragments, 4, ` <p> The first is not true! </p> `);
-				const t_root_4 = t_root(t_fragment_4, true);
-				const t_text_4 = t_next(t_next(t_root_4), true);
-				t_add_fragment(t_fragment_4, t_fragment_0, t_before, t_text_4);
-				t_next(t_text_4);
-			};
-			$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_4 = t_fragment($parent.ownerDocument!, t_fragments, 4, ` <p> The first is not true! </p> `);
+			const t_root_4 = t_root(t_fragment_4, true);
+			const t_text_4 = t_next(t_next(t_root_4), true);
+			t_add_fragment(t_fragment_4, t_fragment_0, t_before, t_text_4);
+			t_next(t_text_4);
+			t_pop_region(t_old_region);
+			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_5 = t_next(t_if_anchor_1, true);
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_5);
 	t_next(t_text_5);
 
-	/**/ });
 }

package/test/if/components/temp/ElseIfTrue-client-b9fc7dd83aae7205745ae376e2081befa33e320c.ts

@@ -0,0 +1,77 @@
+import $peek from "../../../../src/watch/$peek";
+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";
+import t_run_control from "../../../../src/render/runControl";
+
+export default function IfElseIf(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	// @ts-ignore
+	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
+	$slots?: Record<string, SlotRender>
+): void {
+
+	/* User interface */
+	const t_fragments: DocumentFragment[] = [];
+
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
+	const t_root_0 = t_root(t_fragment_0, true);
+	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+
+	/* @if */
+	const t_if_region_1 = t_region();
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
+		if ($props.counter > 10) {
+			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) {
+			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 {
+			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;
+		}
+	});
+
+	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/temp/ElseTrue-client-b9fc7dd83aae7205745ae376e2081befa33e320c.ts

@@ -0,0 +1,77 @@
+import $peek from "../../../../src/watch/$peek";
+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";
+import t_run_control from "../../../../src/render/runControl";
+
+export default function IfElseIf(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	// @ts-ignore
+	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
+	$slots?: Record<string, SlotRender>
+): void {
+
+	/* User interface */
+	const t_fragments: DocumentFragment[] = [];
+
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <!> `);
+	const t_root_0 = t_root(t_fragment_0, true);
+	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
+
+	/* @if */
+	const t_if_region_1 = t_region();
+	let t_if_index_1 = -1;
+	t_run_control(t_if_region_1, t_if_anchor_1, (t_before) => {
+		if ($props.counter > 10) {
+			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) {
+			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 {
+			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;
+		}
+	});
+
+	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/temp/{IfAfterIf-client-b042b5047978b9054a6a89e45f4d157249885821.ts → IfAfterIf-client-e463e4db80127acc2ed0c4da349ecaa4c5b0ce1a.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);
 
-	/**/ });
 }

package/test/if/components/temp/{IfCache-client-3d0bc2841d050f6d86bbccddfdcaf0b0b781ab87.ts → IfCache-client-e892165cad33a1052bb248fe10e1b3aa9dffbf01.ts}

@@ -1,12 +1,12 @@
 import $mount from "../../../../src/watch/$mount";
 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";
@@ -21,7 +21,6 @@ export default function IfCache(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -32,43 +31,41 @@ export default function IfCache(
 
 	/* @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 < 5) {
-			t_if_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's small! </p> `);
-				const t_root_1 = t_root(t_fragment_1, true);
-				const t_p_1 = t_next(t_root_1) as HTMLElement;
-				const t_text_1 = t_next(t_p_1, true);
-				// @ts-ignore
-				$mount(() => {
-					return (() => $props.i++)(t_p_1);
-				});
-				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 small! </p> `);
+			const t_root_1 = t_root(t_fragment_1, true);
+			const t_p_1 = t_next(t_root_1) as HTMLElement;
+			const t_text_1 = t_next(t_p_1, true);
+			// @ts-ignore
+			$mount(() => {
+				return (() => $props.i++)(t_p_1);
+			});
+			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_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not small... </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 not small... </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;
 		}
 	});
-	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_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }