ESL Trigger
ESLTrigger - a custom element, that allows triggering ESLToggleable
instances state changes.
Attributes / Properties
-
active
- readonly marker of active Toggleable target -
active-class
- CSS classes to set on active state -
active-class-target
- target element ESLTraversingQuery selector to setactive-class
-
target
- target Toggleable ESLTraversingQuery selector -
track-click
- MediaQuery to define allowed to track click event media. (Default:all
) -
track-hover
- MediaQuery to define allowed to track hover event media. (Default:not all
) -
ignore-esc
- to disallow handle ESC keyboard event to hide target element -
mode
- action to pass to the Toggleable. Supportsshow
,hide
andtoggle
values (toggle
by default) -
ignore
- selector to ignore inner elements -
a11y-target
- selector of inner target element to place aria attributes. Uses trigger itself if blank -
a11y-label-active
- value of aria-label for active state -
a11y-label-inactive
- value of aria-label for inactive state -
show-delay
- show delay value (number in ms ornone
) -
hide-delay
- hide delay value (number in ms ornone
) -
hover-show-delay
- show delay override value for hover (number in ms ornone
) -
hover-hide-delay
- hide delay override value for hover (number in ms ornone
)
Events
esl:change:active
- thrown when trigger changes its state