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.