109 lines
3.0 KiB
JavaScript
109 lines
3.0 KiB
JavaScript
import {
|
|
addDomEvent,
|
|
getEventWindow,
|
|
isBrowser
|
|
} from "./chunk-O3SWHQEE.mjs";
|
|
|
|
// src/pointer-event.ts
|
|
function isMouseEvent(event) {
|
|
const win = getEventWindow(event);
|
|
if (typeof win.PointerEvent !== "undefined" && event instanceof win.PointerEvent) {
|
|
return !!(event.pointerType === "mouse");
|
|
}
|
|
return event instanceof win.MouseEvent;
|
|
}
|
|
function isTouchEvent(event) {
|
|
const hasTouches = !!event.touches;
|
|
return hasTouches;
|
|
}
|
|
function filterPrimaryPointer(eventHandler) {
|
|
return (event) => {
|
|
const win = getEventWindow(event);
|
|
const isMouseEvent2 = event instanceof win.MouseEvent;
|
|
const isPrimaryPointer = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
|
|
if (isPrimaryPointer) {
|
|
eventHandler(event);
|
|
}
|
|
};
|
|
}
|
|
var defaultPagePoint = { pageX: 0, pageY: 0 };
|
|
function pointFromTouch(e, pointType = "page") {
|
|
const primaryTouch = e.touches[0] || e.changedTouches[0];
|
|
const point = primaryTouch || defaultPagePoint;
|
|
return {
|
|
x: point[`${pointType}X`],
|
|
y: point[`${pointType}Y`]
|
|
};
|
|
}
|
|
function pointFromMouse(point, pointType = "page") {
|
|
return {
|
|
x: point[`${pointType}X`],
|
|
y: point[`${pointType}Y`]
|
|
};
|
|
}
|
|
function extractEventInfo(event, pointType = "page") {
|
|
return {
|
|
point: isTouchEvent(event) ? pointFromTouch(event, pointType) : pointFromMouse(event, pointType)
|
|
};
|
|
}
|
|
function getViewportPointFromEvent(event) {
|
|
return extractEventInfo(event, "client");
|
|
}
|
|
var wrapPointerEventHandler = (handler, shouldFilterPrimaryPointer = false) => {
|
|
const listener = (event) => handler(event, extractEventInfo(event));
|
|
return shouldFilterPrimaryPointer ? filterPrimaryPointer(listener) : listener;
|
|
};
|
|
var supportsPointerEvents = () => isBrowser && window.onpointerdown === null;
|
|
var supportsTouchEvents = () => isBrowser && window.ontouchstart === null;
|
|
var supportsMouseEvents = () => isBrowser && window.onmousedown === null;
|
|
var mouseEventNames = {
|
|
pointerdown: "mousedown",
|
|
pointermove: "mousemove",
|
|
pointerup: "mouseup",
|
|
pointercancel: "mousecancel",
|
|
pointerover: "mouseover",
|
|
pointerout: "mouseout",
|
|
pointerenter: "mouseenter",
|
|
pointerleave: "mouseleave"
|
|
};
|
|
var touchEventNames = {
|
|
pointerdown: "touchstart",
|
|
pointermove: "touchmove",
|
|
pointerup: "touchend",
|
|
pointercancel: "touchcancel"
|
|
};
|
|
function getPointerEventName(name) {
|
|
if (supportsPointerEvents()) {
|
|
return name;
|
|
}
|
|
if (supportsTouchEvents()) {
|
|
return touchEventNames[name];
|
|
}
|
|
if (supportsMouseEvents()) {
|
|
return mouseEventNames[name];
|
|
}
|
|
return name;
|
|
}
|
|
function addPointerEvent(target, eventName, handler, options) {
|
|
return addDomEvent(
|
|
target,
|
|
getPointerEventName(eventName),
|
|
wrapPointerEventHandler(handler, eventName === "pointerdown"),
|
|
options
|
|
);
|
|
}
|
|
function isMultiTouchEvent(event) {
|
|
return isTouchEvent(event) && event.touches.length > 1;
|
|
}
|
|
|
|
export {
|
|
isMouseEvent,
|
|
isTouchEvent,
|
|
extractEventInfo,
|
|
getViewportPointFromEvent,
|
|
wrapPointerEventHandler,
|
|
getPointerEventName,
|
|
addPointerEvent,
|
|
isMultiTouchEvent
|
|
};
|