Item placed inside a hylo-snap-slider component.

Properties

active: boolean

When set, the component fires the events "hyloSnapSliderItemClicked", "hyloHasFocus", "hyloHasMouseover", "hyloHasKeyactive" and sets the corresponding classes.

In order to fire "hyloHasFocus" and "hyloHasKeyactive" the appropriate tab index has to be set which is usually tabindex="0". Also the "role" attribute should be set accordingly.

inactive: boolean

When set, the item does not get a snap point.

Events

hyloHasFocus: EventEmitter<boolean>

Fires when the component gains or looses focus through the "tab" key. The component also toggles the class "hylo-has-focus".

The component has to be "active" and the appropriate tab index has to be set.

The emitted boolean value indicates whether the component gained or lost the focus.

hyloHasKeyactive: EventEmitter<boolean>

Fires when the component is or looses active through a key action. The component also toggles the class "hylo-has-keyactive".

The component has to be "active" and the appropriate tab index has to be set.

The emitted boolean value indicates whether the component gained or lost the active state.

hyloHasMouseover: EventEmitter<boolean>

Fires when the component gains or looses "mouseover". The component also toggles the class "hylo-has-mouseover". Does not fire when the "mouseover" was gained through a touch event.

The component has to be "active".

The emitted boolean value indicates whether the component gained or lost "mouseover".

hyloSnapSliderItemClicked: EventEmitter<boolean>

Fires when the component gets triggered.

The component has to be "active".

Returns whether the component has a keyboard focus when clicked. (has class "hylo-has-focus")

Generated using TypeDoc