ripple 0.3.68 → 0.3.69

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

@@ -24,269 +24,262 @@ var root_15 = _$_.template(`<div><button class="success">Success</button><button
 
 import { track } from 'ripple';
 
-export function IfTruthy(__anchor, _, __block) {
-	_$_.push_component();
+export function IfTruthy() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		const show = true;
+		var fragment = root();
+		var node = _$_.first_child_frag(fragment);
 
-	const show = true;
-	var fragment = root();
-	var node = _$_.first_child_frag(fragment);
-
-	{
-		var consequent = (__anchor) => {
-			var div_1 = root_1();
+		{
+			var consequent = (__anchor) => {
+				var div_1 = root_1();
 
-			_$_.append(__anchor, div_1);
-		};
+				_$_.append(__anchor, div_1);
+			};
 
-		_$_.if(node, (__render) => {
-			if (show) __render(consequent);
-		});
-	}
+			_$_.if(node, (__render) => {
+				if (show) __render(consequent);
+			});
+		}
 
-	_$_.append(__anchor, fragment);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment);
+	});
 }
 
-export function IfFalsy(__anchor, _, __block) {
-	_$_.push_component();
+export function IfFalsy() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		const show = false;
+		var fragment_1 = root_2();
+		var node_1 = _$_.first_child_frag(fragment_1);
 
-	const show = false;
-	var fragment_1 = root_2();
-	var node_1 = _$_.first_child_frag(fragment_1);
-
-	{
-		var consequent_1 = (__anchor) => {
-			var div_2 = root_3();
+		{
+			var consequent_1 = (__anchor) => {
+				var div_2 = root_3();
 
-			_$_.append(__anchor, div_2);
-		};
+				_$_.append(__anchor, div_2);
+			};
 
-		_$_.if(node_1, (__render) => {
-			if (show) __render(consequent_1);
-		});
-	}
+			_$_.if(node_1, (__render) => {
+				if (show) __render(consequent_1);
+			});
+		}
 
-	_$_.append(__anchor, fragment_1);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_1);
+	});
 }
 
-export function IfElse(__anchor, _, __block) {
-	_$_.push_component();
+export function IfElse() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		const isLoggedIn = true;
+		var fragment_2 = root_4();
+		var node_2 = _$_.first_child_frag(fragment_2);
 
-	const isLoggedIn = true;
-	var fragment_2 = root_4();
-	var node_2 = _$_.first_child_frag(fragment_2);
-
-	{
-		var consequent_2 = (__anchor) => {
-			var div_3 = root_5();
+		{
+			var consequent_2 = (__anchor) => {
+				var div_3 = root_5();
 
-			_$_.append(__anchor, div_3);
-		};
+				_$_.append(__anchor, div_3);
+			};
 
-		var alternate = (__anchor) => {
-			var div_4 = root_6();
+			var alternate = (__anchor) => {
+				var div_4 = root_6();
 
-			_$_.append(__anchor, div_4);
-		};
+				_$_.append(__anchor, div_4);
+			};
 
-		_$_.if(node_2, (__render) => {
-			if (isLoggedIn) __render(consequent_2); else __render(alternate, false);
-		});
-	}
+			_$_.if(node_2, (__render) => {
+				if (isLoggedIn) __render(consequent_2); else __render(alternate, false);
+			});
+		}
 
-	_$_.append(__anchor, fragment_2);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_2);
+	});
 }
 
-export function ReactiveIf(__anchor, _, __block) {
-	_$_.push_component();
+export function ReactiveIf() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy = _$_.track(true, __block, '19a16ff0');
+		var fragment_3 = root_7();
+		var button_1 = _$_.first_child_frag(fragment_3);
 
-	let lazy = _$_.track(true, __block, '19a16ff0');
-	var fragment_3 = root_7();
-	var button_1 = _$_.first_child_frag(fragment_3);
-
-	button_1.__click = () => {
-		_$_.set(lazy, !lazy.value);
-	};
+		button_1.__click = () => {
+			_$_.set(lazy, !lazy.value);
+		};
 
-	var node_3 = _$_.sibling(button_1);
+		var node_3 = _$_.sibling(button_1);
 
-	{
-		var consequent_3 = (__anchor) => {
-			var div_5 = root_8();
+		{
+			var consequent_3 = (__anchor) => {
+				var div_5 = root_8();
 
-			_$_.append(__anchor, div_5);
-		};
+				_$_.append(__anchor, div_5);
+			};
 
-		_$_.if(node_3, (__render) => {
-			if (lazy.value) __render(consequent_3);
-		});
-	}
+			_$_.if(node_3, (__render) => {
+				if (lazy.value) __render(consequent_3);
+			});
+		}
 
-	_$_.append(__anchor, fragment_3);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_3);
+	});
 }
 
-export function ReactiveIfElse(__anchor, _, __block) {
-	_$_.push_component();
-
-	let lazy_1 = _$_.track(false, __block, '41177f39');
-	var fragment_4 = root_9();
-	var button_2 = _$_.first_child_frag(fragment_4);
+export function ReactiveIfElse() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_1 = _$_.track(false, __block, '41177f39');
+		var fragment_4 = root_9();
+		var button_2 = _$_.first_child_frag(fragment_4);
 
-	button_2.__click = () => {
-		_$_.set(lazy_1, !lazy_1.value);
-	};
+		button_2.__click = () => {
+			_$_.set(lazy_1, !lazy_1.value);
+		};
 
-	var node_4 = _$_.sibling(button_2);
+		var node_4 = _$_.sibling(button_2);
 
-	{
-		var consequent_4 = (__anchor) => {
-			var div_6 = root_10();
+		{
+			var consequent_4 = (__anchor) => {
+				var div_6 = root_10();
 
-			_$_.append(__anchor, div_6);
-		};
+				_$_.append(__anchor, div_6);
+			};
 
-		var alternate_1 = (__anchor) => {
-			var div_7 = root_11();
+			var alternate_1 = (__anchor) => {
+				var div_7 = root_11();
 
-			_$_.append(__anchor, div_7);
-		};
+				_$_.append(__anchor, div_7);
+			};
 
-		_$_.if(node_4, (__render) => {
-			if (lazy_1.value) __render(consequent_4); else __render(alternate_1, false);
-		});
-	}
+			_$_.if(node_4, (__render) => {
+				if (lazy_1.value) __render(consequent_4); else __render(alternate_1, false);
+			});
+		}
 
-	_$_.append(__anchor, fragment_4);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_4);
+	});
 }
 
-export function NestedIf(__anchor, _, __block) {
-	_$_.push_component();
+export function NestedIf() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_2 = _$_.track(true, __block, '7894e1df');
+		let lazy_3 = _$_.track(true, __block, 'f21b8c26');
+		var fragment_5 = root_12();
+		var button_3 = _$_.first_child_frag(fragment_5);
 
-	let lazy_2 = _$_.track(true, __block, '7894e1df');
-	let lazy_3 = _$_.track(true, __block, 'f21b8c26');
-	var fragment_5 = root_12();
-	var button_3 = _$_.first_child_frag(fragment_5);
+		button_3.__click = () => {
+			_$_.set(lazy_2, !lazy_2.value);
+		};
 
-	button_3.__click = () => {
-		_$_.set(lazy_2, !lazy_2.value);
-	};
+		var button_4 = _$_.sibling(button_3);
 
-	var button_4 = _$_.sibling(button_3);
+		button_4.__click = () => {
+			_$_.set(lazy_3, !lazy_3.value);
+		};
 
-	button_4.__click = () => {
-		_$_.set(lazy_3, !lazy_3.value);
-	};
+		var node_5 = _$_.sibling(button_4);
 
-	var node_5 = _$_.sibling(button_4);
+		{
+			var consequent_6 = (__anchor) => {
+				var div_8 = root_13();
 
-	{
-		var consequent_6 = (__anchor) => {
-			var div_8 = root_13();
+				{
+					var expression = _$_.child(div_8);
+					var node_6 = _$_.sibling(expression);
 
-			{
-				var expression = _$_.child(div_8);
-				var node_6 = _$_.sibling(expression);
+					{
+						var consequent_5 = (__anchor) => {
+							var span_1 = root_14();
 
-				{
-					var consequent_5 = (__anchor) => {
-						var span_1 = root_14();
+							_$_.append(__anchor, span_1);
+						};
 
-						_$_.append(__anchor, span_1);
-					};
+						_$_.if(node_6, (__render) => {
+							if (lazy_3.value) __render(consequent_5);
+						});
+					}
 
-					_$_.if(node_6, (__render) => {
-						if (lazy_3.value) __render(consequent_5);
-					});
+					_$_.pop(div_8);
 				}
 
-				_$_.pop(div_8);
-			}
-
-			_$_.append(__anchor, div_8);
-		};
+				_$_.append(__anchor, div_8);
+			};
 
-		_$_.if(node_5, (__render) => {
-			if (lazy_2.value) __render(consequent_6);
-		});
-	}
+			_$_.if(node_5, (__render) => {
+				if (lazy_2.value) __render(consequent_6);
+			});
+		}
 
-	_$_.append(__anchor, fragment_5);
-	_$_.pop_component();
+		_$_.append(__anchor, fragment_5);
+	});
 }
 
-export function IfElseIfChain(__anchor, _, __block) {
-	_$_.push_component();
+export function IfElseIfChain() {
+	return _$_.tsrx_element((__anchor, __block) => {
+		let lazy_4 = _$_.track('loading', __block, '4c69c94a');
+		var div_9 = root_15();
 
-	let lazy_4 = _$_.track('loading', __block, '4c69c94a');
-	var div_9 = root_15();
+		{
+			var button_5 = _$_.child(div_9);
 
-	{
-		var button_5 = _$_.child(div_9);
+			button_5.__click = () => {
+				_$_.set(lazy_4, 'success');
+			};
 
-		button_5.__click = () => {
-			_$_.set(lazy_4, 'success');
-		};
+			var button_6 = _$_.sibling(button_5);
 
-		var button_6 = _$_.sibling(button_5);
+			button_6.__click = () => {
+				_$_.set(lazy_4, 'error');
+			};
 
-		button_6.__click = () => {
-			_$_.set(lazy_4, 'error');
-		};
+			var button_7 = _$_.sibling(button_6);
 
-		var button_7 = _$_.sibling(button_6);
+			button_7.__click = () => {
+				_$_.set(lazy_4, 'loading');
+			};
 
-		button_7.__click = () => {
-			_$_.set(lazy_4, 'loading');
-		};
+			var node_7 = _$_.sibling(button_7);
 
-		var node_7 = _$_.sibling(button_7);
+			{
+				var consequent_7 = (__anchor) => {
+					var div_10 = root_16();
 
-		{
-			var consequent_7 = (__anchor) => {
-				var div_10 = root_16();
+					_$_.append(__anchor, div_10);
+				};
 
-				_$_.append(__anchor, div_10);
-			};
+				var alternate_3 = (__anchor) => {
+					var fragment_6 = root_17();
+					var node_8 = _$_.first_child_frag(fragment_6);
 
-			var alternate_3 = (__anchor) => {
-				var fragment_6 = root_17();
-				var node_8 = _$_.first_child_frag(fragment_6);
+					{
+						var consequent_8 = (__anchor) => {
+							var div_11 = root_18();
 
-				{
-					var consequent_8 = (__anchor) => {
-						var div_11 = root_18();
+							_$_.append(__anchor, div_11);
+						};
 
-						_$_.append(__anchor, div_11);
-					};
+						var alternate_2 = (__anchor) => {
+							var div_12 = root_19();
 
-					var alternate_2 = (__anchor) => {
-						var div_12 = root_19();
+							_$_.append(__anchor, div_12);
+						};
 
-						_$_.append(__anchor, div_12);
-					};
+						_$_.if(node_8, (__render) => {
+							if (lazy_4.value === 'success') __render(consequent_8); else __render(alternate_2, false);
+						});
+					}
 
-					_$_.if(node_8, (__render) => {
-						if (lazy_4.value === 'success') __render(consequent_8); else __render(alternate_2, false);
-					});
-				}
+					_$_.append(__anchor, fragment_6);
+				};
 
-				_$_.append(__anchor, fragment_6);
-			};
+				_$_.if(node_7, (__render) => {
+					if (lazy_4.value === 'loading') __render(consequent_7); else __render(alternate_3, false);
+				});
+			}
 
-			_$_.if(node_7, (__render) => {
-				if (lazy_4.value === 'loading') __render(consequent_7); else __render(alternate_3, false);
-			});
+			_$_.pop(div_9);
 		}
 
-		_$_.pop(div_9);
-	}
-
-	_$_.append(__anchor, div_9);
-	_$_.pop_component();
+		_$_.append(__anchor, div_9);
+	});
 }
 
 _$_.delegate(['click']);