feat: separate input devices from pointer/keyboard API (#1003)

feat:
* **pointer**: dispatch `auxclick` events

fix:
* **keyboard**: switch modifier state of lock keys on the correct event
* **keyboard**: remove platform-specific additional key events for `Control` on `AltGraph`
* **pointer**: dispatch `contextmenu` events with `detail: 0`
* **pointer**: always set `PointerEvent.isPrimary`
* **pointer**: set `button` property on pointer events separately from legacy mouse events
* **pointer**: click closest common ancestor if `mousedown` and `mouseup` happen on different elements
* **pointer**: omit click event on release if another button is released first
* **pointer**: dispatch `mouseover`, `mouseenter` and `mousemove` on disabled elements
* **pointer**: prevent `mouse*` events per `pointerdown` event handler
* **pointer**: dispatch `*out` and `*over` events when moving into / out of nested elements
* **pointer**: dispatch `*enter` and `*leave` events on ancestors

Author: ph-fritsche

src/convenience/hover.ts

@@ -8,7 +8,7 @@ export async function hover(this: Instance, element: Element) {
 export async function unhover(this: Instance, element: Element) {
   assertPointerEvents(
     this[Config],
-    this[Config].pointerState.position.mouse.target as Element,
+    this[Config].system.pointer.getMouseTarget(this[Config]),
   )
   return this.pointer({target: element.ownerDocument.body})
 }

src/event/behavior/keydown.ts

@@ -102,9 +102,12 @@ const keydownBehavior: {
       }
     }
   },
-  Tab: (event, target, {keyboardState}) => {
+  Tab: (event, target, config) => {
     return () => {
-      const dest = getTabDestination(target, keyboardState.modifiers.Shift)
+      const dest = getTabDestination(
+        target,
+        config.system.keyboard.modifiers.Shift,
+      )
       focus(dest)
       if (hasOwnSelection(dest)) {
         setUISelection(dest, {
@@ -121,7 +124,7 @@ const combinationBehavior: BehaviorPlugin<'keydown'> = (
   target,
   config,
 ) => {
-  if (event.code === 'KeyA' && config.keyboardState.modifiers.Control) {
+  if (event.code === 'KeyA' && config.system.keyboard.modifiers.Control) {
     return () => selectAll(target)
   }
 }