@torpor/view 0.3.0 → 0.3.2

package/test/function/components/temp/Function-types-5479cb46b9bef3251b7961fb6e99a8c30cd4220f.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function Function(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props?: Record<PropertyKey, any>,
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default Function;

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

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -16,6 +17,7 @@ export default function Html(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -41,4 +43,5 @@ export default function Html(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
+	/**/ });
 }

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

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function Html(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props?: Record<PropertyKey, any>,
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default Html;

package/test/html/components/temp/{Html-client-82ff34dcdcbdf4be1112bcb1baac8027cdc32de7.ts → Html-client-83b1a1be5c4b8e9cc06a616acf8418c786804255.ts}

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import type SlotRender from "../../../../src/types/SlotRender";
 import t_add_fragment from "../../../../src/render/addFragment";
 import t_anchor from "../../../../src/render/nodeAnchor";
@@ -16,6 +17,7 @@ export default function Html(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -41,4 +43,5 @@ export default function Html(
 	t_add_fragment(t_fragment_0, $parent, $anchor, t_text_1);
 	t_next(t_text_1);
 
+	/**/ });
 }

package/test/html/components/temp/Html-types-c5dc816f932e3fb021c006f266a7c9a2f2fb5353.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function Html(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props?: Record<PropertyKey, any>,
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default Html;

package/test/if/components/IfCache.torp

@@ -0,0 +1,14 @@
+
+export default function IfCache($props: { counter: number, i: number }) {
+	@render {
+		@if ($props.counter < 5) {
+			<p onmount={() => $props.i++;}>
+				It's small!
+			</p>
+		} else {
+			<p>
+				It's not small...
+			</p>
+		}
+	}
+}

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

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
@@ -17,6 +18,7 @@ export default function IfAfterIf(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -27,50 +29,57 @@ export default function IfAfterIf(
 
 	/* @if */
 	const t_if_range_1 = t_range();
-	let $t_if_state_1 = $watch({ creator: (_: Node | null) => {} });
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
 	$run(function runIf() {
 		if ($props.counter > 10) {
-			$t_if_state_1.creator = (t_before) => {
+			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;
 		}
 		else {
-			$t_if_state_1.creator = (_) => {};
+			t_if_creators_1[1] = (_) => {};
+			$t_if_state_1.index = 1;
 		}
 	});
 	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
-		t_run_branch(t_if_range_1, () => $t_if_state_1.creator(t_before));
+		t_run_branch(t_if_range_1, () => t_if_creators_1[$t_if_state_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_range_2 = t_range();
-	let $t_if_state_2 = $watch({ creator: (_: Node | null) => {} });
+	let $t_if_state_2 = $watch({ index: -1 });
+	let t_if_creators_2: ((t_before: Node | null) => void)[] = [];
 	$run(function runIf() {
 		if ($props.counter > 5) {
-			$t_if_state_2.creator = (t_before) => {
+			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;
 		}
 		else {
-			$t_if_state_2.creator = (_) => {};
+			t_if_creators_2[1] = (_) => {};
+			$t_if_state_2.index = 1;
 		}
 	});
 	t_run_control(t_if_range_2, t_if_anchor_2, (t_before) => {
-		t_run_branch(t_if_range_2, () => $t_if_state_2.creator(t_before));
+		t_run_branch(t_if_range_2, () => t_if_creators_2[$t_if_state_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/output/IfAfterIf-types.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function IfAfterIf(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default IfAfterIf;

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

@@ -0,0 +1,70 @@
+import $mount from "../../../../src/render/$mount";
+import $peek from "../../../../src/render/$peek";
+import $run from "../../../../src/render/$run";
+import $watch from "../../../../src/render/$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_range from "../../../../src/render/newRange";
+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 IfCache(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number, i: number },
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, SlotRender>
+): void {
+	$peek(() => { /**/
+
+	/* 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_range_1 = t_range();
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
+	$run(function runIf() {
+		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);
+				$mount(function elMount() {
+					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;
+		}
+		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;
+		}
+	});
+	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
+		t_run_branch(t_if_range_1, () => t_if_creators_1[$t_if_state_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);
+
+	/**/ });
+}

package/test/if/components/output/IfCache-server.ts

@@ -0,0 +1,22 @@
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+
+export default function IfCache(
+	$props: { counter: number, i: number },
+	_$context: Record<PropertyKey, any>,
+	_$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
+
+	/* User interface */
+	t_body += ` <![>`;
+	if ($props.counter < 5) {
+		t_body += `<!^> <p> It's small! </p> `;
+	}
+	else {
+		t_body += `<!^> <p> It's not small... </p> `;
+	}
+	t_body += `<!]><!> `;
+
+	return { body: t_body, head: t_head };
+}

package/test/if/components/output/IfCache-types.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function IfCache(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number, i: number },
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default IfCache;

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

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
@@ -17,6 +18,7 @@ export default function IfElse(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -27,33 +29,37 @@ export default function IfElse(
 
 	/* @if */
 	const t_if_range_1 = t_range();
-	let $t_if_state_1 = $watch({ creator: (_: Node | null) => {} });
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
 	$run(function runIf() {
 		if ($props.counter > 7) {
-			$t_if_state_1.creator = (t_before) => {
+			t_if_creators_1[0] = (t_before) => {
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <p> It's true! </p> <p> That's right </p> `);
 				const t_root_1 = t_root(t_fragment_1, true);
 				const t_text_1 = t_next(t_next(t_next(t_next(t_root_1), true)), 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;
 		}
 		else {
-			$t_if_state_1.creator = (t_before) => {
+			t_if_creators_1[1] = (t_before) => {
 				const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p> It's not 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_1.index = 1;
 		}
 	});
 	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
-		t_run_branch(t_if_range_1, () => $t_if_state_1.creator(t_before));
+		t_run_branch(t_if_range_1, () => t_if_creators_1[$t_if_state_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);
 
+	/**/ });
 }

package/test/if/components/output/IfElse-types.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function IfElse(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default IfElse;

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

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
@@ -17,6 +18,7 @@ export default function IfElseIf(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -27,42 +29,47 @@ export default function IfElseIf(
 
 	/* @if */
 	const t_if_range_1 = t_range();
-	let $t_if_state_1 = $watch({ creator: (_: Node | null) => {} });
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
 	$run(function runIf() {
 		if ($props.counter > 10) {
-			$t_if_state_1.creator = (t_before) => {
+			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;
 		}
 		else if ($props.counter > 5) {
-			$t_if_state_1.creator = (t_before) => {
+			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;
 		}
 		else {
-			$t_if_state_1.creator = (t_before) => {
+			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;
 		}
 	});
 	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
-		t_run_branch(t_if_range_1, () => $t_if_state_1.creator(t_before));
+		t_run_branch(t_if_range_1, () => t_if_creators_1[$t_if_state_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/IfElseIf-types.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function IfElseIf(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default IfElseIf;

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

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
@@ -17,6 +18,7 @@ export default function IfFalse(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -27,27 +29,31 @@ export default function IfFalse(
 
 	/* @if */
 	const t_if_range_1 = t_range();
-	let $t_if_state_1 = $watch({ creator: (_: Node | null) => {} });
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
 	$run(function runIf() {
 		if ($props.counter > 7) {
-			$t_if_state_1.creator = (t_before) => {
+			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;
 		}
 		else {
-			$t_if_state_1.creator = (_) => {};
+			t_if_creators_1[1] = (_) => {};
+			$t_if_state_1.index = 1;
 		}
 	});
 	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
-		t_run_branch(t_if_range_1, () => $t_if_state_1.creator(t_before));
+		t_run_branch(t_if_range_1, () => t_if_creators_1[$t_if_state_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/IfFalse-types.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function IfFalse(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default IfFalse;

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

@@ -1,3 +1,4 @@
+import $peek from "../../../../src/render/$peek";
 import $run from "../../../../src/render/$run";
 import $watch from "../../../../src/render/$watch";
 import type SlotRender from "../../../../src/types/SlotRender";
@@ -17,6 +18,7 @@ export default function IfNested(
 	_$context: Record<PropertyKey, any>,
 	_$slots?: Record<string, SlotRender>
 ): void {
+	$peek(() => { /**/
 
 	/* User interface */
 	const t_fragments: DocumentFragment[] = [];
@@ -27,62 +29,69 @@ export default function IfNested(
 
 	/* @if */
 	const t_if_range_1 = t_range();
-	let $t_if_state_1 = $watch({ creator: (_: Node | null) => {} });
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
 	$run(function runIf() {
 		if ($props.counter > 5) {
-			$t_if_state_1.creator = (t_before) => {
+			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 */
 				const t_if_range_2 = t_range();
-				let $t_if_state_2 = $watch({ creator: (_: Node | null) => {} });
+				let $t_if_state_2 = $watch({ index: -1 });
+				let t_if_creators_2: ((t_before: Node | null) => void)[] = [];
 				$run(function runIf() {
 					if ($props.counter > 10) {
-						$t_if_state_2.creator = (t_before) => {
+						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_state_2.creator = (t_before) => {
+						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_range_2, t_if_anchor_2, (t_before) => {
-					t_run_branch(t_if_range_2, () => $t_if_state_2.creator(t_before));
+					t_run_branch(t_if_range_2, () => t_if_creators_2[$t_if_state_2.index](t_before));
 				});
 
 				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;
 		}
 		else {
-			$t_if_state_1.creator = (t_before) => {
+			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;
 		}
 	});
 	t_run_control(t_if_range_1, t_if_anchor_1, (t_before) => {
-		t_run_branch(t_if_range_1, () => $t_if_state_1.creator(t_before));
+		t_run_branch(t_if_range_1, () => t_if_creators_1[$t_if_state_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/output/IfNested-types.ts

@@ -0,0 +1,10 @@
+import type SlotRender from "../../../../src/types/SlotRender";
+
+declare function IfNested(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	$context?: Record<PropertyKey, any>,
+	$slots?: Record<string, SlotRender>,
+): void;
+export default IfNested;