mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
2.2 KiB
129 lines
2.2 KiB
/* generated by Svelte vX.Y.Z */
|
|
import {
|
|
SvelteComponent,
|
|
check_outros,
|
|
create_out_transition,
|
|
detach,
|
|
element,
|
|
empty,
|
|
group_outros,
|
|
init,
|
|
insert,
|
|
safe_not_equal,
|
|
transition_in,
|
|
transition_out
|
|
} from "svelte/internal";
|
|
import { fade } from "svelte/transition";
|
|
|
|
// (7:0) {#if num < 5}
|
|
function create_if_block(ctx) {
|
|
var div, div_outro, current;
|
|
|
|
return {
|
|
c() {
|
|
div = element("div");
|
|
div.innerHTML = `<p>wheeee</p>`;
|
|
},
|
|
|
|
m(target, anchor) {
|
|
insert(target, div, anchor);
|
|
current = true;
|
|
},
|
|
|
|
i(local) {
|
|
if (current) return;
|
|
if (div_outro) div_outro.end(1);
|
|
|
|
current = true;
|
|
},
|
|
|
|
o(local) {
|
|
div_outro = create_out_transition(div, fade, {});
|
|
|
|
current = false;
|
|
},
|
|
|
|
d(detaching) {
|
|
if (detaching) {
|
|
detach(div);
|
|
if (div_outro) div_outro.end();
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
function create_fragment(ctx) {
|
|
var if_block_anchor, current;
|
|
|
|
var if_block = (ctx.num < 5) && create_if_block(ctx);
|
|
|
|
return {
|
|
c() {
|
|
if (if_block) if_block.c();
|
|
if_block_anchor = empty();
|
|
},
|
|
|
|
m(target, anchor) {
|
|
if (if_block) if_block.m(target, anchor);
|
|
insert(target, if_block_anchor, anchor);
|
|
current = true;
|
|
},
|
|
|
|
p(changed, ctx) {
|
|
if (ctx.num < 5) {
|
|
if (!if_block) {
|
|
if_block = create_if_block(ctx);
|
|
if_block.c();
|
|
transition_in(if_block, 1);
|
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
} else {
|
|
transition_in(if_block, 1);
|
|
}
|
|
} else if (if_block) {
|
|
group_outros();
|
|
transition_out(if_block, 1, 1, () => {
|
|
if_block = null;
|
|
});
|
|
check_outros();
|
|
}
|
|
},
|
|
|
|
i(local) {
|
|
if (current) return;
|
|
transition_in(if_block);
|
|
current = true;
|
|
},
|
|
|
|
o(local) {
|
|
transition_out(if_block);
|
|
current = false;
|
|
},
|
|
|
|
d(detaching) {
|
|
if (if_block) if_block.d(detaching);
|
|
|
|
if (detaching) {
|
|
detach(if_block_anchor);
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
function instance($$self, $$props, $$invalidate) {
|
|
let { num = 1 } = $$props;
|
|
|
|
$$self.$set = $$props => {
|
|
if ('num' in $$props) $$invalidate('num', num = $$props.num);
|
|
};
|
|
|
|
return { num };
|
|
}
|
|
|
|
class Component extends SvelteComponent {
|
|
constructor(options) {
|
|
super();
|
|
init(this, options, instance, create_fragment, safe_not_equal, ["num"]);
|
|
}
|
|
}
|
|
|
|
export default Component; |