@rive-app/webgl 2.19.3 → 2.19.5

package/package.json

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

package/rive.js

@@ -400,7 +400,7 @@ function Qa(a, b) {
     return Pa(c, a, b);
   }));
 }
-var Ra, Sa, Wa = {688588:(a, b, c, d, e) => {
+var Ra, Sa, Wa = {689596:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -463,9 +463,9 @@ var Ra, Sa, Wa = {688588:(a, b, c, d, e) => {
   }
   window.h.Ea += 1;
   return 1;
-}, 690766:() => {
+}, 691774:() => {
   "undefined" !== typeof window.h && (--window.h.Ea, 0 === window.h.Ea && delete window.h);
-}, 690930:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 691034:() => {
+}, 691938:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 692042:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -473,7 +473,7 @@ var Ra, Sa, Wa = {688588:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 691205:(a, b, c, d, e, f) => {
+}, 692213:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -519,7 +519,7 @@ var Ra, Sa, Wa = {688588:(a, b, c, d, e) => {
   a == window.h.H.Ca && g.X.connect(g.I.destination);
   g.lb = f;
   return window.h.nc(g);
-}, 694082:a => window.h.ta(a).I.sampleRate, 694155:a => {
+}, 695090:a => window.h.ta(a).I.sampleRate, 695163:a => {
   a = window.h.ta(a);
   void 0 !== a.X && (a.X.onaudioprocess = function() {
   }, a.X.disconnect(), a.X = void 0);
@@ -527,13 +527,13 @@ var Ra, Sa, Wa = {688588:(a, b, c, d, e) => {
   a.I.close();
   a.I = void 0;
   a.lb = void 0;
-}, 694555:a => {
+}, 695563:a => {
   window.h.xb(a);
-}, 694605:a => {
+}, 695613:a => {
   a = window.h.ta(a);
   a.I.resume();
   a.state = window.h.ha.sb;
-}, 694744:a => {
+}, 695752:a => {
   a = window.h.ta(a);
   a.I.suspend();
   a.state = window.h.ha.stopped;
@@ -4053,7 +4053,7 @@ Ie();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/webgl","version":"2.19.3","description":"Rive\'s webgl 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.wasm","rive_fallback.wasm","rive.js.map","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/webgl","version":"2.19.5","description":"Rive\'s webgl 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.wasm","rive_fallback.wasm","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -4263,7 +4263,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) {
@@ -4343,8 +4376,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);