ripple 0.3.67 → 0.3.69

package/tests/hydration/compiled/client/if-children.js

@@ -24,389 +24,374 @@ var root_19 = _$_.template(`<div class="wrapper"><ul class="features"><li><stron
 
 import { track } from 'ripple';
 
-export function IfWithChildren(__anchor, { children }, __block) {
-	_$_.push_component();
+export function IfWithChildren({ children }) {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy = _$_.track(true, __block, 'c64714b1');
+		var div_1 = root();
 
-	let lazy = _$_.track(true, __block, 'c64714b1');
-	var div_1 = root();
+		{
+			var div_2 = _$_.child(div_1);
 
-	{
-		var div_2 = _$_.child(div_1);
+			div_2.__click = () => _$_.set(lazy, !lazy.value);
 
-		div_2.__click = () => _$_.set(lazy, !lazy.value);
+			var node = _$_.sibling(div_2);
 
-		var node = _$_.sibling(div_2);
+			{
+				var consequent = (__anchor) => {
+					var div_3 = root_1();
 
-		{
-			var consequent = (__anchor) => {
-				var div_3 = root_1();
+					{
+						var expression = _$_.child(div_3);
 
-				{
-					var expression = _$_.child(div_3);
+						_$_.expression(expression, () => children);
+						_$_.pop(div_3);
+					}
 
-					_$_.expression(expression, () => children);
-					_$_.pop(div_3);
-				}
+					_$_.append(__anchor, div_3);
+				};
 
-				_$_.append(__anchor, div_3);
-			};
+				_$_.if(node, (__render) => {
+					if (lazy.value) __render(consequent);
+				});
+			}
 
-			_$_.if(node, (__render) => {
-				if (lazy.value) __render(consequent);
-			});
+			_$_.pop(div_1);
 		}
 
-		_$_.pop(div_1);
-	}
-
-	_$_.append(__anchor, div_1);
-	_$_.pop_component();
+		_$_.append(__anchor, div_1);
+	});
 }
 
-export function ChildItem(__anchor, { text: label }, __block) {
-	_$_.push_component();
-
-	var div_4 = root_2();
+export function ChildItem({ text: label }) {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var div_4 = root_2();
 
-	{
-		var expression_1 = _$_.child(div_4);
+		{
+			var expression_1 = _$_.child(div_4, true);
 
-		_$_.expression(expression_1, () => label);
-		_$_.pop(div_4);
-	}
+			expression_1.nodeValue = label;
+			_$_.pop(div_4);
+		}
 
-	_$_.append(__anchor, div_4);
-	_$_.pop_component();
+		_$_.append(__anchor, div_4);
+	});
 }
 
-export function TestIfWithChildren(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment = root_3();
-	var node_1 = _$_.first_child_frag(fragment);
+export function TestIfWithChildren() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment = root_3();
+		var node_1 = _$_.first_child_frag(fragment);
 
-	IfWithChildren(
-		node_1,
-		{
-			children: _$_.tsrx_element(function render_children(__anchor, __block) {
+		_$_.render_component(IfWithChildren, node_1, {
+			children: _$_.tsrx_element((__anchor, __block) => {
 				var fragment_1 = root_4();
 				var node_2 = _$_.first_child_frag(fragment_1);
 
-				ChildItem(node_2, { text: "Item 1" }, _$_.active_block);
+				_$_.render_component(ChildItem, node_2, { text: "Item 1" });
 
 				var node_3 = _$_.sibling(node_2);
 
-				ChildItem(node_3, { text: "Item 2" }, _$_.active_block);
+				_$_.render_component(ChildItem, node_3, { text: "Item 2" });
 				_$_.append(__anchor, fragment_1);
 			})
-		},
-		_$_.active_block
-	);
+		});
 
-	_$_.append(__anchor, fragment);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment);
+	});
 }
 
-export function IfWithStaticChildren(__anchor, _, __block) {
-	_$_.push_component();
+export function IfWithStaticChildren() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_1 = _$_.track(true, __block, '3bba8f77');
+		var div_5 = root_5();
 
-	let lazy_1 = _$_.track(true, __block, '3bba8f77');
-	var div_5 = root_5();
+		{
+			var div_6 = _$_.child(div_5);
 
-	{
-		var div_6 = _$_.child(div_5);
+			div_6.__click = () => _$_.set(lazy_1, !lazy_1.value);
 
-		div_6.__click = () => _$_.set(lazy_1, !lazy_1.value);
+			var node_4 = _$_.sibling(div_6);
 
-		var node_4 = _$_.sibling(div_6);
+			{
+				var consequent_1 = (__anchor) => {
+					var div_7 = root_6();
 
-		{
-			var consequent_1 = (__anchor) => {
-				var div_7 = root_6();
+					_$_.append(__anchor, div_7);
+				};
 
-				_$_.append(__anchor, div_7);
-			};
+				_$_.if(node_4, (__render) => {
+					if (lazy_1.value) __render(consequent_1);
+				});
+			}
 
-			_$_.if(node_4, (__render) => {
-				if (lazy_1.value) __render(consequent_1);
-			});
+			_$_.pop(div_5);
 		}
 
-		_$_.pop(div_5);
-	}
-
-	_$_.append(__anchor, div_5);
-	_$_.pop_component();
+		_$_.append(__anchor, div_5);
+	});
 }
 
-export function IfWithSiblingsAndChildren(__anchor, { children }, __block) {
-	_$_.push_component();
+export function IfWithSiblingsAndChildren({ children }) {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_2 = _$_.track(true, __block, 'a1b8fb4c');
+		var section_1 = root_7();
 
-	let lazy_2 = _$_.track(true, __block, 'a1b8fb4c');
-	var section_1 = root_7();
+		{
+			var div_8 = _$_.child(section_1);
 
-	{
-		var div_8 = _$_.child(section_1);
+			div_8.__click = () => _$_.set(lazy_2, !lazy_2.value);
+			_$_.pop(div_8);
 
-		div_8.__click = () => _$_.set(lazy_2, !lazy_2.value);
-		_$_.pop(div_8);
+			var node_5 = _$_.sibling(div_8);
 
-		var node_5 = _$_.sibling(div_8);
+			{
+				var consequent_2 = (__anchor) => {
+					var div_9 = root_8();
 
-		{
-			var consequent_2 = (__anchor) => {
-				var div_9 = root_8();
+					{
+						var expression_2 = _$_.child(div_9);
 
-				{
-					var expression_2 = _$_.child(div_9);
+						_$_.expression(expression_2, () => children);
+						_$_.pop(div_9);
+					}
 
-					_$_.expression(expression_2, () => children);
-					_$_.pop(div_9);
-				}
+					_$_.append(__anchor, div_9);
+				};
 
-				_$_.append(__anchor, div_9);
-			};
+				_$_.if(node_5, (__render) => {
+					if (lazy_2.value) __render(consequent_2);
+				});
+			}
 
-			_$_.if(node_5, (__render) => {
-				if (lazy_2.value) __render(consequent_2);
-			});
+			_$_.pop(section_1);
 		}
 
-		_$_.pop(section_1);
-	}
-
-	_$_.append(__anchor, section_1);
-	_$_.pop_component();
+		_$_.append(__anchor, section_1);
+	});
 }
 
-export function TestIfWithSiblingsAndChildren(__anchor, _, __block) {
-	_$_.push_component();
-
-	var fragment_2 = root_9();
-	var node_6 = _$_.first_child_frag(fragment_2);
+export function TestIfWithSiblingsAndChildren() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var fragment_2 = root_9();
+		var node_6 = _$_.first_child_frag(fragment_2);
 
-	IfWithSiblingsAndChildren(
-		node_6,
-		{
-			children: _$_.tsrx_element(function render_children(__anchor, __block) {
+		_$_.render_component(IfWithSiblingsAndChildren, node_6, {
+			children: _$_.tsrx_element((__anchor, __block) => {
 				var fragment_3 = root_10();
 				var node_7 = _$_.first_child_frag(fragment_3);
 
-				ChildItem(node_7, { text: "Item A" }, _$_.active_block);
+				_$_.render_component(ChildItem, node_7, { text: "Item A" });
 
 				var node_8 = _$_.sibling(node_7);
 
-				ChildItem(node_8, { text: "Item B" }, _$_.active_block);
+				_$_.render_component(ChildItem, node_8, { text: "Item B" });
 				_$_.append(__anchor, fragment_3);
 			})
-		},
-		_$_.active_block
-	);
+		});
 
-	_$_.append(__anchor, fragment_2);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_2);
+	});
 }
 
-export function ElementWithChildrenThenIf(__anchor, _, __block) {
-	_$_.push_component();
+export function ElementWithChildrenThenIf() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_3 = _$_.track(true, __block, '7cd4817b');
+		var fragment_4 = root_11();
+		var div_11 = _$_.first_child_frag(fragment_4);
 
-	let lazy_3 = _$_.track(true, __block, '7cd4817b');
-	var fragment_4 = root_11();
-	var div_11 = _$_.first_child_frag(fragment_4);
+		{
+			var div_10 = _$_.child(div_11);
 
-	{
-		var div_10 = _$_.child(div_11);
+			_$_.pop(div_10);
 
-		_$_.pop(div_10);
+			var node_9 = _$_.sibling(div_10);
 
-		var node_9 = _$_.sibling(div_10);
+			{
+				var consequent_3 = (__anchor) => {
+					var div_12 = root_12();
 
-		{
-			var consequent_3 = (__anchor) => {
-				var div_12 = root_12();
+					_$_.append(__anchor, div_12);
+				};
 
-				_$_.append(__anchor, div_12);
-			};
+				_$_.if(node_9, (__render) => {
+					if (lazy_3.value) __render(consequent_3);
+				});
+			}
 
-			_$_.if(node_9, (__render) => {
-				if (lazy_3.value) __render(consequent_3);
-			});
+			_$_.pop(div_11);
 		}
 
-		_$_.pop(div_11);
-	}
+		var button_1 = _$_.sibling(div_11);
 
-	var button_1 = _$_.sibling(div_11);
-
-	button_1.__click = () => _$_.set(lazy_3, !lazy_3.value);
-	_$_.next();
-	_$_.append(__anchor, fragment_4, true);
-	_$_.pop_component();
+		button_1.__click = () => _$_.set(lazy_3, !lazy_3.value);
+		_$_.next();
+		_$_.append(__anchor, fragment_4, true);
+	});
 }
 
-export function DeepNestingThenIf(__anchor, _, __block) {
-	_$_.push_component();
+export function DeepNestingThenIf() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_4 = _$_.track(true, __block, '923116be');
+		var fragment_5 = root_13();
+		var section_2 = _$_.first_child_frag(fragment_5);
 
-	let lazy_4 = _$_.track(true, __block, '923116be');
-	var fragment_5 = root_13();
-	var section_2 = _$_.first_child_frag(fragment_5);
+		{
+			var article_1 = _$_.child(section_2);
 
-	{
-		var article_1 = _$_.child(section_2);
+			_$_.pop(article_1);
 
-		_$_.pop(article_1);
+			var node_10 = _$_.sibling(article_1);
 
-		var node_10 = _$_.sibling(article_1);
+			{
+				var consequent_4 = (__anchor) => {
+					var footer_1 = root_14();
 
-		{
-			var consequent_4 = (__anchor) => {
-				var footer_1 = root_14();
+					_$_.append(__anchor, footer_1);
+				};
 
-				_$_.append(__anchor, footer_1);
-			};
+				_$_.if(node_10, (__render) => {
+					if (lazy_4.value) __render(consequent_4);
+				});
+			}
 
-			_$_.if(node_10, (__render) => {
-				if (lazy_4.value) __render(consequent_4);
-			});
+			_$_.pop(section_2);
 		}
 
-		_$_.pop(section_2);
-	}
-
-	var button_2 = _$_.sibling(section_2);
+		var button_2 = _$_.sibling(section_2);
 
-	button_2.__click = () => _$_.set(lazy_4, !lazy_4.value);
-	_$_.next();
-	_$_.append(__anchor, fragment_5, true);
-	_$_.pop_component();
+		button_2.__click = () => _$_.set(lazy_4, !lazy_4.value);
+		_$_.next();
+		_$_.append(__anchor, fragment_5, true);
+	});
 }
 
-export function DomElementChildrenThenSibling(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy_5 = _$_.track('code', __block, '33a1e97f');
-	var div_13 = root_15();
-
-	{
-		var div_14 = _$_.child(div_13);
+export function DomElementChildrenThenSibling() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_5 = _$_.track('code', __block, '33a1e97f');
+		var div_13 = root_15();
 
 		{
-			var button_3 = _$_.child(div_14);
+			var div_14 = _$_.child(div_13);
 
-			button_3.__click = () => _$_.set(lazy_5, 'code');
+			{
+				var button_3 = _$_.child(div_14);
 
-			var button_4 = _$_.sibling(button_3);
+				button_3.__click = () => _$_.set(lazy_5, 'code');
 
-			button_4.__click = () => _$_.set(lazy_5, 'preview');
-		}
+				var button_4 = _$_.sibling(button_3);
 
-		_$_.pop(div_14);
+				button_4.__click = () => _$_.set(lazy_5, 'preview');
+			}
 
-		var div_15 = _$_.sibling(div_14);
+			_$_.pop(div_14);
 
-		{
-			var node_11 = _$_.child(div_15);
+			var div_15 = _$_.sibling(div_14);
 
 			{
-				var consequent_5 = (__anchor) => {
-					var pre_1 = root_16();
+				var node_11 = _$_.child(div_15);
 
-					_$_.append(__anchor, pre_1);
-				};
-
-				var alternate = (__anchor) => {
-					var div_16 = root_17();
+				{
+					var consequent_5 = (__anchor) => {
+						var pre_1 = root_16();
 
-					_$_.append(__anchor, div_16);
-				};
+						_$_.append(__anchor, pre_1);
+					};
 
-				_$_.if(node_11, (__render) => {
-					if (lazy_5.value === 'code') __render(consequent_5); else __render(alternate, false);
-				});
-			}
+					var alternate = (__anchor) => {
+						var div_16 = root_17();
 
-			_$_.pop(div_15);
-		}
-	}
+						_$_.append(__anchor, div_16);
+					};
 
-	_$_.render(
-		(__prev) => {
-			var __a = lazy_5.value === 'code' ? 'true' : 'false';
+					_$_.if(node_11, (__render) => {
+						if (lazy_5.value === 'code') __render(consequent_5); else __render(alternate, false);
+					});
+				}
 
-			if (__prev.a !== __a) {
-				_$_.set_attribute(button_3, 'aria-selected', __prev.a = __a);
+				_$_.pop(div_15);
 			}
+		}
 
-			var __b = lazy_5.value === 'preview' ? 'true' : 'false';
+		_$_.render(
+			(__prev) => {
+				var __a = lazy_5.value === 'code' ? 'true' : 'false';
 
-			if (__prev.b !== __b) {
-				_$_.set_attribute(button_4, 'aria-selected', __prev.b = __b);
-			}
-		},
-		{ a: void 0, b: void 0 }
-	);
+				if (__prev.a !== __a) {
+					_$_.set_attribute(button_3, 'aria-selected', __prev.a = __a);
+				}
 
-	_$_.append(__anchor, div_13);
-	_$_.pop_component();
-}
+				var __b = lazy_5.value === 'preview' ? 'true' : 'false';
 
-export function DomChildrenThenStaticSiblings(__anchor, _, __block) {
-	_$_.push_component();
+				if (__prev.b !== __b) {
+					_$_.set_attribute(button_4, 'aria-selected', __prev.b = __b);
+				}
+			},
+			{ a: void 0, b: void 0 }
+		);
 
-	let lazy_6 = _$_.track(0, __block, '0ea64305');
-	var fragment_6 = root_18();
-	var div_17 = _$_.first_child_frag(fragment_6);
+		_$_.append(__anchor, div_13);
+	});
+}
 
-	{
-		var ul_1 = _$_.child(div_17);
+export function DomChildrenThenStaticSiblings() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_6 = _$_.track(0, __block, '0ea64305');
+		var fragment_6 = root_18();
+		var div_17 = _$_.first_child_frag(fragment_6);
 
 		{
-			var li_1 = _$_.child(ul_1);
+			var ul_1 = _$_.child(div_17);
 
 			{
-				var expression_3 = _$_.child(li_1);
+				var li_1 = _$_.child(ul_1);
 
-				_$_.expression(expression_3, () => 'Item count: ' + _$_.with_scope(__block, () => String(lazy_6.value)));
-				_$_.pop(li_1);
+				{
+					var expression_3 = _$_.child(li_1, true);
+
+					_$_.pop(li_1);
+				}
 			}
+
+			_$_.pop(ul_1);
 		}
 
-		_$_.pop(ul_1);
-	}
+		_$_.pop(div_17);
 
-	_$_.pop(div_17);
+		var button_5 = _$_.sibling(div_17);
 
-	var button_5 = _$_.sibling(div_17);
+		button_5.__click = () => _$_.update(lazy_6);
+		_$_.next();
 
-	button_5.__click = () => _$_.update(lazy_6);
-	_$_.next();
-	_$_.append(__anchor, fragment_6, true);
-	_$_.pop_component();
+		_$_.render(() => {
+			_$_.set_text(expression_3, 'Item count: ' + _$_.with_scope(__block, () => String(lazy_6.value)));
+		});
+
+		_$_.append(__anchor, fragment_6, true);
+	});
 }
 
-export function StaticListThenStaticSiblings(__anchor, _, __block) {
-	_$_.push_component();
+export function StaticListThenStaticSiblings() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		var div_18 = root_19();
 
-	var div_18 = root_19();
+		{
+			var ul_2 = _$_.child(div_18);
 
-	{
-		var ul_2 = _$_.child(div_18);
+			{
+				var li_2 = _$_.child(ul_2);
 
-		{
-			var li_2 = _$_.child(ul_2);
+				_$_.pop(li_2);
 
-			_$_.pop(li_2);
+				var li_3 = _$_.sibling(li_2);
 
-			var li_3 = _$_.sibling(li_2);
+				_$_.pop(li_3);
+			}
 
-			_$_.pop(li_3);
+			_$_.pop(ul_2);
 		}
 
-		_$_.pop(ul_2);
-	}
-
-	_$_.append(__anchor, div_18);
-	_$_.pop_component();
+		_$_.append(__anchor, div_18);
+	});
 }
 
 _$_.delegate(['click']);