The promise that is used to figure out if all components are ready
The internal id of the component is automatically generated or linked to the ref that is set in the parent component.
The flow of the page transition, see the FlowTypes file for the options
Flag used to determine if a component is registrable
Array of new components that are registered
Array containing all the registered components
Array of all components that are registrable
This is the instance of the transition controller that contains your timelines.
The promised used for hijacking the transition in
This method checks if all components are loaded on init, overwrite if you need multiple checks!
This method is called by the child component so we can keep track of components that are loaded.
The reference to the component that is ready
When all the transition components within this component are loaded this method will be triggered. This is usually the point where the transition controller is setup.
Sometimes you might want to hijack the page transitionIn, this method allows you to do it. Call the method, do your pre-transitionIn code and release the flow.
The init method should be called when the component is fully ready, this is usually when it's mounted but it could require more async data
Update the array of registrableComponents
Start the looping animations on the current component
This is the id of the transition out timeline that you want to play
If the reset flag is set to true it will re-initialize the current timeline
This will stop the current looping animation, keep in mind it will not reset it just stop at the current state.
Calling transition in will trigger transitionIn on your transition controller and start the desired timeline.
Add this flag if you want to overwrite any active transitions
A promise that will be resolved when the transition in is completed
Calling transition out will trigger transitionOut on your transition controller and start the desired timeline.
Add this flag if you want to overwrite any active transitions
This is the id of the transition out timeline that you want to play
If the reset flag is set to true it will re-initialize the current timeline
A promise that will be resolved when the transition out is completed
Method that watches for async component changes, this means it will create a new promise that will be resolved when the "new" children are ready
The method that will be called so you can release the update method
An array containing the newly registered components
Generated using TypeDoc
Transition pages are basically the same as transition components the only difference is they are linked to the vue-router and the transitionIn and transitionOut methods will be called when the changes.