msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

Overhaul transitions - fixes #1906

Browse Source
pull/7738/head
Rich Harris 7 years ago committed by GitHub
parent 63d046da8a
commit c30ae9a896
77 changed files with 678 additions and 770 deletions
Show Stats Download Patch File Download Diff File

21
src/compile/render-dom/Block.ts
Unescape View File

@ -218,11 +218,11 @@ export default class Block {
getContents(localKey?: string) { getContents(localKey?: string) {
const { dev } = this.renderer.options; const { dev } = this.renderer.options;
if (this.hasIntroMethod || this.hasOutroMethod) { if (this.hasOutros) {
this.addVariable('#current'); this.addVariable('#current');
if (!this.builders.mount.isEmpty()) { if (!this.builders.intro.isEmpty()) {
this.builders.mount.addLine(`#current = true;`); this.builders.intro.addLine(`#current = true;`);
} }
if (!this.builders.outro.isEmpty()) { if (!this.builders.outro.isEmpty()) {
@ -347,27 +347,22 @@ export default class Block {
} }
if (this.hasIntroMethod || this.hasOutroMethod) { if (this.hasIntroMethod || this.hasOutroMethod) {
if (this.builders.mount.isEmpty()) { if (this.builders.intro.isEmpty()) {
properties.addLine(`i: @noop,`); properties.addLine(`i: @noop,`);
} else { } else {
properties.addBlock(deindent` properties.addBlock(deindent`
${dev ? 'i: function intro' : 'i'}(#target, anchor) { ${dev ? 'i: function intro' : 'i'}() {
if (#current) return; ${this.hasOutros && `if (#current) return;`}
${this.builders.intro} ${this.builders.intro}
this.m(#target, anchor);
}, },
`); `);
} }
if (this.builders.outro.isEmpty()) { if (this.builders.outro.isEmpty()) {
properties.addLine(`o: @run,`); properties.addLine(`o: @noop,`);
} else { } else {
properties.addBlock(deindent` properties.addBlock(deindent`
${dev ? 'o: function outro' : 'o'}(#outrocallback) { ${dev ? 'o: function outro' : 'o'}() {
if (!#current) return;
${this.outros > 1 && `#outrocallback = @callAfter(#outrocallback, ${this.outros});`}
${this.builders.outro} ${this.builders.outro}
}, },
`); `);

11
src/compile/render-dom/wrappers/AwaitBlock.ts
Unescape View File

@ -172,11 +172,15 @@ export default class AwaitBlockWrapper extends Wrapper {
const hasTransitions = this.pending.block.hasIntroMethod || this.pending.block.hasOutroMethod; const hasTransitions = this.pending.block.hasIntroMethod || this.pending.block.hasOutroMethod;
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
${info}.block.${hasTransitions ? 'i' : 'm'}(${initialMountNode}, ${info}.anchor = ${anchorNode}); ${info}.block.m(${initialMountNode}, ${info}.anchor = ${anchorNode});
${info}.mount = () => ${updateMountNode}; ${info}.mount = () => ${updateMountNode};
${info}.anchor = ${anchor}; ${info}.anchor = ${anchor};
`); `);
if (hasTransitions) {
block.builders.intro.addLine(`${info}.block.i();`);
}
const conditions = []; const conditions = [];
if (this.node.expression.dependencies.size > 0) { if (this.node.expression.dependencies.size > 0) {
conditions.push( conditions.push(
@ -208,13 +212,10 @@ export default class AwaitBlockWrapper extends Wrapper {
} }
if (this.pending.block.hasOutroMethod) { if (this.pending.block.hasOutroMethod) {
const countdown = block.getUniqueName('countdown');
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
const ${countdown} = @callAfter(#outrocallback, 3);
for (let #i = 0; #i < 3; #i += 1) { for (let #i = 0; #i < 3; #i += 1) {
const block = ${info}.blocks[#i]; const block = ${info}.blocks[#i];
if (block) block.o(${countdown}); if (block) block.o();
else ${countdown}();
} }
`); `);
} }

103
src/compile/render-dom/wrappers/EachBlock.ts
Unescape View File

@ -60,7 +60,6 @@ export default class EachBlockWrapper extends Wrapper {
get_each_context: string; get_each_context: string;
iterations: string; iterations: string;
length: string; length: string;
mountOrIntro: string;
} }
contextProps: string[]; contextProps: string[];
@ -102,7 +101,6 @@ export default class EachBlockWrapper extends Wrapper {
let c = this.node.start + 2; let c = this.node.start + 2;
while (renderer.component.source[c] !== 'e') c += 1; while (renderer.component.source[c] !== 'e') c += 1;
renderer.component.code.overwrite(c, c + 4, 'length'); renderer.component.code.overwrite(c, c + 4, 'length');
const length = `[✂${c}-${c+4}✂]`;
this.vars = { this.vars = {
create_each_block: this.block.name, create_each_block: this.block.name,
@ -112,8 +110,7 @@ export default class EachBlockWrapper extends Wrapper {
length: `[✂${c}-${c+4}✂]`, length: `[✂${c}-${c+4}✂]`,
// filled out later // filled out later
anchor: null, anchor: null
mountOrIntro: null
}; };
node.contexts.forEach(prop => { node.contexts.forEach(prop => {
@ -173,8 +170,6 @@ export default class EachBlockWrapper extends Wrapper {
? block.getUniqueName(`${this.var}_anchor`) ? block.getUniqueName(`${this.var}_anchor`)
: (this.next && this.next.var) || 'null'; : (this.next && this.next.var) || 'null';
this.vars.mountOrIntro = (this.block.hasIntroMethod || this.block.hasOutroMethod) ? 'i' : 'm';
this.contextProps = this.node.contexts.map(prop => `child_ctx.${prop.key.name} = list[i]${prop.tail};`); this.contextProps = this.node.contexts.map(prop => `child_ctx.${prop.key.name} = list[i]${prop.tail};`);
if (this.hasBinding) this.contextProps.push(`child_ctx.${this.vars.each_block_value} = list;`); if (this.hasBinding) this.contextProps.push(`child_ctx.${this.vars.each_block_value} = list;`);
@ -198,6 +193,12 @@ export default class EachBlockWrapper extends Wrapper {
this.renderUnkeyed(block, parentNode, parentNodes, snippet); this.renderUnkeyed(block, parentNode, parentNodes, snippet);
} }
if (this.block.hasIntroMethod || this.block.hasOutroMethod) {
block.builders.intro.addBlock(deindent`
for (var #i = 0; #i < ${this.vars.each_block_value}.${this.vars.length}; #i += 1) ${this.vars.iterations}[#i].i();
`);
}
if (needsAnchor) { if (needsAnchor) {
block.addElement( block.addElement(
this.vars.anchor, this.vars.anchor,
@ -209,7 +210,6 @@ export default class EachBlockWrapper extends Wrapper {
if (this.else) { if (this.else) {
const each_block_else = component.getUniqueName(`${this.var}_else`); const each_block_else = component.getUniqueName(`${this.var}_else`);
const mountOrIntro = (this.else.block.hasIntroMethod || this.else.block.hasOutroMethod) ? 'i' : 'm';
block.builders.init.addLine(`var ${each_block_else} = null;`); block.builders.init.addLine(`var ${each_block_else} = null;`);
@ -223,7 +223,7 @@ export default class EachBlockWrapper extends Wrapper {
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
if (${each_block_else}) { if (${each_block_else}) {
${each_block_else}.${mountOrIntro}(${parentNode || '#target'}, null); ${each_block_else}.m(${parentNode || '#target'}, null);
} }
`); `);
@ -236,7 +236,7 @@ export default class EachBlockWrapper extends Wrapper {
} else if (!${this.vars.each_block_value}.${this.vars.length}) { } else if (!${this.vars.each_block_value}.${this.vars.length}) {
${each_block_else} = ${this.else.block.name}($$, ctx); ${each_block_else} = ${this.else.block.name}($$, ctx);
${each_block_else}.c(); ${each_block_else}.c();
${each_block_else}.${mountOrIntro}(${initialMountNode}, ${this.vars.anchor}); ${each_block_else}.m(${initialMountNode}, ${this.vars.anchor});
} else if (${each_block_else}) { } else if (${each_block_else}) {
${each_block_else}.d(1); ${each_block_else}.d(1);
${each_block_else} = null; ${each_block_else} = null;
@ -252,7 +252,7 @@ export default class EachBlockWrapper extends Wrapper {
} else if (!${each_block_else}) { } else if (!${each_block_else}) {
${each_block_else} = ${this.else.block.name}($$, ctx); ${each_block_else} = ${this.else.block.name}($$, ctx);
${each_block_else}.c(); ${each_block_else}.c();
${each_block_else}.${mountOrIntro}(${initialMountNode}, ${this.vars.anchor}); ${each_block_else}.m(${initialMountNode}, ${this.vars.anchor});
} }
`); `);
} }
@ -279,14 +279,13 @@ export default class EachBlockWrapper extends Wrapper {
create_each_block, create_each_block,
length, length,
anchor, anchor,
mountOrIntro, iterations
} = this.vars; } = this.vars;
const get_key = block.getUniqueName('get_key'); const get_key = block.getUniqueName('get_key');
const blocks = block.getUniqueName(`${this.var}_blocks`);
const lookup = block.getUniqueName(`${this.var}_lookup`); const lookup = block.getUniqueName(`${this.var}_lookup`);
block.addVariable(blocks, '[]'); block.addVariable(iterations, '[]');
block.addVariable(lookup, `@blankObject()`); block.addVariable(lookup, `@blankObject()`);
if (this.fragment.nodes[0].isDomNode()) { if (this.fragment.nodes[0].isDomNode()) {
@ -307,7 +306,7 @@ export default class EachBlockWrapper extends Wrapper {
for (var #i = 0; #i < ${this.vars.each_block_value}.${length}; #i += 1) { for (var #i = 0; #i < ${this.vars.each_block_value}.${length}; #i += 1) {
let child_ctx = ${this.vars.get_each_context}(ctx, ${this.vars.each_block_value}, #i); let child_ctx = ${this.vars.get_each_context}(ctx, ${this.vars.each_block_value}, #i);
let key = ${get_key}(child_ctx); let key = ${get_key}(child_ctx);
${blocks}[#i] = ${lookup}[key] = ${create_each_block}($$, key, child_ctx); ${iterations}[#i] = ${lookup}[key] = ${create_each_block}($$, key, child_ctx);
} }
`); `);
@ -316,17 +315,17 @@ export default class EachBlockWrapper extends Wrapper {
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.create.addBlock(deindent` block.builders.create.addBlock(deindent`
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].c(); for (#i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].c();
`); `);
if (parentNodes && this.renderer.options.hydratable) { if (parentNodes && this.renderer.options.hydratable) {
block.builders.claim.addBlock(deindent` block.builders.claim.addBlock(deindent`
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].l(${parentNodes}); for (#i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].l(${parentNodes});
`); `);
} }
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].${mountOrIntro}(${initialMountNode}, ${anchorNode}); for (#i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].m(${initialMountNode}, ${anchorNode});
`); `);
const dynamic = this.block.hasUpdateMethod; const dynamic = this.block.hasUpdateMethod;
@ -342,21 +341,20 @@ export default class EachBlockWrapper extends Wrapper {
const ${this.vars.each_block_value} = ${snippet}; const ${this.vars.each_block_value} = ${snippet};
${this.block.hasOutros && `@group_outros();`} ${this.block.hasOutros && `@group_outros();`}
${this.node.hasAnimation && `for (let #i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].r();`} ${this.node.hasAnimation && `for (let #i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].r();`}
${blocks} = @updateKeyedEach(${blocks}, $$, changed, ${get_key}, ${dynamic ? '1' : '0'}, ctx, ${this.vars.each_block_value}, ${lookup}, ${updateMountNode}, ${destroy}, ${create_each_block}, "${mountOrIntro}", ${anchor}, ${this.vars.get_each_context}); ${iterations} = @updateKeyedEach(${iterations}, $$, changed, ${get_key}, ${dynamic ? '1' : '0'}, ctx, ${this.vars.each_block_value}, ${lookup}, ${updateMountNode}, ${destroy}, ${create_each_block}, ${anchor}, ${this.vars.get_each_context});
${this.node.hasAnimation && `for (let #i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].a();`} ${this.node.hasAnimation && `for (let #i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].a();`}
${this.block.hasOutros && `@check_outros();`}
`); `);
if (this.block.hasOutros) { if (this.block.hasOutros) {
const countdown = block.getUniqueName('countdown');
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
const ${countdown} = @callAfter(#outrocallback, ${blocks}.length); for (#i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].o();
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].o(${countdown});
`); `);
} }
block.builders.destroy.addBlock(deindent` block.builders.destroy.addBlock(deindent`
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].d(${parentNode ? '' : 'detach'}); for (#i = 0; #i < ${iterations}.length; #i += 1) ${iterations}[#i].d(${parentNode ? '' : 'detach'});
`); `);
} }
@ -370,8 +368,7 @@ export default class EachBlockWrapper extends Wrapper {
create_each_block, create_each_block,
length, length,
iterations, iterations,
anchor, anchor
mountOrIntro,
} = this.vars; } = this.vars;
block.builders.init.addBlock(deindent` block.builders.init.addBlock(deindent`
@ -402,7 +399,7 @@ export default class EachBlockWrapper extends Wrapper {
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
for (var #i = 0; #i < ${iterations}.length; #i += 1) { for (var #i = 0; #i < ${iterations}.length; #i += 1) {
${iterations}[#i].${mountOrIntro}(${initialMountNode}, ${anchorNode}); ${iterations}[#i].m(${initialMountNode}, ${anchorNode});
} }
`); `);
@ -415,15 +412,16 @@ export default class EachBlockWrapper extends Wrapper {
const outroBlock = this.block.hasOutros && block.getUniqueName('outroBlock') const outroBlock = this.block.hasOutros && block.getUniqueName('outroBlock')
if (outroBlock) { if (outroBlock) {
block.builders.init.addBlock(deindent` block.builders.init.addBlock(deindent`
function ${outroBlock}(i, detach, fn) { function ${outroBlock}(i, detach) {
if (${iterations}[i]) { if (${iterations}[i]) {
${iterations}[i].o(() => { if (detach) {
if (detach) { @on_outro(() => {
${iterations}[i].d(detach); ${iterations}[i].d(detach);
${iterations}[i] = null; ${iterations}[i] = null;
} });
if (fn) fn(); }
});
${iterations}[i].o();
} }
} }
`); `);
@ -433,31 +431,25 @@ export default class EachBlockWrapper extends Wrapper {
.map(dependency => `changed.${dependency}`) .map(dependency => `changed.${dependency}`)
.join(' || '); .join(' || ');
const has_transitions = !!(this.block.hasIntroMethod || this.block.hasOutroMethod);
if (condition !== '') { if (condition !== '') {
const forLoopBody = this.block.hasUpdateMethod const forLoopBody = this.block.hasUpdateMethod
? (this.block.hasIntros || this.block.hasOutros) ? deindent`
? deindent` if (${iterations}[#i]) {
if (${iterations}[#i]) { ${iterations}[#i].p(changed, child_ctx);
${iterations}[#i].p(changed, child_ctx); } else {
} else { ${iterations}[#i] = ${create_each_block}($$, child_ctx);
${iterations}[#i] = ${create_each_block}($$, child_ctx); ${iterations}[#i].c();
${iterations}[#i].c(); ${iterations}[#i].m(${updateMountNode}, ${anchor});
} }
${iterations}[#i].i(${updateMountNode}, ${anchor}); ${has_transitions && `${iterations}[#i].i();`}
` `
: deindent`
if (${iterations}[#i]) {
${iterations}[#i].p(changed, child_ctx);
} else {
${iterations}[#i] = ${create_each_block}($$, child_ctx);
${iterations}[#i].c();
${iterations}[#i].m(${updateMountNode}, ${anchor});
}
`
: deindent` : deindent`
${iterations}[#i] = ${create_each_block}($$, child_ctx); ${iterations}[#i] = ${create_each_block}($$, child_ctx);
${iterations}[#i].c(); ${iterations}[#i].c();
${iterations}[#i].${mountOrIntro}(${updateMountNode}, ${anchor}); ${iterations}[#i].m(${updateMountNode}, ${anchor});
${has_transitions && `${iterations}[#i].i();`}
`; `;
const start = this.block.hasUpdateMethod ? '0' : `${iterations}.length`; const start = this.block.hasUpdateMethod ? '0' : `${iterations}.length`;
@ -468,6 +460,7 @@ export default class EachBlockWrapper extends Wrapper {
destroy = deindent` destroy = deindent`
@group_outros(); @group_outros();
for (; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 1); for (; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 1);
@check_outros();
`; `;
} else { } else {
destroy = deindent` destroy = deindent`
@ -498,11 +491,9 @@ export default class EachBlockWrapper extends Wrapper {
} }
if (outroBlock) { if (outroBlock) {
const countdown = block.getUniqueName('countdown');
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
${iterations} = ${iterations}.filter(Boolean); ${iterations} = ${iterations}.filter(Boolean);
const ${countdown} = @callAfter(#outrocallback, ${iterations}.length); for (let #i = 0; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 0);`
for (let #i = 0; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 0, ${countdown});`
); );
} }

53
src/compile/render-dom/wrappers/Element/index.ts
Unescape View File

@ -582,6 +582,7 @@ export default class ElementWrapper extends Wrapper {
const { component } = this.renderer; const { component } = this.renderer;
if (intro === outro) { if (intro === outro) {
// bidirectional transition
const name = block.getUniqueName(`${this.var}_transition`); const name = block.getUniqueName(`${this.var}_transition`);
const snippet = intro.expression const snippet = intro.expression
? intro.expression.render(block) ? intro.expression.render(block)
@ -591,25 +592,22 @@ export default class ElementWrapper extends Wrapper {
const fn = component.qualify(intro.name); const fn = component.qualify(intro.name);
block.builders.intro.addConditional(`@intros.enabled`, deindent` block.builders.intro.addBlock(deindent`
if (${name}) ${name}.invalidate();
@add_render_callback(() => { @add_render_callback(() => {
if (!${name}) ${name} = @create_transition(${this.var}, ${fn}, ${snippet}, true); if (!${name}) ${name} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet}, true);
${name}.run(1); ${name}.run(1);
}); });
`); `);
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
if (!${name}) ${name} = @create_transition(${this.var}, ${fn}, ${snippet}, false); if (!${name}) ${name} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet}, false);
${name}.run(0, () => { ${name}.run(0);
#outrocallback();
${name} = null;
});
`); `);
block.builders.destroy.addConditional('detach', `if (${name}) ${name}.abort();`); block.builders.destroy.addConditional('detach', `if (${name}) ${name}.end();`);
} else { }
else {
const introName = intro && block.getUniqueName(`${this.var}_intro`); const introName = intro && block.getUniqueName(`${this.var}_intro`);
const outroName = outro && block.getUniqueName(`${this.var}_outro`); const outroName = outro && block.getUniqueName(`${this.var}_outro`);
@ -619,21 +617,27 @@ export default class ElementWrapper extends Wrapper {
? intro.expression.render(block) ? intro.expression.render(block)
: '{}'; : '{}';
const fn = component.qualify(intro.name); // TODO add built-in transitions? const fn = component.qualify(intro.name);
if (outro) { if (outro) {
block.builders.intro.addBlock(deindent` block.builders.intro.addBlock(deindent`
if (${introName}) ${introName}.abort(1); @add_render_callback(() => {
if (${outroName}) ${outroName}.abort(1); if (!${introName}) ${introName} = @create_in_transition(${this.var}, ${fn}, ${snippet});
${introName}.start();
});
`); `);
}
block.builders.intro.addConditional(`@intros.enabled`, deindent` block.builders.outro.addLine(`if (${introName}) ${introName}.invalidate()`);
@add_render_callback(() => { } else {
${introName} = @create_transition(${this.var}, ${fn}, ${snippet}, true); block.builders.intro.addBlock(deindent`
${introName}.run(1); if (!${introName}) {
}); @add_render_callback(() => {
`); ${introName} = @create_in_transition(${this.var}, ${fn}, ${snippet});
${introName}.start();
});
}
`);
}
} }
if (outro) { if (outro) {
@ -645,17 +649,16 @@ export default class ElementWrapper extends Wrapper {
const fn = component.qualify(outro.name); const fn = component.qualify(outro.name);
block.builders.intro.addBlock(deindent` block.builders.intro.addBlock(deindent`
if (${outroName}) ${outroName}.abort(1); if (${outroName}) ${outroName}.end(1);
`); `);
// TODO hide elements that have outro'd (unless they belong to a still-outroing // TODO hide elements that have outro'd (unless they belong to a still-outroing
// group) prior to their removal from the DOM // group) prior to their removal from the DOM
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
${outroName} = @create_transition(${this.var}, ${fn}, ${snippet}, false); ${outroName} = @create_out_transition(${this.var}, ${fn}, ${snippet});
${outroName}.run(0, #outrocallback);
`); `);
block.builders.destroy.addConditional('detach', `if (${outroName}) ${outroName}.abort();`); block.builders.destroy.addConditional('detach', `if (${outroName}) ${outroName}.end();`);
} }
} }
} }

106
src/compile/render-dom/wrappers/IfBlock.ts
Unescape View File

@ -153,18 +153,17 @@ export default class IfBlockWrapper extends Wrapper {
const if_name = hasElse ? '' : `if (${name}) `; const if_name = hasElse ? '' : `if (${name}) `;
const dynamic = this.branches[0].block.hasUpdateMethod; // can use [0] as proxy for all, since they necessarily have the same value const dynamic = this.branches[0].block.hasUpdateMethod; // can use [0] as proxy for all, since they necessarily have the same value
const hasIntros = this.branches[0].block.hasIntroMethod;
const hasOutros = this.branches[0].block.hasOutroMethod; const hasOutros = this.branches[0].block.hasOutroMethod;
const has_transitions = hasIntros || hasOutros;
const vars = { name, anchor, if_name, hasElse }; const vars = { name, anchor, if_name, hasElse, has_transitions };
if (this.node.else) { if (this.node.else) {
if (hasOutros) { if (hasOutros) {
this.renderCompoundWithOutros(block, parentNode, parentNodes, dynamic, vars); this.renderCompoundWithOutros(block, parentNode, parentNodes, dynamic, vars);
block.builders.outro.addBlock(deindent` block.builders.outro.addLine(`if (${name}) ${name}.o();`);
if (${name}) ${name}.o(#outrocallback);
else #outrocallback();
`);
} else { } else {
this.renderCompound(block, parentNode, parentNodes, dynamic, vars); this.renderCompound(block, parentNode, parentNodes, dynamic, vars);
} }
@ -172,10 +171,7 @@ export default class IfBlockWrapper extends Wrapper {
this.renderSimple(block, parentNode, parentNodes, dynamic, vars); this.renderSimple(block, parentNode, parentNodes, dynamic, vars);
if (hasOutros) { if (hasOutros) {
block.builders.outro.addBlock(deindent` block.builders.outro.addLine(`if (${name}) ${name}.o();`);
if (${name}) ${name}.o(#outrocallback);
else #outrocallback();
`);
} }
} }
@ -187,6 +183,10 @@ export default class IfBlockWrapper extends Wrapper {
); );
} }
if (hasIntros || hasOutros) {
block.builders.intro.addLine(`if (${name}) ${name}.i();`);
}
if (needsAnchor) { if (needsAnchor) {
block.addElement( block.addElement(
anchor, anchor,
@ -206,7 +206,7 @@ export default class IfBlockWrapper extends Wrapper {
parentNode: string, parentNode: string,
parentNodes: string, parentNodes: string,
dynamic, dynamic,
{ name, anchor, hasElse, if_name } { name, anchor, hasElse, if_name, has_transitions }
) { ) {
const select_block_type = this.renderer.component.getUniqueName(`select_block_type`); const select_block_type = this.renderer.component.getUniqueName(`select_block_type`);
const current_block_type = block.getUniqueName(`current_block_type`); const current_block_type = block.getUniqueName(`current_block_type`);
@ -225,12 +225,10 @@ export default class IfBlockWrapper extends Wrapper {
var ${name} = ${current_block_type_and}${current_block_type}($$, ctx); var ${name} = ${current_block_type_and}${current_block_type}($$, ctx);
`); `);
const mountOrIntro = this.branches[0].block.hasIntroMethod ? 'i' : 'm';
const initialMountNode = parentNode || '#target'; const initialMountNode = parentNode || '#target';
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.mount.addLine( block.builders.mount.addLine(
`${if_name}${name}.${mountOrIntro}(${initialMountNode}, ${anchorNode});` `${if_name}${name}.m(${initialMountNode}, ${anchorNode});`
); );
const updateMountNode = this.getUpdateMountNode(anchor); const updateMountNode = this.getUpdateMountNode(anchor);
@ -238,8 +236,11 @@ export default class IfBlockWrapper extends Wrapper {
const changeBlock = deindent` const changeBlock = deindent`
${if_name}${name}.d(1); ${if_name}${name}.d(1);
${name} = ${current_block_type_and}${current_block_type}($$, ctx); ${name} = ${current_block_type_and}${current_block_type}($$, ctx);
${if_name}${name}.c(); if (${name}) {
${if_name}${name}.${mountOrIntro}(${updateMountNode}, ${anchor}); ${name}.c();
${name}.m(${updateMountNode}, ${anchor});
${has_transitions && `${name}.i();`}
}
`; `;
if (dynamic) { if (dynamic) {
@ -268,7 +269,7 @@ export default class IfBlockWrapper extends Wrapper {
parentNode: string, parentNode: string,
parentNodes: string, parentNodes: string,
dynamic, dynamic,
{ name, anchor, hasElse } { name, anchor, hasElse, has_transitions }
) { ) {
const select_block_type = this.renderer.component.getUniqueName(`select_block_type`); const select_block_type = this.renderer.component.getUniqueName(`select_block_type`);
const current_block_type_index = block.getUniqueName(`current_block_type_index`); const current_block_type_index = block.getUniqueName(`current_block_type_index`);
@ -311,22 +312,23 @@ export default class IfBlockWrapper extends Wrapper {
`); `);
} }
const mountOrIntro = this.branches[0].block.hasIntroMethod ? 'i' : 'm';
const initialMountNode = parentNode || '#target'; const initialMountNode = parentNode || '#target';
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.mount.addLine( block.builders.mount.addLine(
`${if_current_block_type_index}${if_blocks}[${current_block_type_index}].${mountOrIntro}(${initialMountNode}, ${anchorNode});` `${if_current_block_type_index}${if_blocks}[${current_block_type_index}].m(${initialMountNode}, ${anchorNode});`
); );
const updateMountNode = this.getUpdateMountNode(anchor); const updateMountNode = this.getUpdateMountNode(anchor);
const destroyOldBlock = deindent` const destroyOldBlock = deindent`
@group_outros(); @group_outros();
${name}.o(function() { @on_outro(() => {
${if_blocks}[${previous_block_index}].d(1); ${if_blocks}[${previous_block_index}].d(1);
${if_blocks}[${previous_block_index}] = null; ${if_blocks}[${previous_block_index}] = null;
}); });
${name}.o();
@check_outros();
`; `;
const createNewBlock = deindent` const createNewBlock = deindent`
@ -335,7 +337,8 @@ export default class IfBlockWrapper extends Wrapper {
${name} = ${if_blocks}[${current_block_type_index}] = ${if_block_creators}[${current_block_type_index}]($$, ctx); ${name} = ${if_blocks}[${current_block_type_index}] = ${if_block_creators}[${current_block_type_index}]($$, ctx);
${name}.c(); ${name}.c();
} }
${name}.${mountOrIntro}(${updateMountNode}, ${anchor}); ${name}.m(${updateMountNode}, ${anchor});
${has_transitions && `${name}.i();`}
`; `;
const changeBlock = hasElse const changeBlock = hasElse
@ -386,7 +389,7 @@ export default class IfBlockWrapper extends Wrapper {
parentNode: string, parentNode: string,
parentNodes: string, parentNodes: string,
dynamic, dynamic,
{ name, anchor, if_name } { name, anchor, if_name, has_transitions }
) { ) {
const branch = this.branches[0]; const branch = this.branches[0];
@ -394,62 +397,47 @@ export default class IfBlockWrapper extends Wrapper {
var ${name} = (${branch.condition}) && ${branch.block.name}($$, ctx); var ${name} = (${branch.condition}) && ${branch.block.name}($$, ctx);
`); `);
const mountOrIntro = branch.block.hasIntroMethod ? 'i' : 'm';
const initialMountNode = parentNode || '#target'; const initialMountNode = parentNode || '#target';
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.mount.addLine( block.builders.mount.addLine(
`if (${name}) ${name}.${mountOrIntro}(${initialMountNode}, ${anchorNode});` `if (${name}) ${name}.m(${initialMountNode}, ${anchorNode});`
); );
const updateMountNode = this.getUpdateMountNode(anchor); const updateMountNode = this.getUpdateMountNode(anchor);
const enter = dynamic const enter = dynamic
? (branch.block.hasIntroMethod || branch.block.hasOutroMethod) ? deindent`
? deindent` if (${name}) {
if (${name}) { ${name}.p(changed, ctx);
${name}.p(changed, ctx); } else {
} else { ${name} = ${branch.block.name}($$, ctx);
${name} = ${branch.block.name}($$, ctx); ${name}.c();
if (${name}) ${name}.c(); ${name}.m(${updateMountNode}, ${anchor});
} }
${has_transitions && `${name}.i();`}
${name}.i(${updateMountNode}, ${anchor}); `
` : deindent`
: deindent` if (!${name}) {
if (${name}) { ${name} = ${branch.block.name}($$, ctx);
${name}.p(changed, ctx); ${name}.c();
} else { ${name}.m(${updateMountNode}, ${anchor});
${name} = ${branch.block.name}($$, ctx); }
${name}.c(); ${has_transitions && `${name}.i();`}
${name}.m(${updateMountNode}, ${anchor}); `;
}
`
: (branch.block.hasIntroMethod || branch.block.hasOutroMethod)
? deindent`
if (!${name}) {
${name} = ${branch.block.name}($$, ctx);
${name}.c();
}
${name}.i(${updateMountNode}, ${anchor});
`
: deindent`
if (!${name}) {
${name} = ${branch.block.name}($$, ctx);
${name}.c();
${name}.m(${updateMountNode}, ${anchor});
}
`;
// no `p()` here — we don't want to update outroing nodes, // no `p()` here — we don't want to update outroing nodes,
// as that will typically result in glitching // as that will typically result in glitching
const exit = branch.block.hasOutroMethod const exit = branch.block.hasOutroMethod
? deindent` ? deindent`
@group_outros(); @group_outros();
${name}.o(function() { @on_outro(() => {
${name}.d(1); ${name}.d(1);
${name} = null; ${name} = null;
}); });
${name}.o();
@check_outros();
` `
: deindent` : deindent`
${name}.d(1); ${name}.d(1);

15
src/compile/render-dom/wrappers/InlineComponent/index.ts
Unescape View File

@ -364,9 +364,11 @@ export default class InlineComponentWrapper extends Wrapper {
if (${name}) { if (${name}) {
@group_outros(); @group_outros();
const old_component = ${name}; const old_component = ${name};
old_component.$$.fragment.o(() => { @on_outro(() => {
old_component.$destroy(); old_component.$destroy();
}); });
old_component.$$.fragment.o();
@check_outros();
} }
if (${switch_value}) { if (${switch_value}) {
@ -378,6 +380,7 @@ export default class InlineComponentWrapper extends Wrapper {
${this.fragment && this.fragment.nodes.map(child => child.remount(name))} ${this.fragment && this.fragment.nodes.map(child => child.remount(name))}
${name}.$$.fragment.c(); ${name}.$$.fragment.c();
@mount_component(${name}, ${updateMountNode}, ${anchor}); @mount_component(${name}, ${updateMountNode}, ${anchor});
${name}.$$.fragment.i();
${this.node.handlers.map(handler => deindent` ${this.node.handlers.map(handler => deindent`
${name}.$on("${handler.name}", ${handler.var}); ${name}.$on("${handler.name}", ${handler.var});
@ -388,6 +391,10 @@ export default class InlineComponentWrapper extends Wrapper {
} }
`); `);
block.builders.intro.addBlock(deindent`
if (${name}) ${name}.$$.fragment.i();
`);
if (updates.length) { if (updates.length) {
block.builders.update.addBlock(deindent` block.builders.update.addBlock(deindent`
else if (${switch_value}) { else if (${switch_value}) {
@ -426,6 +433,10 @@ export default class InlineComponentWrapper extends Wrapper {
`@mount_component(${name}, ${parentNode || '#target'}, ${parentNode ? 'null' : 'anchor'});` `@mount_component(${name}, ${parentNode || '#target'}, ${parentNode ? 'null' : 'anchor'});`
); );
block.builders.intro.addBlock(deindent`
${name}.$$.fragment.i();
`);
if (updates.length) { if (updates.length) {
block.builders.update.addBlock(deindent` block.builders.update.addBlock(deindent`
${updates} ${updates}
@ -440,7 +451,7 @@ export default class InlineComponentWrapper extends Wrapper {
} }
block.builders.outro.addLine( block.builders.outro.addLine(
`if (${name}) ${name}.$$.fragment.o(#outrocallback);` `if (${name}) ${name}.$$.fragment.o();`
); );
} }

6
src/internal/Component.js
Unescape View File

@ -12,7 +12,7 @@ export function bind(component, name, callback) {
export function mount_component(component, target, anchor) { export function mount_component(component, target, anchor) {
const { fragment, on_mount, on_destroy, after_render } = component.$$; const { fragment, on_mount, on_destroy, after_render } = component.$$;
fragment[fragment.i ? 'i' : 'm'](target, anchor); fragment.m(target, anchor);
// onMount happens after the initial afterUpdate. Because // onMount happens after the initial afterUpdate. Because
// afterUpdate callbacks happen in reverse order (inner first) // afterUpdate callbacks happen in reverse order (inner first)
@ -101,8 +101,6 @@ export function init(component, options, instance, create_fragment, not_equal) {
$$.fragment = create_fragment($$, $$.ctx); $$.fragment = create_fragment($$, $$.ctx);
if (options.target) { if (options.target) {
intros.enabled = !!options.intro;
if (options.hydrate) { if (options.hydrate) {
$$.fragment.l(children(options.target)); $$.fragment.l(children(options.target));
} else { } else {
@ -110,8 +108,8 @@ export function init(component, options, instance, create_fragment, not_equal) {
} }
mount_component(component, options.target, options.anchor); mount_component(component, options.target, options.anchor);
if (options.intro && component.$$.fragment.i) component.$$.fragment.i();
flush(); flush();
intros.enabled = true;
} }
set_current_component(previous_component); set_current_component(previous_component);

13
src/internal/animations.js
Unescape View File

@ -26,15 +26,8 @@ export function animate(node, from, fn, params) {
function start() { function start() {
if (css) { if (css) {
if (delay) node.style.cssText = cssText; if (delay) node.style.cssText = cssText; // TODO create delayed animation instead?
name = create_rule(node, 0, 1, duration, 0, easing, css);
name = create_rule({ a: 0, b: 1, d: 1, duration }, easing, css);
node.style.animation = (node.style.animation || '')
.split(', ')
.filter(anim => anim && !/__svelte/.test(anim))
.concat(`${name} ${duration}ms linear 1 forwards`)
.join(', ');
} }
started = true; started = true;
@ -45,7 +38,7 @@ export function animate(node, from, fn, params) {
running = false; running = false;
} }
const { abort, promise } = loop(now => { loop(now => {
if (!started && now >= start_time) { if (!started && now >= start_time) {
start(); start();
} }

3
src/internal/await-block.js
Unescape View File

@ -29,7 +29,8 @@ export function handlePromise(promise, info) {
} }
block.c(); block.c();
block[block.i ? 'i' : 'm'](info.mount(), info.anchor); block.m(info.mount(), info.anchor);
if (block.i) block.i();
flush(); flush();
} }

11
src/internal/keyed-each.js
Unescape View File

@ -1,12 +1,16 @@
import { on_outro } from './transitions.js';
export function destroyBlock(block, lookup) { export function destroyBlock(block, lookup) {
block.d(1); block.d(1);
lookup[block.key] = null; lookup[block.key] = null;
} }
export function outroAndDestroyBlock(block, lookup) { export function outroAndDestroyBlock(block, lookup) {
block.o(function() { on_outro(() => {
destroyBlock(block, lookup); destroyBlock(block, lookup);
}); });
block.o();
} }
export function fixAndOutroAndDestroyBlock(block, lookup) { export function fixAndOutroAndDestroyBlock(block, lookup) {
@ -14,7 +18,7 @@ export function fixAndOutroAndDestroyBlock(block, lookup) {
outroAndDestroyBlock(block, lookup); outroAndDestroyBlock(block, lookup);
} }
export function updateKeyedEach(old_blocks, component, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, intro_method, next, get_context) { export function updateKeyedEach(old_blocks, component, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
var o = old_blocks.length; var o = old_blocks.length;
var n = list.length; var n = list.length;
@ -48,7 +52,8 @@ export function updateKeyedEach(old_blocks, component, changed, get_key, dynamic
var did_move = {}; var did_move = {};
function insert(block) { function insert(block) {
block[intro_method](node, next); block.m(node, next);
if (block.i) block.i();
lookup[block.key] = block; lookup[block.key] = block;
next = block.first; next = block.first;
n--; n--;

27
src/internal/style_manager.js
Unescape View File

@ -13,17 +13,17 @@ function hash(str) {
return hash >>> 0; return hash >>> 0;
} }
export function create_rule({ a, b, d, duration }, ease, fn) { export function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
const step = 16.666 / duration; const step = 16.666 / duration;
let keyframes = '{\n'; let keyframes = '{\n';
for (let p = 0; p <= 1; p += step) { for (let p = 0; p <= 1; p += step) {
const t = a + d * ease(p); const t = a + (b - a) * ease(p);
keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`; keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
} }
const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`; const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
const name = `__svelte_${hash(rule)}`; const name = `__svelte_${hash(rule)}_${uid}`;
if (!current_rules[name]) { if (!current_rules[name]) {
if (!stylesheet) { if (!stylesheet) {
@ -36,21 +36,30 @@ export function create_rule({ a, b, d, duration }, ease, fn) {
stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length); stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
} }
const animation = node.style.animation || '';
node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`;
active += 1; active += 1;
return name; return name;
} }
export function delete_rule(node, name) { export function delete_rule(node, name) {
node.style.animation = node.style.animation node.style.animation = (node.style.animation || '')
.split(', ') .split(', ')
.filter(anim => anim && anim.indexOf(name) === -1) .filter(name
? anim => anim.indexOf(name) < 0 // remove specific animation
: anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
)
.join(', '); .join(', ');
if (--active <= 0) clear_rules(); if (!--active) clear_rules();
} }
export function clear_rules() { export function clear_rules() {
let i = stylesheet.cssRules.length; requestAnimationFrame(() => {
while (i--) stylesheet.deleteRule(i); if (active) return;
current_rules = {}; let i = stylesheet.cssRules.length;
while (i--) stylesheet.deleteRule(i);
current_rules = {};
});
} }

305
src/internal/transitions.js
Unescape View File

@ -1,4 +1,4 @@
import { identity as linear, noop, run } from './utils.js'; import { identity as linear, noop, run_all } from './utils.js';
import { loop } from './loop.js'; import { loop } from './loop.js';
import { create_rule, delete_rule } from './style_manager.js'; import { create_rule, delete_rule } from './style_manager.js';
@ -24,152 +24,281 @@ export function group_outros() {
}; };
} }
export function create_transition(node, fn, params, intro) { export function check_outros() {
let config = fn(node, params); if (!outros.remaining) {
let cssText; run_all(outros.callbacks);
}
}
let ready = !intro; export function on_outro(callback) {
let t = intro ? 0 : 1; outros.callbacks.push(callback);
}
export function create_in_transition(node, fn, params) {
let config = fn(node, params);
let running = false; let running = false;
let running_program = null; let animation_name;
let pending_program = null; let task;
let uid = 0;
function cleanup() {
if (animation_name) delete_rule(node, animation_name);
}
function go() {
const {
delay = 0,
duration = 300,
easing = linear,
tick = noop,
css
} = config;
function start(program, delay, duration, easing) { if (css) animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
node.dispatchEvent(new window.CustomEvent(`${program.b ? 'intro' : 'outro'}start`)); tick(0, 1);
program.a = t; const start_time = window.performance.now() + delay;
program.d = program.b - program.a; const end_time = start_time + duration;
program.duration = duration * Math.abs(program.b - program.a);
program.end = program.start + program.duration;
if (config.css) { if (task) task.abort();
if (delay) node.style.cssText = cssText; running = true;
program.name = create_rule(program, easing, config.css); task = loop(now => {
if (running) {
if (now >= end_time) {
tick(1, 0);
cleanup();
return running = false;
}
node.style.animation = (node.style.animation || '') if (now >= start_time) {
.split(', ') const t = easing((now - start_time) / duration);
.filter(anim => anim && (program.d < 0 || !/__svelte/.test(anim))) tick(t, 1 - t);
.concat(`${program.name} ${program.duration}ms linear 1 forwards`) }
.join(', '); }
}
running_program = program; return running;
pending_program = null; });
} }
function done() { let started = false;
const program = running_program;
running_program = null;
t = program.b; return {
start() {
if (started) return;
if (config.tick) config.tick(t, 1 - t); delete_rule(node);
node.dispatchEvent(new window.CustomEvent(`${program.b ? 'intro' : 'outro'}end`)); if (typeof config === 'function') {
config = config();
wait().then(go);
} else {
go();
}
},
if (!program.b && !program.invalidated) { invalidate() {
program.group.callbacks.push(() => { started = false;
program.callback(); },
if (config.css) delete_rule(node, program.name);
});
if (--program.group.remaining === 0) { end() {
program.group.callbacks.forEach(run); if (running) {
cleanup();
running = false;
} }
} else {
if (config.css) delete_rule(node, program.name);
} }
};
}
running = !!pending_program; export function create_out_transition(node, fn, params) {
} let config = fn(node, params);
let running = true;
let animation_name;
const group = outros;
group.remaining += 1;
function go(b, callback) { function go() {
const { const {
delay = 0, delay = 0,
duration = 300, duration = 300,
easing = linear easing = linear,
tick = noop,
css
} = config; } = config;
const program = { if (css) animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
start: window.performance.now() + delay,
b, const start_time = window.performance.now() + delay;
callback const end_time = start_time + duration;
};
loop(now => {
if (running) {
if (now >= end_time) {
tick(0, 1);
if (!--group.remaining) {
// this will result in `end()` being called,
// so we don't need to clean up here
run_all(group.callbacks);
}
return false;
}
if (now >= start_time) {
const t = easing((now - start_time) / duration);
tick(1 - t, t);
}
}
if (!ready) { return running;
if (config.css && delay) { });
cssText = node.style.cssText; }
node.style.cssText += config.css(0, 1);
if (typeof config === 'function') {
config = config();
wait().then(go);
} else {
go();
}
return {
end(reset) {
if (reset && config.tick) {
config.tick(1, 0);
} }
if (config.tick) config.tick(0, 1); if (running) {
ready = true; if (animation_name) delete_rule(node, animation_name);
running = false;
}
} }
};
}
export function create_bidirectional_transition(node, fn, params, intro) {
let config = fn(node, params);
let t = intro ? 0 : 1;
let running_program = null;
let pending_program = null;
let animation_name = null;
function clear_animation() {
if (animation_name) delete_rule(node, animation_name);
}
function init(program, duration) {
const d = program.b - t;
duration *= Math.abs(d);
return {
a: t,
b: program.b,
d,
duration,
start: program.start,
end: program.start + duration,
group: program.group
};
}
function go(b) {
const {
delay = 0,
duration = 300,
easing = linear,
tick = noop,
css
} = config;
const program = {
start: window.performance.now() + delay,
b
};
if (!b) { if (!b) {
program.group = outros; program.group = outros;
outros.remaining += 1; outros.remaining += 1;
} }
if (delay) { if (running_program) {
pending_program = program; pending_program = program;
} else { } else {
start(program, delay, duration, easing); // if this is an intro, and there's a delay, we need to do
} // an initial tick and/or apply CSS animation immediately
if (css) {
clear_animation();
animation_name = create_rule(node, t, b, duration, delay, easing, css);
}
if (!running) { if (b) tick(0, 1);
running = true;
const { abort, promise } = loop(now => { running_program = init(program, duration);
if (running_program && now >= running_program.end) { node.dispatchEvent(new window.CustomEvent(`${running_program.b ? 'intro' : 'outro'}start`));
done();
} loop(now => {
if (pending_program && now > pending_program.start) {
running_program = init(pending_program, duration);
pending_program = null;
node.dispatchEvent(new window.CustomEvent(`${running_program.b ? 'intro' : 'outro'}start`));
if (pending_program && now >= pending_program.start) { if (css) {
start(pending_program, delay, duration, easing); clear_animation();
animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);
}
} }
if (running) { if (running_program) {
if (running_program) { if (now >= running_program.end) {
tick(t = running_program.b, 1 - t);
node.dispatchEvent(new window.CustomEvent(`${running_program.b ? 'intro' : 'outro'}end`));
if (!pending_program) {
// we're done
if (running_program.b) {
// intro — we can tidy up immediately
clear_animation();
} else {
// outro — needs to be coordinated
if (!--running_program.group.remaining) run_all(running_program.group.callbacks);
}
}
running_program = null;
}
else if (now >= running_program.start) {
const p = now - running_program.start; const p = now - running_program.start;
t = running_program.a + running_program.d * easing(p / running_program.duration); t = running_program.a + running_program.d * easing(p / running_program.duration);
if (config.tick) config.tick(t, 1 - t); tick(t, 1 - t);
} }
return true;
} }
return !!(running_program || pending_program);
}); });
} }
} }
return { return {
run(b, callback = noop) { run(b) {
if (typeof config === 'function') { if (typeof config === 'function') {
wait().then(() => { wait().then(() => {
config = config(); config = config();
go(b, callback); go(b);
}); });
} else { } else {
go(b, callback); go(b);
}
},
abort(reset) {
if (reset && config.tick) config.tick(1, 0);
if (running_program) {
if (config.css) delete_rule(node, running_program.name);
running_program = pending_program = null;
running = false;
} }
}, },
invalidate() { end() {
if (running_program) { clear_animation();
running_program.invalidated = true; running_program = pending_program = null;
}
} }
}; };
} }

7
src/internal/utils.js
Unescape View File

@ -16,13 +16,6 @@ export function isPromise(value) {
return value && typeof value.then === 'function'; return value && typeof value.then === 'function';
} }
export function callAfter(fn, i) {
if (i === 0) fn();
return () => {
if (!--i) fn();
};
}
export function addLoc(element, file, line, column, char) { export function addLoc(element, file, line, column, char) {
element.__svelte_meta = { element.__svelte_meta = {
loc: { file, line, column, char } loc: { file, line, column, char }

14
test/js/samples/action-custom-event-handler/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var button, foo_action, current; var button, foo_action;
return { return {
c() { c() {
@ -13,17 +13,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, button, anchor); insert(target, button, anchor);
foo_action = foo.call(null, button, ctx.foo_function) || {}; foo_action = foo.call(null, button, ctx.foo_function) || {};
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/action/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, identity, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, detachNode, identity, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var a, link_action, current; var a, link_action;
return { return {
c() { c() {
@ -14,17 +14,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, a, anchor); insert(target, a, anchor);
link_action = link.call(null, a) || {}; link_action = link.call(null, a) || {};
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/bind-width-height/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addResizeListener, add_render_callback, createElement, detachNode, flush, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addResizeListener, add_render_callback, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, div_resize_listener, current; var div, div_resize_listener;
return { return {
c() { c() {
@ -14,17 +14,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
div_resize_listener = addResizeListener(div, ctx.div_resize_handler.bind(div)); div_resize_listener = addResizeListener(div, ctx.div_resize_handler.bind(div));
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/collapses-text-around-comments/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function add_css() { function add_css() {
var style = createElement("style"); var style = createElement("style");
@ -9,7 +9,7 @@ function add_css() {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var p, text, current; var p, text;
return { return {
c() { c() {
@ -21,7 +21,6 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text); append(p, text);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -30,12 +29,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/component-static-array/expected.js
Unescape View File

@ -13,20 +13,19 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
mount_component(nested, target, anchor); mount_component(nested, target, anchor);
current = true;
}, },
p: noop, p: noop,
i(target, anchor) { i() {
if (current) return; if (current) return;
this.m(target, anchor); nested.$$.fragment.i();
},
o(outrocallback) { current = true;
if (!current) return; },
if (nested) nested.$$.fragment.o(outrocallback); o() {
if (nested) nested.$$.fragment.o();
current = false; current = false;
}, },

13
test/js/samples/component-static-immutable/expected.js
Unescape View File

@ -13,20 +13,19 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
mount_component(nested, target, anchor); mount_component(nested, target, anchor);
current = true;
}, },
p: noop, p: noop,
i(target, anchor) { i() {
if (current) return; if (current) return;
this.m(target, anchor); nested.$$.fragment.i();
},
o(outrocallback) { current = true;
if (!current) return; },
if (nested) nested.$$.fragment.o(outrocallback); o() {
if (nested) nested.$$.fragment.o();
current = false; current = false;
}, },

13
test/js/samples/component-static-immutable2/expected.js
Unescape View File

@ -13,20 +13,19 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
mount_component(nested, target, anchor); mount_component(nested, target, anchor);
current = true;
}, },
p: noop, p: noop,
i(target, anchor) { i() {
if (current) return; if (current) return;
this.m(target, anchor); nested.$$.fragment.i();
},
o(outrocallback) { current = true;
if (!current) return; },
if (nested) nested.$$.fragment.o(outrocallback); o() {
if (nested) nested.$$.fragment.o();
current = false; current = false;
}, },

13
test/js/samples/component-static/expected.js
Unescape View File

@ -13,20 +13,19 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
mount_component(nested, target, anchor); mount_component(nested, target, anchor);
current = true;
}, },
p: noop, p: noop,
i(target, anchor) { i() {
if (current) return; if (current) return;
this.m(target, anchor); nested.$$.fragment.i();
},
o(outrocallback) { current = true;
if (!current) return; },
if (nested) nested.$$.fragment.o(outrocallback); o() {
if (nested) nested.$$.fragment.o();
current = false; current = false;
}, },

6
test/js/samples/computed-collapsed-if/expected.js
Unescape View File

@ -1,15 +1,13 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, flush, init, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, flush, init, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var current;
return { return {
c: noop, c: noop,
m: noop, m: noop,
p: noop, p: noop,
i: noop, i: noop,
o: run, o: noop,
d: noop d: noop
}; };
} }

14
test/js/samples/css-media-query/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createElement, detachNode, identity, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createElement, detachNode, identity, init, insert, noop, safe_not_equal } from "svelte/internal";
function add_css() { function add_css() {
var style = createElement("style"); var style = createElement("style");
@ -9,7 +9,7 @@ function add_css() {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, current; var div;
return { return {
c() { c() {
@ -19,17 +19,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/css-shadow-dom-keyframes/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteElement, createElement, detachNode, identity, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteElement, createElement, detachNode, identity, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, current; var div;
return { return {
c() { c() {
@ -13,17 +13,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/debug-empty/expected.js
Unescape View File

@ -1,10 +1,10 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponentDev, addLoc, append, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponentDev, addLoc, append, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
const file = undefined; const file = undefined;
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var h1, text0, text1, text2, text3, current; var h1, text0, text1, text2, text3;
return { return {
c: function create() { c: function create() {
@ -27,7 +27,6 @@ function create_fragment($$, ctx) {
append(h1, text1); append(h1, text1);
append(h1, text2); append(h1, text2);
insert(target, text3, anchor); insert(target, text3, anchor);
current = true;
}, },
p: function update(changed, ctx) { p: function update(changed, ctx) {
@ -38,12 +37,8 @@ function create_fragment($$, ctx) {
debugger; debugger;
}, },
i: function intro(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d: function destroy(detach) { d: function destroy(detach) {
if (detach) { if (detach) {

13
test/js/samples/debug-foo-bar-baz-things/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponentDev, addLoc, append, createElement, createText, destroyEach, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponentDev, addLoc, append, createElement, createText, destroyEach, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
const file = undefined; const file = undefined;
@ -55,7 +55,7 @@ function create_each_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var text0, p, text1, text2, current; var text0, p, text1, text2;
var each_value = ctx.things; var each_value = ctx.things;
@ -91,7 +91,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text1); append(p, text1);
append(p, text2); append(p, text2);
current = true;
}, },
p: function update(changed, ctx) { p: function update(changed, ctx) {
@ -121,12 +120,8 @@ function create_fragment($$, ctx) {
} }
}, },
i: function intro(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d: function destroy(detach) { d: function destroy(detach) {
destroyEach(each_blocks, detach); destroyEach(each_blocks, detach);

13
test/js/samples/debug-foo/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponentDev, addLoc, append, createElement, createText, destroyEach, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponentDev, addLoc, append, createElement, createText, destroyEach, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
const file = undefined; const file = undefined;
@ -55,7 +55,7 @@ function create_each_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var text0, p, text1, text2, current; var text0, p, text1, text2;
var each_value = ctx.things; var each_value = ctx.things;
@ -91,7 +91,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text1); append(p, text1);
append(p, text2); append(p, text2);
current = true;
}, },
p: function update(changed, ctx) { p: function update(changed, ctx) {
@ -121,12 +120,8 @@ function create_fragment($$, ctx) {
} }
}, },
i: function intro(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d: function destroy(detach) { d: function destroy(detach) {
destroyEach(each_blocks, detach); destroyEach(each_blocks, detach);

13
test/js/samples/deconflict-builtins/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createComment, createElement as createElement_1, createText, destroyEach, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createComment, createElement as createElement_1, createText, destroyEach, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function get_each_context(ctx, list, i) { function get_each_context(ctx, list, i) {
const child_ctx = Object.create(ctx); const child_ctx = Object.create(ctx);
@ -37,7 +37,7 @@ function create_each_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var each_anchor, current; var each_anchor;
var each_value = ctx.createElement; var each_value = ctx.createElement;
@ -62,7 +62,6 @@ function create_fragment($$, ctx) {
} }
insert(target, each_anchor, anchor); insert(target, each_anchor, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -88,12 +87,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
destroyEach(each_blocks, detach); destroyEach(each_blocks, detach);

6
test/js/samples/deconflict-globals/expected.js
Unescape View File

@ -1,16 +1,14 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, flush, init, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, flush, init, noop, safe_not_equal } from "svelte/internal";
import { onMount } from "svelte"; import { onMount } from "svelte";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var current;
return { return {
c: noop, c: noop,
m: noop, m: noop,
p: noop, p: noop,
i: noop, i: noop,
o: run, o: noop,
d: noop d: noop
}; };
} }

13
test/js/samples/dev-warning-missing-data-computed/expected.js
Unescape View File

@ -1,10 +1,10 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponentDev, addLoc, append, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponentDev, addLoc, append, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
const file = undefined; const file = undefined;
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var p, text0_value = Math.max(0, ctx.foo), text0, text1, text2, current; var p, text0_value = Math.max(0, ctx.foo), text0, text1, text2;
return { return {
c: function create() { c: function create() {
@ -24,7 +24,6 @@ function create_fragment($$, ctx) {
append(p, text0); append(p, text0);
append(p, text1); append(p, text1);
append(p, text2); append(p, text2);
current = true;
}, },
p: function update(changed, ctx) { p: function update(changed, ctx) {
@ -37,12 +36,8 @@ function create_fragment($$, ctx) {
} }
}, },
i: function intro(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d: function destroy(detach) { d: function destroy(detach) {
if (detach) { if (detach) {

13
test/js/samples/do-use-dataset/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div0, text, div1, current; var div0, text, div1;
return { return {
c() { c() {
@ -17,7 +17,6 @@ function create_fragment($$, ctx) {
insert(target, div0, anchor); insert(target, div0, anchor);
insert(target, text, anchor); insert(target, text, anchor);
insert(target, div1, anchor); insert(target, div1, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -26,12 +25,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/dont-use-dataset-in-legacy/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal, setAttribute } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal, setAttribute } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div0, text, div1, current; var div0, text, div1;
return { return {
c() { c() {
@ -17,7 +17,6 @@ function create_fragment($$, ctx) {
insert(target, div0, anchor); insert(target, div0, anchor);
insert(target, text, anchor); insert(target, text, anchor);
insert(target, div1, anchor); insert(target, div1, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -26,12 +25,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/dont-use-dataset-in-svg/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createSvgElement, detachNode, flush, init, insert, run, safe_not_equal, setAttribute } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createSvgElement, detachNode, flush, init, insert, noop, safe_not_equal, setAttribute } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var svg, g0, g1, current; var svg, g0, g1;
return { return {
c() { c() {
@ -17,7 +17,6 @@ function create_fragment($$, ctx) {
insert(target, svg, anchor); insert(target, svg, anchor);
append(svg, g0); append(svg, g0);
append(svg, g1); append(svg, g1);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -26,12 +25,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/dynamic-import/expected.js
Unescape View File

@ -14,20 +14,19 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
mount_component(lazyload, target, anchor); mount_component(lazyload, target, anchor);
current = true;
}, },
p: noop, p: noop,
i(target, anchor) { i() {
if (current) return; if (current) return;
this.m(target, anchor); lazyload.$$.fragment.i();
},
o(outrocallback) { current = true;
if (!current) return; },
if (lazyload) lazyload.$$.fragment.o(outrocallback); o() {
if (lazyload) lazyload.$$.fragment.o();
current = false; current = false;
}, },

13
test/js/samples/each-block-changed-check/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createElement, createText, destroyEach, detachAfter, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createElement, createText, destroyEach, detachAfter, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function get_each_context(ctx, list, i) { function get_each_context(ctx, list, i) {
const child_ctx = Object.create(ctx); const child_ctx = Object.create(ctx);
@ -68,7 +68,7 @@ function create_each_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var text0, p, text1, current; var text0, p, text1;
var each_value = ctx.comments; var each_value = ctx.comments;
@ -97,7 +97,6 @@ function create_fragment($$, ctx) {
insert(target, text0, anchor); insert(target, text0, anchor);
insert(target, p, anchor); insert(target, p, anchor);
append(p, text1); append(p, text1);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -127,12 +126,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
destroyEach(each_blocks, detach); destroyEach(each_blocks, detach);

27
test/js/samples/each-block-keyed-animated/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, animate, append, blankObject, createComment, createElement, createText, detachNode, fixAndOutroAndDestroyBlock, fix_position, flush, init, insert, noop, run, safe_not_equal, setData, updateKeyedEach } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, animate, append, blankObject, createComment, createElement, createText, detachNode, fixAndOutroAndDestroyBlock, fix_position, flush, init, insert, noop, safe_not_equal, setData, updateKeyedEach } from "svelte/internal";
function get_each_context(ctx, list, i) { function get_each_context(ctx, list, i) {
const child_ctx = Object.create(ctx); const child_ctx = Object.create(ctx);
@ -56,7 +56,7 @@ function create_each_block($$, key_1, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var each_blocks_1 = [], each_lookup = blankObject(), each_anchor, current; var each_blocks = [], each_lookup = blankObject(), each_anchor;
var each_value = ctx.things; var each_value = ctx.things;
@ -65,39 +65,34 @@ function create_fragment($$, ctx) {
for (var i = 0; i < each_value.length; i += 1) { for (var i = 0; i < each_value.length; i += 1) {
let child_ctx = get_each_context(ctx, each_value, i); let child_ctx = get_each_context(ctx, each_value, i);
let key = get_key(child_ctx); let key = get_key(child_ctx);
each_blocks_1[i] = each_lookup[key] = create_each_block($$, key, child_ctx); each_blocks[i] = each_lookup[key] = create_each_block($$, key, child_ctx);
} }
return { return {
c() { c() {
for (i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].c(); for (i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
each_anchor = createComment(); each_anchor = createComment();
}, },
m(target, anchor) { m(target, anchor) {
for (i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].m(target, anchor); for (i = 0; i < each_blocks.length; i += 1) each_blocks[i].m(target, anchor);
insert(target, each_anchor, anchor); insert(target, each_anchor, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
const each_value = ctx.things; const each_value = ctx.things;
for (let i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].r(); for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
each_blocks_1 = updateKeyedEach(each_blocks_1, $$, changed, get_key, 1, ctx, each_value, each_lookup, each_anchor.parentNode, fixAndOutroAndDestroyBlock, create_each_block, "m", each_anchor, get_each_context); each_blocks = updateKeyedEach(each_blocks, $$, changed, get_key, 1, ctx, each_value, each_lookup, each_anchor.parentNode, fixAndOutroAndDestroyBlock, create_each_block, each_anchor, get_each_context);
for (let i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].a(); for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
for (i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].d(detach); for (i = 0; i < each_blocks.length; i += 1) each_blocks[i].d(detach);
if (detach) { if (detach) {
detachNode(each_anchor); detachNode(each_anchor);

23
test/js/samples/each-block-keyed/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, blankObject, createComment, createElement, createText, destroyBlock, detachNode, flush, init, insert, run, safe_not_equal, setData, updateKeyedEach } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, blankObject, createComment, createElement, createText, destroyBlock, detachNode, flush, init, insert, noop, safe_not_equal, setData, updateKeyedEach } from "svelte/internal";
function get_each_context(ctx, list, i) { function get_each_context(ctx, list, i) {
const child_ctx = Object.create(ctx); const child_ctx = Object.create(ctx);
@ -42,7 +42,7 @@ function create_each_block($$, key_1, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var each_blocks_1 = [], each_lookup = blankObject(), each_anchor, current; var each_blocks = [], each_lookup = blankObject(), each_anchor;
var each_value = ctx.things; var each_value = ctx.things;
@ -51,37 +51,32 @@ function create_fragment($$, ctx) {
for (var i = 0; i < each_value.length; i += 1) { for (var i = 0; i < each_value.length; i += 1) {
let child_ctx = get_each_context(ctx, each_value, i); let child_ctx = get_each_context(ctx, each_value, i);
let key = get_key(child_ctx); let key = get_key(child_ctx);
each_blocks_1[i] = each_lookup[key] = create_each_block($$, key, child_ctx); each_blocks[i] = each_lookup[key] = create_each_block($$, key, child_ctx);
} }
return { return {
c() { c() {
for (i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].c(); for (i = 0; i < each_blocks.length; i += 1) each_blocks[i].c();
each_anchor = createComment(); each_anchor = createComment();
}, },
m(target, anchor) { m(target, anchor) {
for (i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].m(target, anchor); for (i = 0; i < each_blocks.length; i += 1) each_blocks[i].m(target, anchor);
insert(target, each_anchor, anchor); insert(target, each_anchor, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
const each_value = ctx.things; const each_value = ctx.things;
each_blocks_1 = updateKeyedEach(each_blocks_1, $$, changed, get_key, 1, ctx, each_value, each_lookup, each_anchor.parentNode, destroyBlock, create_each_block, "m", each_anchor, get_each_context); each_blocks = updateKeyedEach(each_blocks, $$, changed, get_key, 1, ctx, each_value, each_lookup, each_anchor.parentNode, destroyBlock, create_each_block, each_anchor, get_each_context);
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
for (i = 0; i < each_blocks_1.length; i += 1) each_blocks_1[i].d(detach); for (i = 0; i < each_blocks.length; i += 1) each_blocks[i].d(detach);
if (detach) { if (detach) {
detachNode(each_anchor); detachNode(each_anchor);

14
test/js/samples/event-handler-no-passive/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, identity, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, identity, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var a, current, dispose; var a, dispose;
return { return {
c() { c() {
@ -14,17 +14,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, a, anchor); insert(target, a, anchor);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/event-modifiers/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, identity, init, insert, noop, preventDefault, run, run_all, safe_not_equal, stopPropagation } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, identity, init, insert, noop, preventDefault, run_all, safe_not_equal, stopPropagation } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, button0, text1, button1, text3, button2, current, dispose; var div, button0, text1, button1, text3, button2, dispose;
return { return {
c() { c() {
@ -30,17 +30,11 @@ function create_fragment($$, ctx) {
append(div, button1); append(div, button1);
append(div, text3); append(div, text3);
append(div, button2); append(div, button2);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/head-no-whitespace/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createElement, detachNode, identity, init, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createElement, detachNode, identity, init, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var meta0, meta1, current; var meta0, meta1;
return { return {
c() { c() {
@ -17,17 +17,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
append(document.head, meta0); append(document.head, meta0);
append(document.head, meta1); append(document.head, meta1);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
detachNode(meta0); detachNode(meta0);

14
test/js/samples/hoisted-const/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createElement, createText, detachNode, identity, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createElement, createText, detachNode, identity, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var b, text_value = get_answer(), text, current; var b, text_value = get_answer(), text;
return { return {
c() { c() {
@ -13,17 +13,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, b, anchor); insert(target, b, anchor);
append(b, text); append(b, text);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

19
test/js/samples/if-block-no-update/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createComment, createElement, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createComment, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
// (3:0) {:else} // (3:0) {:else}
function create_else_block($$, ctx) { function create_else_block($$, ctx) {
@ -46,7 +46,7 @@ function create_if_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var if_block_anchor, current; var if_block_anchor;
function select_block_type(ctx) { function select_block_type(ctx) {
if (ctx.foo) return create_if_block; if (ctx.foo) return create_if_block;
@ -65,24 +65,21 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
if_block.m(target, anchor); if_block.m(target, anchor);
insert(target, if_block_anchor, anchor); insert(target, if_block_anchor, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
if (current_block_type !== (current_block_type = select_block_type(ctx))) { if (current_block_type !== (current_block_type = select_block_type(ctx))) {
if_block.d(1); if_block.d(1);
if_block = current_block_type($$, ctx); if_block = current_block_type($$, ctx);
if_block.c(); if (if_block) {
if_block.m(if_block_anchor.parentNode, if_block_anchor); if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if_block.d(detach); if_block.d(detach);

13
test/js/samples/if-block-simple/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createComment, createElement, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createComment, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
// (1:0) {#if foo} // (1:0) {#if foo}
function create_if_block($$, ctx) { function create_if_block($$, ctx) {
@ -24,7 +24,7 @@ function create_if_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var if_block_anchor, current; var if_block_anchor;
var if_block = (ctx.foo) && create_if_block($$, ctx); var if_block = (ctx.foo) && create_if_block($$, ctx);
@ -37,7 +37,6 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
if (if_block) if_block.m(target, anchor); if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor); insert(target, if_block_anchor, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -53,12 +52,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (if_block) if_block.d(detach); if (if_block) if_block.d(detach);

13
test/js/samples/inline-style-optimized-multiple/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, run, safe_not_equal, setStyle } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, noop, safe_not_equal, setStyle } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, current; var div;
return { return {
c() { c() {
@ -13,7 +13,6 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -26,12 +25,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/inline-style-optimized-url/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, run, safe_not_equal, setStyle } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, noop, safe_not_equal, setStyle } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, current; var div;
return { return {
c() { c() {
@ -12,7 +12,6 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -21,12 +20,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/inline-style-optimized/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, run, safe_not_equal, setStyle } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, noop, safe_not_equal, setStyle } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, current; var div;
return { return {
c() { c() {
@ -12,7 +12,6 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -21,12 +20,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/inline-style-unoptimized/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div0, text, div1, div1_style_value, current; var div0, text, div1, div1_style_value;
return { return {
c() { c() {
@ -17,7 +17,6 @@ function create_fragment($$, ctx) {
insert(target, div0, anchor); insert(target, div0, anchor);
insert(target, text, anchor); insert(target, text, anchor);
insert(target, div1, anchor); insert(target, div1, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -30,12 +29,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/input-files/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, flush, init, insert, noop, run, safe_not_equal, setAttribute } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, flush, init, insert, noop, safe_not_equal, setAttribute } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var input, current, dispose; var input, dispose;
return { return {
c() { c() {
@ -14,17 +14,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, input, anchor); insert(target, input, anchor);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/input-range/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, flush, init, insert, run, run_all, safe_not_equal, setAttribute, toNumber } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, flush, init, insert, noop, run_all, safe_not_equal, setAttribute, toNumber } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var input, current, dispose; var input, dispose;
return { return {
c() { c() {
@ -19,20 +19,14 @@ function create_fragment($$, ctx) {
insert(target, input, anchor); insert(target, input, anchor);
input.value = ctx.value; input.value = ctx.value;
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
if (changed.value) input.value = ctx.value; if (changed.value) input.value = ctx.value;
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/input-without-blowback-guard/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, flush, init, insert, run, safe_not_equal, setAttribute } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, createElement, detachNode, flush, init, insert, noop, safe_not_equal, setAttribute } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var input, current, dispose; var input, dispose;
return { return {
c() { c() {
@ -15,20 +15,14 @@ function create_fragment($$, ctx) {
insert(target, input, anchor); insert(target, input, anchor);
input.checked = ctx.foo; input.checked = ctx.foo;
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
if (changed.foo) input.checked = ctx.foo; if (changed.foo) input.checked = ctx.foo;
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/instrumentation-script-if-no-block/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var button, text1, p, text2, text3, current, dispose; var button, text1, p, text2, text3, dispose;
return { return {
c() { c() {
@ -21,7 +21,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text2); append(p, text2);
append(p, text3); append(p, text3);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -30,12 +29,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/instrumentation-script-x-equals-x/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var button, text1, p, text2, text3_value = ctx.things.length, text3, current, dispose; var button, text1, p, text2, text3_value = ctx.things.length, text3, dispose;
return { return {
c() { c() {
@ -21,7 +21,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text2); append(p, text2);
append(p, text3); append(p, text3);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -30,12 +29,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/instrumentation-template-if-no-block/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var button, text1, p, text2, text3, current, dispose; var button, text1, p, text2, text3, dispose;
return { return {
c() { c() {
@ -21,7 +21,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text2); append(p, text2);
append(p, text3); append(p, text3);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -30,12 +29,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/instrumentation-template-x-equals-x/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, append, createElement, createText, detachNode, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var button, text1, p, text2, text3_value = ctx.things.length, text3, current, dispose; var button, text1, p, text2, text3_value = ctx.things.length, text3, dispose;
return { return {
c() { c() {
@ -21,7 +21,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text2); append(p, text2);
append(p, text3); append(p, text3);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -30,12 +29,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/legacy-input-type/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, identity, init, insert, noop, run, safe_not_equal, setInputType } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createElement, detachNode, identity, init, insert, noop, safe_not_equal, setInputType } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var input, current; var input;
return { return {
c() { c() {
@ -12,17 +12,11 @@ function create_fragment($$, ctx) {
m(target, anchor) { m(target, anchor) {
insert(target, input, anchor); insert(target, input, anchor);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

14
test/js/samples/media-bindings/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, add_render_callback, createElement, detachNode, flush, init, insert, run, run_all, safe_not_equal, timeRangesToArray } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, add_render_callback, createElement, detachNode, flush, init, insert, noop, run_all, safe_not_equal, timeRangesToArray } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var audio, audio_updating = false, audio_animationframe, audio_is_paused = true, current, dispose; var audio, audio_updating = false, audio_animationframe, audio_is_paused = true, dispose;
function audio_timeupdate_handler() { function audio_timeupdate_handler() {
cancelAnimationFrame(audio_animationframe); cancelAnimationFrame(audio_animationframe);
@ -34,8 +34,6 @@ function create_fragment($$, ctx) {
insert(target, audio, anchor); insert(target, audio, anchor);
audio.volume = ctx.volume; audio.volume = ctx.volume;
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -45,12 +43,8 @@ function create_fragment($$, ctx) {
audio_updating = false; audio_updating = false;
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

19
test/js/samples/non-imported-component/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, callAfter, createText, detachNode, identity, init, insert, mount_component, noop, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, createText, detachNode, identity, init, insert, mount_component, noop, safe_not_equal } from "svelte/internal";
import Imported from "Imported.html"; import Imported from "Imported.html";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
@ -20,23 +20,22 @@ function create_fragment($$, ctx) {
mount_component(imported, target, anchor); mount_component(imported, target, anchor);
insert(target, text, anchor); insert(target, text, anchor);
mount_component(nonimported, target, anchor); mount_component(nonimported, target, anchor);
current = true;
}, },
p: noop, p: noop,
i(target, anchor) { i() {
if (current) return; if (current) return;
this.m(target, anchor); imported.$$.fragment.i();
},
o(outrocallback) { nonimported.$$.fragment.i();
if (!current) return;
outrocallback = callAfter(outrocallback, 2); current = true;
},
if (imported) imported.$$.fragment.o(outrocallback); o() {
if (nonimported) nonimported.$$.fragment.o(outrocallback); if (imported) imported.$$.fragment.o();
if (nonimported) nonimported.$$.fragment.o();
current = false; current = false;
}, },

14
test/js/samples/select-dynamic-value/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createElement, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createElement, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var select, option0, option1, select_value_value, current_1; var select, option0, option1, select_value_value;
return { return {
c() { c() {
@ -31,8 +31,6 @@ function create_fragment($$, ctx) {
break; break;
} }
} }
current_1 = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -48,12 +46,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current_1) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

6
test/js/samples/setup-method/expected.js
Unescape View File

@ -1,15 +1,13 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, identity, init, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, identity, init, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var current;
return { return {
c: noop, c: noop,
m: noop, m: noop,
p: noop, p: noop,
i: noop, i: noop,
o: run, o: noop,
d: noop d: noop
}; };
} }

14
test/js/samples/svg-title/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createSvgElement, createText, detachNode, identity, init, insert, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createSvgElement, createText, detachNode, identity, init, insert, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var svg, title, text, current; var svg, title, text;
return { return {
c() { c() {
@ -15,17 +15,11 @@ function create_fragment($$, ctx) {
insert(target, svg, anchor); insert(target, svg, anchor);
append(svg, title); append(svg, title);
append(title, text); append(title, text);
current = true;
}, },
p: noop, p: noop,
i: noop,
i(target, anchor) { o: noop,
if (current) return;
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

6
test/js/samples/title/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, flush, init, noop, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, flush, init, noop, safe_not_equal } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var title_value, current; var title_value;
document.title = title_value = "a " + ctx.custom + " title"; document.title = title_value = "a " + ctx.custom + " title";
@ -17,7 +17,7 @@ function create_fragment($$, ctx) {
}, },
i: noop, i: noop,
o: run, o: noop,
d: noop d: noop
}; };
} }

13
test/js/samples/use-elements-as-anchors/expected.js
Unescape View File

@ -1,5 +1,5 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, append, createComment, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, append, createComment, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal } from "svelte/internal";
// (2:1) {#if a} // (2:1) {#if a}
function create_if_block_4($$, ctx) { function create_if_block_4($$, ctx) {
@ -112,7 +112,7 @@ function create_if_block($$, ctx) {
} }
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var div, text0, p0, text2, text3, text4, p1, text6, text7, if_block4_anchor, current; var div, text0, p0, text2, text3, text4, p1, text6, text7, if_block4_anchor;
var if_block0 = (ctx.a) && create_if_block_4($$, ctx); var if_block0 = (ctx.a) && create_if_block_4($$, ctx);
@ -161,7 +161,6 @@ function create_fragment($$, ctx) {
insert(target, text7, anchor); insert(target, text7, anchor);
if (if_block4) if_block4.m(target, anchor); if (if_block4) if_block4.m(target, anchor);
insert(target, if_block4_anchor, anchor); insert(target, if_block4_anchor, anchor);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -221,12 +220,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

13
test/js/samples/window-binding-scroll/expected.js
Unescape View File

@ -1,8 +1,8 @@
/* generated by Svelte vX.Y.Z */ /* generated by Svelte vX.Y.Z */
import { SvelteComponent as SvelteComponent_1, addListener, add_render_callback, append, createElement, createText, detachNode, flush, init, insert, run, safe_not_equal, setData } from "svelte/internal"; import { SvelteComponent as SvelteComponent_1, addListener, add_render_callback, append, createElement, createText, detachNode, flush, init, insert, noop, safe_not_equal, setData } from "svelte/internal";
function create_fragment($$, ctx) { function create_fragment($$, ctx) {
var scrolling = false, clear_scrolling = () => { scrolling = false }, scrolling_timeout, p, text0, text1, current, dispose; var scrolling = false, clear_scrolling = () => { scrolling = false }, scrolling_timeout, p, text0, text1, dispose;
add_render_callback(ctx.onwindowscroll); add_render_callback(ctx.onwindowscroll);
@ -23,7 +23,6 @@ function create_fragment($$, ctx) {
insert(target, p, anchor); insert(target, p, anchor);
append(p, text0); append(p, text0);
append(p, text1); append(p, text1);
current = true;
}, },
p(changed, ctx) { p(changed, ctx) {
@ -39,12 +38,8 @@ function create_fragment($$, ctx) {
} }
}, },
i(target, anchor) { i: noop,
if (current) return; o: noop,
this.m(target, anchor);
},
o: run,
d(detach) { d(detach) {
if (detach) { if (detach) {

1
test/runtime/index.js
Unescape View File

@ -13,7 +13,6 @@ import {
setupHtmlEqual setupHtmlEqual
} from "../helpers.js"; } from "../helpers.js";
const main = path.resolve('index.js');
let svelte$; let svelte$;
let svelte; let svelte;

2
test/runtime/samples/nested-transition-detach-if-false/_config.js
Unescape View File

@ -13,7 +13,7 @@ export default {
</li> </li>
`, `,
test({ assert, component, target, window, raf }) { test({ assert, component, target }) {
component.folder.open = false; component.folder.open = false;
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<li> <li>

10
test/runtime/samples/transition-css-delay/_config.js
Unescape View File

@ -1,10 +0,0 @@
export default {
test({ assert, component, target, window, raf }) {
component.visible = true;
const div = target.querySelector('div');
assert.strictEqual(div.style.opacity, '0');
raf.tick(50);
assert.strictEqual(div.style.opacity, '');
}
};

17
test/runtime/samples/transition-css-delay/main.html
Unescape View File

@ -1,17 +0,0 @@
<script>
export let visible;
function foo(node, params) {
return {
delay: 50,
duration: 100,
css: t => {
return `opacity: ${t}`;
}
};
}
</script>
{#if visible}
<div transition:foo>delayed</div>
{/if}

2
test/runtime/samples/transition-css-duration/_config.js
Unescape View File

@ -4,8 +4,10 @@ export default {
const div = target.querySelector('div'); const div = target.querySelector('div');
raf.tick(25); raf.tick(25);
component.visible = false; component.visible = false;
raf.tick(26);
assert.ok(~div.style.animation.indexOf('25ms')); assert.ok(~div.style.animation.indexOf('25ms'));
}, },
}; };

20
test/runtime/samples/transition-css-in-out-in/_config.js
Unescape View File

@ -0,0 +1,20 @@
export default {
test({ assert, component, target, window, raf }) {
component.visible = true;
const div = target.querySelector('div');
assert.equal(div.style.animation, `__svelte_3809512021_0 100ms linear 0ms 1 both`);
raf.tick(50);
component.visible = false;
// both in and out styles
assert.equal(div.style.animation, `__svelte_3809512021_0 100ms linear 0ms 1 both, __svelte_3750847757_0 100ms linear 0ms 1 both`);
raf.tick(75);
component.visible = true;
// reset original styles
assert.equal(div.style.animation, `__svelte_3809512021_1 100ms linear 0ms 1 both`);
},
};

25
test/runtime/samples/transition-css-in-out-in/main.html
Unescape View File

@ -0,0 +1,25 @@
<script>
export let visible;
function foo() {
return {
duration: 100,
css: t => {
return `opacity: ${t}`;
}
};
}
function bar() {
return {
duration: 100,
css: t => {
return `opacity: ${t}`;
}
};
}
</script>
{#if visible}
<div in:foo out:bar></div>
{/if}

2
test/runtime/samples/transition-js-aborted-outro-in-each/_config.js
Unescape View File

@ -7,7 +7,7 @@ export default {
] ]
}, },
test({ assert, component, target, window, raf }) { test({ assert, component, target, raf }) {
const { things } = component; const { things } = component;
component.things = []; component.things = [];

2
test/runtime/samples/transition-js-aborted-outro/_config.js
Unescape View File

@ -3,7 +3,7 @@ export default {
visible: true, visible: true,
}, },
test({ assert, component, target, window, raf }) { test({ assert, component, target, raf }) {
component.visible = false; component.visible = false;
const span = target.querySelector('span'); const span = target.querySelector('span');

2
test/runtime/samples/transition-js-await-block/_config.js
Unescape View File

@ -13,7 +13,7 @@ export default {
intro: true, intro: true,
test({ assert, component, target, window, raf }) { test({ assert, target, raf }) {
let p = target.querySelector('p'); let p = target.querySelector('p');
assert.equal(p.className, 'pending'); assert.equal(p.className, 'pending');

2
test/runtime/samples/transition-js-dynamic-if-block-bidi/_config.js
Unescape View File

@ -3,7 +3,7 @@ export default {
name: 'world' name: 'world'
}, },
test({ assert, component, target, window, raf }) { test({ assert, component, target, raf }) {
global.count = 0; global.count = 0;
component.visible = true; component.visible = true;

4
test/runtime/samples/transition-js-if-block-in-each-block-bidi-3/_config.js
Unescape View File

@ -12,9 +12,7 @@ export default {
<div>5</div> <div>5</div>
`, `,
test({ assert, component, target, window, raf }) { test({ assert, component, target, raf }) {
const divs = target.querySelectorAll('div');
raf.tick(100); raf.tick(100);
component.threshold = 4; component.threshold = 4;

2
test/runtime/samples/transition-js-if-else-block-intro/_config.js
Unescape View File

@ -1,7 +1,7 @@
export default { export default {
intro: true, intro: true,
test({ assert, component, target, window, raf }) { test({ assert, component, target, raf }) {
assert.equal(target.querySelector('div'), component.no); assert.equal(target.querySelector('div'), component.no);
assert.equal(component.no.foo, 0); assert.equal(component.no.foo, 0);

2
test/runtime/samples/transition-js-nested-each-delete/_config.js
Unescape View File

@ -4,7 +4,7 @@ export default {
things: ['a', 'b', 'c'] things: ['a', 'b', 'c']
}, },
test({ assert, component, target, window, raf }) { test({ assert, component, target, raf }) {
assert.htmlEqual(target.innerHTML, ` assert.htmlEqual(target.innerHTML, `
<div>a</div> <div>a</div>
<div>b</div> <div>b</div>

Write Preview
Loading…
Cancel
Save