ripple
Version:
Ripple is an elegant TypeScript UI framework
2,220 lines (1,627 loc) • 36.5 kB
JavaScript
// @ts-nocheck
import * as _$_ from 'ripple/internal/server';
import { track } from 'ripple/server';
export function DirectReturn() {
_$_.push_component();
var __r = false;
_$_.regular_block(() => {
_$_.output_push('<div');
_$_.output_push(' class="before"');
_$_.output_push('>');
{
_$_.output_push('before');
}
_$_.output_push('</div>');
});
__r = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r) {
_$_.output_push('<div');
_$_.output_push(' class="after"');
_$_.output_push('>');
{
_$_.output_push('after');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ConditionalReturnTrue() {
_$_.push_component();
var __r_1 = false;
let condition = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (condition) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard hit');
}
_$_.output_push('</div>');
__r_1 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_1) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ConditionalReturnFalse() {
_$_.push_component();
var __r_2 = false;
let condition = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (condition) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard hit');
}
_$_.output_push('</div>');
__r_2 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_2) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ContentBeforeAfterReturn() {
_$_.push_component();
var __r_3 = false;
let shouldReturn = true;
_$_.regular_block(() => {
_$_.output_push('<div');
_$_.output_push(' class="before"');
_$_.output_push('>');
{
_$_.output_push('before');
}
_$_.output_push('</div>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (shouldReturn) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard');
}
_$_.output_push('</div>');
__r_3 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_3) {
_$_.output_push('<div');
_$_.output_push(' class="after"');
_$_.output_push('>');
{
_$_.output_push('after');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function MultipleElementsAfterGuard() {
_$_.push_component();
var __r_4 = false;
let shouldReturn = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (shouldReturn) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard');
}
_$_.output_push('</div>');
__r_4 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_4) {
_$_.output_push('<div');
_$_.output_push(' class="first"');
_$_.output_push('>');
{
_$_.output_push('first');
}
_$_.output_push('</div>');
_$_.output_push('<div');
_$_.output_push(' class="second"');
_$_.output_push('>');
{
_$_.output_push('second');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function MultipleReturnsFirstHits() {
_$_.push_component();
var __r_5 = false;
var __r_6 = false;
let a = true;
let b = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="first"');
_$_.output_push('>');
{
_$_.output_push('first guard');
}
_$_.output_push('</div>');
__r_5 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_5) {
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="second"');
_$_.output_push('>');
{
_$_.output_push('second guard');
}
_$_.output_push('</div>');
__r_6 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_5 && !__r_6) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function MultipleReturnsSecondHits() {
_$_.push_component();
var __r_7 = false;
var __r_8 = false;
let a = false;
let b = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="first"');
_$_.output_push('>');
{
_$_.output_push('first guard');
}
_$_.output_push('</div>');
__r_7 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_7) {
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="second"');
_$_.output_push('>');
{
_$_.output_push('second guard');
}
_$_.output_push('</div>');
__r_8 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_7 && !__r_8) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function MultipleReturnsNoneHit() {
_$_.push_component();
var __r_9 = false;
var __r_10 = false;
let a = false;
let b = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="first"');
_$_.output_push('>');
{
_$_.output_push('first guard');
}
_$_.output_push('</div>');
__r_9 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_9) {
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="second"');
_$_.output_push('>');
{
_$_.output_push('second guard');
}
_$_.output_push('</div>');
__r_10 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_9 && !__r_10) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function NestedReturnsAllTrue() {
_$_.push_component();
var __r_11 = false;
let a = true;
let b = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a is true');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b is true');
}
_$_.output_push('</div>');
__r_11 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_11) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function NestedReturnsInnerFalse() {
_$_.push_component();
var __r_12 = false;
let a = true;
let b = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a is true');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b is true');
}
_$_.output_push('</div>');
__r_12 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_12) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function NestedReturnsOuterFalse() {
_$_.push_component();
var __r_13 = false;
let a = false;
let b = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a is true');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b is true');
}
_$_.output_push('</div>');
__r_13 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_13) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function DeeplyNestedReturnsAllTrue() {
_$_.push_component();
var __r_14 = false;
let a = true;
let b = true;
let c = true;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (c) {
_$_.output_push('<div');
_$_.output_push(' class="c"');
_$_.output_push('>');
{
_$_.output_push('c');
}
_$_.output_push('</div>');
__r_14 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_14) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function DeeplyNestedReturnsInnermostFalse() {
_$_.push_component();
var __r_15 = false;
let a = true;
let b = true;
let c = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (b) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (c) {
_$_.output_push('<div');
_$_.output_push(' class="c"');
_$_.output_push('>');
{
_$_.output_push('c');
}
_$_.output_push('</div>');
__r_15 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_15) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ElseIfChainFirst() {
_$_.push_component();
var __r_16 = false;
var __r_17 = false;
var __r_18 = false;
let value = 1;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (value === 1) {
_$_.output_push('<div');
_$_.output_push(' class="one"');
_$_.output_push('>');
{
_$_.output_push('one');
}
_$_.output_push('</div>');
__r_16 = true;
} else {
_$_.output_push('<!--[-->');
if (value === 2) {
_$_.output_push('<div');
_$_.output_push(' class="two"');
_$_.output_push('>');
{
_$_.output_push('two');
}
_$_.output_push('</div>');
__r_17 = true;
} else {
_$_.output_push('<div');
_$_.output_push(' class="other"');
_$_.output_push('>');
{
_$_.output_push('other');
}
_$_.output_push('</div>');
__r_18 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_16 && !__r_17 && !__r_18) {
_$_.output_push('<div');
_$_.output_push(' class="never"');
_$_.output_push('>');
{
_$_.output_push('never reached');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ElseIfChainSecond() {
_$_.push_component();
var __r_19 = false;
var __r_20 = false;
var __r_21 = false;
let value = 2;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (value === 1) {
_$_.output_push('<div');
_$_.output_push(' class="one"');
_$_.output_push('>');
{
_$_.output_push('one');
}
_$_.output_push('</div>');
__r_19 = true;
} else {
_$_.output_push('<!--[-->');
if (value === 2) {
_$_.output_push('<div');
_$_.output_push(' class="two"');
_$_.output_push('>');
{
_$_.output_push('two');
}
_$_.output_push('</div>');
__r_20 = true;
} else {
_$_.output_push('<div');
_$_.output_push(' class="other"');
_$_.output_push('>');
{
_$_.output_push('other');
}
_$_.output_push('</div>');
__r_21 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_19 && !__r_20 && !__r_21) {
_$_.output_push('<div');
_$_.output_push(' class="never"');
_$_.output_push('>');
{
_$_.output_push('never reached');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ElseIfChainElse() {
_$_.push_component();
var __r_22 = false;
var __r_23 = false;
var __r_24 = false;
let value = 3;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (value === 1) {
_$_.output_push('<div');
_$_.output_push(' class="one"');
_$_.output_push('>');
{
_$_.output_push('one');
}
_$_.output_push('</div>');
__r_22 = true;
} else {
_$_.output_push('<!--[-->');
if (value === 2) {
_$_.output_push('<div');
_$_.output_push(' class="two"');
_$_.output_push('>');
{
_$_.output_push('two');
}
_$_.output_push('</div>');
__r_23 = true;
} else {
_$_.output_push('<div');
_$_.output_push(' class="other"');
_$_.output_push('>');
{
_$_.output_push('other');
}
_$_.output_push('</div>');
__r_24 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_22 && !__r_23 && !__r_24) {
_$_.output_push('<div');
_$_.output_push(' class="never"');
_$_.output_push('>');
{
_$_.output_push('never reached');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReturnWithElseNoReturn() {
_$_.push_component();
var __r_25 = false;
let condition = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (condition) {
_$_.output_push('<div');
_$_.output_push(' class="true"');
_$_.output_push('>');
{
_$_.output_push('condition true');
}
_$_.output_push('</div>');
__r_25 = true;
} else {
_$_.output_push('<div');
_$_.output_push(' class="false"');
_$_.output_push('>');
{
_$_.output_push('condition false');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_25) {
_$_.output_push('<div');
_$_.output_push(' class="after"');
_$_.output_push('>');
{
_$_.output_push('after if-else');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReturnWithElseBothReturn() {
_$_.push_component();
var __r_26 = false;
var __r_27 = false;
let condition = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (condition) {
_$_.output_push('<div');
_$_.output_push(' class="true"');
_$_.output_push('>');
{
_$_.output_push('condition true');
}
_$_.output_push('</div>');
__r_26 = true;
} else {
_$_.output_push('<div');
_$_.output_push(' class="false"');
_$_.output_push('>');
{
_$_.output_push('condition false');
}
_$_.output_push('</div>');
__r_27 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_26 && !__r_27) {
_$_.output_push('<div');
_$_.output_push(' class="never"');
_$_.output_push('>');
{
_$_.output_push('never reached');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveReturnTrueToFalse() {
_$_.push_component();
var __r_28 = false;
let lazy = _$_.track(true, '58730cee');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle"');
_$_.output_push('>');
{
_$_.output_push('Toggle');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (_$_.get(lazy)) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard hit');
}
_$_.output_push('</div>');
__r_28 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_28) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveReturnFalseToTrue() {
_$_.push_component();
var __r_29 = false;
let lazy_1 = _$_.track(false, '7fc6e96b');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle"');
_$_.output_push('>');
{
_$_.output_push('Toggle');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_1)) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard hit');
}
_$_.output_push('</div>');
__r_29 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_29) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveNestedReturn() {
_$_.push_component();
var __r_30 = false;
let a = true;
let lazy_2 = _$_.track(true, '385f771e');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle"');
_$_.output_push('>');
{
_$_.output_push('Toggle');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (a) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (_$_.get(lazy_2)) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b');
}
_$_.output_push('</div>');
__r_30 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_30) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReturnInNestedElement() {
_$_.push_component();
var __r_31 = false;
let show = true;
_$_.regular_block(() => {
_$_.output_push('<div');
_$_.output_push(' class="outer"');
_$_.output_push('>');
{
_$_.output_push('<span');
_$_.output_push(' class="label"');
_$_.output_push('>');
{
_$_.output_push('outer');
}
_$_.output_push('</span>');
_$_.output_push('<!--[-->');
if (show) {
_$_.output_push('<p');
_$_.output_push(' class="inner"');
_$_.output_push('>');
{
_$_.output_push('inner');
}
_$_.output_push('</p>');
__r_31 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('</div>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_31) {
_$_.output_push('<div');
_$_.output_push(' class="after"');
_$_.output_push('>');
{
_$_.output_push('after');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReturnWithMultipleElements() {
_$_.push_component();
var __r_32 = false;
let shouldReturn = true;
_$_.regular_block(() => {
_$_.output_push('<h1');
_$_.output_push(' class="title"');
_$_.output_push('>');
{
_$_.output_push('title');
}
_$_.output_push('</h1>');
});
_$_.regular_block(() => {
_$_.output_push('<p');
_$_.output_push(' class="desc"');
_$_.output_push('>');
{
_$_.output_push('description');
}
_$_.output_push('</p>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (shouldReturn) {
_$_.output_push('<div');
_$_.output_push(' class="guard"');
_$_.output_push('>');
{
_$_.output_push('guard');
}
_$_.output_push('</div>');
_$_.output_push('<span');
_$_.output_push(' class="guard-span"');
_$_.output_push('>');
{
_$_.output_push('guard span');
}
_$_.output_push('</span>');
__r_32 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_32) {
_$_.output_push('<footer');
_$_.output_push(' class="footer"');
_$_.output_push('>');
{
_$_.output_push('footer');
}
_$_.output_push('</footer>');
_$_.output_push('<nav');
_$_.output_push(' class="nav"');
_$_.output_push('>');
{
_$_.output_push('nav');
}
_$_.output_push('</nav>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReturnAtBeginning() {
_$_.push_component();
var __r_33 = false;
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (true) {
_$_.output_push('<div');
_$_.output_push(' class="early"');
_$_.output_push('>');
{
_$_.output_push('early exit');
}
_$_.output_push('</div>');
__r_33 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_33) {
_$_.output_push('<div');
_$_.output_push(' class="never1"');
_$_.output_push('>');
{
_$_.output_push('never reached 1');
}
_$_.output_push('</div>');
_$_.output_push('<div');
_$_.output_push(' class="never2"');
_$_.output_push('>');
{
_$_.output_push('never reached 2');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReturnAtEnd() {
_$_.push_component();
var __r_34 = false;
_$_.regular_block(() => {
_$_.output_push('<div');
_$_.output_push(' class="first"');
_$_.output_push('>');
{
_$_.output_push('first');
}
_$_.output_push('</div>');
});
_$_.regular_block(() => {
_$_.output_push('<div');
_$_.output_push(' class="second"');
_$_.output_push('>');
{
_$_.output_push('second');
}
_$_.output_push('</div>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (true) {
_$_.output_push('<div');
_$_.output_push(' class="third"');
_$_.output_push('>');
{
_$_.output_push('third');
}
_$_.output_push('</div>');
__r_34 = true;
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function MultipleSiblingReturns() {
_$_.push_component();
var __r_35 = false;
var __r_36 = false;
var __r_37 = false;
let mode = 'b';
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (mode === 'a') {
_$_.output_push('<div');
_$_.output_push(' class="mode-a"');
_$_.output_push('>');
{
_$_.output_push('mode A');
}
_$_.output_push('</div>');
__r_35 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_35) {
_$_.output_push('<!--[-->');
if (mode === 'b') {
_$_.output_push('<div');
_$_.output_push(' class="mode-b"');
_$_.output_push('>');
{
_$_.output_push('mode B');
}
_$_.output_push('</div>');
__r_36 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_35 && !__r_36) {
_$_.output_push('<!--[-->');
if (mode === 'c') {
_$_.output_push('<div');
_$_.output_push(' class="mode-c"');
_$_.output_push('>');
{
_$_.output_push('mode C');
}
_$_.output_push('</div>');
__r_37 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_35 && !__r_36 && !__r_37) {
_$_.output_push('<div');
_$_.output_push(' class="default"');
_$_.output_push('>');
{
_$_.output_push('default mode');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveSiblingReturns() {
_$_.push_component();
var __r_38 = false;
var __r_39 = false;
let lazy_3 = _$_.track('first', '5aea90b8');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle"');
_$_.output_push('>');
{
_$_.output_push('Toggle');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_3) === 'first') {
_$_.output_push('<div');
_$_.output_push(' class="first"');
_$_.output_push('>');
{
_$_.output_push('first guard');
}
_$_.output_push('</div>');
__r_38 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_38) {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_3) === 'second') {
_$_.output_push('<div');
_$_.output_push(' class="second"');
_$_.output_push('>');
{
_$_.output_push('second guard');
}
_$_.output_push('</div>');
__r_39 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_38 && !__r_39) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveOuterInnerReturns() {
_$_.push_component();
var __r_40 = false;
let lazy_4 = _$_.track(true, '60b3ed78');
let lazy_5 = _$_.track(true, '76f23362');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle-a"');
_$_.output_push('>');
{
_$_.output_push('Toggle A');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle-b"');
_$_.output_push('>');
{
_$_.output_push('Toggle B');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_4)) {
_$_.output_push('<div');
_$_.output_push(' class="a"');
_$_.output_push('>');
{
_$_.output_push('a');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (_$_.get(lazy_5)) {
_$_.output_push('<div');
_$_.output_push(' class="b"');
_$_.output_push('>');
{
_$_.output_push('b');
}
_$_.output_push('</div>');
__r_40 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_40) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push(_$_.escape(_$_.get(lazy_4) ? 'a-on rest' : 'a-off rest'));
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveElseIfReturns() {
_$_.push_component();
var __r_41 = false;
var __r_42 = false;
let lazy_6 = _$_.track(0, '820ab671');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle"');
_$_.output_push('>');
{
_$_.output_push('Toggle');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_6) === 0) {
_$_.output_push('<div');
_$_.output_push(' class="zero"');
_$_.output_push('>');
{
_$_.output_push('zero');
}
_$_.output_push('</div>');
__r_41 = true;
} else {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_6) === 1) {
_$_.output_push('<div');
_$_.output_push(' class="one"');
_$_.output_push('>');
{
_$_.output_push('one');
}
_$_.output_push('</div>');
__r_42 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_41 && !__r_42) {
_$_.output_push('<div');
_$_.output_push(' class="rest"');
_$_.output_push('>');
{
_$_.output_push('rest');
}
_$_.output_push('</div>');
_$_.output_push('<div');
_$_.output_push(' class="tail"');
_$_.output_push('>');
{
_$_.output_push('tail');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}
export function ReactiveDeepNestedIndependentReturns() {
_$_.push_component();
var __r_43 = false;
var __r_44 = false;
var __r_45 = false;
var __r_46 = false;
let lazy_7 = _$_.track(false, '0222c312');
let lazy_8 = _$_.track(false, '7b13a4fb');
let lazy_9 = _$_.track(false, '405b5bb5');
let lazy_10 = _$_.track(false, 'f8de97e9');
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle-c1"');
_$_.output_push('>');
{
_$_.output_push('Toggle C1');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle-c2"');
_$_.output_push('>');
{
_$_.output_push('Toggle C2');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle-c3"');
_$_.output_push('>');
{
_$_.output_push('Toggle C3');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<button');
_$_.output_push(' class="toggle-c4"');
_$_.output_push('>');
{
_$_.output_push('Toggle C4');
}
_$_.output_push('</button>');
});
_$_.regular_block(() => {
_$_.output_push('<div');
_$_.output_push(' class="top"');
_$_.output_push('>');
{
_$_.output_push('top');
}
_$_.output_push('</div>');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (_$_.get(lazy_7)) {
_$_.output_push('<div');
_$_.output_push(' class="hit-1"');
_$_.output_push('>');
{
_$_.output_push('hit-1');
}
_$_.output_push('</div>');
__r_43 = true;
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_43) {
_$_.output_push('<div');
_$_.output_push(' class="middle"');
_$_.output_push('>');
{
_$_.output_push('middle');
}
_$_.output_push('</div>');
_$_.output_push('<section');
_$_.output_push(' class="nest-1"');
_$_.output_push('>');
{
_$_.output_push('<div');
_$_.output_push(' class="nest-1-a"');
_$_.output_push('>');
{
_$_.output_push('nest-1-a');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (_$_.get(lazy_8)) {
_$_.output_push('<div');
_$_.output_push(' class="hit-2"');
_$_.output_push('>');
{
_$_.output_push('hit-2');
}
_$_.output_push('</div>');
__r_44 = true;
}
_$_.output_push('<!--]-->');
_$_.output_push('<!--[-->');
if (!__r_44) {
_$_.output_push('<div');
_$_.output_push(' class="nest-1-b"');
_$_.output_push('>');
{
_$_.output_push('nest-1-b');
}
_$_.output_push('</div>');
_$_.output_push('<section');
_$_.output_push(' class="nest-2"');
_$_.output_push('>');
{
_$_.output_push('<div');
_$_.output_push(' class="nest-2-a"');
_$_.output_push('>');
{
_$_.output_push('nest-2-a');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (_$_.get(lazy_9)) {
_$_.output_push('<div');
_$_.output_push(' class="hit-3"');
_$_.output_push('>');
{
_$_.output_push('hit-3');
}
_$_.output_push('</div>');
__r_45 = true;
}
_$_.output_push('<!--]-->');
_$_.output_push('<!--[-->');
if (!__r_45) {
_$_.output_push('<div');
_$_.output_push(' class="nest-2-b"');
_$_.output_push('>');
{
_$_.output_push('nest-2-b');
}
_$_.output_push('</div>');
_$_.output_push('<!--[-->');
if (_$_.get(lazy_10)) {
_$_.output_push('<div');
_$_.output_push(' class="hit-4"');
_$_.output_push('>');
{
_$_.output_push('hit-4');
}
_$_.output_push('</div>');
__r_46 = true;
}
_$_.output_push('<!--]-->');
}
_$_.output_push('<!--]-->');
}
_$_.output_push('</section>');
}
_$_.output_push('<!--]-->');
}
_$_.output_push('</section>');
}
_$_.output_push('<!--]-->');
});
_$_.regular_block(() => {
_$_.output_push('<!--[-->');
if (!__r_43 && !__r_44 && !__r_45 && !__r_46) {
_$_.output_push('<div');
_$_.output_push(' class="root-1"');
_$_.output_push('>');
{
_$_.output_push('root-1');
}
_$_.output_push('</div>');
_$_.output_push('<div');
_$_.output_push(' class="root-2"');
_$_.output_push('>');
{
_$_.output_push('root-2');
}
_$_.output_push('</div>');
_$_.output_push('<div');
_$_.output_push(' class="root-3"');
_$_.output_push('>');
{
_$_.output_push('root-3');
}
_$_.output_push('</div>');
_$_.output_push('<div');
_$_.output_push(' class="root-4"');
_$_.output_push('>');
{
_$_.output_push('root-4');
}
_$_.output_push('</div>');
}
_$_.output_push('<!--]-->');
});
_$_.pop_component();
}