/** * Copyright (c) Nicolas Gallagher. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * */ import createEventHandle from '../createEventHandle'; import canUseDOM from '../canUseDom'; var supportsPointerEvent = () => !!(typeof window !== 'undefined' && window.PointerEvent != null); var activeModality = 'keyboard'; var modality = 'keyboard'; var previousModality; var previousActiveModality; var isEmulatingMouseEvents = false; var listeners = new Set(); var KEYBOARD = 'keyboard'; var MOUSE = 'mouse'; var TOUCH = 'touch'; var BLUR = 'blur'; var CONTEXTMENU = 'contextmenu'; var FOCUS = 'focus'; var KEYDOWN = 'keydown'; var MOUSEDOWN = 'mousedown'; var MOUSEMOVE = 'mousemove'; var MOUSEUP = 'mouseup'; var POINTERDOWN = 'pointerdown'; var POINTERMOVE = 'pointermove'; var SCROLL = 'scroll'; var SELECTIONCHANGE = 'selectionchange'; var TOUCHCANCEL = 'touchcancel'; var TOUCHMOVE = 'touchmove'; var TOUCHSTART = 'touchstart'; var VISIBILITYCHANGE = 'visibilitychange'; var bubbleOptions = { passive: true }; var captureOptions = { capture: true, passive: true }; // Window events var addBlurListener = createEventHandle(BLUR, bubbleOptions); var addFocusListener = createEventHandle(FOCUS, bubbleOptions); // Must be capture phase because 'stopPropagation' might prevent these // events bubbling to the document. var addVisibilityChangeListener = createEventHandle(VISIBILITYCHANGE, captureOptions); var addKeyDownListener = createEventHandle(KEYDOWN, captureOptions); var addPointerDownListener = createEventHandle(POINTERDOWN, captureOptions); var addPointerMoveListener = createEventHandle(POINTERMOVE, captureOptions); // Fallback events var addContextMenuListener = createEventHandle(CONTEXTMENU, captureOptions); var addMouseDownListener = createEventHandle(MOUSEDOWN, captureOptions); var addMouseMoveListener = createEventHandle(MOUSEMOVE, captureOptions); var addMouseUpListener = createEventHandle(MOUSEUP, captureOptions); var addScrollListener = createEventHandle(SCROLL, captureOptions); var addSelectiomChangeListener = createEventHandle(SELECTIONCHANGE, captureOptions); var addTouchCancelListener = createEventHandle(TOUCHCANCEL, captureOptions); var addTouchMoveListener = createEventHandle(TOUCHMOVE, captureOptions); var addTouchStartListener = createEventHandle(TOUCHSTART, captureOptions); function restoreModality() { if (previousModality != null || previousActiveModality != null) { if (previousModality != null) { modality = previousModality; previousModality = null; } if (previousActiveModality != null) { activeModality = previousActiveModality; previousActiveModality = null; } callListeners(); } } function onBlurWindow() { previousModality = modality; previousActiveModality = activeModality; activeModality = KEYBOARD; modality = KEYBOARD; callListeners(); // for fallback events isEmulatingMouseEvents = false; } function onFocusWindow() { restoreModality(); } function onKeyDown(event) { if (event.metaKey || event.altKey || event.ctrlKey) { return; } if (modality !== KEYBOARD) { modality = KEYBOARD; activeModality = KEYBOARD; callListeners(); } } function onVisibilityChange() { if (document.visibilityState !== 'hidden') { restoreModality(); } } function onPointerish(event) { var eventType = event.type; if (supportsPointerEvent()) { if (eventType === POINTERDOWN) { if (activeModality !== event.pointerType) { modality = event.pointerType; activeModality = event.pointerType; callListeners(); } return; } if (eventType === POINTERMOVE) { if (modality !== event.pointerType) { modality = event.pointerType; callListeners(); } return; } } // Fallback for non-PointerEvent environment else { if (!isEmulatingMouseEvents) { if (eventType === MOUSEDOWN) { if (activeModality !== MOUSE) { modality = MOUSE; activeModality = MOUSE; callListeners(); } } if (eventType === MOUSEMOVE) { if (modality !== MOUSE) { modality = MOUSE; callListeners(); } } } // Flag when browser may produce emulated events if (eventType === TOUCHSTART) { isEmulatingMouseEvents = true; if (event.touches && event.touches.length > 1) { isEmulatingMouseEvents = false; } if (activeModality !== TOUCH) { modality = TOUCH; activeModality = TOUCH; callListeners(); } return; } // Remove flag after emulated events are finished or cancelled, and if an // event occurs that cuts short a touch event sequence. if (eventType === CONTEXTMENU || eventType === MOUSEUP || eventType === SELECTIONCHANGE || eventType === SCROLL || eventType === TOUCHCANCEL || eventType === TOUCHMOVE) { isEmulatingMouseEvents = false; } } } if (canUseDOM) { addBlurListener(window, onBlurWindow); addFocusListener(window, onFocusWindow); addKeyDownListener(document, onKeyDown); addPointerDownListener(document, onPointerish); addPointerMoveListener(document, onPointerish); addVisibilityChangeListener(document, onVisibilityChange); // fallbacks addContextMenuListener(document, onPointerish); addMouseDownListener(document, onPointerish); addMouseMoveListener(document, onPointerish); addMouseUpListener(document, onPointerish); addTouchCancelListener(document, onPointerish); addTouchMoveListener(document, onPointerish); addTouchStartListener(document, onPointerish); addSelectiomChangeListener(document, onPointerish); addScrollListener(document, onPointerish); } function callListeners() { var value = { activeModality, modality }; listeners.forEach(listener => { listener(value); }); } export function getActiveModality() { return activeModality; } export function getModality() { return modality; } export function addModalityListener(listener) { listeners.add(listener); return () => { listeners.delete(listener); }; } export function testOnly_resetActiveModality() { isEmulatingMouseEvents = false; activeModality = KEYBOARD; modality = KEYBOARD; }