Using the Transition Map

The transition map is where you configure which transitions to run in which situations. In an ember-cli app, it is loaded automatically from app/transitions.js.

Old-school apps without a module resolver should pass their transition map function to LiquidFire.map. There is an example here.

When one of the liquid helpers detects an update that might need to animate, it consults the transition map. The most-specific matching rule that it finds will be applied.

Transition map top-level functions

transition
Creates a transition rule that governs when to apply a given animation. The rule consists of one or more constraints and a use statement. The animation named by use will only run if all the constraints match.
setDefault

Takes name/value pairs and sets them on $.Velocity.defaults. This lets you provide global defaults for things like the easing function and animation duration.

The next sections cover the kinds of constraints that can go inside a transition rule.