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.
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.
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.
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
The AbstractTransitionComponent is the base of all transitioning Vue.js components. It contains the transition controller and will add the required transition methods to your component.