@rive-app/webgl2 2.19.2 → 2.19.4

package/package.json

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

package/rive.js

@@ -415,7 +415,7 @@ function Na(a, b) {
     return Ma(c, a, b);
   }));
 }
-var Oa, Pa, Ta = {476212:(a, b, c, d, e) => {
+var Oa, Pa, Ta = {475492:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -478,9 +478,9 @@ var Oa, Pa, Ta = {476212:(a, b, c, d, e) => {
   }
   window.h.Da += 1;
   return 1;
-}, 478390:() => {
+}, 477670:() => {
   "undefined" !== typeof window.h && (--window.h.Da, 0 === window.h.Da && delete window.h);
-}, 478554:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 478658:() => {
+}, 477834:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 477938:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -488,7 +488,7 @@ var Oa, Pa, Ta = {476212:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 478829:(a, b, c, d, e, f) => {
+}, 478109:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -534,7 +534,7 @@ var Oa, Pa, Ta = {476212:(a, b, c, d, e) => {
   a == window.h.I.Ba && g.Y.connect(g.J.destination);
   g.jb = f;
   return window.h.lc(g);
-}, 481706:a => window.h.va(a).J.sampleRate, 481779:a => {
+}, 480986:a => window.h.va(a).J.sampleRate, 481059:a => {
   a = window.h.va(a);
   void 0 !== a.Y && (a.Y.onaudioprocess = function() {
   }, a.Y.disconnect(), a.Y = void 0);
@@ -542,13 +542,13 @@ var Oa, Pa, Ta = {476212:(a, b, c, d, e) => {
   a.J.close();
   a.J = void 0;
   a.jb = void 0;
-}, 482179:a => {
+}, 481459:a => {
   window.h.wb(a);
-}, 482229:a => {
+}, 481509:a => {
   a = window.h.va(a);
   a.J.resume();
   a.state = window.h.ha.rb;
-}, 482368:a => {
+}, 481648:a => {
   a = window.h.va(a);
   a.J.suspend();
   a.state = window.h.ha.stopped;
@@ -3459,8 +3459,8 @@ n.dynCall_viijii = (a, b, c, d, e, f, g) => (n.dynCall_viijii = B.dynCall_viijii
 n.dynCall_iiiiij = (a, b, c, d, e, f, g) => (n.dynCall_iiiiij = B.dynCall_iiiiij)(a, b, c, d, e, f, g);
 n.dynCall_iiiiijj = (a, b, c, d, e, f, g, m, p) => (n.dynCall_iiiiijj = B.dynCall_iiiiijj)(a, b, c, d, e, f, g, m, p);
 n.dynCall_iiiiiijj = (a, b, c, d, e, f, g, m, p, l) => (n.dynCall_iiiiiijj = B.dynCall_iiiiiijj)(a, b, c, d, e, f, g, m, p, l);
-n.___start_em_js = 473588;
-n.___stop_em_js = 476212;
+n.___start_em_js = 472868;
+n.___stop_em_js = 475492;
 var Wd;
 Ga = function Xd() {
   Wd || Yd();
@@ -3520,7 +3520,7 @@ Yd();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/webgl2","version":"2.19.2","description":"Rive\'s webgl2 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)","Chris Dalton <chris@rive.app> (https://rive.app)"],"license":"MIT","files":["rive.js","rive.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/webgl2","version":"2.19.4","description":"Rive\'s webgl2 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)","Chris Dalton <chris@rive.app> (https://rive.app)"],"license":"MIT","files":["rive.js","rive.wasm","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -3730,7 +3730,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) {
@@ -3810,8 +3843,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);