Skip to content

Latest commit

 

History

History
47 lines (24 loc) · 1.6 KB

README.md

File metadata and controls

47 lines (24 loc) · 1.6 KB
Raw

ESL Trigger

Version: 2.0.0.

Authors: Alexey Stsefanovich (ala'n), Julia Murashko.

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 set active-class

  • target - target Toggleable ESLTraversingQuery selector (next by default)

  • 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. Supports show, hide and toggle 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 or none)

  • hide-delay - hide delay value (number in ms or none)

  • hover-show-delay - show delay override value for hover (number in ms or none)

  • hover-hide-delay - hide delay override value for hover (number in ms or none)

Events

  • esl:change:active - thrown when trigger changes its state