sebnitu / vrembem / 10950504510

94%

main: 100%

push

github

Allow setting popover open and close hover delay using the toggle-delay option (#2033)

Added support for setting both open and close delay using the `toggle-delay` option. This is done by allowing two numbers to be passed using an array or a space/comma separated list in the case of custom properties. These values are fetched and parsed using the new internal `getDelay` function which handles all these cases. To achieve this, `getSetting` has been refactored so that it queries and returns a setting based on where/how it's set using this priority: `data attribute` > `custom property` > `entry setting` > `root setting`. Popover collection entries now have these new properties/methods:

- `dataConfig` - Stores all data config attribute options.
- `customProps` - Stores all custom property options.
- `refreshDataConfig()` - Refreshes the stored data config attribute options.
- `refreshCustomProps()` - Refreshes the stored custom property options. This is automatically run before a popover is opened.

As part of this PR, three new functions have been added to the core library:
- `getCustomProps` Returns a config object with key/value pairs from an element's custom properties (css vars).
- `toCamel` Converts a kebab cased string into camel case.
- `toKebab` Converts a camel cased string into kebab case.

**Additional changes**
- Added custom property defaults to component defaults.
- Renamed `eventType` option to just `event`.
- Refactored private prop use of `__eventListeners ` to just `_eventListeners `.
- Refactored `activeTooltip` to `activeHover` and now returns any active popovers with `event` set to `"hover"`.
- Config objects can now be passed to popover `register` calls. This is automatically applied to the entry level settings.

623 of 623 branches covered (100.0%)

Branch coverage included in aggregate %.

174 of 174 new or added lines in 13 files covered. (100.0%)

2691 of 2691 relevant lines covered (100.0%)

54.79 hits per line