Class HyloSnapSlider

Adds shortcuts/jumpmarker for keyboard usage.

The interval in milliseconds in which the animation jumps from one item to the next when scrolling (showing previous or next items).

Classes added to the content element which holds the hylo-snap-slider-item components.

Classes added to the used hylo-drag-area component.

Classes added to the content element of the hylo-drag-area component. The hylo-drag-area content element wraps the content element of this component.

The interval in milliseconds which differentiate between a drag and a click event. If a drag is longer than the value, the click event is stopped from bubbling up.

Classes added to the hylo-scrollbar component.

Defines whether the scrollbar listens to touch events. Can be set as boolean or as a comma separated string of breakpoints (hylo-breakpoint-listener needed).

Classes added to the element which wraps the hylo-scrollbar and hylo-drag-area component. Add bottom padding to adjust the scrollbar position.

After how many hylo-snap-item(s) should a shortcut be placed. Inactive items are not counted.

Adds unstyled elements with the class "hylo-snap-slider-previous" and "hylo-snap-slider-next" before and after the drag area respectively. You can place additional markup into the elements by using the slots "previous" and "next". You are in charge of positioning and styling them correctly.

The previous and next element are linked to the show previous and next items functionality.

Shows a scrollbar. Hides the scrollbar if nothing is to scroll.

Fires when on of its hylo-snap-slider-item components fired hyloSnapSliderItemClicked. Returns the fired hyloSnapSliderItemClicked event.