Animated transitions between pages or components for your Elm apps. The purpose of this package is to make it trivial to add transition to you app, so it's a bit opiniated.
Uses elm-animations and Effects.tick for animation logic.
Helper for adding transition on your model
Empty transition state, as initial value in the model.
Transition action, to be wrapped in your own action type
Helper that generates a new transition with the following params:
* Animation duration (ms)
* Model holding the transition
* Action wrapper for the incoming effect (saves one Effects.map)
Returns:
* Updated model with new transition state * Effects for next steps
Helper for walking transition steps, same spec as init but processing actions. Use step` internally.
Init action, if you need to produce it manually. See init otherwise.
Walks transition's next step. See update helper.
A simple left-sliding style value for elm-html.
div [ class "content", style (Transit.slideLeftStyle model.transition) ] someContentYou can create your own with value extract function.
Extract current animation value (a float between 0 and 1).
An opaque type for internal value storage