@torpor/view 0.3.4 → 0.4.1

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

@@ -0,0 +1,27 @@
+import type ServerSlotRender from "../../../../src/types/ServerSlotRender";
+
+export default function IfContainingIf(
+	$props: { condition: boolean, counter: number },
+	// @ts-ignore
+	$context: Record<PropertyKey, any>,
+	// @ts-ignore
+	$slots?: Record<string, ServerSlotRender>
+): { body: string, head: string } {
+	let t_body = "";
+	let t_head = "";
+
+	/* User interface */
+	t_body += ` <![>`;
+	if ($props.condition) {
+		t_body += `<!^> <button>do it</button> `;
+
+		function doit() {
+			// it just needs to exist...
+		};
+
+		t_body += ` `;
+	}
+	t_body += `<!]><!> `;
+
+	return { body: t_body, head: t_head };
+}

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

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

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

@@ -0,0 +1,95 @@
+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_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 IfContainingIf(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { condition: boolean, counter: number },
+	// @ts-ignore
+	$context: Record<PropertyKey, any>,
+	// @ts-ignore
+	$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_region_1 = t_region();
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
+	$run(() => {
+		if ($props.condition) {
+			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_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 > 5) {
+						t_if_creators_2[0] = (t_before) => {
+							const t_fragment_2 = t_fragment($parent.ownerDocument!, t_fragments, 2, ` <p>It's big</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>It's small</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));
+				});
+
+				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_creators_1[1] = (_) => {};
+			$t_if_state_1.index = 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_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/IfContainingIf-server.ts

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

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

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

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

@@ -0,0 +1,68 @@
+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_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 IfElse(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	// @ts-ignore
+	$context: Record<PropertyKey, any>,
+	// @ts-ignore
+	$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_region_1 = t_region();
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
+	$run(() => {
+		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> <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_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_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);
+
+	/**/ });
+}

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

@@ -0,0 +1,68 @@
+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_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 IfElse(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	$props: { counter: number },
+	// @ts-ignore
+	$context: Record<PropertyKey, any>,
+	// @ts-ignore
+	$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_region_1 = t_region();
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
+	$run(() => {
+		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> <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_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_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);
+
+	/**/ });
+}

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

@@ -1,12 +1,12 @@
-import $peek from "../../../../src/render/$peek";
-import $run from "../../../../src/render/$run";
-import $watch from "../../../../src/render/$watch";
+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_range from "../../../../src/render/newRange";
+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";
@@ -30,10 +30,10 @@ export default function IfFalse(
 	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @if */
-	const t_if_range_1 = t_range();
+	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(function runIf() {
+	$run(() => {
 		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> `);
@@ -49,8 +49,9 @@ export default function IfFalse(
 			$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));
+	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);

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

@@ -1,12 +1,12 @@
-import $peek from "../../../../src/render/$peek";
-import $run from "../../../../src/render/$run";
-import $watch from "../../../../src/render/$watch";
+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_range from "../../../../src/render/newRange";
+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";
@@ -30,10 +30,10 @@ export default function IfNested(
 	let t_if_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @if */
-	const t_if_range_1 = t_range();
+	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(function runIf() {
+	$run(() => {
 		if ($props.counter > 5) {
 			t_if_creators_1[0] = (t_before) => {
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <!> `);
@@ -41,10 +41,10 @@ export default function IfNested(
 				let t_if_anchor_2 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
 				/* @if */
-				const t_if_range_2 = t_range();
+				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(function runIf() {
+				$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> `);
@@ -66,8 +66,9 @@ export default function IfNested(
 						$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_creators_2[$t_if_state_2.index](t_before));
+				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);
@@ -87,8 +88,9 @@ export default function IfNested(
 			$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));
+	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);

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

@@ -0,0 +1,78 @@
+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_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 {
+	$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_region_1 = t_region();
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
+	$run(() => {
+		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;
+		}
+		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;
+		}
+		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;
+		}
+	});
+	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/temp/ElseIfTrue-server-d16c5f90da5cb991243d0ea131e7eb2a717d6515.ts

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

package/test/if/components/temp/ElseIfTrue-types-a492d2b6e8517f598befca7127cd514244239984.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/temp/ElseTrue-client-e4ab334d09c6eb8190c00102160e5db88c14bef4.ts

@@ -0,0 +1,78 @@
+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_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 {
+	$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_region_1 = t_region();
+	let $t_if_state_1 = $watch({ index: -1 });
+	let t_if_creators_1: ((t_before: Node | null) => void)[] = [];
+	$run(() => {
+		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;
+		}
+		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;
+		}
+		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;
+		}
+	});
+	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/temp/ElseTrue-server-d16c5f90da5cb991243d0ea131e7eb2a717d6515.ts

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

package/test/if/components/temp/ElseTrue-types-a492d2b6e8517f598befca7127cd514244239984.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;