{"version":3,"sources":["../../../packages/core/data/accessibility-manager.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,qBAAa,oBAAoB;IAC7B;;OAEG;IACH,OAAO,CAAC,8BAA8B,CAAS;IAE/C;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAiD;IAE9E;;OAEG;IACI,gBAAgB,SAAsB;IAE7C;;OAEG;IACI,wBAAwB,SAAkC;IAEjE;;OAEG;IACI,2BAA2B,SAAqC;IAEvE;;OAEG;IACI,mBAAmB,EAAE,WAAW,EAAE,CAAM;IAE/C;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAc;;IAQtC;;OAEG;IACI,4BAA4B,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,GAAG,MAAM,IAAI;IAY/F;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAYtB;;;;OAIG;IACH,OAAO,CAAC,+BAA+B;IAKvC;;OAEG;IACI,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAC3E,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,yBAAyB,CAAC,EAAE,OAAO;IA2BzF;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAOtB;;;OAGG;IACI,uBAAuB,CAAC,YAAY,EAAE,OAAO;IAiBpD;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAS9B;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAgI/B;AAED;;GAEG;AACH,qBAAa,WAAW;IAEpB;;OAEG;IACI,WAAW,UAAS;IAE3B;;OAEG;IACI,SAAS,UAAS;IAEzB;;OAEG;IACI,UAAU,UAAS;IAE1B;;OAEG;IACI,OAAO,EAAE,OAAO,CAAC;IAExB;;;OAGG;gBACS,SAAS,EAAE,MAAM;IAM7B;;;OAGG;IACH,OAAO,CAAC,WAAW;IAkBnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAY3B;;;OAGG;IACH,OAAO,CAAC,UAAU;IAalB;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;CAMpD;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,UAAU,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,UAAU,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,WAAW,CAAC;IAE3B;;OAEG;IACH,2BAA2B,EAAE,MAAM,IAAI,CAAC;IAExC;;OAEG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAEhC,WAAW,EAAE,aAAa,CAAC;CAC9B;AAGD,oBAAY,OAAO;IACf,SAAS,IAAI;IACb,GAAG,IAAI;IACP,KAAK,KAAK;IACV,KAAK,KAAK;IACV,IAAI,KAAK;IACT,GAAG,KAAK;IACR,KAAK,KAAK;IACV,QAAQ,KAAK;IACb,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,KAAK;IACX,QAAQ,KAAK;IACb,GAAG,KAAK;IACR,IAAI,KAAK;IACT,SAAS,KAAK;IACd,OAAO,KAAK;IACZ,UAAU,KAAK;IACf,SAAS,KAAK;IACd,MAAM,KAAK;IACX,MAAM,KAAK;IACX,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,IAAI,KAAK;IACT,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,WAAW,KAAK;IAChB,YAAY,KAAK;IACjB,MAAM,KAAK;IACX,OAAO,KAAK;IACZ,OAAO,KAAK;IACZ,OAAO,KAAK;IACZ,OAAO,KAAK;IACZ,OAAO,MAAM;IACb,OAAO,MAAM;IACb,OAAO,MAAM;IACb,OAAO,MAAM;IACb,OAAO,MAAM;IACb,OAAO,MAAM;IACb,QAAQ,MAAM;IACd,GAAG,MAAM;IACT,QAAQ,MAAM;IACd,WAAW,MAAM;IACjB,MAAM,MAAM;IACZ,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,GAAG,MAAM;IACT,GAAG,MAAM;IACT,GAAG,MAAM;IACT,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,SAAS,MAAM;IACf,SAAS,MAAM;IACf,KAAK,MAAM;IACX,IAAI,MAAM;IACV,MAAM,MAAM;IACZ,YAAY,MAAM;IAClB,WAAW,MAAM;IACjB,WAAW,MAAM;IACjB,SAAS,MAAM;IACf,WAAW,MAAM;IACjB,WAAW,MAAM;CACpB","file":"accessibility-manager.d.ts","sourcesContent":["import { LogLevel } from '../diagnostics/log-level';\r\nimport { LogRecord } from '../diagnostics/log-record';\r\nimport { Logging } from '../diagnostics/logging';\r\nimport { Dom } from '../dom/dom';\r\n\r\n/**\r\n * Class for accessibility manager\r\n */\r\nexport class AccessibilityManager {\r\n /**\r\n * Indicates that body focus class handlers have already been setup and should not be setup again\r\n */\r\n private hiddenFocusHandlersInitialized = false;\r\n\r\n /**\r\n * The set of events for element focusing.\r\n */\r\n private elementFocusingEvents: ((event: ElementFocusingEvent) => void)[] = [];\r\n\r\n /**\r\n * The CSS class to disable the focus rectangle even in keyboard mode\r\n */\r\n public hiddenFocusClass = 'sme-hidden-focus';\r\n\r\n /**\r\n * The CSS class to enable mouse specific accessibility styles\r\n */\r\n public mouseNavigationModeClass = 'sme-accessibility-mode-mouse';\r\n\r\n /**\r\n * The CSS class to enable keyboard specific accessibility styles\r\n */\r\n public keyboardNavigationModeClass = 'sme-accessibility-mode-keyboard';\r\n\r\n /**\r\n * The set of elements that have had the hiddenFocusClass applied\r\n */\r\n public hiddenFocusElements: HTMLElement[] = [];\r\n\r\n /**\r\n * The object of ctrl+alt+a key.\r\n */\r\n private ctrlAltAShortKey: KeyResolver;\r\n\r\n constructor() {\r\n // hookup global handlers\r\n this.hookupGlobalHandlers();\r\n this.ctrlAltAShortKey = new KeyResolver('Ctrl+Alt+A');\r\n }\r\n\r\n /**\r\n * Registers the event handler for ElementFocusingEvent\r\n */\r\n public registerElementFocusingEvent(handler: (event: ElementFocusingEvent) => void): () => void {\r\n const unregisterEventFunction = () => {\r\n const index = this.elementFocusingEvents.indexOf(handler);\r\n if (index !== -1) {\r\n this.elementFocusingEvents.splice(index, 1);\r\n }\r\n };\r\n this.elementFocusingEvents.push(handler);\r\n\r\n return unregisterEventFunction;\r\n }\r\n\r\n /**\r\n * focus on given element and prevent the default of the event\r\n * @param element the element to focus on\r\n * @param event the event that triggered the focus\r\n * @param allowBrowserFocusHandling it indicates whether to allow browser to handle focus.\r\n */\r\n private focusOnElement(element: HTMLElement, event: KeyboardEvent, allowBrowserFocusHandling?: boolean) {\r\n if (element) {\r\n // this change needs to be taken in any snap-in implementations\r\n // use param {preventScroll: true} if element is in an extension iframe\r\n // TODO: try below code with snap-ins that use new snap-in listener code\r\n element.focus();\r\n if (!allowBrowserFocusHandling) {\r\n event.preventDefault();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Find the first focusable descendant of an element and focus on it\r\n * @param element the element to work with\r\n * @param event the event that triggered the focus\r\n */\r\n private focusOnFirstFocusableDescendant(element: HTMLElement, event: KeyboardEvent) {\r\n const firstFocusableDescendant = Dom.getFirstFocusableDescendent(element);\r\n this.focusOnElement(firstFocusableDescendant, event);\r\n }\r\n\r\n /**\r\n * Handlers the element focusing in either the default way or custom ways based on ElementFocusingEvent handler.\r\n */\r\n public processElementFocusing(event: KeyboardEvent, elementToFocus: HTMLElement,\r\n sourceZone: HTMLElement, targetZone: HTMLElement, allowBrowserFocusHandling?: boolean) {\r\n let useCustomFocusHandling = false;\r\n let preventDefaultEvent = false;\r\n this.elementFocusingEvents.forEach(focusEvent => {\r\n focusEvent({\r\n nativeEvent: event,\r\n sourceZone: sourceZone,\r\n targetZone: targetZone,\r\n targetElement: elementToFocus,\r\n preventDefaultFocusBehavior: () => {\r\n useCustomFocusHandling = true;\r\n },\r\n preventDefaultEvent: () => {\r\n preventDefaultEvent = true;\r\n }\r\n });\r\n });\r\n if (useCustomFocusHandling) {\r\n if (preventDefaultEvent) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n } else {\r\n this.focusOnElement(elementToFocus, event, allowBrowserFocusHandling);\r\n }\r\n }\r\n\r\n /**\r\n * click on given element and prevent the default of the event\r\n * @param element the element to click\r\n * @param event the event that triggered the click\r\n */\r\n private clickOnElement(element: HTMLElement, event: KeyboardEvent) {\r\n if (element) {\r\n element.click();\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n /**\r\n * Changes the Accessibility Mode to mouse or keyboard\r\n * @param keyboardMode indicates that keyboard mode should be set\r\n */\r\n public changeAccessibilityMode(keyboardMode: boolean) {\r\n // toggle accessibility mode across all iframes in the document\r\n // only works for same origin iframes\r\n // TODO: support cross origin iframes and replace this with RPC broadcasting to all iframes\r\n const allBodys = Dom.getAllBodys();\r\n\r\n for (let i = 0; i < allBodys.length; i++) {\r\n const currentBody = allBodys[i];\r\n currentBody.classList.toggle(this.mouseNavigationModeClass, !keyboardMode);\r\n currentBody.classList.toggle(this.keyboardNavigationModeClass, keyboardMode);\r\n }\r\n\r\n // register accessibility mode with self so RPC can use it\r\n const self = MsftSme.self();\r\n self.Resources.accessibilityMode = keyboardMode;\r\n }\r\n\r\n /**\r\n * Query the accessibility mode of parent\r\n */\r\n private queryAccessibilityMode(): boolean {\r\n return !MsftSme.isNullOrUndefined(\r\n Dom.getSpecificAncestor(\r\n document.body,\r\n (x: HTMLElement) => Dom.isBody(x) && x.classList.contains(this.keyboardNavigationModeClass)\r\n )\r\n );\r\n }\r\n\r\n /**\r\n * Hooks up the global event handlers\r\n */\r\n private hookupGlobalHandlers() {\r\n // hookup body focus class handlers.\r\n // We do not need to unhook these as they last the entire applications lifecycle.\r\n if (!this.hiddenFocusHandlersInitialized) {\r\n // ensure this is only called once\r\n this.hiddenFocusHandlersInitialized = true;\r\n // apply the mouse navigation class to the body of the document as default\r\n this.changeAccessibilityMode(false);\r\n\r\n // when the user clicks on the page, we need to exit keyboard mode and enter mouse mode again\r\n document.body.addEventListener('mousedown', (event) => {\r\n // If event.buttons is 0, it means this mouse action is triggered by narrator.\r\n // If event.buttons is greater than 0, it means this mouse action is triggered by actual mouse device.\r\n // Then exit accessibility mode.\r\n if (event.buttons) {\r\n this.changeAccessibilityMode(false);\r\n setTimeout(() => Dom.checkActiveTab(), 0);\r\n }\r\n });\r\n document.body.addEventListener('keydown', (event) => {\r\n const isKeyboardMode = this.queryAccessibilityMode();\r\n this.changeAccessibilityMode(isKeyboardMode);\r\n const currentElement = event.target;\r\n const currentElementProperties = Dom.getElementProperties(currentElement);\r\n const currentTrap = currentElementProperties.currentTrap;\r\n const allowCustomArrowKeyFunctionality =\r\n Dom.allowCustomArrowKeyFunctionality(currentElementProperties);\r\n const allowCustomHomeEndKeyFunctionality =\r\n Dom.allowCustomHomeEndKeyFunctionality(currentElement, currentElementProperties);\r\n const currentZone = currentElementProperties.currentZone;\r\n const keyCode = event.keyCode;\r\n\r\n setTimeout(() => Dom.checkActiveTab(), 0);\r\n\r\n if (event.shiftKey && keyCode === KeyCode.Tab) {\r\n // shift tab - go back to previous zone\r\n let focusOn = Dom.getPreviousZoneElement(currentElement);\r\n const targetZone = Dom.getAncestorZone(focusOn);\r\n\r\n if (Dom.isTablist(targetZone)) {\r\n focusOn = Dom.getFirstActiveOrSelectedDescendant(targetZone) || focusOn;\r\n }\r\n if (!currentElementProperties.withinTrap || Dom.getAncestorTrap(targetZone) === currentElementProperties.currentTrap) {\r\n this.processElementFocusing(event, focusOn, currentZone, targetZone);\r\n } else {\r\n event.preventDefault();\r\n }\r\n // else we are at the beginning of the page and want shift tab to perform its default action\r\n\r\n } else if (keyCode === KeyCode.Tab) {\r\n // when the user presses 'tab' we will enter keyboard mode\r\n this.changeAccessibilityMode(true);\r\n\r\n const focusOn = Dom.getNextZoneElement(currentElement);\r\n const targetZone = Dom.getAncestorZone(focusOn);\r\n\r\n if (focusOn && targetZone !== currentZone) {\r\n // go to next zone\r\n let newFocusOn = focusOn;\r\n if (Dom.isTablist(targetZone)) {\r\n newFocusOn = Dom.getFirstActiveOrSelectedDescendant(targetZone);\r\n }\r\n if (!currentElementProperties.withinTrap\r\n || Dom.getAncestorTrap(targetZone) === currentElementProperties.currentTrap) {\r\n this.processElementFocusing(event, newFocusOn, currentZone, targetZone);\r\n } else {\r\n // we are at the end of the trap so go back to the beginning of the trap\r\n this.focusOnFirstFocusableDescendant(currentTrap, event);\r\n event.preventDefault();\r\n }\r\n } else if (!currentElementProperties.withinTrap) {\r\n // else we are at the end of the page and want tab to perform its default action\r\n const lastElement = Dom.getLastElementInZone(currentElement);\r\n if (lastElement) {\r\n this.processElementFocusing(event, lastElement, currentZone, targetZone, true);\r\n }\r\n } else {\r\n // we are at the end of the trap so go back to the beginning of the trap\r\n this.focusOnFirstFocusableDescendant(currentTrap, event);\r\n }\r\n\r\n } else if (keyCode === KeyCode.RightArrow && allowCustomArrowKeyFunctionality) {\r\n // use default if the cursor is in the middle of search box text\r\n const useArrowKeys = Dom.useArrowKeysWithinSearchbox(currentElement, true);\r\n if (!useArrowKeys && isKeyboardMode) {\r\n // go to next focusable element within current zone\r\n this.focusOnElement(Dom.getNextFocusableElement(currentElement), event);\r\n }\r\n } else if (keyCode === KeyCode.DownArrow && allowCustomArrowKeyFunctionality) {\r\n // go to next focusable element within current zone\r\n this.focusOnElement(Dom.getNextFocusableElement(currentElement), event);\r\n } else if (keyCode === KeyCode.UpArrow && allowCustomArrowKeyFunctionality) {\r\n // go to previous focusable element within current zone\r\n this.focusOnElement(Dom.getPreviousFocusableElement(currentElement), event);\r\n } else if (event.keyCode === KeyCode.LeftArrow && allowCustomArrowKeyFunctionality) {\r\n // use default if the cursor is in the middle of search box text\r\n const useArrowKeys = Dom.useArrowKeysWithinSearchbox(currentElement, false);\r\n if (!useArrowKeys && isKeyboardMode) {\r\n // go to previous focusable element within current zone\r\n this.focusOnElement(Dom.getPreviousFocusableElement(currentElement), event);\r\n }\r\n } else if (event.keyCode === KeyCode.Enter) {\r\n if (document.body.classList.contains(this.keyboardNavigationModeClass)) {\r\n if ((currentZone || currentElementProperties.isZone)\r\n && (!currentElementProperties.withinForm || Dom.shouldTreatEnterAsClick(currentElement))) {\r\n this.clickOnElement(currentElement, event);\r\n }\r\n }\r\n } else if (event.keyCode === KeyCode.End && allowCustomHomeEndKeyFunctionality) {\r\n this.focusOnElement(Dom.getLastElementInZone(currentElement), event);\r\n } else if (event.keyCode === KeyCode.Home && allowCustomHomeEndKeyFunctionality) {\r\n this.focusOnElement(Dom.getFirstElementInZone(currentElement), event);\r\n } else if (this.ctrlAltAShortKey.matchesWith(event)) {\r\n let targetElement: HTMLElement;\r\n if (Dom.isInActionBar(currentElement)) {\r\n targetElement = Dom.getNextActionBar(currentElement);\r\n } else {\r\n targetElement = Dom.getFirstActionBar(currentElement);\r\n }\r\n\r\n if (!MsftSme.isNullOrUndefined(targetElement)) {\r\n this.changeAccessibilityMode(true);\r\n this.focusOnElement(targetElement, event, false);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Class to resolve keys.\r\n */\r\nexport class KeyResolver {\r\n\r\n /**\r\n * Whether has shift key.\r\n */\r\n public hasShiftKey = false;\r\n\r\n /**\r\n * Whether has alt key.\r\n */\r\n public hasAltKey = false;\r\n\r\n /**\r\n * Whether has ctrl key.\r\n */\r\n public hasCtrlKey = false;\r\n\r\n /**\r\n * The main key code for key combination.\r\n */\r\n public keyCode: KeyCode;\r\n\r\n /**\r\n * Initializes an instance of KeyLocalizer\r\n * @param inputkeys Input keys.\r\n */\r\n constructor(inputkeys: string) {\r\n if (!MsftSme.isNullOrWhiteSpace(inputkeys)) {\r\n this.resolveKeys(inputkeys);\r\n }\r\n }\r\n\r\n /**\r\n * Resolves localized keys in to this class structure.\r\n * @param inputKeys Input keys.\r\n */\r\n private resolveKeys(inputKeys: string) {\r\n\r\n if (inputKeys === '+') {\r\n this.keyCode = KeyCode.Add;\r\n return;\r\n }\r\n const keys = inputKeys.split('+');\r\n if (keys.length > 0 && keys.length === 1) {\r\n this.setModifierKeyFlags(keys[0]);\r\n this.setKeycode(keys[0]);\r\n } else {\r\n for (let i = 0; i < keys.length - 1; i++) {\r\n this.setModifierKeyFlags(keys[i]);\r\n }\r\n this.setKeycode(keys[keys.length - 1]);\r\n }\r\n }\r\n\r\n /**\r\n * Sets modifier key flags if found in key combinations.\r\n * @param key The key.\r\n */\r\n private setModifierKeyFlags(key: string) {\r\n\r\n // These should always be passed as english keys.\r\n if (key === 'Ctrl') {\r\n this.hasCtrlKey = true;\r\n } else if (key === 'Alt') {\r\n this.hasAltKey = true;\r\n } else if (key === 'Shift') {\r\n this.hasShiftKey = true;\r\n }\r\n }\r\n\r\n /**\r\n * Set the key code extracted from the input key.\r\n * @param key the key string.\r\n */\r\n private setKeycode(key: string) {\r\n const keyCode: KeyCode = (KeyCode)[key];\r\n this.keyCode = keyCode;\r\n if (this.keyCode === undefined) {\r\n Logging.log({\r\n level: LogLevel.Error,\r\n message: 'Could not resolve key ' + key,\r\n source: KeyResolver.name\r\n });\r\n }\r\n\r\n }\r\n\r\n /**\r\n * Checks if keyboard event matches with resolved keys.\r\n * @param event The keyboard event containing pressed key information.\r\n */\r\n public matchesWith(event: KeyboardEvent): boolean {\r\n return this.hasCtrlKey === event.ctrlKey &&\r\n this.hasAltKey === event.altKey &&\r\n this.hasShiftKey === event.shiftKey &&\r\n this.keyCode === event.keyCode;\r\n }\r\n}\r\n\r\n/**\r\n * Interface for ElementFocusingEvent.\r\n */\r\nexport interface ElementFocusingEvent {\r\n /**\r\n * It indicates the source focus zone.\r\n */\r\n sourceZone: HTMLElement;\r\n\r\n /**\r\n * It indicates the target focus zone.\r\n */\r\n targetZone: HTMLElement;\r\n\r\n /**\r\n * It indicates the target focus element.\r\n */\r\n targetElement: HTMLElement;\r\n\r\n /**\r\n * If this function is called in the event handler, it cancels the default behavior of focusing\r\n */\r\n preventDefaultFocusBehavior: () => void;\r\n\r\n /**\r\n * If this function is called in the event handler, it cancels the default event of focusing\r\n */\r\n preventDefaultEvent: () => void;\r\n\r\n nativeEvent: KeyboardEvent;\r\n}\r\n\r\n// Keyboard codes\r\nexport enum KeyCode {\r\n Backspace = 8,\r\n Tab = 9,\r\n Enter = 13,\r\n Shift = 16,\r\n Ctrl = 17,\r\n Alt = 18,\r\n Pause = 19,\r\n CapsLock = 20,\r\n Escape = 27,\r\n Space = 32,\r\n PageUp = 33,\r\n PageDown = 34,\r\n End = 35,\r\n Home = 36,\r\n LeftArrow = 37,\r\n UpArrow = 38,\r\n RightArrow = 39,\r\n DownArrow = 40,\r\n Insert = 45,\r\n Delete = 46,\r\n Num0 = 48,\r\n Num1 = 49,\r\n Num2 = 50,\r\n Num3 = 51,\r\n Num4 = 52,\r\n Num5 = 53,\r\n Num6 = 54,\r\n Num7 = 55,\r\n Num8 = 56,\r\n Num9 = 57,\r\n A = 65,\r\n B = 66,\r\n C = 67,\r\n D = 68,\r\n E = 69,\r\n F = 70,\r\n G = 71,\r\n H = 72,\r\n I = 73,\r\n J = 74,\r\n K = 75,\r\n L = 76,\r\n M = 77,\r\n N = 78,\r\n O = 79,\r\n P = 80,\r\n Q = 81,\r\n R = 82,\r\n S = 83,\r\n T = 84,\r\n U = 85,\r\n V = 86,\r\n W = 87,\r\n X = 88,\r\n Y = 89,\r\n Z = 90,\r\n LeftWindows = 91,\r\n RightWindows = 92,\r\n Select = 93,\r\n Numpad0 = 96,\r\n Numpad1 = 97,\r\n Numpad2 = 98,\r\n Numpad3 = 99,\r\n Numpad4 = 100,\r\n Numpad5 = 101,\r\n Numpad6 = 102,\r\n Numpad7 = 103,\r\n Numpad8 = 104,\r\n Numpad9 = 105,\r\n Multiply = 106,\r\n Add = 107,\r\n Subtract = 109,\r\n DecimaPoint = 110,\r\n Divide = 111,\r\n F1 = 112,\r\n F2 = 113,\r\n F3 = 114,\r\n F4 = 115,\r\n F5 = 116,\r\n F6 = 117,\r\n F7 = 118,\r\n F8 = 119,\r\n F9 = 120,\r\n F10 = 121,\r\n F11 = 122,\r\n F12 = 123,\r\n NumLock = 144,\r\n ScrollLock = 145,\r\n SemiColon = 186,\r\n EqualSign = 187,\r\n Comma = 188,\r\n Dash = 189,\r\n Period = 190,\r\n ForwardSlash = 191,\r\n GraveAccent = 192,\r\n OpenBracket = 219,\r\n BackSlash = 220,\r\n CloseBraket = 221,\r\n SingleQuote = 222\r\n}\r\n"]}