@torpor/view 0.4.5 → 0.4.7

package/test/for/components/temp/{For-client-8fd92bf0c26cb8e97006a302104ebb2fdcd2e818.ts → For-client-69c16449ab9b63fd8ace8cb1364105a80e6e1c40.ts}

@@ -46,7 +46,9 @@ export default function For(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < 5; i++) {
-				let t_new_item_1 = t_list_item({ i }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ i },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/for/components/temp/{ForAfterFor-client-509955ddc13396ede05c9986a6dcc8bbebd00cf3.ts → ForAfterFor-client-b57ee13c70d8504456dbb5f75efd9defecab8cd1.ts}

@@ -46,7 +46,9 @@ export default function ForAfterFor(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < 5; i++) {
-				let t_new_item_1 = t_list_item({ i }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ i },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;
@@ -87,7 +89,9 @@ export default function ForAfterFor(
 			let t_previous_item_2 = t_for_region_2;
 			let t_next_item_2 = t_for_region_2.nextRegion;
 			for (let i = 10; i > 5; i--) {
-				let t_new_item_2 = t_list_item({ i }, undefined);
+				let t_new_item_2 = t_list_item(
+					{ i },
+				);
 				t_new_item_2.previousRegion = t_previous_item_2;
 				t_previous_item_2.nextRegion = t_new_item_2;
 				t_previous_item_2 = t_new_item_2;

package/test/for/components/temp/{ForContainingFor-client-4f600c73a6583c84d981a82fae42332f983f0b36.ts → ForContainingFor-client-bc5cc8b51b248bebc28fdba5e69d56af4148a66a.ts}

@@ -46,7 +46,9 @@ export default function ForContainingFor(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < 5; i++) {
-				let t_new_item_1 = t_list_item({ i }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ i },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;
@@ -72,7 +74,9 @@ export default function ForContainingFor(
 					let t_previous_item_2 = t_for_region_2;
 					let t_next_item_2 = t_for_region_2.nextRegion;
 					for (let j = 0; j < 2; j++) {
-						let t_new_item_2 = t_list_item({ j }, undefined);
+						let t_new_item_2 = t_list_item(
+							{ j },
+						);
 						t_new_item_2.previousRegion = t_previous_item_2;
 						t_previous_item_2.nextRegion = t_new_item_2;
 						t_previous_item_2 = t_new_item_2;

package/test/for/components/temp/{ForContainingFunction-client-9bacc4a7214f2385d98b358d29443363f8b9e78d.ts → ForContainingFunction-client-77ccaeea93b0a489c97113bd6bc522e62b7c914a.ts}

@@ -47,7 +47,9 @@ export default function ForContainingIf(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < 5; i++) {
-				let t_new_item_1 = t_list_item({ i }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ i },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;
@@ -60,7 +62,7 @@ export default function ForContainingIf(
 			let t_old_region_1 = t_push_region(t_item_1);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <button>#</button> `);
 			const t_root_1 = t_root(t_fragment_1, true);
-			const t_button_1 = t_next(t_root_1) as HTMLElement;
+			const t_button_1 = t_next(t_root_1) as HTMLButtonElement;
 			const t_text_1 = t_child(t_button_1);
 			t_event(t_button_1, "click", doit);
 

package/test/for/components/temp/{ForContainingIf-client-92b3c13b0fbe3d7900c05dd2e833d8e51d1bc66c.ts → ForContainingIf-client-da96adc2e61301142e0728b55665ef241c19f9a4.ts}

@@ -49,7 +49,9 @@ export default function ForContainingIf(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < 5; i++) {
-				let t_new_item_1 = t_list_item({ i }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ i },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/for/components/temp/{ForEscape-client-29cdd1ae0528a32f5737295287489e9bbd42889d.ts → ForEscape-client-f2b7590f8e93981bc0cd0c0845ad22df1dc050b6.ts}

@@ -50,7 +50,9 @@ export default function ForEscape(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < 5; i++) {
-				let t_new_item_1 = t_list_item({ i }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ i },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/for/components/temp/{ForIn-client-fffaa596adb40e4067931af81cc13fc971dd1813.ts → ForIn-client-8754824447479fba5ba3676b5c1dcb1e3591575f.ts}

@@ -45,7 +45,9 @@ export default function ForIn(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let key in $props.item) {
-				let t_new_item_1 = t_list_item({ key }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ key },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/for/components/temp/{ForOf-client-e6d0948fbd00bfbcbc7099f84331bc3d493abc28.ts → ForOf-client-852d13b24329f89bd864313bc376f73174b9965e.ts}

@@ -45,7 +45,9 @@ export default function ForOf(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let item of $props.items) {
-				let t_new_item_1 = t_list_item({ item }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ item },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

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

@@ -29,7 +29,7 @@ export default function Function(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button id=increment>Increment</button> <p>#</p> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
 	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
 	const t_text_2 = t_next(t_next(t_next(t_button_1, true)), true);
 	t_event(t_button_1, "click", increment);

package/test/function/components/temp/{Function-client-8ae7f26bcaee6b57251659efc2abcdfd9c0d30e1.ts → Function-client-5173bdb6a5e2eb86060579eb23f70fec20e9b612.ts}

@@ -29,7 +29,7 @@ export default function Function(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button id=increment>Increment</button> <p>#</p> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
 	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
 	const t_text_2 = t_next(t_next(t_next(t_button_1, true)), true);
 	t_event(t_button_1, "click", increment);

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

@@ -34,7 +34,7 @@ export default function Html(
 	t_run_control(t_html_region_1, t_html_anchor_1, (t_before) => {
 		$props.html;
 		t_run_branch(t_html_region_1, () => {
-			const t_template_1 = document.createElement("template");
+			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);

package/test/html/components/temp/{Html-client-14bf031fae1c40ea86913ca71aee00b947d88b4d.ts → Html-client-2e1b6cfd24f6114f3e9b0fb0adc0022841c2196b.ts}

@@ -34,7 +34,7 @@ export default function Html(
 	t_run_control(t_html_region_1, t_html_anchor_1, (t_before) => {
 		$props.html;
 		t_run_branch(t_html_region_1, () => {
-			const t_template_1 = document.createElement("template");
+			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);

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

@@ -58,7 +58,9 @@ export default function IfContainingIf(
 						let t_previous_item_1 = t_for_region_1;
 						let t_next_item_1 = t_for_region_1.nextRegion;
 						for (let i = 0; i < $props.counter; i++) {
-							let t_new_item_1 = t_list_item({ i }, undefined);
+							let t_new_item_1 = t_list_item(
+								{ i },
+							);
 							t_new_item_1.previousRegion = t_previous_item_1;
 							t_previous_item_1.nextRegion = t_new_item_1;
 							t_previous_item_1 = t_new_item_1;

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

@@ -39,7 +39,7 @@ export default function IfContainingIf(
 			t_if_creators_1[0] = (t_before) => {
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <button>do it</button> `);
 				const t_root_1 = t_root(t_fragment_1, true);
-				const t_button_1 = t_next(t_root_1) as HTMLElement;
+				const t_button_1 = t_next(t_root_1) as HTMLButtonElement;
 				t_event(t_button_1, "click", doit);
 
 				/* @function */

package/test/if/components/temp/{IfContainingFor-client-a1246616d908018a77caa27aca6f9fa63e325960.ts → IfContainingFor-client-dc70bb4ae31c2320b4e22f4f26d87d5650667713.ts}

@@ -58,7 +58,9 @@ export default function IfContainingIf(
 						let t_previous_item_1 = t_for_region_1;
 						let t_next_item_1 = t_for_region_1.nextRegion;
 						for (let i = 0; i < $props.counter; i++) {
-							let t_new_item_1 = t_list_item({ i }, undefined);
+							let t_new_item_1 = t_list_item(
+								{ i },
+							);
 							t_new_item_1.previousRegion = t_previous_item_1;
 							t_previous_item_1.nextRegion = t_new_item_1;
 							t_previous_item_1 = t_new_item_1;

package/test/if/components/temp/{IfContainingFunction-client-1d8f1ce12f4098b425be18149d9c58ea9c4e8de6.ts → IfContainingFunction-client-56c90b091921645a91d5398739cec4e6d56aa0ed.ts}

@@ -39,7 +39,7 @@ export default function IfContainingIf(
 			t_if_creators_1[0] = (t_before) => {
 				const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <button>do it</button> `);
 				const t_root_1 = t_root(t_fragment_1, true);
-				const t_button_1 = t_next(t_root_1) as HTMLElement;
+				const t_button_1 = t_next(t_root_1) as HTMLButtonElement;
 				t_event(t_button_1, "click", doit);
 
 				/* @function */

package/test/party/components/output/Conditional-client.ts

@@ -43,7 +43,7 @@ export default function TrafficLight(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Next light</button> <p>#</p> <p> You must <!> </p> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
 	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
 	const t_if_parent_1 = t_next(t_next(t_next(t_next(t_button_1, true)), true)) as HTMLElement;
 	let t_if_anchor_1 = t_anchor(t_next(t_child(t_next(t_next(t_next(t_next(t_button_1, true)), true))))) as HTMLElement;

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

@@ -74,7 +74,7 @@ function UserProfileContext(
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_next(t_next(t_root_0), true)));
 	const t_text_2 = t_child(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)));
-	const t_button_1 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)) as HTMLElement;
+	const t_button_1 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)) as HTMLButtonElement;
 	const t_text_3 = t_next(t_button_1, true);
 	t_event(t_button_1, "click", () => ($context.user.username = "Jane"));
 	$run(() => {

package/test/party/components/output/EmitToParent-client.ts

@@ -43,7 +43,10 @@ export default function AnswerButtonApp(
 	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_next(t_root_0), true))) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ onYes: onAnswerYes, onNo: onAnswerNo });
+	const t_props_1 = $watch({
+		onYes: onAnswerYes,
+		onNo: onAnswerNo,
+	});
 	$run(() => {
 		t_props_1["onYes"] = onAnswerYes;
 		t_props_1["onNo"] = onAnswerNo;
@@ -77,8 +80,8 @@ function AnswerButton(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>YES</button> <button>NO</button> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
-	const t_button_2 = t_next(t_next(t_button_1, true)) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
+	const t_button_2 = t_next(t_next(t_button_1, true)) as HTMLButtonElement;
 	const t_text_1 = t_next(t_button_2, true);
 	t_event(t_button_1, "click", $props.onYes);
 	t_event(t_button_2, "click", $props.onNo);

package/test/party/components/output/EventClick-client.ts

@@ -36,7 +36,7 @@ export default function Counter(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <p>#</p> <button>+1</button> `);
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_root_0));
-	const t_button_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLElement;
+	const t_button_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLButtonElement;
 	const t_text_2 = t_next(t_button_1, true);
 	t_event(t_button_1, "click", incrementCount);
 	$run(() => {

package/test/party/components/output/InputSelect-client.ts

@@ -47,7 +47,7 @@ export default function ColorSelect(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div>#</div> <select> <!> </select> `);
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_root_0));
-	const t_select_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLElement;
+	const t_select_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLSelectElement;
 	let t_for_anchor_1 = t_anchor(t_next(t_child(t_select_1))) as HTMLElement;
 
 	/* @for */
@@ -61,7 +61,9 @@ export default function ColorSelect(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let color of colors) {
-				let t_new_item_1 = t_list_item({ color }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ color },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;
@@ -74,7 +76,7 @@ export default function ColorSelect(
 			let t_old_region_1 = t_push_region(t_item_1);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <option>#</option> `);
 			const t_root_1 = t_root(t_fragment_1, true);
-			const t_option_1 = t_next(t_root_1) as HTMLElement;
+			const t_option_1 = t_next(t_root_1) as HTMLOptionElement;
 			const t_text_2 = t_child(t_option_1);
 			const t_text_3 = t_next(t_option_1, true);
 			$run(() => {

package/test/party/components/output/Loop-client.ts

@@ -48,7 +48,10 @@ export default function Colors(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let color of colors) {
-				let t_new_item_1 = t_list_item({ color }, color);
+				let t_new_item_1 = t_list_item(
+					{ color },
+					color,
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/party/components/output/Props-client.ts

@@ -30,7 +30,12 @@ export default function UserProfileApp(
 	let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ name: "John", age: 20, favoriteColors: ["green", "blue", "red"], isAvailable: true });
+	const t_props_1 = $watch({
+		name: "John",
+		age: 20,
+		favoriteColors: ["green", "blue", "red"],
+		isAvailable: true,
+	});
 	$run(() => {
 		t_props_1["age"] = 20;
 		t_props_1["favoriteColors"] = ["green", "blue", "red"];

package/test/party/components/temp/{Conditional-client-ed1ba6a97d722503560ffbb3dece1d9af5fbadd2.ts → Conditional-client-96ff11fe28ab46048761ff885b8224635244cd38.ts}

@@ -43,7 +43,7 @@ export default function TrafficLight(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Next light</button> <p>#</p> <p> You must <!> </p> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
 	const t_text_1 = t_child(t_next(t_next(t_button_1, true)));
 	const t_if_parent_1 = t_next(t_next(t_next(t_next(t_button_1, true)), true)) as HTMLElement;
 	let t_if_anchor_1 = t_anchor(t_next(t_child(t_next(t_next(t_next(t_next(t_button_1, true)), true))))) as HTMLElement;

package/test/party/components/temp/{Context-client-fd121c4a2766ee5b41caf79f485f5f11142e43e0.ts → Context-client-73383a2149cb9198a5dfebf1e891987d261f399f.ts}

@@ -74,7 +74,7 @@ function UserProfileContext(
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_next(t_next(t_root_0), true)));
 	const t_text_2 = t_child(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)));
-	const t_button_1 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)) as HTMLElement;
+	const t_button_1 = t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_root_0), true)), true)), true)) as HTMLButtonElement;
 	const t_text_3 = t_next(t_button_1, true);
 	t_event(t_button_1, "click", () => ($context.user.username = "Jane"));
 	$run(() => {

package/test/party/components/temp/{EmitToParent-client-02c78412e4cacc27cbc857d68d5a064474ccc882.ts → EmitToParent-client-1292c44777f86076cd7c4060deb2016b9fb7e4cd.ts}

@@ -43,7 +43,10 @@ export default function AnswerButtonApp(
 	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_next(t_root_0), true))) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ onYes: onAnswerYes, onNo: onAnswerNo });
+	const t_props_1 = $watch({
+		onYes: onAnswerYes,
+		onNo: onAnswerNo,
+	});
 	$run(() => {
 		t_props_1["onYes"] = onAnswerYes;
 		t_props_1["onNo"] = onAnswerNo;
@@ -77,8 +80,8 @@ function AnswerButton(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>YES</button> <button>NO</button> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
-	const t_button_2 = t_next(t_next(t_button_1, true)) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
+	const t_button_2 = t_next(t_next(t_button_1, true)) as HTMLButtonElement;
 	const t_text_1 = t_next(t_button_2, true);
 	t_event(t_button_1, "click", $props.onYes);
 	t_event(t_button_2, "click", $props.onNo);

package/test/party/components/temp/{EventClick-client-4344b8012e6f6310b25c6b43d9f5991dc93037e8.ts → EventClick-client-932a2a4a797aca3cb6b869daa0ba314b46505a73.ts}

@@ -36,7 +36,7 @@ export default function Counter(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <p>#</p> <button>+1</button> `);
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_root_0));
-	const t_button_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLElement;
+	const t_button_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLButtonElement;
 	const t_text_2 = t_next(t_button_1, true);
 	t_event(t_button_1, "click", incrementCount);
 	$run(() => {

package/test/party/components/temp/{InputSelect-client-49f9978ab5f32d13ada9d1c3d7522cbafa4c3cc7.ts → InputSelect-client-fa6d6680ce239722a0c29b754a2adc26dd2b4ab0.ts}

@@ -47,7 +47,7 @@ export default function ColorSelect(
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <div>#</div> <select> <!> </select> `);
 	const t_root_0 = t_root(t_fragment_0, true);
 	const t_text_1 = t_child(t_next(t_root_0));
-	const t_select_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLElement;
+	const t_select_1 = t_next(t_next(t_next(t_root_0), true)) as HTMLSelectElement;
 	let t_for_anchor_1 = t_anchor(t_next(t_child(t_select_1))) as HTMLElement;
 
 	/* @for */
@@ -61,7 +61,9 @@ export default function ColorSelect(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let color of colors) {
-				let t_new_item_1 = t_list_item({ color }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ color },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;
@@ -74,7 +76,7 @@ export default function ColorSelect(
 			let t_old_region_1 = t_push_region(t_item_1);
 			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <option>#</option> `);
 			const t_root_1 = t_root(t_fragment_1, true);
-			const t_option_1 = t_next(t_root_1) as HTMLElement;
+			const t_option_1 = t_next(t_root_1) as HTMLOptionElement;
 			const t_text_2 = t_child(t_option_1);
 			const t_text_3 = t_next(t_option_1, true);
 			$run(() => {

package/test/party/components/temp/{Loop-client-d8be7f7caf99d17b048d915d2dbe1db97c44aecf.ts → Loop-client-79bc3b13d7f6a733694cb5f3ee4b91667ea5c5b5.ts}

@@ -48,7 +48,10 @@ export default function Colors(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let color of colors) {
-				let t_new_item_1 = t_list_item({ color }, color);
+				let t_new_item_1 = t_list_item(
+					{ color },
+					color,
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/party/components/temp/{Props-client-c126fe2030c202b8371f72d8395d0a210a0d67c2.ts → Props-client-7dbf4a9aecc5b1890492db1d30904341bfd0e9eb.ts}

@@ -30,7 +30,12 @@ export default function UserProfileApp(
 	let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ name: "John", age: 20, favoriteColors: ["green", "blue", "red"], isAvailable: true });
+	const t_props_1 = $watch({
+		name: "John",
+		age: 20,
+		favoriteColors: ["green", "blue", "red"],
+		isAvailable: true,
+	});
 	$run(() => {
 		t_props_1["age"] = 20;
 		t_props_1["favoriteColors"] = ["green", "blue", "red"];

package/test/props/components/output/Reactive-client.ts

@@ -29,11 +29,13 @@ export default function Reactive(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Update text</button> <!> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
 	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_button_1, true))) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ text: $state.text });
+	const t_props_1 = $watch({
+		text: $state.text,
+	});
 	$run(() => {
 		t_props_1["text"] = $state.text;
 	});

package/test/props/components/temp/{Reactive-client-626575b72eeb6e7eafe7352f0acda1502b0c3d37.ts → Reactive-client-8601769debe846fc809ca960f0ca4b71762912db.ts}

@@ -29,11 +29,13 @@ export default function Reactive(
 
 	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, ` <button>Update text</button> <!> `);
 	const t_root_0 = t_root(t_fragment_0, true);
-	const t_button_1 = t_next(t_root_0) as HTMLElement;
+	const t_button_1 = t_next(t_root_0) as HTMLButtonElement;
 	let t_comp_anchor_1 = t_anchor(t_next(t_next(t_button_1, true))) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ text: $state.text });
+	const t_props_1 = $watch({
+		text: $state.text,
+	});
 	$run(() => {
 		t_props_1["text"] = $state.text;
 	});

package/test/slots/components/output/LetSlot-client.ts

@@ -35,7 +35,9 @@ export default function Let(
 	let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ items: $props.items });
+	const t_props_1 = $watch({
+		items: $props.items,
+	});
 	$run(() => {
 		t_props_1["items"] = $props.items;
 	});
@@ -93,7 +95,9 @@ function List(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let item of $props.items) {
-				let t_new_item_1 = t_list_item({ item }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ item },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/slots/components/temp/{LetSlot-client-2cd77fd4f84810a55926f0265a9b780516982d5b.ts → LetSlot-client-328fd8a9fcfc6b68c0380f99d3f09ede33babc2f.ts}

@@ -35,7 +35,9 @@ export default function Let(
 	let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
 
 	/* @component */
-	const t_props_1 = $watch({ items: $props.items });
+	const t_props_1 = $watch({
+		items: $props.items,
+	});
 	$run(() => {
 		t_props_1["items"] = $props.items;
 	});
@@ -93,7 +95,9 @@ function List(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let item of $props.items) {
-				let t_new_item_1 = t_list_item({ item }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ item },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/special-component/components/output/SpecialComponent-client.ts

@@ -44,7 +44,8 @@ export default function Component(
 			let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
 
 			/* @component */
-			const t_props_1 = $watch({  });
+			const t_props_1 = $watch({
+			});
 			const t_slots_1: Record<string, SlotRender> = {};
 			t_slots_1["_"] = (
 				$sparent: ParentNode,

package/test/special-component/components/temp/{SpecialComponent-client-1955ef6a59b67e29ea076ed28758625922ff7d7b.ts → SpecialComponent-client-4a9face6c61d943cd94c995b174877f08a6af9f4.ts}

@@ -44,7 +44,8 @@ export default function Component(
 			let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
 
 			/* @component */
-			const t_props_1 = $watch({  });
+			const t_props_1 = $watch({
+			});
 			const t_slots_1: Record<string, SlotRender> = {};
 			t_slots_1["_"] = (
 				$sparent: ParentNode,

package/test/special-self/components/output/SpecialSelf-client.ts

@@ -44,7 +44,9 @@ export default function Self(
 				let t_comp_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
 				/* @component */
-				const t_props_1 = $watch({ level: $props.level + 1 });
+				const t_props_1 = $watch({
+					level: $props.level + 1,
+				});
 				$run(() => {
 					t_props_1["level"] = $props.level + 1;
 				});

package/test/special-self/components/temp/{SpecialSelf-client-126d3318d9aee9b2e6309c0ae5b91b2e56e9e647.ts → SpecialSelf-client-baf46bd8104e26f37e699a1a0918ea2d8f1a8e8a.ts}

@@ -44,7 +44,9 @@ export default function Self(
 				let t_comp_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
 
 				/* @component */
-				const t_props_1 = $watch({ level: $props.level + 1 });
+				const t_props_1 = $watch({
+					level: $props.level + 1,
+				});
 				$run(() => {
 					t_props_1["level"] = $props.level + 1;
 				});

package/test/watch-array/components/output/ArrayAllFunctions-client.ts

@@ -45,7 +45,10 @@ export default function Array(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let item of $props.items) {
-				let t_new_item_1 = t_list_item({ item }, item.id);
+				let t_new_item_1 = t_list_item(
+					{ item },
+					item.id,
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/watch-array/components/output/ArrayAllFunctionsUnkeyed-client.ts

@@ -45,7 +45,9 @@ export default function ArrayUnkeyed(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let item of $props.items) {
-				let t_new_item_1 = t_list_item({ item }, undefined);
+				let t_new_item_1 = t_list_item(
+					{ item },
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/watch-array/components/output/ArrayEmpty-client.ts

@@ -45,7 +45,10 @@ export default function Array(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let item of $props.items) {
-				let t_new_item_1 = t_list_item({ item }, item.id);
+				let t_new_item_1 = t_list_item(
+					{ item },
+					item.id,
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/watch-array/components/output/ArrayEntries-client.ts

@@ -45,8 +45,10 @@ export default function ArrayEntries(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let [i, item] of $props.items.entries()) {
-				let t_new_item_1 = t_list_item({ i,
-				item }, item.id);
+				let t_new_item_1 = t_list_item(
+					{ i, item },
+					item.id,
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;

package/test/watch-array/components/output/ArrayIndexes-client.ts

@@ -45,7 +45,10 @@ export default function ArrayIndexes(
 			let t_previous_item_1 = t_for_region_1;
 			let t_next_item_1 = t_for_region_1.nextRegion;
 			for (let i = 0; i < $props.items.length; i++) {
-				let t_new_item_1 = t_list_item({ i }, $props.items[i].id);
+				let t_new_item_1 = t_list_item(
+					{ i },
+					$props.items[i].id,
+				);
 				t_new_item_1.previousRegion = t_previous_item_1;
 				t_previous_item_1.nextRegion = t_new_item_1;
 				t_previous_item_1 = t_new_item_1;