ESL Carousel Wheel Draft
The esl-carousel-wheel
is an custom attribule (mixin) for ESLCarousel
that provides wheel navigation for the carousel. The esl-carousel-wheel
is a carousel plugin, so is should be added directly to the esl-carousel
element. Using wheel plugin you can support wheel events for the carousel navigation.
Configuration
As the esl-carousel-wheel
is a plugin, it utilizes the ESLCarousel's plugin configuration system. Tht means the only source of configuration is the esl-carousel-wheel
attribute value. It supports ESLMedia query syntax to provide different configurations for different media conditions (and it could be declared with a tuple sintax according to media atrribute).
The configuration properties of the esl-carousel-wheel
are the following:
command
(primary property, could be declared as the only value in the attribute)
Declares the command to execute on the wheel event. Could be one the following:
slide
- moves the carousel by the slidegroup
- moves the carousel by the group
direction
(optional)
Restricts wheel direction. Values:
- 'auto' - depends on the carousel orientation (default)
- 'x' - horizontal only
- 'y' - vertical only
ignore
(optional)
The selector string to ignore elements for the wheel event. Default is [contenteditable]
.
preventDefault
(optional)
Prevent default wheel event behaviour. Default is true
.