ripple 0.3.11 → 0.3.13

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

@@ -3,295 +3,328 @@ import * as _$_ from 'ripple/internal/server';
 
 import { track } from 'ripple/server';
 
-export function IfTruthy(__output) {
+export function IfTruthy() {
 	_$_.push_component();
 
 	const show = true;
 
-	__output.push('<!--[-->');
+	_$_.regular_block(() => {
+		_$_.output_push('<!--[-->');
 
-	if (show) {
-		__output.push('<div');
-		__output.push(' class="shown"');
-		__output.push('>');
+		if (show) {
+			_$_.output_push('<div');
+			_$_.output_push(' class="shown"');
+			_$_.output_push('>');
 
-		{
-			__output.push('Visible');
+			{
+				_$_.output_push('Visible');
+			}
+
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('<!--]-->');
+	});
 
-	__output.push('<!--]-->');
 	_$_.pop_component();
 }
 
-export function IfFalsy(__output) {
+export function IfFalsy() {
 	_$_.push_component();
 
 	const show = false;
 
-	__output.push('<!--[-->');
+	_$_.regular_block(() => {
+		_$_.output_push('<!--[-->');
 
-	if (show) {
-		__output.push('<div');
-		__output.push(' class="shown"');
-		__output.push('>');
+		if (show) {
+			_$_.output_push('<div');
+			_$_.output_push(' class="shown"');
+			_$_.output_push('>');
 
-		{
-			__output.push('Visible');
+			{
+				_$_.output_push('Visible');
+			}
+
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('<!--]-->');
+	});
 
-	__output.push('<!--]-->');
 	_$_.pop_component();
 }
 
-export function IfElse(__output) {
+export function IfElse() {
 	_$_.push_component();
 
 	const isLoggedIn = true;
 
-	__output.push('<!--[-->');
+	_$_.regular_block(() => {
+		_$_.output_push('<!--[-->');
 
-	if (isLoggedIn) {
-		__output.push('<div');
-		__output.push(' class="logged-in"');
-		__output.push('>');
+		if (isLoggedIn) {
+			_$_.output_push('<div');
+			_$_.output_push(' class="logged-in"');
+			_$_.output_push('>');
 
-		{
-			__output.push('Welcome back!');
-		}
+			{
+				_$_.output_push('Welcome back!');
+			}
 
-		__output.push('</div>');
-	} else {
-		__output.push('<div');
-		__output.push(' class="logged-out"');
-		__output.push('>');
+			_$_.output_push('</div>');
+		} else {
+			_$_.output_push('<div');
+			_$_.output_push(' class="logged-out"');
+			_$_.output_push('>');
 
-		{
-			__output.push('Please log in');
+			{
+				_$_.output_push('Please log in');
+			}
+
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('<!--]-->');
+	});
 
-	__output.push('<!--]-->');
 	_$_.pop_component();
 }
 
-export function ReactiveIf(__output) {
+export function ReactiveIf() {
 	_$_.push_component();
 
 	let lazy = _$_.track(true);
 
-	__output.push('<button');
-	__output.push(' class="toggle"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<button');
+		_$_.output_push(' class="toggle"');
+		_$_.output_push('>');
 
-	{
-		__output.push('Toggle');
-	}
+		{
+			_$_.output_push('Toggle');
+		}
 
-	__output.push('</button>');
-	__output.push('<!--[-->');
+		_$_.output_push('</button>');
+	});
 
-	if (_$_.get(lazy)) {
-		__output.push('<div');
-		__output.push(' class="content"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<!--[-->');
 
-		{
-			__output.push('Content visible');
+		if (_$_.get(lazy)) {
+			_$_.output_push('<div');
+			_$_.output_push(' class="content"');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push('Content visible');
+			}
+
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('<!--]-->');
+	});
 
-	__output.push('<!--]-->');
 	_$_.pop_component();
 }
 
-export function ReactiveIfElse(__output) {
+export function ReactiveIfElse() {
 	_$_.push_component();
 
 	let lazy_1 = _$_.track(false);
 
-	__output.push('<button');
-	__output.push(' class="toggle"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<button');
+		_$_.output_push(' class="toggle"');
+		_$_.output_push('>');
 
-	{
-		__output.push('Toggle');
-	}
+		{
+			_$_.output_push('Toggle');
+		}
 
-	__output.push('</button>');
-	__output.push('<!--[-->');
+		_$_.output_push('</button>');
+	});
 
-	if (_$_.get(lazy_1)) {
-		__output.push('<div');
-		__output.push(' class="on"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<!--[-->');
 
-		{
-			__output.push('ON');
-		}
+		if (_$_.get(lazy_1)) {
+			_$_.output_push('<div');
+			_$_.output_push(' class="on"');
+			_$_.output_push('>');
 
-		__output.push('</div>');
-	} else {
-		__output.push('<div');
-		__output.push(' class="off"');
-		__output.push('>');
+			{
+				_$_.output_push('ON');
+			}
 
-		{
-			__output.push('OFF');
+			_$_.output_push('</div>');
+		} else {
+			_$_.output_push('<div');
+			_$_.output_push(' class="off"');
+			_$_.output_push('>');
+
+			{
+				_$_.output_push('OFF');
+			}
+
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('<!--]-->');
+	});
 
-	__output.push('<!--]-->');
 	_$_.pop_component();
 }
 
-export function NestedIf(__output) {
+export function NestedIf() {
 	_$_.push_component();
 
 	let lazy_2 = _$_.track(true);
 	let lazy_3 = _$_.track(true);
 
-	__output.push('<button');
-	__output.push(' class="outer-toggle"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<button');
+		_$_.output_push(' class="outer-toggle"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push('Outer');
+		}
+
+		_$_.output_push('</button>');
+	});
 
-	{
-		__output.push('Outer');
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<button');
+		_$_.output_push(' class="inner-toggle"');
+		_$_.output_push('>');
 
-	__output.push('</button>');
-	__output.push('<button');
-	__output.push(' class="inner-toggle"');
-	__output.push('>');
+		{
+			_$_.output_push('Inner');
+		}
 
-	{
-		__output.push('Inner');
-	}
+		_$_.output_push('</button>');
+	});
 
-	__output.push('</button>');
-	__output.push('<!--[-->');
+	_$_.regular_block(() => {
+		_$_.output_push('<!--[-->');
 
-	if (_$_.get(lazy_2)) {
-		__output.push('<div');
-		__output.push(' class="outer-content"');
-		__output.push('>');
+		if (_$_.get(lazy_2)) {
+			_$_.output_push('<div');
+			_$_.output_push(' class="outer-content"');
+			_$_.output_push('>');
 
-		{
-			__output.push('Outer');
-			__output.push('<!--[-->');
+			{
+				_$_.output_push('Outer');
+				_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_3)) {
-				__output.push('<span');
-				__output.push(' class="inner-content"');
-				__output.push('>');
+				if (_$_.get(lazy_3)) {
+					_$_.output_push('<span');
+					_$_.output_push(' class="inner-content"');
+					_$_.output_push('>');
 
-				{
-					__output.push('Inner');
+					{
+						_$_.output_push('Inner');
+					}
+
+					_$_.output_push('</span>');
 				}
 
-				__output.push('</span>');
+				_$_.output_push('<!--]-->');
 			}
 
-			__output.push('<!--]-->');
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('<!--]-->');
+	});
 
-	__output.push('<!--]-->');
 	_$_.pop_component();
 }
 
-export function IfElseIfChain(__output) {
+export function IfElseIfChain() {
 	_$_.push_component();
 
 	let lazy_4 = _$_.track('loading');
 
-	__output.push('<div');
-	__output.push('>');
-
-	{
-		__output.push('<button');
-		__output.push(' class="success"');
-		__output.push('>');
-
-		{
-			__output.push('Success');
-		}
-
-		__output.push('</button>');
-		__output.push('<button');
-		__output.push(' class="error"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push('>');
 
 		{
-			__output.push('Error');
-		}
+			_$_.output_push('<button');
+			_$_.output_push(' class="success"');
+			_$_.output_push('>');
 
-		__output.push('</button>');
-		__output.push('<button');
-		__output.push(' class="loading"');
-		__output.push('>');
+			{
+				_$_.output_push('Success');
+			}
 
-		{
-			__output.push('Loading');
-		}
+			_$_.output_push('</button>');
+			_$_.output_push('<button');
+			_$_.output_push(' class="error"');
+			_$_.output_push('>');
 
-		__output.push('</button>');
-		__output.push('<!--[-->');
+			{
+				_$_.output_push('Error');
+			}
 
-		if (_$_.get(lazy_4) === 'loading') {
-			__output.push('<div');
-			__output.push(' class="state"');
-			__output.push('>');
+			_$_.output_push('</button>');
+			_$_.output_push('<button');
+			_$_.output_push(' class="loading"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Loading...');
+				_$_.output_push('Loading');
 			}
 
-			__output.push('</div>');
-		} else {
-			__output.push('<!--[-->');
+			_$_.output_push('</button>');
+			_$_.output_push('<!--[-->');
 
-			if (_$_.get(lazy_4) === 'success') {
-				__output.push('<div');
-				__output.push(' class="state"');
-				__output.push('>');
+			if (_$_.get(lazy_4) === 'loading') {
+				_$_.output_push('<div');
+				_$_.output_push(' class="state"');
+				_$_.output_push('>');
 
 				{
-					__output.push('Success!');
+					_$_.output_push('Loading...');
 				}
 
-				__output.push('</div>');
+				_$_.output_push('</div>');
 			} else {
-				__output.push('<div');
-				__output.push(' class="state"');
-				__output.push('>');
+				_$_.output_push('<!--[-->');
 
-				{
-					__output.push('Error occurred');
+				if (_$_.get(lazy_4) === 'success') {
+					_$_.output_push('<div');
+					_$_.output_push(' class="state"');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('Success!');
+					}
+
+					_$_.output_push('</div>');
+				} else {
+					_$_.output_push('<div');
+					_$_.output_push(' class="state"');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('Error occurred');
+					}
+
+					_$_.output_push('</div>');
 				}
 
-				__output.push('</div>');
+				_$_.output_push('<!--]-->');
 			}
 
-			__output.push('<!--]-->');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }