@@ -17,20 +17,33 @@ export function isHotkeyEnabled(e: KeyboardEvent, hotkey: Hotkey, enabled?: Trig
1717}
1818
1919// these are ARIA roles that are considered form fields
20- const FORM_TAGS_AND_ROLES :readonly FormTags [ ] = [ 'input' , 'textarea' , 'select' , 'searchbox' , 'slider' , 'spinbutton' , 'menuitem' , 'menuitemcheckbox' , 'menuitemradio' , 'option' , 'radio' , 'textbox' ] ;
20+ const FORM_TAGS_AND_ROLES :readonly FormTags [ ] = [
21+ 'input' ,
22+ 'textarea' ,
23+ 'select' ,
24+ 'searchbox' ,
25+ 'slider' ,
26+ 'spinbutton' ,
27+ 'menuitem' ,
28+ 'menuitemcheckbox' ,
29+ 'menuitemradio' ,
30+ 'option' ,
31+ 'radio' ,
32+ 'textbox' ,
33+ ]
2134
2235export function isKeyboardEventTriggeredByInput ( ev :KeyboardEvent ) :boolean {
23- return isHotkeyEnabledOnTag ( ev , FORM_TAGS_AND_ROLES ) ;
36+ return isHotkeyEnabledOnTag ( ev , FORM_TAGS_AND_ROLES )
2437}
2538
2639export function isHotkeyEnabledOnTag (
2740event :KeyboardEvent ,
2841enabledOnTags :readonly FormTags [ ] | boolean = false ,
2942) :boolean {
3043const { target, composed} = event
31-
32- let targetTagName :EventTarget | string | undefined | null
33- let targetRole :string | undefined | null
44+
45+ let targetTagName :EventTarget | string | undefined | null
46+ let targetRole :string | undefined | null
3447
3548if ( isCustomElement ( target as HTMLElement ) && composed ) {
3649targetTagName = event . composedPath ( ) [ 0 ] && ( event . composedPath ( ) [ 0 ] as HTMLElement ) . tagName
@@ -42,7 +55,9 @@ export function isHotkeyEnabledOnTag(
4255
4356if ( isReadonlyArray ( enabledOnTags ) ) {
4457return Boolean (
45- targetTagName && enabledOnTags && enabledOnTags . some ( ( tag ) => tag . toLowerCase ( ) === targetTagName . toLowerCase ( ) || tag === targetRole ) ,
58+ targetTagName &&
59+ enabledOnTags &&
60+ enabledOnTags . some ( ( tag ) => tag . toLowerCase ( ) === targetTagName . toLowerCase ( ) || tag === targetRole ) ,
4661)
4762}
4863