@torpor/view 0.0.11 → 0.0.12

package/src/watch/proxyGet.ts

@@ -10,7 +10,7 @@ export default function proxyGet(
 	key: PropertyKey,
 	receiver: any,
 	data: ProxyData,
-) {
+): any {
 	if (key === proxyDataSymbol) {
 		return data;
 	}

package/src/watch/removeEffect.ts

@@ -1,6 +1,6 @@
 import { type Effect } from "../types/Effect";
 
-export default function removeEffect(effect: Effect) {
+export default function removeEffect(effect: Effect): void {
 	//let effectName = String(effect.run).split("{")[0].trim();
 	//console.log(`removing effect '${effectName}'`);
 

package/src/watch/runEffect.ts

@@ -1,7 +1,7 @@
 import context from "../render/context";
 import { type Effect } from "../types/Effect";
 
-export default function runEffect(effect: Effect) {
+export default function runEffect(effect: Effect): void {
 	// Reactivate it in case it's been deactivated
 	effect.active = true;
 

package/src/watch/symbols.ts

@@ -1,3 +1,3 @@
-const proxyDataSymbol = Symbol("_proxy_data");
+const proxyDataSymbol: unique symbol = Symbol("_proxy_data");
 
 export { proxyDataSymbol };

package/src/watch/trackEffect.ts

@@ -1,7 +1,7 @@
 import context from "../render/context";
 import { type ProxyData } from "../types/ProxyData";
 
-export default function trackEffect(data: ProxyData, key: PropertyKey) {
+export default function trackEffect(data: ProxyData, key: PropertyKey): void {
 	// If there's an active effect, register this target/prop with it, so that
 	// it will be called when this prop is set
 	if (context.activeEffect) {

package/src/watch/transferEffects.ts

@@ -8,7 +8,7 @@ import { proxyDataSymbol } from "./symbols";
 export default function transferEffects(
 	oldValue: Record<PropertyKey, any>,
 	newValue: Record<PropertyKey, any>,
-) {
+): void {
 	const oldData = oldValue[proxyDataSymbol] as ProxyData;
 	const newData = newValue[proxyDataSymbol] as ProxyData;
 	moveChildEffects(oldValue, newValue, oldData, newData);

package/src/watch/triggerEffects.ts

@@ -2,7 +2,7 @@ import { type ProxyData } from "../types/ProxyData";
 import removeEffect from "./removeEffect";
 import runEffect from "./runEffect";
 
-export default function triggerEffects(data: ProxyData, key: PropertyKey) {
+export default function triggerEffects(data: ProxyData, key: PropertyKey): void {
 	// Get the effects for the supplied property
 	let effects = data.propData.get(key)?.effects;
 	if (effects) {

package/test/bench/components/output/Bench-client.ts

@@ -1,204 +0,0 @@
-import $run from "../../../../src/render/$run";
-import $watch from "../../../../src/render/$watch";
-import { type ListItem } from "../../../../src/types/ListItem";
-import { type SlotRender } from "../../../../src/types/SlotRender";
-import t_add_fragment from "../../../../src/render/addFragment";
-import t_anchor from "../../../../src/render/nodeAnchor";
-import t_child from "../../../../src/render/nodeChild";
-import t_class from "../../../../src/render/getClasses";
-import t_event from "../../../../src/render/addEvent";
-import t_fmt from "../../../../src/render/formatText";
-import t_fragment from "../../../../src/render/getFragment";
-import t_list_item from "../../../../src/render/newListItem";
-import t_next from "../../../../src/render/nodeNext";
-import t_pop_range from "../../../../src/render/popRange";
-import t_push_range from "../../../../src/render/pushRange";
-import t_range from "../../../../src/render/newRange";
-import t_root from "../../../../src/render/nodeRoot";
-import t_run_list from "../../../../src/render/runList";
-
-export default function Bench(
-	$parent: ParentNode,
-	$anchor: Node | null,
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, SlotRender>
-) {
-
-	let rowId = 1;
-	let $state = $watch({
-		data: [],
-		selected: null,
-	});
-
-	const adjectives = [
-		"pretty",
-		"large",
-		"big",
-		"small",
-		"tall",
-		"short",
-		"long",
-		"handsome",
-		"plain",
-		"quaint",
-		"clean",
-		"elegant",
-		"easy",
-		"angry",
-		"crazy",
-		"helpful",
-		"mushy",
-		"odd",
-		"unsightly",
-		"adorable",
-		"important",
-		"inexpensive",
-		"cheap",
-		"expensive",
-		"fancy",
-	];
-	const colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "brown", "white", "black", "orange"];
-	const nouns = [
-		"table",
-		"chair",
-		"house",
-		"bbq",
-		"desk",
-		"car",
-		"pony",
-		"cookie",
-		"sandwich",
-		"burger",
-		"pizza",
-		"mouse",
-		"keyboard",
-	];
-
-	function append() {
-		$state.data = [...$state.data, ...buildData(1000)];
-	}
-
-	function clear() {
-		$state.data = [];
-	}
-
-	function partialUpdate() {
-		for (let i = 0; i < $state.data.length; i += 10) {
-			const row = $state.data[i];
-			row.label = row.label + " !!!";
-		}
-	}
-
-	function remove(row) {
-		const clone = $state.data.slice();
-		clone.splice(clone.indexOf(row), 1);
-		$state.data = clone;
-	}
-
-	function create() {
-		// TODO: Build this up to 1000:
-		$state.data = buildData(10);
-	}
-
-	function createLots() {
-		$state.data = buildData(10000);
-	}
-
-	function swapRows() {
-		if ($state.data.length > 998) {
-			const clone = $state.data.slice();
-			const tmp = clone[1];
-			clone[1] = clone[998];
-			clone[998] = tmp;
-			$state.data = clone;
-		}
-	}
-
-	function _random(max) {
-		return Math.round(Math.random() * 1000) % max;
-	}
-
-	class Item {
-		id = rowId++;
-		label = `${adjectives[_random(adjectives.length)]} ${colours[_random(colours.length)]} ${nouns[_random(nouns.length)]}`;
-	}
-
-	function buildData(count = 1000) {
-		const data = new Array(count);
-		for (let i = 0; i < count; i++) {
-			data[i] = $watch(new Item());
-		}
-		return data;
-	}
-
-	/* User interface */
-	const t_fragments: DocumentFragment[] = [];
-
-	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div id="main" class="container"> <div class="jumbotron"> <div class="row"> <div class="col-md-6"> <h1>Torpor (keyed)</h1> </div> <div class="col-md-6"> <div class="row"> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="create">Create 1,000 rows</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="createlots"> Create 10,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="append"> Append 1,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="update"> Update every 10th row </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="clear">Clear</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="swaprows">Swap Rows</button> </div> </div> </div> </div> </div> <table class="table table-hover table-striped test-data"> <tbody> <!> </tbody> </table> <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span> </div>`);
-	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
-	const t_button_1 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))) as HTMLElement;
-	const t_button_2 = t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))) as HTMLElement;
-	const t_button_3 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))) as HTMLElement;
-	const t_button_4 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))) as HTMLElement;
-	const t_button_5 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))))) as HTMLElement;
-	const t_button_6 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))))))) as HTMLElement;
-	const t_for_parent_1 = t_next(t_child(t_next(t_next(t_next(t_child(t_div_1)))))) as HTMLElement;
-	const t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
-
-	/* @for */
-	let t_for_range_1 = t_range();
-	t_run_list(
-		t_for_range_1,
-		t_for_parent_1,
-		t_for_anchor_1,
-		function createNewItems() {
-			let t_new_items: ListItem[] = [];
-			for (let row of $state.data) {
-				t_new_items.push(t_list_item({ row }, row.id));
-				/*t_new_items.push({
-					key: row.id,
-					data: { row }
-				});*/
-			}
-			return t_new_items;
-		},
-		function createListItem(t_item, t_before) {
-			let t_old_range_1 = t_push_range(t_item, true);
-			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <tr> <td class="col-md-1">#</td> <td class="col-md-4"> <a>#</a> </td> <td class="col-md-1"> <a> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> </a> </td> <td class="col-md-6"></td> </tr> `);
-			const t_root_1 = t_root(t_fragment_1);
-			const t_tr_1 = t_next(t_root_1) as HTMLElement;
-			const t_text_1 = t_child(t_next(t_child(t_tr_1)));
-			const t_a_1 = t_next(t_child(t_next(t_next(t_next(t_child(t_tr_1)))))) as HTMLElement;
-			const t_text_2 = t_child(t_a_1);
-			const t_a_2 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_tr_1)))))))) as HTMLElement;
-			const t_text_3 = t_next(t_tr_1);
-			$run(function setClasses() {
-				t_tr_1.className = t_class({ danger: $state.selected === t_item.data.row.id });
-			});
-			$run(function setTextContent() {
-				t_text_1.textContent = t_fmt(t_item.data.row.id);
-			});
-			t_event(t_a_1, "click", () => $state.selected = t_item.data.row.id);
-			$run(function setTextContent() {
-				t_text_2.textContent = ` ${t_fmt(t_item.data.row.label)} `;
-			});
-			t_event(t_a_2, "click", () => remove(t_item.data.row));
-			t_add_fragment(t_fragment_1, t_for_parent_1, t_before);
-			t_next(t_text_3);
-			t_pop_range(t_old_range_1);
-		}
-	);
-
-	t_event(t_button_1, "click", create);
-	t_event(t_button_2, "click", createLots);
-	t_event(t_button_3, "click", append);
-	t_event(t_button_4, "click", partialUpdate);
-	t_event(t_button_5, "click", clear);
-	t_event(t_button_6, "click", swapRows);
-	t_add_fragment(t_fragment_0, $parent, $anchor);
-
-}

package/test/bench/components/output/Bench-server.ts

@@ -1,130 +0,0 @@
-import $watch from "../../../../src/render/$watch";
-import { type ServerSlotRender } from "../../../../src/types/ServerSlotRender";
-import t_class from "../../../../src/render/getClasses";
-import t_fmt from "../../../../src/render/formatText";
-
-export default function Bench(
-	// @ts-ignore
-	$props?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$context?: Record<PropertyKey, any>,
-	// @ts-ignore
-	$slots?: Record<string, ServerSlotRender>
-) {
-	let rowId = 1;
-	let $state = $watch({
-		data: [],
-		selected: null,
-	});
-
-	const adjectives = [
-		"pretty",
-		"large",
-		"big",
-		"small",
-		"tall",
-		"short",
-		"long",
-		"handsome",
-		"plain",
-		"quaint",
-		"clean",
-		"elegant",
-		"easy",
-		"angry",
-		"crazy",
-		"helpful",
-		"mushy",
-		"odd",
-		"unsightly",
-		"adorable",
-		"important",
-		"inexpensive",
-		"cheap",
-		"expensive",
-		"fancy",
-	];
-	const colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "brown", "white", "black", "orange"];
-	const nouns = [
-		"table",
-		"chair",
-		"house",
-		"bbq",
-		"desk",
-		"car",
-		"pony",
-		"cookie",
-		"sandwich",
-		"burger",
-		"pizza",
-		"mouse",
-		"keyboard",
-	];
-
-	function append() {
-		$state.data = [...$state.data, ...buildData(1000)];
-	}
-
-	function clear() {
-		$state.data = [];
-	}
-
-	function partialUpdate() {
-		for (let i = 0; i < $state.data.length; i += 10) {
-			const row = $state.data[i];
-			row.label = row.label + " !!!";
-		}
-	}
-
-	function remove(row) {
-		const clone = $state.data.slice();
-		clone.splice(clone.indexOf(row), 1);
-		$state.data = clone;
-	}
-
-	function create() {
-		// TODO: Build this up to 1000:
-		$state.data = buildData(10);
-	}
-
-	function createLots() {
-		$state.data = buildData(10000);
-	}
-
-	function swapRows() {
-		if ($state.data.length > 998) {
-			const clone = $state.data.slice();
-			const tmp = clone[1];
-			clone[1] = clone[998];
-			clone[998] = tmp;
-			$state.data = clone;
-		}
-	}
-
-	function _random(max) {
-		return Math.round(Math.random() * 1000) % max;
-	}
-
-	class Item {
-		id = rowId++;
-		label = `${adjectives[_random(adjectives.length)]} ${colours[_random(colours.length)]} ${nouns[_random(nouns.length)]}`;
-	}
-
-	function buildData(count = 1000) {
-		const data = new Array(count);
-		for (let i = 0; i < count; i++) {
-			data[i] = $watch(new Item());
-		}
-		return data;
-	}
-
-	/* User interface */
-	let $output = "";
-	$output += `<div id="main" class="container"> <div class="jumbotron"> <div class="row"> <div class="col-md-6"> <h1>Torpor (keyed)</h1> </div> <div class="col-md-6"> <div class="row"> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="create">Create 1,000 rows</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="createlots"> Create 10,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="append"> Append 1,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="update"> Update every 10th row </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="clear">Clear</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="swaprows">Swap Rows</button> </div> </div> </div> </div> </div> <table class="table table-hover table-striped test-data"> <tbody> <![>`;
-	for (let row of $state.data) {
-		$output += `<!^>  <tr class="${t_class({ danger: $state.selected === row.id })}"> <td class="col-md-1">${t_fmt(row.id)}</td> <td class="col-md-4"> <a> ${t_fmt(row.label)} </a> </td> <td class="col-md-1"> <a> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> </a> </td> <td class="col-md-6"></td> </tr> `;
-	}
-	$output += `<!]><!> </tbody> </table> <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span> </div>`;
-
-	return $output;
-}

package/test/bench/components/temp/Bench-client-5fee290225ae4771aa847360006123671e8f17f1.ts

@@ -0,0 +1,208 @@
+import $run from "../../../../src/render/$run";
+import $watch from "../../../../src/render/$watch";
+import { type ListItem } from "../../../../src/types/ListItem";
+import { type SlotRender } from "../../../../src/types/SlotRender";
+import t_add_fragment from "../../../../src/render/addFragment";
+import t_anchor from "../../../../src/render/nodeAnchor";
+import t_child from "../../../../src/render/nodeChild";
+import t_class from "../../../../src/render/getClasses";
+import t_event from "../../../../src/render/addEvent";
+import t_fmt from "../../../../src/render/formatText";
+import t_fragment from "../../../../src/render/getFragment";
+import t_list_item from "../../../../src/render/newListItem";
+import t_next from "../../../../src/render/nodeNext";
+import t_pop_range from "../../../../src/render/popRange";
+import t_push_range from "../../../../src/render/pushRange";
+import t_range from "../../../../src/render/newRange";
+import t_root from "../../../../src/render/nodeRoot";
+import t_run_list from "../../../../src/render/runList";
+
+export default function Bench(
+	$parent: ParentNode,
+	$anchor: Node | null,
+	// @ts-ignore
+	$props?: Record<PropertyKey, any>,
+	// @ts-ignore
+	$context?: Record<PropertyKey, any>,
+	// @ts-ignore
+	$slots?: Record<string, SlotRender>
+) {
+
+	let rowId = 1;
+	let $state = $watch({
+		data: [],
+		selected: null,
+	});
+
+	const adjectives = [
+		"pretty",
+		"large",
+		"big",
+		"small",
+		"tall",
+		"short",
+		"long",
+		"handsome",
+		"plain",
+		"quaint",
+		"clean",
+		"elegant",
+		"easy",
+		"angry",
+		"crazy",
+		"helpful",
+		"mushy",
+		"odd",
+		"unsightly",
+		"adorable",
+		"important",
+		"inexpensive",
+		"cheap",
+		"expensive",
+		"fancy",
+	];
+	const colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "brown", "white", "black", "orange"];
+	const nouns = [
+		"table",
+		"chair",
+		"house",
+		"bbq",
+		"desk",
+		"car",
+		"pony",
+		"cookie",
+		"sandwich",
+		"burger",
+		"pizza",
+		"mouse",
+		"keyboard",
+	];
+
+	function append() {
+		$state.data = [...$state.data, ...buildData(1000)];
+	}
+
+	function clear() {
+		$state.data = [];
+	}
+
+	function partialUpdate() {
+		for (let i = 0; i < $state.data.length; i += 10) {
+			const row = $state.data[i];
+			row.label = row.label + " !!!";
+		}
+	}
+
+	function remove(row) {
+		const clone = $state.data.slice();
+		clone.splice(clone.indexOf(row), 1);
+		$state.data = clone;
+	}
+
+	function create() {
+		// TODO: Build this up to 1000:
+		$state.data = buildData(10);
+	}
+
+	function createLots() {
+		$state.data = buildData(10000);
+	}
+
+	function swapRows() {
+		if ($state.data.length > 998) {
+			const clone = $state.data.slice();
+			const tmp = clone[1];
+			clone[1] = clone[998];
+			clone[998] = tmp;
+			$state.data = clone;
+		}
+	}
+
+	function _random(max) {
+		return Math.round(Math.random() * 1000) % max;
+	}
+
+	class Item {
+		id = rowId++;
+		label = `${adjectives[_random(adjectives.length)]} ${colours[_random(colours.length)]} ${nouns[_random(nouns.length)]}`;
+	}
+
+	function buildData(count = 1000) {
+		const data = new Array(count);
+		for (let i = 0; i < count; i++) {
+			data[i] = $watch(new Item());
+		}
+		return data;
+	}
+
+	/* User interface */
+	const t_fragments: DocumentFragment[] = [];
+
+	const t_fragment_0 = t_fragment($parent.ownerDocument!, t_fragments, 0, `<div id="main" class="container"> <div class="jumbotron"> <div class="row"> <div class="col-md-6"> <h1>Torpor (keyed)</h1> </div> <div class="col-md-6"> <div class="row"> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="create">Create 1,000 rows</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="createlots"> Create 10,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="append"> Append 1,000 rows </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="update"> Update every 10th row </button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="clear">Clear</button> </div> <div class="col-sm-6 smallpad"> <button type="button" class="btn btn-primary btn-block" id="swaprows">Swap Rows</button> </div> </div> </div> </div> </div> <table class="table table-hover table-striped test-data"> <tbody> <!> </tbody> </table> <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span> </div>`);
+	// @ts-ignore
+	const t_div_1 = t_root(t_fragment_0) as HTMLDivElement;
+	const t_button_1 = t_next(t_child(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))) as HTMLElement;
+	const t_button_2 = t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))) as HTMLElement;
+	const t_button_3 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))) as HTMLElement;
+	const t_button_4 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))) as HTMLElement;
+	const t_button_5 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))))) as HTMLElement;
+	const t_button_6 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_next(t_next(t_child(t_next(t_child(t_next(t_child(t_div_1)))))))))))))))))))))))) as HTMLElement;
+	const t_for_parent_1 = t_next(t_child(t_next(t_next(t_next(t_child(t_div_1)))))) as HTMLElement;
+	const t_for_anchor_1 = t_anchor(t_next(t_child(t_for_parent_1))) as HTMLElement;
+
+	/* @for */
+	let t_for_range_1 = t_range();
+	t_run_list(
+		t_for_range_1,
+		t_for_parent_1,
+		t_for_anchor_1,
+		function createNewItems() {
+			let t_new_items: ListItem[] = [];
+			for (let row of $state.data) {
+				t_new_items.push(t_list_item({ row }, row.id));
+				/*t_new_items.push({
+					key: row.id,
+					data: { row }
+				});*/
+			}
+			return t_new_items;
+		},
+		function createListItem(t_item, t_before) {
+			let t_old_range_1 = t_push_range(t_item, true);
+			const t_fragment_1 = t_fragment($parent.ownerDocument!, t_fragments, 1, ` <tr> <td class="col-md-1">#</td> <td class="col-md-4"> <a>#</a> </td> <td class="col-md-1"> <a> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> </a> </td> <td class="col-md-6"></td> </tr> `);
+			// @ts-ignore
+			const t_root_1 = t_root(t_fragment_1);
+			const t_tr_1 = t_next(t_root_1) as HTMLElement;
+			const t_text_1 = t_child(t_next(t_child(t_tr_1)));
+			const t_a_1 = t_next(t_child(t_next(t_next(t_next(t_child(t_tr_1)))))) as HTMLElement;
+			const t_text_2 = t_child(t_a_1);
+			const t_a_2 = t_next(t_child(t_next(t_next(t_next(t_next(t_next(t_child(t_tr_1)))))))) as HTMLElement;
+			// @ts-ignore
+			const t_text_3 = t_next(t_tr_1);
+			$run(function setClasses() {
+				t_tr_1.className = t_class({ danger: $state.selected === t_item.data.row.id });
+			});
+			$run(function setTextContent() {
+				t_text_1.textContent = t_fmt(t_item.data.row.id);
+			});
+			t_event(t_a_1, "click", () => $state.selected = t_item.data.row.id);
+			$run(function setTextContent() {
+				t_text_2.textContent = ` ${t_fmt(t_item.data.row.label)} `;
+			});
+			t_event(t_a_2, "click", () => remove(t_item.data.row));
+			t_add_fragment(t_fragment_1, t_for_parent_1, t_before);
+			t_next(t_text_3);
+			t_pop_range(t_old_range_1);
+		}
+	);
+
+	t_event(t_button_1, "click", create);
+	t_event(t_button_2, "click", createLots);
+	t_event(t_button_3, "click", append);
+	t_event(t_button_4, "click", partialUpdate);
+	t_event(t_button_5, "click", clear);
+	t_event(t_button_6, "click", swapRows);
+	t_add_fragment(t_fragment_0, $parent, $anchor);
+	t_next(t_div_1);
+
+}