svelte/test/js/samples/transition-repeated-outro/expected.js

/* 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, () => {
					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;