@exadel/esl/modules/esl-trigger/README.md

Exadel Smart Library (ESL) is the lightweight custom elements library that provide a set of super-flexible components

# [ESL](../../../) Trigger

Version: *2.0.0*.

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

<a name="intro"></a>

**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

- `track-click` - [MediaQuery](../esl-media-query/README.md) to define allowed to track click event media. (Default: `all`)
  
- `track-hover` - [MediaQuery](../esl-media-query/README.md) 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