@torpor/view 0.4.9 → 0.4.11

package/test/await/components/temp/{Await-client-284921284e6ae52b607902682f7f9b69bffe1515.ts → Await-client-5ad15bc135417fa095bb5c95c7407a02a444a272.ts}

@@ -9,6 +9,8 @@ import t_event from "../../../../src/render/addEvent";
 import t_fmt from "../../../../src/render/formatText";
 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";
@@ -24,7 +26,6 @@ export default function Await(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	// Use the $watch function to declare reactive state
 	let $state = $watch({
@@ -54,54 +55,61 @@ export default function Await(
 
 		/* @await */
 		const t_await_region_1 = t_region();
-		let $t_await_state_1 = $watch({ index: -1 });
-		let t_await_creators_1: ((t_before: Node | null) => void)[] = [];
-		let t_await_vars_1 = { t_token: 0 };
-		$run(() => {
-			t_await_creators_1[0] = (t_before) => {
-				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>Hmm...</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_await_state_1.index = 0;
-			t_await_vars_1.t_token++;
+		let t_await_token_1 = 0;
+		let t_await_index_1 = -1;
+		t_run_control(t_await_region_1, t_await_anchor_1, (t_before) => {
+			if (!t_run_branch(t_await_region_1, t_await_index_1, 0)) return;
+			const t_new_region = t_region();
+			const t_old_control_region = t_push_region(t_await_region_1);
+			const t_old_region = t_push_region(t_new_region, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p>Hmm...</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_pop_region(t_old_control_region);
+			t_await_index_1 = 0;
+			t_await_token_1++;
 			((t_token) => {
 				$state.guesser
 				.then((_number) => {
-					if (t_token === t_await_vars_1.t_token) {
-						t_await_creators_1[1] = (t_before) => {
-							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>Is it a number?</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_await_state_1.index = 1;
+					if (t_token === t_await_token_1) {
+						if (!t_run_branch(t_await_region_1, t_await_index_1, 1)) return;
+						const t_new_region = t_region();
+						const t_old_control_region = t_push_region(t_await_region_1);
+						const t_old_region = t_push_region(t_new_region, true);
+						const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>Is it a number?</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_pop_region(t_old_control_region);
+						t_await_index_1 = 1;
 					}
 				})
 				.catch((ex) => {
-					if (t_token === t_await_vars_1.t_token) {
-						t_await_creators_1[2] = (t_before) => {
-							const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p class="error">#</p> `);
-							const t_root_3 = t_root(t_fragment_3, true);
-							const t_text_3 = t_child(t_next(t_root_3));
-							const t_text_4 = t_next(t_next(t_root_3), true);
-							$run(() => {
-								t_text_3.textContent = `Something went wrong: ${t_fmt(ex)}!`;
-							});
-							t_add_fragment(t_fragment_3, t_fragment_0, t_before, t_text_4);
-							t_next(t_text_4);
-						};
-						$t_await_state_1.index = 2;
+					if (t_token === t_await_token_1) {
+						if (!t_run_branch(t_await_region_1, t_await_index_1, 2)) return;
+						const t_new_region = t_region();
+						const t_old_control_region = t_push_region(t_await_region_1);
+						const t_old_region = t_push_region(t_new_region, true);
+						const t_fragment_3 = t_fragment($parent.ownerDocument!, t_fragments, 3, ` <p class="error">#</p> `);
+						const t_root_3 = t_root(t_fragment_3, true);
+						const t_text_3 = t_child(t_next(t_root_3));
+						const t_text_4 = t_next(t_next(t_root_3), true);
+						$run(() => {
+							t_text_3.textContent = `Something went wrong: ${t_fmt(ex)}!`;
+						});
+						t_add_fragment(t_fragment_3, t_fragment_0, t_before, t_text_4);
+						t_next(t_text_4);
+						t_pop_region(t_old_region);
+						t_pop_region(t_old_control_region);
+						t_await_index_1 = 2;
 					}
 				});
-			})(t_await_vars_1.t_token);
-		});
-		t_run_control(t_await_region_1, t_await_anchor_1, (t_before) => {
-			const index = $t_await_state_1.index;
-			t_run_branch(t_await_region_1, () => t_await_creators_1[index](t_before));
+			})(t_await_token_1);
 		});
 
 		const t_button_1 = t_next(t_next(t_await_anchor_1, true)) as HTMLButtonElement;
@@ -110,5 +118,4 @@ export default function Await(
 		t_add_fragment(t_fragment_0, $parent, $anchor, t_text_5);
 		t_next(t_text_5);
 
-		/**/ });
 	}

package/test/bind/components/output/BindComponent-client.ts

@@ -21,7 +21,6 @@ export default function BindComponent(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let $state = $watch({ name: "Alice", selected: 1 });
 
@@ -52,7 +51,6 @@ export default function BindComponent(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }
 
 function BindText(
@@ -64,7 +62,6 @@ function BindText(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -80,5 +77,4 @@ function BindText(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/bind/components/output/BindText-client.ts

@@ -20,7 +20,6 @@ export default function BindText(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let $state = $watch({ name: "Alice", selected: 1 });
 
@@ -49,5 +48,4 @@ export default function BindText(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/bind/components/temp/{BindComponent-client-acbb75b9dc9685722e49a937138b8f8d2e5f0539.ts → BindComponent-client-44f487e4c31612483ff002a7dea91925dd37b96b.ts}

@@ -21,7 +21,6 @@ export default function BindComponent(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let $state = $watch({ name: "Alice", selected: 1 });
 
@@ -52,7 +51,6 @@ export default function BindComponent(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }
 
 function BindText(
@@ -64,7 +62,6 @@ function BindText(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -80,5 +77,4 @@ function BindText(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/bind/components/temp/{BindText-client-12ad90dae9678c8cdc7d8f2266ff6ed58824d57e.ts → BindText-client-74b797d8a10d8f18a71ef121dbb9eaec9c8dd67a.ts}

@@ -20,7 +20,6 @@ export default function BindText(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	let $state = $watch({ name: "Alice", selected: 1 });
 
@@ -49,5 +48,4 @@ export default function BindText(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_3);
 	t_next(t_text_3);
 
-	/**/ });
 }

package/test/child-component/components/output/ChildComponent-client.ts

@@ -20,7 +20,6 @@ export default function ParentChild(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -39,7 +38,6 @@ export default function ParentChild(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function Child(
@@ -51,7 +49,6 @@ function Child(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -66,5 +63,4 @@ function Child(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/child-component/components/temp/{ChildComponent-client-63a83042fd341882e31e4fe9344294cbe83f00e5.ts → ChildComponent-client-3f29b8db2e610cbcb200af36721456404ed29dca.ts}

@@ -20,7 +20,6 @@ export default function ParentChild(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -39,7 +38,6 @@ export default function ParentChild(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function Child(
@@ -51,7 +49,6 @@ function Child(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -66,5 +63,4 @@ function Child(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/class/components/output/Class-client.ts

@@ -18,7 +18,6 @@ export default function Class(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -52,7 +51,6 @@ export default function Class(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function Child(
@@ -64,7 +62,6 @@ function Child(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -79,5 +76,4 @@ function Child(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/class/components/temp/{Class-client-919c8e138d3885b62ad3440c2d6925edae8e4892.ts → Class-client-0741f12141ba1e5d531ca6cc9becc0511ff0c502.ts}

@@ -18,7 +18,6 @@ export default function Class(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -52,7 +51,6 @@ export default function Class(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function Child(
@@ -64,7 +62,6 @@ function Child(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -79,5 +76,4 @@ function Child(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/component/components/output/Component-client.ts

@@ -20,7 +20,6 @@ export default function Component(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -39,7 +38,6 @@ export default function Component(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function Header(
@@ -51,7 +49,6 @@ function Header(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -66,5 +63,4 @@ function Header(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/component/components/temp/{Component-client-a433db324e16bc80b647022bba8717c7b5d285a6.ts → Component-client-8255e6a16f9dc01f64b88808bc92003396794fa5.ts}

@@ -20,7 +20,6 @@ export default function Component(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -39,7 +38,6 @@ export default function Component(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function Header(
@@ -51,7 +49,6 @@ function Header(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -66,5 +63,4 @@ function Header(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_2);
 	t_next(t_text_2);
 
-	/**/ });
 }

package/test/console/components/output/Console-client.ts

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

package/test/console/components/temp/{Console-client-2d6a441342c992f6be9f4139a3354055f7aa6c41.ts → Console-client-bf26a9f6c8785ce09608d36fae616de0724a2355.ts}

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

package/test/const/components/output/Const-client.ts

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

package/test/const/components/temp/{Const-client-9d8262840860a5cb686c4923d0c8567ffc704b35.ts → Const-client-111aef0ff3a14c98eed9dba0a6205bd4509ccf29.ts}

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

package/test/context/components/output/Context-client.ts

@@ -19,7 +19,6 @@ export default function Parent(
 	$slots?: Record<string, SlotRender>
 ): void {
 	$context = Object.assign({}, $context);
-	$peek(() => { /**/
 
 	$context["ParentContext"] = "hi from the parent";
 
@@ -42,7 +41,6 @@ export default function Parent(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function ChildA(
@@ -55,7 +53,6 @@ function ChildA(
 	$slots?: Record<string, SlotRender>
 ): void {
 	$context = Object.assign({}, $context);
-	$peek(() => { /**/
 
 	$context["ChildAContext"] = "hi!";
 
@@ -76,7 +73,6 @@ function ChildA(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }
 
 function ChildB(
@@ -89,7 +85,6 @@ function ChildB(
 	$slots?: Record<string, SlotRender>
 ): void {
 	$context = Object.assign({}, $context);
-	$peek(() => { /**/
 
 	$context["ChildBContext"] = "hi!";
 
@@ -102,5 +97,4 @@ function ChildB(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/context/components/temp/{Context-client-c1437b9cb8765f3d73b315982dd52e8458345da9.ts → Context-client-a4b608a96e3a3763ad9d660e1bc0836a105b9ea3.ts}

@@ -19,7 +19,6 @@ export default function Parent(
 	$slots?: Record<string, SlotRender>
 ): void {
 	$context = Object.assign({}, $context);
-	$peek(() => { /**/
 
 	$context["ParentContext"] = "hi from the parent";
 
@@ -42,7 +41,6 @@ export default function Parent(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }
 
 function ChildA(
@@ -55,7 +53,6 @@ function ChildA(
 	$slots?: Record<string, SlotRender>
 ): void {
 	$context = Object.assign({}, $context);
-	$peek(() => { /**/
 
 	$context["ChildAContext"] = "hi!";
 
@@ -76,7 +73,6 @@ function ChildA(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_4);
 	t_next(t_text_4);
 
-	/**/ });
 }
 
 function ChildB(
@@ -89,7 +85,6 @@ function ChildB(
 	$slots?: Record<string, SlotRender>
 ): void {
 	$context = Object.assign({}, $context);
-	$peek(() => { /**/
 
 	$context["ChildBContext"] = "hi!";
 
@@ -102,5 +97,4 @@ function ChildB(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
-	/**/ });
 }

package/test/effects/components/output/ForEffect-client.ts

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

package/test/effects/components/output/IfEffect-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 If(
 	// @ts-ignore
 	$slots?: Record<string, SlotRender>
 ): void {
-	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -31,38 +30,36 @@ export default function If(
 
 	/* @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 big</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 big</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_before) => {
-				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>It's 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 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);
 
-	/**/ });
 }