| 1234567891011121314151617181920212223242526272829303132 |
- import { press, frame } from 'motion-dom';
- import { extractEventInfo } from '../events/event-info.mjs';
- import { Feature } from '../motion/features/Feature.mjs';
- function handlePressEvent(node, event, lifecycle) {
- const { props } = node;
- if (node.current instanceof HTMLButtonElement && node.current.disabled) {
- return;
- }
- if (node.animationState && props.whileTap) {
- node.animationState.setActive("whileTap", lifecycle === "Start");
- }
- const eventName = ("onTap" + (lifecycle === "End" ? "" : lifecycle));
- const callback = props[eventName];
- if (callback) {
- frame.postRender(() => callback(event, extractEventInfo(event)));
- }
- }
- class PressGesture extends Feature {
- mount() {
- const { current } = this.node;
- if (!current)
- return;
- this.unmount = press(current, (_element, startEvent) => {
- handlePressEvent(this.node, startEvent, "Start");
- return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
- }, { useGlobalTarget: this.node.props.globalTapTarget });
- }
- unmount() { }
- }
- export { PressGesture };
|