ripple 0.3.12 → 0.3.13

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

@@ -3,660 +3,700 @@ import * as _$_ from 'ripple/internal/server';
 
 import { track } from 'ripple/server';
 
-export function IfWithChildren(__output, { children }) {
+export function IfWithChildren({ children }) {
 	_$_.push_component();
 
 	let lazy = _$_.track(true);
 
-	__output.push('<div');
-	__output.push(' class="container"');
-	__output.push('>');
-
-	{
-		__output.push('<div');
-		__output.push(' role="button"');
-		__output.push(' class="header"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="container"');
+		_$_.output_push('>');
 
 		{
-			__output.push('Toggle');
-		}
+			_$_.output_push('<div');
+			_$_.output_push(' role="button"');
+			_$_.output_push(' class="header"');
+			_$_.output_push('>');
 
-		__output.push('</div>');
-		__output.push('<!--[-->');
+			{
+				_$_.output_push('Toggle');
+			}
 
-		if (_$_.get(lazy)) {
-			__output.push('<div');
-			__output.push(' class="content"');
-			__output.push('>');
+			_$_.output_push('</div>');
+			_$_.output_push('<!--[-->');
 
-			{
-				_$_.render_expression(__output, children);
+			if (_$_.get(lazy)) {
+				_$_.output_push('<div');
+				_$_.output_push(' class="content"');
+				_$_.output_push('>');
+
+				{
+					_$_.render_expression(children);
+				}
+
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function ChildItem(__output, { text: label }) {
+export function ChildItem({ text: label }) {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push(' class="item"');
-	__output.push('>');
 
-	{
-		__output.push(_$_.escape(label));
-	}
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="item"');
+		_$_.output_push('>');
+
+		{
+			_$_.output_push(_$_.escape(label));
+		}
+
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function TestIfWithChildren(__output) {
+export function TestIfWithChildren() {
 	_$_.push_component();
 
-	{
-		const comp = IfWithChildren;
+	_$_.regular_block(() => {
+		{
+			const comp = IfWithChildren;
 
-		const args = [
-			__output,
-			{
-				children: _$_.ripple_element(function render_children(__output) {
-					_$_.push_component();
+			const args = [
+				{
+					children: _$_.ripple_element(function render_children() {
+						_$_.push_component();
 
-					{
-						const comp = ChildItem;
-						const args = [__output, { text: "Item 1" }];
+						{
+							const comp = ChildItem;
+							const args = [{ text: "Item 1" }];
 
-						comp(...args);
-					}
+							comp(...args);
+						}
 
-					{
-						const comp = ChildItem;
-						const args = [__output, { text: "Item 2" }];
+						{
+							const comp = ChildItem;
+							const args = [{ text: "Item 2" }];
 
-						comp(...args);
-					}
+							comp(...args);
+						}
 
-					_$_.pop_component();
-				})
-			}
-		];
+						_$_.pop_component();
+					})
+				}
+			];
 
-		comp(...args);
-	}
+			comp(...args);
+		}
+	});
 
 	_$_.pop_component();
 }
 
-export function IfWithStaticChildren(__output) {
+export function IfWithStaticChildren() {
 	_$_.push_component();
 
 	let lazy_1 = _$_.track(true);
 
-	__output.push('<div');
-	__output.push(' class="container"');
-	__output.push('>');
-
-	{
-		__output.push('<div');
-		__output.push(' role="button"');
-		__output.push(' class="header"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="container"');
+		_$_.output_push('>');
 
 		{
-			__output.push('Toggle');
-		}
+			_$_.output_push('<div');
+			_$_.output_push(' role="button"');
+			_$_.output_push(' class="header"');
+			_$_.output_push('>');
 
-		__output.push('</div>');
-		__output.push('<!--[-->');
+			{
+				_$_.output_push('Toggle');
+			}
 
-		if (_$_.get(lazy_1)) {
-			__output.push('<div');
-			__output.push(' class="content"');
-			__output.push('>');
+			_$_.output_push('</div>');
+			_$_.output_push('<!--[-->');
 
-			{
-				__output.push('<span');
-				__output.push('>');
+			if (_$_.get(lazy_1)) {
+				_$_.output_push('<div');
+				_$_.output_push(' class="content"');
+				_$_.output_push('>');
 
 				{
-					__output.push('Static child 1');
-				}
+					_$_.output_push('<span');
+					_$_.output_push('>');
 
-				__output.push('</span>');
-				__output.push('<span');
-				__output.push('>');
+					{
+						_$_.output_push('Static child 1');
+					}
 
-				{
-					__output.push('Static child 2');
+					_$_.output_push('</span>');
+					_$_.output_push('<span');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('Static child 2');
+					}
+
+					_$_.output_push('</span>');
 				}
 
-				__output.push('</span>');
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function IfWithSiblingsAndChildren(__output, { children }) {
+export function IfWithSiblingsAndChildren({ children }) {
 	_$_.push_component();
 
 	let lazy_2 = _$_.track(true);
 
-	__output.push('<section');
-	__output.push(' class="group"');
-	__output.push('>');
-
-	{
-		__output.push('<div');
-		__output.push(' role="button"');
-		__output.push(' class="item"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<section');
+		_$_.output_push(' class="group"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<div');
-			__output.push(' class="indicator"');
-			__output.push('>');
-			__output.push('</div>');
-			__output.push('<h2');
-			__output.push(' class="text"');
-			__output.push('>');
+			_$_.output_push('<div');
+			_$_.output_push(' role="button"');
+			_$_.output_push(' class="item"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Title');
-			}
+				_$_.output_push('<div');
+				_$_.output_push(' class="indicator"');
+				_$_.output_push('>');
+				_$_.output_push('</div>');
+				_$_.output_push('<h2');
+				_$_.output_push(' class="text"');
+				_$_.output_push('>');
 
-			__output.push('</h2>');
-			__output.push('<div');
-			__output.push(' class="caret"');
-			__output.push('>');
+				{
+					_$_.output_push('Title');
+				}
 
-			{
-				__output.push('<svg');
-				__output.push(' xmlns="http://www.w3.org/2000/svg"');
-				__output.push(' width="18"');
-				__output.push(' height="18"');
-				__output.push(' viewBox="0 0 24 24"');
-				__output.push('>');
+				_$_.output_push('</h2>');
+				_$_.output_push('<div');
+				_$_.output_push(' class="caret"');
+				_$_.output_push('>');
 
 				{
-					__output.push('<path');
-					__output.push(' d="m9 18 6-6-6-6"');
-					__output.push('>');
-					__output.push('</path>');
+					_$_.output_push('<svg');
+					_$_.output_push(' xmlns="http://www.w3.org/2000/svg"');
+					_$_.output_push(' width="18"');
+					_$_.output_push(' height="18"');
+					_$_.output_push(' viewBox="0 0 24 24"');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('<path');
+						_$_.output_push(' d="m9 18 6-6-6-6"');
+						_$_.output_push('>');
+						_$_.output_push('</path>');
+					}
+
+					_$_.output_push('</svg>');
 				}
 
-				__output.push('</svg>');
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
-		}
+			_$_.output_push('</div>');
+			_$_.output_push('<!--[-->');
 
-		__output.push('</div>');
-		__output.push('<!--[-->');
+			if (_$_.get(lazy_2)) {
+				_$_.output_push('<div');
+				_$_.output_push(' class="items"');
+				_$_.output_push('>');
 
-		if (_$_.get(lazy_2)) {
-			__output.push('<div');
-			__output.push(' class="items"');
-			__output.push('>');
+				{
+					_$_.render_expression(children);
+				}
 
-			{
-				_$_.render_expression(__output, children);
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</section>');
+	});
 
-	__output.push('</section>');
 	_$_.pop_component();
 }
 
-export function TestIfWithSiblingsAndChildren(__output) {
+export function TestIfWithSiblingsAndChildren() {
 	_$_.push_component();
 
-	{
-		const comp = IfWithSiblingsAndChildren;
+	_$_.regular_block(() => {
+		{
+			const comp = IfWithSiblingsAndChildren;
 
-		const args = [
-			__output,
-			{
-				children: _$_.ripple_element(function render_children(__output) {
-					_$_.push_component();
+			const args = [
+				{
+					children: _$_.ripple_element(function render_children() {
+						_$_.push_component();
 
-					{
-						const comp = ChildItem;
-						const args = [__output, { text: "Item A" }];
+						{
+							const comp = ChildItem;
+							const args = [{ text: "Item A" }];
 
-						comp(...args);
-					}
+							comp(...args);
+						}
 
-					{
-						const comp = ChildItem;
-						const args = [__output, { text: "Item B" }];
+						{
+							const comp = ChildItem;
+							const args = [{ text: "Item B" }];
 
-						comp(...args);
-					}
+							comp(...args);
+						}
 
-					_$_.pop_component();
-				})
-			}
-		];
+						_$_.pop_component();
+					})
+				}
+			];
 
-		comp(...args);
-	}
+			comp(...args);
+		}
+	});
 
 	_$_.pop_component();
 }
 
-export function ElementWithChildrenThenIf(__output) {
+export function ElementWithChildrenThenIf() {
 	_$_.push_component();
 
 	let lazy_3 = _$_.track(true);
 
-	__output.push('<div');
-	__output.push(' class="wrapper"');
-	__output.push('>');
-
-	{
-		__output.push('<div');
-		__output.push(' class="nested-parent"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="wrapper"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<div');
-			__output.push(' class="nested-child"');
-			__output.push('>');
+			_$_.output_push('<div');
+			_$_.output_push(' class="nested-parent"');
+			_$_.output_push('>');
 
 			{
-				__output.push('<span');
-				__output.push(' class="deep"');
-				__output.push('>');
+				_$_.output_push('<div');
+				_$_.output_push(' class="nested-child"');
+				_$_.output_push('>');
 
 				{
-					__output.push('Deep content');
+					_$_.output_push('<span');
+					_$_.output_push(' class="deep"');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('Deep content');
+					}
+
+					_$_.output_push('</span>');
 				}
 
-				__output.push('</span>');
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
-		}
+			_$_.output_push('</div>');
+			_$_.output_push('<!--[-->');
 
-		__output.push('</div>');
-		__output.push('<!--[-->');
+			if (_$_.get(lazy_3)) {
+				_$_.output_push('<div');
+				_$_.output_push(' class="conditional"');
+				_$_.output_push('>');
 
-		if (_$_.get(lazy_3)) {
-			__output.push('<div');
-			__output.push(' class="conditional"');
-			__output.push('>');
+				{
+					_$_.output_push('Conditional content');
+				}
 
-			{
-				__output.push('Conditional content');
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
-	__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('</button>');
 	_$_.pop_component();
 }
 
-export function DeepNestingThenIf(__output) {
+export function DeepNestingThenIf() {
 	_$_.push_component();
 
 	let lazy_4 = _$_.track(true);
 
-	__output.push('<section');
-	__output.push(' class="outer"');
-	__output.push('>');
-
-	{
-		__output.push('<article');
-		__output.push(' class="middle"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<section');
+		_$_.output_push(' class="outer"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<div');
-			__output.push(' class="inner"');
-			__output.push('>');
+			_$_.output_push('<article');
+			_$_.output_push(' class="middle"');
+			_$_.output_push('>');
 
 			{
-				__output.push('<p');
-				__output.push(' class="leaf"');
-				__output.push('>');
+				_$_.output_push('<div');
+				_$_.output_push(' class="inner"');
+				_$_.output_push('>');
 
 				{
-					__output.push('<strong');
-					__output.push('>');
+					_$_.output_push('<p');
+					_$_.output_push(' class="leaf"');
+					_$_.output_push('>');
 
 					{
-						__output.push('Bold');
-					}
+						_$_.output_push('<strong');
+						_$_.output_push('>');
 
-					__output.push('</strong>');
-					__output.push('<em');
-					__output.push('>');
+						{
+							_$_.output_push('Bold');
+						}
 
-					{
-						__output.push('Italic');
+						_$_.output_push('</strong>');
+						_$_.output_push('<em');
+						_$_.output_push('>');
+
+						{
+							_$_.output_push('Italic');
+						}
+
+						_$_.output_push('</em>');
 					}
 
-					__output.push('</em>');
+					_$_.output_push('</p>');
 				}
 
-				__output.push('</p>');
+				_$_.output_push('</div>');
 			}
 
-			__output.push('</div>');
-		}
+			_$_.output_push('</article>');
+			_$_.output_push('<!--[-->');
 
-		__output.push('</article>');
-		__output.push('<!--[-->');
+			if (_$_.get(lazy_4)) {
+				_$_.output_push('<footer');
+				_$_.output_push(' class="footer"');
+				_$_.output_push('>');
 
-		if (_$_.get(lazy_4)) {
-			__output.push('<footer');
-			__output.push(' class="footer"');
-			__output.push('>');
+				{
+					_$_.output_push('Footer');
+				}
 
-			{
-				__output.push('Footer');
+				_$_.output_push('</footer>');
 			}
 
-			__output.push('</footer>');
+			_$_.output_push('<!--]-->');
 		}
 
-		__output.push('<!--]-->');
-	}
+		_$_.output_push('</section>');
+	});
 
-	__output.push('</section>');
-	__output.push('<button');
-	__output.push(' class="btn"');
-	__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<button');
+		_$_.output_push(' class="btn"');
+		_$_.output_push('>');
 
-	{
-		__output.push('Toggle');
-	}
+		{
+			_$_.output_push('Toggle');
+		}
+
+		_$_.output_push('</button>');
+	});
 
-	__output.push('</button>');
 	_$_.pop_component();
 }
 
-export function DomElementChildrenThenSibling(__output) {
+export function DomElementChildrenThenSibling() {
 	_$_.push_component();
 
 	let lazy_5 = _$_.track('code');
 
-	__output.push('<div');
-	__output.push(' class="tabs"');
-	__output.push('>');
-
-	{
-		__output.push('<div');
-		__output.push(' class="tab-list"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="tabs"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<button');
-			__output.push(_$_.attr('aria-selected', _$_.get(lazy_5) === 'code' ? 'true' : 'false', false));
-			__output.push(' class="tab"');
-			__output.push('>');
+			_$_.output_push('<div');
+			_$_.output_push(' class="tab-list"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Code');
-			}
+				_$_.output_push('<button');
+				_$_.output_push(_$_.attr('aria-selected', _$_.get(lazy_5) === 'code' ? 'true' : 'false', false));
+				_$_.output_push(' class="tab"');
+				_$_.output_push('>');
 
-			__output.push('</button>');
-			__output.push('<button');
-			__output.push(_$_.attr('aria-selected', _$_.get(lazy_5) === 'preview' ? 'true' : 'false', false));
-			__output.push(' class="tab"');
-			__output.push('>');
+				{
+					_$_.output_push('Code');
+				}
 
-			{
-				__output.push('Preview');
+				_$_.output_push('</button>');
+				_$_.output_push('<button');
+				_$_.output_push(_$_.attr('aria-selected', _$_.get(lazy_5) === 'preview' ? 'true' : 'false', false));
+				_$_.output_push(' class="tab"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push('Preview');
+				}
+
+				_$_.output_push('</button>');
 			}
 
-			__output.push('</button>');
-		}
+			_$_.output_push('</div>');
+			_$_.output_push('<div');
+			_$_.output_push(' class="panel"');
+			_$_.output_push('>');
 
-		__output.push('</div>');
-		__output.push('<div');
-		__output.push(' class="panel"');
-		__output.push('>');
+			{
+				_$_.output_push('<!--[-->');
 
-		{
-			__output.push('<!--[-->');
+				if (_$_.get(lazy_5) === 'code') {
+					_$_.output_push('<pre');
+					_$_.output_push(' class="code"');
+					_$_.output_push('>');
 
-			if (_$_.get(lazy_5) === 'code') {
-				__output.push('<pre');
-				__output.push(' class="code"');
-				__output.push('>');
+					{
+						_$_.output_push('const x = 1;');
+					}
 
-				{
-					__output.push('const x = 1;');
-				}
+					_$_.output_push('</pre>');
+				} else {
+					_$_.output_push('<div');
+					_$_.output_push(' class="preview"');
+					_$_.output_push('>');
 
-				__output.push('</pre>');
-			} else {
-				__output.push('<div');
-				__output.push(' class="preview"');
-				__output.push('>');
+					{
+						_$_.output_push('Preview content');
+					}
 
-				{
-					__output.push('Preview content');
+					_$_.output_push('</div>');
 				}
 
-				__output.push('</div>');
+				_$_.output_push('<!--]-->');
 			}
 
-			__output.push('<!--]-->');
+			_$_.output_push('</div>');
 		}
 
-		__output.push('</div>');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }
 
-export function DomChildrenThenStaticSiblings(__output) {
+export function DomChildrenThenStaticSiblings() {
 	_$_.push_component();
 
 	let lazy_6 = _$_.track(0);
 
-	__output.push('<div');
-	__output.push(' class="container"');
-	__output.push('>');
-
-	{
-		__output.push('<ul');
-		__output.push(' class="list"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="container"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<li');
-			__output.push(' class="item"');
-			__output.push('>');
+			_$_.output_push('<ul');
+			_$_.output_push(' class="list"');
+			_$_.output_push('>');
 
 			{
-				__output.push(_$_.escape('Item count: ' + String(_$_.get(lazy_6))));
+				_$_.output_push('<li');
+				_$_.output_push(' class="item"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push(_$_.escape('Item count: ' + String(_$_.get(lazy_6))));
+				}
+
+				_$_.output_push('</li>');
+				_$_.output_push('<li');
+				_$_.output_push(' class="item"');
+				_$_.output_push('>');
+
+				{
+					_$_.output_push('Another item');
+				}
+
+				_$_.output_push('</li>');
 			}
 
-			__output.push('</li>');
-			__output.push('<li');
-			__output.push(' class="item"');
-			__output.push('>');
+			_$_.output_push('</ul>');
+			_$_.output_push('<h2');
+			_$_.output_push(' class="heading"');
+			_$_.output_push('>');
 
 			{
-				__output.push('Another item');
+				_$_.output_push('Static Heading');
 			}
 
-			__output.push('</li>');
-		}
+			_$_.output_push('</h2>');
+			_$_.output_push('<p');
+			_$_.output_push(' class="para"');
+			_$_.output_push('>');
 
-		__output.push('</ul>');
-		__output.push('<h2');
-		__output.push(' class="heading"');
-		__output.push('>');
+			{
+				_$_.output_push('Static paragraph');
+			}
 
-		{
-			__output.push('Static Heading');
+			_$_.output_push('</p>');
 		}
 
-		__output.push('</h2>');
-		__output.push('<p');
-		__output.push(' class="para"');
-		__output.push('>');
+		_$_.output_push('</div>');
+	});
+
+	_$_.regular_block(() => {
+		_$_.output_push('<button');
+		_$_.output_push(' class="inc"');
+		_$_.output_push('>');
 
 		{
-			__output.push('Static paragraph');
+			_$_.output_push('Increment');
 		}
 
-		__output.push('</p>');
-	}
+		_$_.output_push('</button>');
+	});
 
-	__output.push('</div>');
-	__output.push('<button');
-	__output.push(' class="inc"');
-	__output.push('>');
-
-	{
-		__output.push('Increment');
-	}
-
-	__output.push('</button>');
 	_$_.pop_component();
 }
 
-export function StaticListThenStaticSiblings(__output) {
+export function StaticListThenStaticSiblings() {
 	_$_.push_component();
-	__output.push('<div');
-	__output.push(' class="wrapper"');
-	__output.push('>');
 
-	{
-		__output.push('<ul');
-		__output.push(' class="features"');
-		__output.push('>');
+	_$_.regular_block(() => {
+		_$_.output_push('<div');
+		_$_.output_push(' class="wrapper"');
+		_$_.output_push('>');
 
 		{
-			__output.push('<li');
-			__output.push('>');
+			_$_.output_push('<ul');
+			_$_.output_push(' class="features"');
+			_$_.output_push('>');
 
 			{
-				__output.push('<strong');
-				__output.push('>');
+				_$_.output_push('<li');
+				_$_.output_push('>');
 
 				{
-					__output.push('Feature One');
-				}
+					_$_.output_push('<strong');
+					_$_.output_push('>');
 
-				__output.push('</strong>');
-				__output.push(': Description of feature one with ');
-				__output.push('<code');
-				__output.push('>');
+					{
+						_$_.output_push('Feature One');
+					}
 
-				{
-					__output.push('code');
-				}
+					_$_.output_push('</strong>');
+					_$_.output_push(': Description of feature one with ');
+					_$_.output_push('<code');
+					_$_.output_push('>');
 
-				__output.push('</code>');
-				__output.push(' reference');
-			}
+					{
+						_$_.output_push('code');
+					}
 
-			__output.push('</li>');
-			__output.push('<li');
-			__output.push('>');
+					_$_.output_push('</code>');
+					_$_.output_push(' reference');
+				}
 
-			{
-				__output.push('<strong');
-				__output.push('>');
+				_$_.output_push('</li>');
+				_$_.output_push('<li');
+				_$_.output_push('>');
 
 				{
-					__output.push('Feature Two');
-				}
+					_$_.output_push('<strong');
+					_$_.output_push('>');
 
-				__output.push('</strong>');
-				__output.push(': Another feature description');
-			}
+					{
+						_$_.output_push('Feature Two');
+					}
 
-			__output.push('</li>');
-			__output.push('<li');
-			__output.push('>');
+					_$_.output_push('</strong>');
+					_$_.output_push(': Another feature description');
+				}
 
-			{
-				__output.push('<strong');
-				__output.push('>');
+				_$_.output_push('</li>');
+				_$_.output_push('<li');
+				_$_.output_push('>');
 
 				{
-					__output.push('Feature Three');
+					_$_.output_push('<strong');
+					_$_.output_push('>');
+
+					{
+						_$_.output_push('Feature Three');
+					}
+
+					_$_.output_push('</strong>');
+					_$_.output_push(': Third feature');
 				}
 
-				__output.push('</strong>');
-				__output.push(': Third feature');
+				_$_.output_push('</li>');
 			}
 
-			__output.push('</li>');
-		}
+			_$_.output_push('</ul>');
+			_$_.output_push('<h2');
+			_$_.output_push(' class="section-heading"');
+			_$_.output_push('>');
 
-		__output.push('</ul>');
-		__output.push('<h2');
-		__output.push(' class="section-heading"');
-		__output.push('>');
+			{
+				_$_.output_push('Section Heading');
+			}
 
-		{
-			__output.push('Section Heading');
-		}
+			_$_.output_push('</h2>');
+			_$_.output_push('<p');
+			_$_.output_push(' class="section-content"');
+			_$_.output_push('>');
 
-		__output.push('</h2>');
-		__output.push('<p');
-		__output.push(' class="section-content"');
-		__output.push('>');
+			{
+				_$_.output_push('Static paragraph with ');
+				_$_.output_push('<a');
+				_$_.output_push(' href="/link"');
+				_$_.output_push('>');
 
-		{
-			__output.push('Static paragraph with ');
-			__output.push('<a');
-			__output.push(' href="/link"');
-			__output.push('>');
+				{
+					_$_.output_push('a link');
+				}
 
-			{
-				__output.push('a link');
+				_$_.output_push('</a>');
+				_$_.output_push(' and more text.');
 			}
 
-			__output.push('</a>');
-			__output.push(' and more text.');
+			_$_.output_push('</p>');
 		}
 
-		__output.push('</p>');
-	}
+		_$_.output_push('</div>');
+	});
 
-	__output.push('</div>');
 	_$_.pop_component();
 }