svelte_visitors.TransitionDirective() — svelte Function Reference

Architecture documentation for the svelte_visitors.TransitionDirective() function in index.js from the svelte codebase.

Function javascript Compiler Migrator

Entity Profile

Compiler→ Migrator→ svelte_visitors.TransitionDirective() — svelte Function Reference

Dependency Diagram

graph TD
  d38e90ee_1b2a_4e91_cbde_10dab9a12be4["svelte_visitors.TransitionDirective()"]
  f0404eed_e134_3c7c_7b38_1cb13c71f197["index.js"]
  d38e90ee_1b2a_4e91_cbde_10dab9a12be4 -->|defined in| f0404eed_e134_3c7c_7b38_1cb13c71f197
  style d38e90ee_1b2a_4e91_cbde_10dab9a12be4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/compiler/print/index.js lines 827–841

	TransitionDirective(node, context) {
		const directive = node.intro && node.outro ? 'transition' : node.intro ? 'in' : 'out';
		context.write(`${directive}:${node.name}`);
		for (const modifier of node.modifiers) {
			context.write(`|${modifier}`);
		}
		if (
			node.expression !== null &&
			!(node.expression.type === 'Identifier' && node.expression.name === node.name)
		) {
			context.write('={');
			context.visit(node.expression);
			context.write('}');
		}
	},