@rive-app/canvas 1.0.72 → 1.0.75

package/package.json

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

package/rive.d.ts

@@ -46,11 +46,11 @@ export declare class Layout {
     readonly maxX: number;
     readonly maxY: number;
     constructor(params?: LayoutParameters);
-    static new({ fit, alignment, minX, minY, maxX, maxY }: LayoutParameters): Layout;
+    static new({ fit, alignment, minX, minY, maxX, maxY, }: LayoutParameters): Layout;
     /**
      * Makes a copy of the layout, replacing any specified parameters
      */
-    copyWith({ fit, alignment, minX, minY, maxX, maxY }: LayoutParameters): Layout;
+    copyWith({ fit, alignment, minX, minY, maxX, maxY, }: LayoutParameters): Layout;
     runtimeFit(rive: rc.RiveCanvas): rc.Fit;
     runtimeAlignment(rive: rc.RiveCanvas): rc.Alignment;
 }
@@ -256,6 +256,7 @@ export declare class Rive {
     private readyForPlaying;
     private runtime;
     private artboard;
+    private eventCleanup;
     private file;
     private eventManager;
     private taskQueue;

package/rive.js

@@ -117,7 +117,7 @@ Fa;var e=Ia;var f=Ja;var n=function(){return Ga};var g=1}else 4===a&&(d=Ka,e=La,
 readValueFromPointer:Hb,da:function(m){vb(m)}})},L:function(b,a,c,d,e,f){Fb[b]={name:R(a),Ba:Z(c,d),ja:Z(e,f),Na:[]}},I:function(b,a,c,d,e,f,n,g,m,h){Fb[b].Na.push({hb:R(a),nb:c,lb:Z(d,e),mb:f,yb:n,xb:Z(g,m),zb:h})},G:function(b,a){a=R(a);X(b,{qb:!0,name:a,argPackAdvance:0,fromWireType:function(){},toWireType:function(){}})},m:function(b,a,c){b=kb(b);a=Ab(a,"emval::as");var d=[],e=Q(d);J[c>>2]=e;return a.toWireType(d,b)},u:function(b,a,c,d,e){b=qc[b];a=kb(a);c=pc(c);var f=[];J[d>>2]=Q(f);return b(a,
 c,f,e)},e:function(b,a,c,d){b=qc[b];a=kb(a);c=pc(c);b(a,c,null,d)},M:kc,d:function(b,a){var c=sc(b,a),d=c[0];a=d.name+"_$"+c.slice(1).map(function(p){return p.name}).join("_")+"$";var e=tc[a];if(void 0!==e)return e;e=["retType"];for(var f=[d],n="",g=0;g<b-1;++g)n+=(0!==g?", ":"")+"arg"+g,e.push("argType"+g),f.push(c[1+g]);var m="return function "+eb("methodCaller_"+a)+"(handle, name, destructors, args) {\n",h=0;for(g=0;g<b-1;++g)m+="    var arg"+g+" = argType"+g+".readValueFromPointer(args"+(h?"+"+
 h:"")+");\n",h+=c[g+1].argPackAdvance;m+="    var rv = handle[name]("+n+");\n";for(g=0;g<b-1;++g)c[g+1].deleteObject&&(m+="    argType"+g+".deleteObject(arg"+g+");\n");d.qb||(m+="    return retType.toWireType(destructors, rv);\n");e.push(m+"};\n");b=gc(e).apply(null,f);e=rc(b);return tc[a]=e},H:function(b){b=pc(b);return Q(k[b])},J:function(b,a){b=kb(b);a=kb(a);return Q(b[a])},w:function(b){4<b&&(O[b].Ca+=1)},D:function(b){return Q(pc(b))},x:function(b){var a=kb(b);Gb(a);kc(b)},o:function(b,a){b=
-Ab(b,"_emval_take_value");b=b.readValueFromPointer(a);return Q(b)},v:function(){ta("")},p:function(b){var a=D.length;b>>>=0;if(2147483648<b)return!1;for(var c=1;4>=c;c*=2){var d=a*(1+.2/c);d=Math.min(d,b+100663296);d=Math.max(b,d);0<d%65536&&(d+=65536-d%65536);a:{try{za.grow(Math.min(2147483648,d)-Na.byteLength+65535>>>16);Ra();var e=1;break a}catch(f){}e=void 0}if(e)return!0}return!1},B:function(){return 0},y:function(){},C:function(b,a,c,d){for(var e=0,f=0;f<c;f++){var n=J[a>>2],g=J[a+4>>2];a+=
+Ab(b,"_emval_take_value");b=b.readValueFromPointer(a);return Q(b)},v:function(){ta("")},p:function(b){var a=D.length;b>>>=0;if(2147483648<b)return!1;for(var c=1;4>=c;c*=2){var d=a*(1+.2/c);d=Math.min(d,b+100663296);d=Math.max(b,d);0<d%65536&&(d+=65536-d%65536);a:{try{za.grow(Math.min(2147483648,d)-Na.byteLength+65535>>>16);Ra();var e=1;break a}catch(f){}e=void 0}if(e)return!0}return!1},C:function(){return 0},y:function(){},B:function(b,a,c,d){for(var e=0,f=0;f<c;f++){var n=J[a>>2],g=J[a+4>>2];a+=
 8;for(var m=0;m<g;m++){var h=D[n+m],p=uc[b];0===h||10===h?((1===b?ua:va)(Ca(p,0)),p.length=0):p.push(h)}e+=g}J[d>>2]=e;return 0},A:function(){}};
 (function(){function b(e){k.asm=e.exports;za=k.asm.N;Ra();Sa=k.asm.T;Ua.unshift(k.asm.O);Xa--;k.monitorRunDependencies&&k.monitorRunDependencies(Xa);0==Xa&&(null!==Ya&&(clearInterval(Ya),Ya=null),Za&&(e=Za,Za=null,e()))}function a(e){b(e.instance)}function c(e){return cb().then(function(f){return WebAssembly.instantiate(f,d)}).then(function(f){return f}).then(e,function(f){va("failed to asynchronously prepare wasm: "+f);ta(f)})}var d={a:yc};Xa++;k.monitorRunDependencies&&k.monitorRunDependencies(Xa);
 if(k.instantiateWasm)try{return k.instantiateWasm(d,b)}catch(e){return va("Module.instantiateWasm callback failed with error: "+e),!1}(function(){return ya||"function"!==typeof WebAssembly.instantiateStreaming||$a()||M.startsWith("file://")||"function"!==typeof fetch?c(a):fetch(M,{credentials:"same-origin"}).then(function(e){return WebAssembly.instantiateStreaming(e,d).then(a,function(f){va("wasm streaming compile failed: "+f);va("falling back to ArrayBuffer instantiation");return c(a)})})})().catch(ba);
@@ -137,7 +137,7 @@ k.run=Bc;if(k.preInit)for("function"==typeof k.preInit&&(k.preInit=[k.preInit]);
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas","version":"1.0.72","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.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":"1.0.75","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.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -173,56 +173,69 @@ const registerTouchInteractions = ({
   alignment,
 }) => {
   if (!canvas || !stateMachines.length || !renderer || !rive || !artboard) {
-    return;
+    return null;
   }
 
-    const mouseCallback = (event) => {
-      const boundingRect = event.currentTarget.getBoundingClientRect();
+  const mouseCallback = (event) => {
+    const boundingRect = event.currentTarget.getBoundingClientRect();
 
-      const canvasX = event.clientX - boundingRect.left;
-      const canvasY = event.clientY - boundingRect.top;
-      const forwardMatrix = rive.computeAlignment(fit, alignment, {
+    const canvasX = event.clientX - boundingRect.left;
+    const canvasY = event.clientY - boundingRect.top;
+    const forwardMatrix = rive.computeAlignment(
+      fit,
+      alignment,
+      {
         minX: 0,
         minY: 0,
         maxX: boundingRect.width,
         maxY: boundingRect.height,
-      }, artboard.bounds);
-      let invertedMatrix = new rive.Mat2D();
-      forwardMatrix.invert(invertedMatrix);
-      const canvasCoordinatesVector = new rive.Vec2D(canvasX, canvasY);
-      const transformedVector = rive.mapXY(invertedMatrix, canvasCoordinatesVector);
-      const transformedX = transformedVector.x();
-      const transformedY = transformedVector.y();
+      },
+      artboard.bounds
+    );
+    let invertedMatrix = new rive.Mat2D();
+    forwardMatrix.invert(invertedMatrix);
+    const canvasCoordinatesVector = new rive.Vec2D(canvasX, canvasY);
+    const transformedVector = rive.mapXY(
+      invertedMatrix,
+      canvasCoordinatesVector
+    );
+    const transformedX = transformedVector.x();
+    const transformedY = transformedVector.y();
 
-      switch (event.type) {
-        // Pointer moving/hovering on the canvas
-        case 'mousemove': {
-          for (const stateMachine of stateMachines) {
-            stateMachine.pointerMove(transformedX, transformedY);
-          }
-          break;
+    switch (event.type) {
+      // Pointer moving/hovering on the canvas
+      case 'mousemove': {
+        for (const stateMachine of stateMachines) {
+          stateMachine.pointerMove(transformedX, transformedY);
         }
-        // Pointer click initiated but not released yet on the canvas
-        case 'mousedown': {
-          for (const stateMachine of stateMachines) {
-            stateMachine.pointerDown(transformedX, transformedY);
-          }
-          break;
+        break;
+      }
+      // Pointer click initiated but not released yet on the canvas
+      case 'mousedown': {
+        for (const stateMachine of stateMachines) {
+          stateMachine.pointerDown(transformedX, transformedY);
         }
-        // Pointer click released on the canvas
-        case 'mouseup': {
-          for (const stateMachine of stateMachines) {
-            stateMachine.pointerUp(transformedX, transformedY);
-          }
-          break;
+        break;
+      }
+      // Pointer click released on the canvas
+      case 'mouseup': {
+        for (const stateMachine of stateMachines) {
+          stateMachine.pointerUp(transformedX, transformedY);
         }
-        default:
+        break;
       }
-    };
-
-    canvas.addEventListener("mousemove", mouseCallback.bind(undefined));
-    canvas.addEventListener("mousedown", mouseCallback.bind(undefined));
-    canvas.addEventListener("mouseup", mouseCallback.bind(undefined));
+      default:
+    }
+  };
+  const callback = mouseCallback.bind(undefined);
+  canvas.addEventListener('mousemove', callback);
+  canvas.addEventListener('mousedown', callback);
+  canvas.addEventListener('mouseup', callback);
+  return () => {
+    canvas.removeEventListener('mousemove', callback);
+    canvas.removeEventListener('mousedown', callback);
+    canvas.removeEventListener('mouseup', callback);
+  };
 };
 
 
@@ -402,7 +415,7 @@ var Layout = /** @class */ (function () {
             minX: minX !== null && minX !== void 0 ? minX : this.minX,
             minY: minY !== null && minY !== void 0 ? minY : this.minY,
             maxX: maxX !== null && maxX !== void 0 ? maxX : this.maxX,
-            maxY: maxY !== null && maxY !== void 0 ? maxY : this.maxY
+            maxY: maxY !== null && maxY !== void 0 ? maxY : this.maxY,
         });
     };
     // Returns fit for the Wasm runtime format
@@ -466,7 +479,7 @@ var RuntimeLoader = /** @class */ (function () {
     RuntimeLoader.loadRuntime = function () {
         _rive_advanced_mjs__WEBPACK_IMPORTED_MODULE_0__.default({
             // Loads Wasm bundle
-            locateFile: function (_) { return RuntimeLoader.wasmURL; }
+            locateFile: function (_) { return RuntimeLoader.wasmURL; },
         }).then(function (rive) {
             var _a;
             RuntimeLoader.runtime = rive;
@@ -767,8 +780,8 @@ var Animator = /** @class */ (function () {
         animatables = mapToStringArray(animatables);
         // If animatables is empty, play or pause everything
         if (animatables.length === 0) {
-            this.animations.forEach(function (a) { return a.playing = playing; });
-            this.stateMachines.forEach(function (m) { return m.playing = playing; });
+            this.animations.forEach(function (a) { return (a.playing = playing); });
+            this.stateMachines.forEach(function (m) { return (m.playing = playing); });
         }
         else {
             // Play/pause already instanced items, or create new instances
@@ -834,11 +847,11 @@ var Animator = /** @class */ (function () {
         return this.add(animatables, true);
     };
     /**
-   * Pauses named animations and state machines, or everything if nothing is
-   * specified
-   * @param animatables names of the animations and state machines to pause
-   * @returns a list of names of the animations and state machines paused
-   */
+     * Pauses named animations and state machines, or everything if nothing is
+     * specified
+     * @param animatables names of the animations and state machines to pause
+     * @returns a list of names of the animations and state machines paused
+     */
     Animator.prototype.pause = function (animatables) {
         return this.add(animatables, false);
     };
@@ -849,8 +862,10 @@ var Animator = /** @class */ (function () {
      * @returns a list of names of the animations that were scrubbed
      */
     Animator.prototype.scrub = function (animatables, value) {
-        var forScrubbing = this.animations.filter(function (a) { return animatables.includes(a.name); });
-        forScrubbing.forEach(function (a) { return a.scrubTo = value; });
+        var forScrubbing = this.animations.filter(function (a) {
+            return animatables.includes(a.name);
+        });
+        forScrubbing.forEach(function (a) { return (a.scrubTo = value); });
         return forScrubbing.map(function (a) { return a.name; });
     };
     Object.defineProperty(Animator.prototype, "playing", {
@@ -859,7 +874,10 @@ var Animator = /** @class */ (function () {
          * playing
          */
         get: function () {
-            return this.animations.filter(function (a) { return a.playing; }).map(function (a) { return a.name; }).concat(this.stateMachines.filter(function (m) { return m.playing; }).map(function (m) { return m.name; }));
+            return this.animations
+                .filter(function (a) { return a.playing; })
+                .map(function (a) { return a.name; })
+                .concat(this.stateMachines.filter(function (m) { return m.playing; }).map(function (m) { return m.name; }));
         },
         enumerable: false,
         configurable: true
@@ -870,7 +888,10 @@ var Animator = /** @class */ (function () {
          * paused
          */
         get: function () {
-            return this.animations.filter(function (a) { return !a.playing; }).map(function (a) { return a.name; }).concat(this.stateMachines.filter(function (m) { return !m.playing; }).map(function (m) { return m.name; }));
+            return this.animations
+                .filter(function (a) { return !a.playing; })
+                .map(function (a) { return a.name; })
+                .concat(this.stateMachines.filter(function (m) { return !m.playing; }).map(function (m) { return m.name; }));
         },
         enumerable: false,
         configurable: true
@@ -887,7 +908,9 @@ var Animator = /** @class */ (function () {
         var removedNames = [];
         // Stop everything
         if (animatables.length === 0) {
-            removedNames = this.animations.map(function (a) { return a.name; }).concat(this.stateMachines.map(function (m) { return m.name; }));
+            removedNames = this.animations
+                .map(function (a) { return a.name; })
+                .concat(this.stateMachines.map(function (m) { return m.name; }));
             // Clean up before emptying the arrays
             this.animations.forEach(function (a) { return a.cleanup(); });
             this.stateMachines.forEach(function (m) { return m.cleanup(); });
@@ -897,17 +920,23 @@ var Animator = /** @class */ (function () {
         }
         else {
             // Remove only the named animations/state machines
-            var animationsToRemove = this.animations.filter(function (a) { return animatables.includes(a.name); });
+            var animationsToRemove = this.animations.filter(function (a) {
+                return animatables.includes(a.name);
+            });
             animationsToRemove.forEach(function (a) {
                 a.cleanup();
                 _this.animations.splice(_this.animations.indexOf(a), 1);
             });
-            var machinesToRemove = this.stateMachines.filter(function (m) { return animatables.includes(m.name); });
+            var machinesToRemove = this.stateMachines.filter(function (m) {
+                return animatables.includes(m.name);
+            });
             machinesToRemove.forEach(function (m) {
                 m.cleanup();
                 _this.stateMachines.splice(_this.stateMachines.indexOf(m), 1);
             });
-            removedNames = animationsToRemove.map(function (a) { return a.name; }).concat(machinesToRemove.map(function (m) { return m.name; }));
+            removedNames = animationsToRemove
+                .map(function (a) { return a.name; })
+                .concat(machinesToRemove.map(function (m) { return m.name; }));
         }
         this.eventManager.fire({
             type: EventType.Stop,
@@ -921,8 +950,8 @@ var Animator = /** @class */ (function () {
          * Returns true if at least one animation is active
          */
         get: function () {
-            return this.animations.reduce(function (acc, curr) { return acc || curr.playing; }, false)
-                || this.stateMachines.reduce(function (acc, curr) { return acc || curr.playing; }, false);
+            return (this.animations.reduce(function (acc, curr) { return acc || curr.playing; }, false) ||
+                this.stateMachines.reduce(function (acc, curr) { return acc || curr.playing; }, false));
         },
         enumerable: false,
         configurable: true
@@ -932,8 +961,8 @@ var Animator = /** @class */ (function () {
          * Returns true if all animations are paused and there's at least one animation
          */
         get: function () {
-            return !this.isPlaying &&
-                (this.animations.length > 0 || this.stateMachines.length > 0);
+            return (!this.isPlaying &&
+                (this.animations.length > 0 || this.stateMachines.length > 0));
         },
         enumerable: false,
         configurable: true
@@ -958,11 +987,11 @@ var Animator = /** @class */ (function () {
         if (this.animations.length === 0 && this.stateMachines.length === 0) {
             if (this.artboard.animationCount() > 0) {
                 // Add the first animation
-                this.add([instancedName = this.artboard.animationByIndex(0).name], playing, fireEvent);
+                this.add([(instancedName = this.artboard.animationByIndex(0).name)], playing, fireEvent);
             }
             else if (this.artboard.stateMachineCount() > 0) {
                 // Add the first state machine
-                this.add([instancedName = this.artboard.stateMachineByIndex(0).name], playing, fireEvent);
+                this.add([(instancedName = this.artboard.stateMachineByIndex(0).name)], playing, fireEvent);
             }
         }
         return instancedName;
@@ -982,7 +1011,7 @@ var Animator = /** @class */ (function () {
             else if (animation.loopValue === 1 && animation.loopCount) {
                 this.eventManager.fire({
                     type: EventType.Loop,
-                    data: { animation: animation.name, type: LoopType.Loop }
+                    data: { animation: animation.name, type: LoopType.Loop },
                 });
                 animation.loopCount = 0;
             }
@@ -992,7 +1021,7 @@ var Animator = /** @class */ (function () {
             else if (animation.loopValue === 2 && animation.loopCount > 1) {
                 this.eventManager.fire({
                     type: EventType.Loop,
-                    data: { animation: animation.name, type: LoopType.PingPong }
+                    data: { animation: animation.name, type: LoopType.PingPong },
                 });
                 animation.loopCount = 0;
             }
@@ -1040,7 +1069,7 @@ var LoopType;
 (function (LoopType) {
     LoopType["OneShot"] = "oneshot";
     LoopType["Loop"] = "loop";
-    LoopType["PingPong"] = "pingpong"; // has value 2 in runtime
+    LoopType["PingPong"] = "pingpong";
 })(LoopType || (LoopType = {}));
 // Manages Rive events and listeners
 var EventManager = /** @class */ (function () {
@@ -1144,6 +1173,8 @@ var Rive = /** @class */ (function () {
         this.readyForPlaying = false;
         // Runtime artboard
         this.artboard = null;
+        // place to clear up event listeners
+        this.eventCleanup = null;
         // Durations to generate a frame for the last second. Used for performance profiling.
         this.durations = [];
         this.frameTimes = [];
@@ -1224,7 +1255,8 @@ var Rive = /** @class */ (function () {
         this.loaded = false;
         this.readyForPlaying = false;
         // Ensure the runtime is loaded
-        RuntimeLoader.awaitInstance().then(function (runtime) {
+        RuntimeLoader.awaitInstance()
+            .then(function (runtime) {
             _this.runtime = runtime;
             // Get the canvas where you want to render the animation and create a renderer
             _this.renderer = _this.runtime.makeRenderer(_this.canvas, useOffscreenRenderer);
@@ -1238,7 +1270,7 @@ var Rive = /** @class */ (function () {
                 var activeStateMachineInstances = (_this.animator.stateMachines || [])
                     .filter(function (sm) { return sm.playing; })
                     .map(function (sm) { return sm.instance; });
-                (0,_utils__WEBPACK_IMPORTED_MODULE_2__.registerTouchInteractions)({
+                _this.eventCleanup = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.registerTouchInteractions)({
                     canvas: _this.canvas,
                     artboard: _this.artboard,
                     stateMachines: activeStateMachineInstances,
@@ -1251,7 +1283,8 @@ var Rive = /** @class */ (function () {
                 .catch(function (e) {
                 console.error(e);
             });
-        }).catch(function (e) {
+        })
+            .catch(function (e) {
             console.error(e);
         });
     };
@@ -1283,7 +1316,7 @@ var Rive = /** @class */ (function () {
                             this.loaded = true;
                             this.eventManager.fire({
                                 type: EventType.Load,
-                                data: (_a = this.src) !== null && _a !== void 0 ? _a : 'buffer'
+                                data: (_a = this.src) !== null && _a !== void 0 ? _a : 'buffer',
                             });
                             // Flag ready for playback commands and clear the task queue; this order
                             // is important or it may infinitely recurse
@@ -1306,9 +1339,9 @@ var Rive = /** @class */ (function () {
     // Initialize for playback
     Rive.prototype.initArtboard = function (artboardName, animationNames, stateMachineNames, autoplay) {
         // Fetch the artboard
-        var rootArtboard = artboardName ?
-            this.file.artboardByName(artboardName) :
-            this.file.defaultArtboard();
+        var rootArtboard = artboardName
+            ? this.file.artboardByName(artboardName)
+            : this.file.defaultArtboard();
         // Check we have a working artboard
         if (!rootArtboard) {
             var msg = 'Invalid artboard name or no default artboard';
@@ -1343,7 +1376,7 @@ var Rive = /** @class */ (function () {
             event: {
                 type: autoplay ? EventType.Play : EventType.Pause,
                 data: instanceNames,
-            }
+            },
         });
     };
     // Draws the current artboard frame
@@ -1363,7 +1396,7 @@ var Rive = /** @class */ (function () {
             this.lastRenderTime = time;
         }
         // Handle the onSecond callback
-        this.renderSecondTimer += (time - this.lastRenderTime);
+        this.renderSecondTimer += time - this.lastRenderTime;
         if (this.renderSecondTimer > 5000) {
             this.renderSecondTimer = 0;
             onSecond === null || onSecond === void 0 ? void 0 : onSecond();
@@ -1374,10 +1407,11 @@ var Rive = /** @class */ (function () {
         // - Advance non-paused animations by the elapsed number of seconds
         // - Advance any animations that require scrubbing
         // - Advance to the first frame even when autoplay is false
-        var activeAnimations = this.animator.animations.filter(function (a) { return a.playing || a.needsScrub; })
+        var activeAnimations = this.animator.animations
+            .filter(function (a) { return a.playing || a.needsScrub; })
             // The scrubbed animations must be applied first to prevent weird artifacts
             // if the playing animations conflict with the scrubbed animating attribuates.
-            .sort(function (first, second) { return first.needsScrub ? -1 : 1; });
+            .sort(function (first, second) { return (first.needsScrub ? -1 : 1); });
         for (var _i = 0, activeAnimations_1 = activeAnimations; _i < activeAnimations_1.length; _i++) {
             var animation = activeAnimations_1[_i];
             animation.advance(elapsedTime);
@@ -1447,7 +1481,7 @@ var Rive = /** @class */ (function () {
             minX: _layout.minX,
             minY: _layout.minY,
             maxX: _layout.maxX,
-            maxY: _layout.maxY
+            maxY: _layout.maxY,
         }, artboard.bounds);
     };
     Object.defineProperty(Rive.prototype, "fps", {
@@ -1475,6 +1509,9 @@ var Rive = /** @class */ (function () {
      * might happen.
      */
     Rive.prototype.cleanup = function () {
+        if (this.eventCleanup !== null) {
+            this.eventCleanup();
+        }
         this.artboard.delete();
         // TODO: delete animation and state machine instances
     };
@@ -1553,6 +1590,7 @@ var Rive = /** @class */ (function () {
         this.cleanup();
         // Reinitialize an artboard instance with the state
         this.initArtboard(artBoardName, animationNames, stateMachineNames, autoplay);
+        this.taskQueue.process();
     };
     // Loads a new Rive file, keeping listeners in place
     Rive.prototype.load = function (params) {
@@ -1593,7 +1631,7 @@ var Rive = /** @class */ (function () {
             minX: 0,
             minY: 0,
             maxX: this.canvas.width,
-            maxY: this.canvas.height
+            maxY: this.canvas.height,
         });
     };
     /**
@@ -1699,9 +1737,7 @@ var Rive = /** @class */ (function () {
             if (!this.loaded) {
                 return [];
             }
-            return this.animator.animations
-                .filter(function (a) { return a.playing; })
-                .map(function (a) { return a.name; });
+            return this.animator.animations.filter(function (a) { return a.playing; }).map(function (a) { return a.name; });
         },
         enumerable: false,
         configurable: true
@@ -1887,7 +1923,10 @@ var Rive = /** @class */ (function () {
                         var input = instance.input(l);
                         inputContents.push({ name: input.name, type: input.type });
                     }
-                    artboardContents.stateMachines.push({ name: name_1, inputs: inputContents });
+                    artboardContents.stateMachines.push({
+                        name: name_1,
+                        inputs: inputContents,
+                    });
                 }
                 riveContents.artboards.push(artboardContents);
             }