ripple 0.4.2 → 0.4.3

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

@@ -1,9 +1,9 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root_1 = _$_.template(`<div class="content"><!></div>`, 0);
+var root_1 = _$_.template(`<div class=content><!>`);
 
-function consequent(__anchor, { expanded, children }) {
+function consequent(__anchor, { a: expanded, b: children }) {
 	var div_2 = root_1();
 
 	{
@@ -16,14 +16,14 @@ function consequent(__anchor, { expanded, children }) {
 	_$_.append(__anchor, div_2);
 }
 
-function if_1({ expanded, children }) {
+function if_1({ a: expanded, b: children }) {
 	if (expanded.value) return consequent;
 }
 
-var root = _$_.template(`<div class="container"><div role="button" class="header">Toggle</div></div>`, 0);
+var root = _$_.template(`<div class=container><div role=button class=header>Toggle`);
 
 function IfWithChildren_render(__anchor, __block, { children }) {
-	const expanded = _$_.track(true, __block, 'c64714b1');
+	const expanded = _$_.track(true, __block, '1j0jg6p');
 	var div = root();
 
 	{
@@ -31,9 +31,9 @@ function IfWithChildren_render(__anchor, __block, { children }) {
 
 		div_1.__click = () => expanded.value = !expanded.value;
 
-		var node = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div);
+		var node = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div, true);
 
-		_$_.if(node, if_1, false, { expanded, children });
+		_$_.if(node, if_1, false, { a: expanded, b: children });
 		_$_.hydrating && _$_.pop(div);
 	}
 
@@ -42,7 +42,7 @@ function IfWithChildren_render(__anchor, __block, { children }) {
 
 IfWithChildren[_$_.$r] = IfWithChildren_render;
 
-var root_2 = _$_.template(`<div class="item"></div>`, 0);
+var root_2 = _$_.template(`<div class=item>`);
 
 function ChildItem_render(__anchor, __block, { text: label }) {
 	var div_3 = root_2();
@@ -76,7 +76,7 @@ function TestIfWithChildren_render(__anchor, __block) {
 
 TestIfWithChildren[_$_.$r] = TestIfWithChildren_render;
 
-var root_5 = _$_.template(`<div class="content"><span>Static child 1</span><span>Static child 2</span></div>`, 0);
+var root_5 = _$_.template(`<div class=content><span>Static child 1</span><span>Static child 2`);
 
 function consequent_1(__anchor, expanded) {
 	var div_6 = root_5();
@@ -88,10 +88,10 @@ function if_2(expanded) {
 	if (expanded.value) return consequent_1;
 }
 
-var root_4 = _$_.template(`<div class="container"><div role="button" class="header">Toggle</div></div>`, 0);
+var root_4 = _$_.template(`<div class=container><div role=button class=header>Toggle`);
 
 function IfWithStaticChildren_render(__anchor, __block) {
-	const expanded = _$_.track(true, __block, '3bba8f77');
+	const expanded = _$_.track(true, __block, 'gkm3jr');
 	var div_4 = root_4();
 
 	{
@@ -99,7 +99,7 @@ function IfWithStaticChildren_render(__anchor, __block) {
 
 		div_5.__click = () => expanded.value = !expanded.value;
 
-		var node_3 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div_4);
+		var node_3 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div_4, true);
 
 		_$_.if(node_3, if_2, false, expanded);
 		_$_.hydrating && _$_.pop(div_4);
@@ -110,9 +110,9 @@ function IfWithStaticChildren_render(__anchor, __block) {
 
 IfWithStaticChildren[_$_.$r] = IfWithStaticChildren_render;
 
-var root_7 = _$_.template(`<div class="items"><!></div>`, 0);
+var root_7 = _$_.template(`<div class=items><!>`);
 
-function consequent_2(__anchor, { expanded, children }) {
+function consequent_2(__anchor, { a: expanded, b: children }) {
 	var div_8 = root_7();
 
 	{
@@ -125,14 +125,14 @@ function consequent_2(__anchor, { expanded, children }) {
 	_$_.append(__anchor, div_8);
 }
 
-function if_3({ expanded, children }) {
+function if_3({ a: expanded, b: children }) {
 	if (expanded.value) return consequent_2;
 }
 
-var root_6 = _$_.template(`<section class="group"><div role="button" class="item"><div class="indicator"></div><h2 class="text">Title</h2><div class="caret"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"></path></svg></div></div></section>`, 0);
+var root_6 = _$_.template(`<section class=group><div role=button class=item><div class=indicator></div><h2 class=text>Title</h2><div class=caret><svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"><path d="m9 18 6-6-6-6">`);
 
 function IfWithSiblingsAndChildren_render(__anchor, __block, { children }) {
-	const expanded = _$_.track(true, __block, 'a1b8fb4c');
+	const expanded = _$_.track(true, __block, '18vegr0');
 	var section = root_6();
 
 	{
@@ -141,9 +141,11 @@ function IfWithSiblingsAndChildren_render(__anchor, __block, { children }) {
 		div_7.__click = () => expanded.value = !expanded.value;
 		_$_.hydrating && _$_.pop(div_7);
 
-		var node_4 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(section);
+		var node_4 = _$_.hydrating
+			? _$_.hydrate_sibling()
+			: _$_.append_into(section, true);
 
-		_$_.if(node_4, if_3, false, { expanded, children });
+		_$_.if(node_4, if_3, false, { a: expanded, b: children });
 		_$_.hydrating && _$_.pop(section);
 	}
 
@@ -172,7 +174,7 @@ function TestIfWithSiblingsAndChildren_render(__anchor, __block) {
 
 TestIfWithSiblingsAndChildren[_$_.$r] = TestIfWithSiblingsAndChildren_render;
 
-var root_11 = _$_.template(`<div class="conditional">Conditional content</div>`, 0);
+var root_11 = _$_.template(`<div class=conditional>Conditional content`);
 
 function consequent_3(__anchor, show) {
 	var div_11 = root_11();
@@ -184,11 +186,11 @@ function if_4(show) {
 	if (show.value) return consequent_3;
 }
 
-var root_10 = _$_.template(`<div class="wrapper"><div class="nested-parent"><div class="nested-child"><span class="deep">Deep content</span></div></div></div><button class="toggle">Toggle</button>`, 1, 2);
+var root_10 = _$_.template(`<div class=wrapper><div class=nested-parent><div class=nested-child><span class=deep>Deep content</span></div></div></div><button class=toggle>Toggle`, 1, 2);
 var root_9 = _$_.template(`<!>`, 1, 1);
 
 function ElementWithChildrenThenIf_render(__anchor, __block) {
-	const show = _$_.track(true, __block, '7cd4817b');
+	const show = _$_.track(true, __block, 'ymw5ff');
 	var fragment_2 = root_9();
 	var node_8 = _$_.first_child_frag(fragment_2);
 
@@ -198,7 +200,7 @@ function ElementWithChildrenThenIf_render(__anchor, __block) {
 
 		{
 			var div_10 = _$_.hydrating ? _$_.hydrate_child() : div_9.firstChild;
-			var node_7 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div_9);
+			var node_7 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(div_9, true);
 
 			_$_.if(node_7, if_4, false, show);
 			_$_.hydrating && _$_.pop(div_9);
@@ -215,7 +217,7 @@ function ElementWithChildrenThenIf_render(__anchor, __block) {
 
 ElementWithChildrenThenIf[_$_.$r] = ElementWithChildrenThenIf_render;
 
-var root_14 = _$_.template(`<footer class="footer">Footer</footer>`, 0);
+var root_14 = _$_.template(`<footer class=footer>Footer`);
 
 function consequent_4(__anchor, visible) {
 	var footer = root_14();
@@ -227,11 +229,11 @@ function if_5(visible) {
 	if (visible.value) return consequent_4;
 }
 
-var root_13 = _$_.template(`<section class="outer"><article class="middle"><div class="inner"><p class="leaf"><strong>Bold</strong><em>Italic</em></p></div></article></section><button class="btn">Toggle</button>`, 1, 2);
+var root_13 = _$_.template(`<section class=outer><article class=middle><div class=inner><p class=leaf><strong>Bold</strong><em>Italic</em></p></div></article></section><button class=btn>Toggle`, 1, 2);
 var root_12 = _$_.template(`<!>`, 1, 1);
 
 function DeepNestingThenIf_render(__anchor, __block) {
-	const visible = _$_.track(true, __block, '923116be');
+	const visible = _$_.track(true, __block, '14k9o72');
 	var fragment_4 = root_12();
 	var node_10 = _$_.first_child_frag(fragment_4);
 
@@ -241,7 +243,10 @@ function DeepNestingThenIf_render(__anchor, __block) {
 
 		{
 			var article = _$_.hydrating ? _$_.hydrate_child() : section_1.firstChild;
-			var node_9 = _$_.hydrating ? _$_.hydrate_sibling() : _$_.append_into(section_1);
+
+			var node_9 = _$_.hydrating
+				? _$_.hydrate_sibling()
+				: _$_.append_into(section_1, true);
 
 			_$_.if(node_9, if_5, false, visible);
 			_$_.hydrating && _$_.pop(section_1);
@@ -258,8 +263,8 @@ function DeepNestingThenIf_render(__anchor, __block) {
 
 DeepNestingThenIf[_$_.$r] = DeepNestingThenIf_render;
 
-var root_16 = _$_.template(`<pre class="code">const x = 1;</pre>`, 0);
-var root_17 = _$_.template(`<div class="preview">Preview content</div>`, 0);
+var root_16 = _$_.template(`<pre class=code>const x = 1;`);
+var root_17 = _$_.template(`<div class=preview>Preview content`);
 
 function consequent_5(__anchor, activeTab) {
 	var pre = root_16();
@@ -277,24 +282,24 @@ function if_6(activeTab) {
 	if (activeTab.value === 'code') return consequent_5; else return alternate;
 }
 
-var root_15 = _$_.template(`<div class="tabs"><div class="tab-list"><button class="tab">Code</button><button class="tab">Preview</button></div><div class="panel"><!></div></div>`, 0);
+var root_15 = _$_.template(`<div class=tabs><div class=tab-list><button class=tab>Code</button><button class=tab>Preview</button></div><div class=panel><!>`);
 
 function render(__prev) {
-	var __a = __prev._activeTab.value === 'code' ? 'true' : 'false';
+	var __a = __prev._a.value === 'code' ? 'true' : 'false';
 
 	if (__prev.a !== __a) {
-		_$_.set_attribute(__prev._button_2, 'aria-selected', __prev.a = __a);
+		_$_.set_attribute(__prev._b, 'aria-selected', __prev.a = __a);
 	}
 
-	var __b = __prev._activeTab.value === 'preview' ? 'true' : 'false';
+	var __b = __prev._a.value === 'preview' ? 'true' : 'false';
 
 	if (__prev.b !== __b) {
-		_$_.set_attribute(__prev._button_3, 'aria-selected', __prev.b = __b);
+		_$_.set_attribute(__prev._c, 'aria-selected', __prev.b = __b);
 	}
 }
 
 function DomElementChildrenThenSibling_render(__anchor, __block) {
-	const activeTab = _$_.track('code', __block, '33a1e97f');
+	const activeTab = _$_.track('code', __block, 'ebqq2n');
 	var div_12 = root_15();
 
 	{
@@ -325,9 +330,9 @@ function DomElementChildrenThenSibling_render(__anchor, __block) {
 	_$_.render(render, {
 		a: void 0,
 		b: void 0,
-		_activeTab: activeTab,
-		_button_2: button_2,
-		_button_3: button_3
+		_a: activeTab,
+		_b: button_2,
+		_c: button_3
 	});
 
 	_$_.append(__anchor, div_12);
@@ -335,13 +340,13 @@ function DomElementChildrenThenSibling_render(__anchor, __block) {
 
 DomElementChildrenThenSibling[_$_.$r] = DomElementChildrenThenSibling_render;
 
-var root_19 = _$_.template(`<div class="container"><ul class="list"><li class="item"></li><li class="item">Another item</li></ul><h2 class="heading">Static Heading</h2><p class="para">Static paragraph</p></div><button class="inc">Increment</button>`, 1, 2);
+var root_19 = _$_.template(`<div class=container><ul class=list><li class=item></li><li class=item>Another item</li></ul><h2 class=heading>Static Heading</h2><p class=para>Static paragraph</p></div><button class=inc>Increment`, 1, 2);
 
 function render_1(__prev) {
-	var __a = 'Item count: ' + String(__prev._count.value ?? '');
+	var __a = 'Item count: ' + String(__prev._a.value ?? '');
 
 	if (__prev.a !== __a) {
-		_$_.set_text_content(__prev._li, __a, __prev.a);
+		_$_.set_text_content(__prev._b, __a, __prev.a);
 		__prev.a = __a;
 	}
 }
@@ -349,7 +354,7 @@ function render_1(__prev) {
 var root_18 = _$_.template(`<!>`, 1, 1);
 
 function DomChildrenThenStaticSiblings_render(__anchor, __block) {
-	const count = _$_.track(0, __block, '0ea64305');
+	const count = _$_.track(0, __block, '42buv9');
 	var fragment_6 = root_18();
 	var node_12 = _$_.first_child_frag(fragment_6);
 
@@ -372,7 +377,7 @@ function DomChildrenThenStaticSiblings_render(__anchor, __block) {
 		var button_4 = _$_.hydrating ? _$_.hydrate_sibling() : div_16.nextSibling;
 
 		button_4.__click = () => count.value++;
-		_$_.render(render_1, { a: '', _count: count, _li: li });
+		_$_.render(render_1, { a: '', _a: count, _b: li });
 		_$_.append(__anchor, fragment_7);
 	}));
 
@@ -381,7 +386,7 @@ function DomChildrenThenStaticSiblings_render(__anchor, __block) {
 
 DomChildrenThenStaticSiblings[_$_.$r] = DomChildrenThenStaticSiblings_render;
 
-var root_20 = _$_.template(`<div class="wrapper"><ul class="features"><li><strong>Feature One</strong>: Description of feature one with <code>code</code> reference</li><li><strong>Feature Two</strong>: Another feature description</li><li><strong>Feature Three</strong>: Third feature</li></ul><h2 class="section-heading">Section Heading</h2><p class="section-content">Static paragraph with <a href="/link">a link</a> and more text.</p></div>`, 0);
+var root_20 = _$_.template(`<div class=wrapper><ul class=features><li><strong>Feature One</strong>: Description of feature one with <code>code</code> reference</li><li><strong>Feature Two</strong>: Another feature description</li><li><strong>Feature Three</strong>: Third feature</li></ul><h2 class=section-heading>Section Heading</h2><p class=section-content>Static paragraph with <a href=/link>a link</a> and more text.`);
 
 function StaticListThenStaticSiblings_render(__anchor, __block) {
 	var div_17 = root_20();
@@ -391,8 +396,8 @@ function StaticListThenStaticSiblings_render(__anchor, __block) {
 
 StaticListThenStaticSiblings[_$_.$r] = StaticListThenStaticSiblings_render;
 
-var root_21 = _$_.template(`<span class="root-if">on</span>`, 0);
-var root_22 = _$_.template(`<span class="root-if">off</span>`, 0);
+var root_21 = _$_.template(`<span class=root-if>on`);
+var root_22 = _$_.template(`<span class=root-if>off`);
 
 function consequent_6(__anchor, props) {
 	var span = root_21();
@@ -416,13 +421,13 @@ function RootIfChild_render(__anchor, __block, props) {
 
 RootIfChild[_$_.$r] = RootIfChild_render;
 
-var root_23 = _$_.template(`<span class="root-for"></span>`, 0);
+var root_23 = _$_.template(`<span class=root-for>`);
 
 function render_2(__prev) {
 	var __a = __prev.$item;
 
 	if (__prev.a !== __a) {
-		_$_.set_text_content(__prev._span_2, __a, __prev.a);
+		_$_.set_text_content(__prev._b, __a, __prev.a);
 		__prev.a = __a;
 	}
 }
@@ -434,7 +439,7 @@ function RootForChild_render(__anchor, __block, props) {
 		(__anchor, pattern) => {
 			var span_2 = root_23();
 
-			_$_.item({ a: '', $item: pattern, _span_2: span_2 });
+			_$_.item({ a: '', $item: pattern, _b: span_2 });
 			_$_.append(__anchor, span_2);
 		},
 		144,
@@ -447,7 +452,7 @@ function RootForChild_render(__anchor, __block, props) {
 
 RootForChild[_$_.$r] = RootForChild_render;
 
-var root_24 = _$_.template(`<span class="trailing">end</span>`, 0);
+var root_24 = _$_.template(`<span class=trailing>end`);
 
 function TrailingChild_render(__anchor, __block) {
 	var span_3 = root_24();
@@ -457,11 +462,11 @@ function TrailingChild_render(__anchor, __block) {
 
 TrailingChild[_$_.$r] = TrailingChild_render;
 
-var root_25 = _$_.template(`<div class="wrapper"><div class="host"></div><button class="toggle">Toggle</button><button class="rotate">Rotate</button></div>`, 0);
+var root_25 = _$_.template(`<div class=wrapper><div class=host></div><button class=toggle>Toggle</button><button class=rotate>Rotate`);
 
 function ComponentChildrenWithControlFlowRoots_render(__anchor, __block) {
-	const on = _$_.track(true, __block, 'f3e4c6ee');
-	const items = _$_.track([1, 2, 3], __block, '2bbbeeb0');
+	const on = _$_.track(true, __block, '1vo6ory');
+	const items = _$_.track([1, 2, 3], __block, 'c4uisw');
 	var div_18 = root_25();
 
 	{

package/tests/hydration/compiled/client/if-fragment-controlflow.js

@@ -1,10 +1,10 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/client';
 
-var root_2 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_1 = _$_.template(`<!><span class="after">after</span>`, 1, 2);
+var root_2 = _$_.template(`<p class=muze> `);
+var root_1 = _$_.template(`<!><span class=after>after`, 1, 2);
 
-function consequent(__anchor, { hasLoaded, muzes }) {
+function consequent(__anchor, { a: hasLoaded, b: muzes }) {
 	var fragment = root_1();
 	var node_1 = _$_.first_child_frag(fragment);
 
@@ -31,11 +31,11 @@ function consequent(__anchor, { hasLoaded, muzes }) {
 	_$_.append(__anchor, fragment);
 }
 
-function if_1({ hasLoaded, muzes }) {
+function if_1({ a: hasLoaded, b: muzes }) {
 	if (hasLoaded) return consequent;
 }
 
-var root = _$_.template(`<div class="feed-c"><!></div>`, 0);
+var root = _$_.template(`<div class=feed-c><!>`);
 
 function IfFragmentForElement_render(__anchor, __block) {
 	const muzes = [{ muzeId: 'b' }, { muzeId: 'c' }];
@@ -45,7 +45,7 @@ function IfFragmentForElement_render(__anchor, __block) {
 	{
 		var node = _$_.hydrating ? _$_.hydrate_child() : div.firstChild;
 
-		_$_.if(node, if_1, false, { hasLoaded, muzes });
+		_$_.if(node, if_1, false, { a: hasLoaded, b: muzes });
 		_$_.hydrating && _$_.pop(div);
 	}
 
@@ -54,8 +54,8 @@ function IfFragmentForElement_render(__anchor, __block) {
 
 IfFragmentForElement[_$_.$r] = IfFragmentForElement_render;
 
-var root_5 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_6 = _$_.template(`<span class="has-items">has items</span>`, 0);
+var root_5 = _$_.template(`<p class=muze> `);
+var root_6 = _$_.template(`<span class=has-items>has items`);
 
 function consequent_1(__anchor, muzes) {
 	var span = root_6();
@@ -67,7 +67,7 @@ function if_2(muzes) {
 	if (muzes.length > 0) return consequent_1;
 }
 
-var root_7 = _$_.template(`<span class="empty">empty</span>`, 0);
+var root_7 = _$_.template(`<span class=empty>empty`);
 
 function consequent_2(__anchor, muzes) {
 	var span_1 = root_7();
@@ -81,7 +81,7 @@ function if_3(muzes) {
 
 var root_4 = _$_.template(`<!><!><!>`, 1, 3);
 
-function consequent_3(__anchor, { hasLoaded, muzes }) {
+function consequent_3(__anchor, { a: hasLoaded, b: muzes }) {
 	var fragment_1 = root_4();
 	var node_3 = _$_.first_child_frag(fragment_1);
 
@@ -114,11 +114,11 @@ function consequent_3(__anchor, { hasLoaded, muzes }) {
 	_$_.append(__anchor, fragment_1);
 }
 
-function if_4({ hasLoaded, muzes }) {
+function if_4({ a: hasLoaded, b: muzes }) {
 	if (hasLoaded) return consequent_3;
 }
 
-var root_3 = _$_.template(`<div class="feed"><!></div>`, 0);
+var root_3 = _$_.template(`<div class=feed><!>`);
 
 function IfFragmentForIfIf_render(__anchor, __block) {
 	const muzes = [{ muzeId: 'b' }, { muzeId: 'c' }];
@@ -128,7 +128,7 @@ function IfFragmentForIfIf_render(__anchor, __block) {
 	{
 		var node_2 = _$_.hydrating ? _$_.hydrate_child() : div_1.firstChild;
 
-		_$_.if(node_2, if_4, false, { hasLoaded, muzes });
+		_$_.if(node_2, if_4, false, { a: hasLoaded, b: muzes });
 		_$_.hydrating && _$_.pop(div_1);
 	}
 
@@ -137,7 +137,7 @@ function IfFragmentForIfIf_render(__anchor, __block) {
 
 IfFragmentForIfIf[_$_.$r] = IfFragmentForIfIf_render;
 
-var root_9 = _$_.template(`<p class="muze">b</p><p class="muze">c</p>`, 1, 2);
+var root_9 = _$_.template(`<p class=muze>b</p><p class=muze>c`, 1, 2);
 
 function consequent_4(__anchor, hasLoaded) {
 	var fragment_2 = root_9();
@@ -150,7 +150,7 @@ function if_5(hasLoaded) {
 	if (hasLoaded) return consequent_4;
 }
 
-var root_8 = _$_.template(`<div class="feed-b"><!></div>`, 0);
+var root_8 = _$_.template(`<div class=feed-b><!>`);
 
 function IfFragmentElements_render(__anchor, __block) {
 	const hasLoaded = true;
@@ -168,8 +168,8 @@ function IfFragmentElements_render(__anchor, __block) {
 
 IfFragmentElements[_$_.$r] = IfFragmentElements_render;
 
-var root_12 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_11 = _$_.template(`<!><span class="after">after</span>`, 1, 2);
+var root_12 = _$_.template(`<p class=muze> `);
+var root_11 = _$_.template(`<!><span class=after>after`, 1, 2);
 var root_10 = _$_.template(`<!>`, 1, 1);
 
 function ComponentBodyFragmentControlFlow_render(__anchor, __block) {
@@ -209,8 +209,8 @@ function ComponentBodyFragmentControlFlow_render(__anchor, __block) {
 
 ComponentBodyFragmentControlFlow[_$_.$r] = ComponentBodyFragmentControlFlow_render;
 
-var root_14 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_15 = _$_.template(`<!><span class="after">after</span>`, 1, 2);
+var root_14 = _$_.template(`<p class=muze> `);
+var root_15 = _$_.template(`<!><span class=after>after`, 1, 2);
 var root_13 = _$_.template(`<!>`, 1, 1);
 
 function ComponentBodyCodeBlockControlFlow_render(__anchor, __block) {
@@ -254,10 +254,10 @@ function ComponentBodyCodeBlockControlFlow_render(__anchor, __block) {
 
 ComponentBodyCodeBlockControlFlow[_$_.$r] = ComponentBodyCodeBlockControlFlow_render;
 
-var root_17 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_18 = _$_.template(`<!><span class="after">after</span>`, 1, 2);
+var root_17 = _$_.template(`<p class=muze> `);
+var root_18 = _$_.template(`<!><span class=after>after`, 1, 2);
 
-function consequent_5(__anchor, { hasLoaded, muzes }) {
+function consequent_5(__anchor, { a: hasLoaded, b: muzes }) {
 	var fragment_7 = root_18();
 	var expression_6 = _$_.first_child_frag(fragment_7);
 
@@ -288,11 +288,11 @@ function consequent_5(__anchor, { hasLoaded, muzes }) {
 	_$_.append(__anchor, fragment_7);
 }
 
-function if_6({ hasLoaded, muzes }) {
+function if_6({ a: hasLoaded, b: muzes }) {
 	if (hasLoaded) return consequent_5;
 }
 
-var root_16 = _$_.template(`<div class="feed-f"><!></div>`, 0);
+var root_16 = _$_.template(`<div class=feed-f><!>`);
 
 function IfCodeBlockControlFlow_render(__anchor, __block) {
 	const muzes = [{ muzeId: 'b' }, { muzeId: 'c' }];
@@ -302,7 +302,7 @@ function IfCodeBlockControlFlow_render(__anchor, __block) {
 	{
 		var node_10 = _$_.hydrating ? _$_.hydrate_child() : div_3.firstChild;
 
-		_$_.if(node_10, if_6, false, { hasLoaded, muzes });
+		_$_.if(node_10, if_6, false, { a: hasLoaded, b: muzes });
 		_$_.hydrating && _$_.pop(div_3);
 	}
 
@@ -311,17 +311,17 @@ function IfCodeBlockControlFlow_render(__anchor, __block) {
 
 IfCodeBlockControlFlow[_$_.$r] = IfCodeBlockControlFlow_render;
 
-var root_20 = _$_.template(`<span class="loading">loading</span>`, 0);
-var root_22 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_21 = _$_.template(`<!><span class="after">after</span>`, 1, 2);
+var root_20 = _$_.template(`<span class=loading>loading`);
+var root_22 = _$_.template(`<p class=muze> `);
+var root_21 = _$_.template(`<!><span class=after>after`, 1, 2);
 
-function consequent_6(__anchor, { hasLoaded, muzes }) {
+function consequent_6(__anchor, { a: hasLoaded, b: muzes }) {
 	var span_2 = root_20();
 
 	_$_.append(__anchor, span_2);
 }
 
-function alternate(__anchor, { hasLoaded, muzes }) {
+function alternate(__anchor, { a: hasLoaded, b: muzes }) {
 	var fragment_8 = root_21();
 	var node_12 = _$_.first_child_frag(fragment_8);
 
@@ -348,11 +348,11 @@ function alternate(__anchor, { hasLoaded, muzes }) {
 	_$_.append(__anchor, fragment_8);
 }
 
-function if_7({ hasLoaded, muzes }) {
+function if_7({ a: hasLoaded, b: muzes }) {
 	if (hasLoaded) return consequent_6; else return alternate;
 }
 
-var root_19 = _$_.template(`<div class="feed-d"><!></div>`, 0);
+var root_19 = _$_.template(`<div class=feed-d><!>`);
 
 function IfElseFragment_render(__anchor, __block) {
 	const muzes = [{ muzeId: 'b' }, { muzeId: 'c' }];
@@ -362,7 +362,7 @@ function IfElseFragment_render(__anchor, __block) {
 	{
 		var node_11 = _$_.hydrating ? _$_.hydrate_child() : div_4.firstChild;
 
-		_$_.if(node_11, if_7, false, { hasLoaded, muzes });
+		_$_.if(node_11, if_7, false, { a: hasLoaded, b: muzes });
 		_$_.hydrating && _$_.pop(div_4);
 	}
 
@@ -371,10 +371,10 @@ function IfElseFragment_render(__anchor, __block) {
 
 IfElseFragment[_$_.$r] = IfElseFragment_render;
 
-var root_25 = _$_.template(`<p class="muze"> </p>`, 0);
-var root_24 = _$_.template(`<section><!><span class="after">after</span></section>`, 0);
+var root_25 = _$_.template(`<p class=muze> `);
+var root_24 = _$_.template(`<section><span class=after>after`);
 
-function consequent_7(__anchor, { hasLoaded, muzes }) {
+function consequent_7(__anchor, { a: hasLoaded, b: muzes }) {
 	var section = root_24();
 
 	{
@@ -405,11 +405,11 @@ function consequent_7(__anchor, { hasLoaded, muzes }) {
 	_$_.append(__anchor, section);
 }
 
-function if_8({ hasLoaded, muzes }) {
+function if_8({ a: hasLoaded, b: muzes }) {
 	if (hasLoaded) return consequent_7;
 }
 
-var root_23 = _$_.template(`<div class="feed-e"><!></div>`, 0);
+var root_23 = _$_.template(`<div class=feed-e><!>`);
 
 function IfDivFragment_render(__anchor, __block) {
 	const muzes = [{ muzeId: 'b' }, { muzeId: 'c' }];
@@ -419,7 +419,7 @@ function IfDivFragment_render(__anchor, __block) {
 	{
 		var node_13 = _$_.hydrating ? _$_.hydrate_child() : div_5.firstChild;
 
-		_$_.if(node_13, if_8, false, { hasLoaded, muzes });
+		_$_.if(node_13, if_8, false, { a: hasLoaded, b: muzes });
 		_$_.hydrating && _$_.pop(div_5);
 	}