@rive-app/canvas-lite 2.19.2 → 2.19.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-lite",
-  "version": "2.19.2",
+  "version": "2.19.4",
   "description": "A lite version of Rive's canvas based web api.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.js

@@ -2259,7 +2259,7 @@ Pc();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-lite","version":"2.19.2","description":"A lite version of Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = JSON.parse('{"name":"@rive-app/canvas-lite","version":"2.19.4","description":"A lite version of Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -2469,7 +2469,40 @@ var registerTouchInteractions = function (_a) {
         typeof window === "undefined") {
         return null;
     }
+    /**
+     * After a touchend event, some browsers may fire synthetic mouse events
+     * (mouseover, mousedown, mousemove, mouseup) if the touch interaction did not cause
+     * any default action (such as scrolling).
+     *
+     * This is done to simulate the behavior of a mouse for applications that do not support
+     * touch events.
+     *
+     * We're keeping track of the previous event to not send the synthetic mouse events if the
+     * touch event was a click (touchstart -> touchend).
+     *
+     * This is only needed when `isTouchScrollEnabled` is false
+     * When true, `preventDefault()` is called which prevents this behaviour.
+     **/
+    var _prevEventType = null;
+    var _syntheticEventsActive = false;
     var processEventCallback = function (event) {
+        // Exit early out of all synthetic mouse events
+        // https://stackoverflow.com/questions/9656990/how-to-prevent-simulated-mouse-events-in-mobile-browsers
+        // https://stackoverflow.com/questions/25572070/javascript-touchend-versus-click-dilemma
+        if (_syntheticEventsActive && event instanceof MouseEvent) {
+            // Synthetic event finished
+            if (event.type == "mouseup") {
+                _syntheticEventsActive = false;
+            }
+            return;
+        }
+        // Test if it's a "touch click". This could cause the browser to send
+        // synthetic mouse events.
+        _syntheticEventsActive =
+            isTouchScrollEnabled &&
+                event.type === "touchend" &&
+                _prevEventType === "touchstart";
+        _prevEventType = event.type;
         var boundingRect = event.currentTarget.getBoundingClientRect();
         var _a = getClientCoordinates(event, isTouchScrollEnabled), clientX = _a.clientX, clientY = _a.clientY;
         if (!clientX && !clientY) {
@@ -2549,8 +2582,12 @@ var registerTouchInteractions = function (_a) {
     canvas.addEventListener("mousemove", callback);
     canvas.addEventListener("mousedown", callback);
     canvas.addEventListener("mouseup", callback);
-    canvas.addEventListener("touchmove", callback);
-    canvas.addEventListener("touchstart", callback);
+    canvas.addEventListener("touchmove", callback, {
+        passive: isTouchScrollEnabled,
+    });
+    canvas.addEventListener("touchstart", callback, {
+        passive: isTouchScrollEnabled,
+    });
     canvas.addEventListener("touchend", callback);
     return function () {
         canvas.removeEventListener("mouseover", callback);