@rive-app/canvas 2.19.3 → 2.19.5

package/package.json

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

package/rive.js

@@ -349,10 +349,10 @@ m.onRuntimeInitialized = function() {
   function c() {
     0 < M.length && (ka.Qb(w.drawWidth(), w.drawHeight(), M, T, ca), M = [], ca = T = 0, w.reset(512, 512));
     for (const q of D) {
-      for (const z of q.J) {
+      for (const z of q.H) {
         z();
       }
-      q.J = [];
+      q.H = [];
     }
     D.clear();
   }
@@ -482,32 +482,32 @@ m.onRuntimeInitialized = function() {
     this.S = [1, 0, 0, 1, 0, 0];
     this.C = q.getContext("2d");
     this.Ua = q;
-    this.J = [];
+    this.H = [];
   }, save:function() {
     this.S.push(...this.S.slice(this.S.length - 6));
-    this.J.push(this.C.save.bind(this.C));
+    this.H.push(this.C.save.bind(this.C));
   }, restore:function() {
     const q = this.S.length - 6;
     if (6 > q) {
       throw "restore() called without matching save().";
     }
     this.S.splice(q);
-    this.J.push(this.C.restore.bind(this.C));
+    this.H.push(this.C.restore.bind(this.C));
   }, transform:function(q, z, G, H, C, I) {
     const J = this.S, K = J.length - 6;
     J.splice(K, 6, J[K] * q + J[K + 2] * z, J[K + 1] * q + J[K + 3] * z, J[K] * G + J[K + 2] * H, J[K + 1] * G + J[K + 3] * H, J[K] * C + J[K + 2] * I + J[K + 4], J[K + 1] * C + J[K + 3] * I + J[K + 5]);
-    this.J.push(this.C.transform.bind(this.C, q, z, G, H, C, I));
+    this.H.push(this.C.transform.bind(this.C, q, z, G, H, C, I));
   }, rotate:function(q) {
     const z = Math.sin(q);
     q = Math.cos(q);
     this.transform(q, z, -z, q, 0, 0);
   }, _drawPath:function(q, z) {
-    this.J.push(z.draw.bind(z, this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
+    this.H.push(z.draw.bind(z, this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
   }, _drawRiveImage:function(q, z, G) {
     var H = q.Fb;
     if (H) {
       var C = this.C, I = a(z);
-      this.J.push(function() {
+      this.H.push(function() {
         C.globalCompositeOperation = I;
         C.globalAlpha = G;
         C.drawImage(H, 0, 0);
@@ -544,7 +544,7 @@ m.onRuntimeInitialized = function() {
       T += H.length;
       ca += I.length;
       var za = this.C, qd = a(z);
-      this.J.push(function() {
+      this.H.push(function() {
         za.save();
         za.resetTransform();
         za.globalCompositeOperation = qd;
@@ -555,10 +555,10 @@ m.onRuntimeInitialized = function() {
       });
     }
   }, _clipPath:function(q) {
-    this.J.push(this.C.clip.bind(this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
+    this.H.push(this.C.clip.bind(this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
   }, clear:function() {
     D.add(this);
-    this.J.push(this.C.clearRect.bind(this.C, 0, 0, this.Ua.width, this.Ua.height));
+    this.H.push(this.C.clearRect.bind(this.C, 0, 0, this.Ua.width, this.Ua.height));
   }, flush:function() {
   }, translate:function(q, z) {
     this.transform(1, 0, 0, 1, q, z);
@@ -576,13 +576,15 @@ m.onRuntimeInitialized = function() {
           throw Error("RiveException: Method call to '" + C + "()' is not allowed, as the renderer cannot immediately pass through the return                 values of any canvas 2d context methods.");
         }
         return function(...I) {
-          z.J.push(G[C].bind(G, ...I));
+          z.H.push(G[C].bind(G, ...I));
         };
       }
       return H[C];
     }, set(H, C, I) {
       if (C in G) {
-        return G[C] = I, !0;
+        return z.H.push(() => {
+          G[C] = I;
+        }), !0;
       }
     },});
   };
@@ -736,16 +738,16 @@ function Ya(a, b) {
     return Xa(c, a, b);
   }));
 }
-var Za, $a, db = {433516:(a, b, c, d, e) => {
+var Za, $a, db = {434540:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
   if ("undefined" === typeof window.h) {
     window.h = {Aa:0};
-    window.h.H = {};
-    window.h.H.ya = a;
-    window.h.H.capture = b;
-    window.h.H.La = c;
+    window.h.I = {};
+    window.h.I.ya = a;
+    window.h.I.capture = b;
+    window.h.I.La = c;
     window.h.ga = {};
     window.h.ga.stopped = d;
     window.h.ga.xb = e;
@@ -783,7 +785,7 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
     f.unlock = function() {
       for (var g = 0; g < f.D.length; ++g) {
         var n = f.D[g];
-        null != n && null != n.I && n.state === f.ga.xb && n.I.resume().then(() => {
+        null != n && null != n.J && n.state === f.ga.xb && n.J.resume().then(() => {
           ab(n.pb);
         }, p => {
           console.error("Failed to resume audiocontext", p);
@@ -799,9 +801,9 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
   }
   window.h.Aa += 1;
   return 1;
-}, 435694:() => {
+}, 436718:() => {
   "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:() => {
+}, 436882:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 436986:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -809,23 +811,23 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 436133:(a, b, c, d, e, f) => {
+}, 437157:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
   var g = {}, n = {};
-  a == window.h.H.ya && 0 != c && (n.sampleRate = c);
-  g.I = new (window.AudioContext || window.webkitAudioContext)(n);
-  g.I.suspend();
+  a == window.h.I.ya && 0 != c && (n.sampleRate = c);
+  g.J = new (window.AudioContext || window.webkitAudioContext)(n);
+  g.J.suspend();
   g.state = window.h.ga.stopped;
   c = 0;
-  a != window.h.H.ya && (c = b);
-  g.Z = g.I.createScriptProcessor(d, c, b);
+  a != window.h.I.ya && (c = b);
+  g.Z = g.J.createScriptProcessor(d, c, b);
   g.Z.onaudioprocess = function(p) {
     if (null == g.sa || 0 == g.sa.length) {
       g.sa = new Float32Array(Fa.buffer, e, d * b);
     }
-    if (a == window.h.H.capture || a == window.h.H.La) {
+    if (a == window.h.I.capture || a == window.h.I.La) {
       for (var l = 0; l < b; l += 1) {
         for (var u = p.inputBuffer.getChannelData(l), v = g.sa, x = 0; x < d; x += 1) {
           v[x * b + l] = u[x];
@@ -833,7 +835,7 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
       }
       bb(f, d, e);
     }
-    if (a == window.h.H.ya || a == window.h.H.La) {
+    if (a == window.h.I.ya || a == window.h.I.La) {
       for (cb(f, d, e), l = 0; l < p.outputBuffer.numberOfChannels; ++l) {
         for (u = p.outputBuffer.getChannelData(l), v = g.sa, x = 0; x < d; x += 1) {
           u[x] = v[x * b + l];
@@ -845,33 +847,33 @@ var Za, $a, db = {433516:(a, b, c, d, e) => {
       }
     }
   };
-  a != window.h.H.capture && a != window.h.H.La || navigator.mediaDevices.getUserMedia({audio:!0, video:!1}).then(function(p) {
-    g.Da = g.I.createMediaStreamSource(p);
+  a != window.h.I.capture && a != window.h.I.La || navigator.mediaDevices.getUserMedia({audio:!0, video:!1}).then(function(p) {
+    g.Da = g.J.createMediaStreamSource(p);
     g.Da.connect(g.Z);
-    g.Z.connect(g.I.destination);
+    g.Z.connect(g.J.destination);
   }).catch(function(p) {
     console.log("Failed to get user media: " + p);
   });
-  a == window.h.H.ya && g.Z.connect(g.I.destination);
+  a == window.h.I.ya && g.Z.connect(g.J.destination);
   g.pb = f;
   return window.h.yc(g);
-}, 439010:a => window.h.ra(a).I.sampleRate, 439083:a => {
+}, 440034:a => window.h.ra(a).J.sampleRate, 440107:a => {
   a = window.h.ra(a);
   void 0 !== a.Z && (a.Z.onaudioprocess = function() {
   }, a.Z.disconnect(), a.Z = void 0);
   void 0 !== a.Da && (a.Da.disconnect(), a.Da = void 0);
-  a.I.close();
-  a.I = void 0;
+  a.J.close();
+  a.J = void 0;
   a.pb = void 0;
-}, 439483:a => {
+}, 440507:a => {
   window.h.Cb(a);
-}, 439533:a => {
+}, 440557:a => {
   a = window.h.ra(a);
-  a.I.resume();
+  a.J.resume();
   a.state = window.h.ga.xb;
-}, 439672:a => {
+}, 440696:a => {
   a = window.h.ra(a);
-  a.I.suspend();
+  a.J.suspend();
   a.state = window.h.ga.stopped;
 }}, eb = a => {
   for (; 0 < a.length;) {
@@ -3355,7 +3357,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.5","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 +3567,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 +3680,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);