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.
Where we will store the progress of its visibility.
By default set to false. Will be set to value if it has passed the viewport once already.
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.
Is triggered everytime it is already scrolled passed a component, or when you would load a page while the scrollbar is already at the bottom or passed a component.
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
Is triggered when the component is within the viewport.
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.
Is triggered every time the scroll-position changes and your component is within the viewport. This method will have the parameter progress which is a number between 0-1
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
Is triggered when the component has left the viewport.
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 AbstractScrollComponent is the base of all scroll Vue.js components. it contains methods that are triggered via the scroll-tracker-component manager that are executed on leave/enter of the component in the view.