@rive-app/canvas 2.19.3 → 2.19.4

package/package.json

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

package/rive.js

@@ -736,7 +736,7 @@ function Ya(a, b) {
     return Xa(c, a, b);
   }));
 }
-var Za, $a, db = {433516:(a, b, c, d, e) => {
+var Za, $a, db = {433532:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -799,9 +799,9 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
   }
   window.h.Aa += 1;
   return 1;
-}, 435694:() => {
+}, 435710:() => {
   "undefined" !== typeof window.h && (--window.h.Aa, 0 === window.h.Aa && delete window.h);
-}, 435858:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 435962:() => {
+}, 435874:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 435978:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -809,7 +809,7 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 436133:(a, b, c, d, e, f) => {
+}, 436149:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -855,7 +855,7 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
   a == window.h.H.ya && g.Z.connect(g.I.destination);
   g.pb = f;
   return window.h.yc(g);
-}, 439010:a => window.h.ra(a).I.sampleRate, 439083:a => {
+}, 439026:a => window.h.ra(a).I.sampleRate, 439099:a => {
   a = window.h.ra(a);
   void 0 !== a.Z && (a.Z.onaudioprocess = function() {
   }, a.Z.disconnect(), a.Z = void 0);
@@ -863,13 +863,13 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
   a.I.close();
   a.I = void 0;
   a.pb = void 0;
-}, 439483:a => {
+}, 439499:a => {
   window.h.Cb(a);
-}, 439533:a => {
+}, 439549:a => {
   a = window.h.ra(a);
   a.I.resume();
   a.state = window.h.ga.xb;
-}, 439672:a => {
+}, 439688:a => {
   a = window.h.ra(a);
   a.I.suspend();
   a.state = window.h.ga.stopped;
@@ -3355,7 +3355,7 @@ Zd();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas","version":"2.19.3","description":"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","version":"2.19.4","description":"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 */
@@ -3565,7 +3565,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) {
@@ -3645,8 +3678,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);