material-motion-views-dom
Version:
DOM support for Material Motion
47 lines • 3.19 kB
JavaScript
;
/** @license
* Copyright 2016 - present The Material Motion Authors. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
* use this file except in compliance with the License. You may obtain a copy
* of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations
* under the License.
*/
Object.defineProperty(exports, "__esModule", { value: true });
const convertTouchEventsToPointerEvents_1 = require("./convertTouchEventsToPointerEvents");
const getEventStreamFromElement_1 = require("./getEventStreamFromElement");
const notPassive = {
passive: false,
capture: true,
};
function getPointerEventStreamsFromElement(element) {
const commonStreams = {
contextMenu$: getEventStreamFromElement_1.getEventStreamFromElement('click', element),
// These are streams that a gesture recognizer may want to interrupt when it
// recognizes a gesture is happening.
capturedClick$: getEventStreamFromElement_1.getEventStreamFromElement('click', element, notPassive),
capturedDragStart$: getEventStreamFromElement_1.getEventStreamFromElement('dragstart', element, notPassive),
};
if (typeof PointerEvent !== 'undefined') {
return Object.assign({ down$: getEventStreamFromElement_1.getEventStreamFromElement('pointerdown', element), move$: getEventStreamFromElement_1.getEventStreamFromElement('pointermove', element), up$: getEventStreamFromElement_1.getEventStreamFromElement('pointerup', element), cancel$: getEventStreamFromElement_1.getEventStreamFromElement('pointercancel', element) }, commonStreams);
}
else {
return Object.assign({ down$: getEventStreamFromElement_1.getEventStreamFromElement('mousedown', element).merge([
convertTouchEventsToPointerEvents_1.convertTouchEventsToPointerEvents(getEventStreamFromElement_1.getEventStreamFromElement('touchstart', element)),
]), move$: getEventStreamFromElement_1.getEventStreamFromElement('mousemove', element).merge([
convertTouchEventsToPointerEvents_1.convertTouchEventsToPointerEvents(getEventStreamFromElement_1.getEventStreamFromElement('touchmove', element)),
]), up$: getEventStreamFromElement_1.getEventStreamFromElement('mouseup', element).merge([
convertTouchEventsToPointerEvents_1.convertTouchEventsToPointerEvents(getEventStreamFromElement_1.getEventStreamFromElement('touchend', element)),
]), cancel$: convertTouchEventsToPointerEvents_1.convertTouchEventsToPointerEvents(getEventStreamFromElement_1.getEventStreamFromElement('touchcancel', element)) }, commonStreams);
}
}
exports.getPointerEventStreamsFromElement = getPointerEventStreamsFromElement;
exports.default = getPointerEventStreamsFromElement;
//# sourceMappingURL=getPointerEventStreamsFromElement.js.map