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
usestatement. The animation named byusewill 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.