@rive-app/canvas 1.0.74 → 1.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas",
-  "version": "1.0.74",
+  "version": "1.0.77",
   "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

@@ -29,8 +29,8 @@ function(Rive) {
 
 
 null;var k;k||(k=typeof Rive !== 'undefined' ? Rive : {});var aa,ba;k.ready=new Promise(function(b,a){aa=b;ba=a});
-function ca(){function b(n){const g=d;c=a=0;d=new Map;g.forEach(m=>{try{m(n)}catch(h){console.error(h)}});this.Pa();e&&e.ib()}let a=0,c=0,d=new Map,e=null,f=null;this.requestAnimationFrame=function(n){a||(a=window.requestAnimationFrame(b.bind(this)));const g=++c;d.set(g,n);return g};this.cancelAnimationFrame=function(n){d.delete(n);a&&0==d.size&&(window.cancelAnimationFrame(a),a=0)};this.gb=function(n){f&&(document.body.remove(f),f=null);n||(f=document.createElement("div"),f.style.backgroundColor=
-"black",f.style.position="fixed",f.style.right=0,f.style.top=0,f.style.color="white",f.style.padding="4px",f.innerHTML="RIVE FPS",n=function(g){f.innerHTML="RIVE FPS "+g.toFixed(1)},document.body.appendChild(f));e=new function(){let g=0,m=0;this.ib=function(){var h=performance.now();m?(++g,h-=m,1E3<h&&(n(1E3*g/h),g=m=0)):(m=h,g=0)}}};this.cb=function(){f&&(document.body.remove(f),f=null);e=null};this.Pa=function(){}}
+function ca(){function b(n){const g=d;c=a=0;d=new Map;g.forEach(m=>{try{m(n)}catch(h){console.error(h)}});this.Pa();e&&e.ib()}let a=0,c=0,d=new Map,e=null,f=null;this.requestAnimationFrame=function(n){a||(a=requestAnimationFrame(b.bind(this)));const g=++c;d.set(g,n);return g};this.cancelAnimationFrame=function(n){d.delete(n);a&&0==d.size&&(cancelAnimationFrame(a),a=0)};this.gb=function(n){f&&(document.body.remove(f),f=null);n||(f=document.createElement("div"),f.style.backgroundColor="black",f.style.position=
+"fixed",f.style.right=0,f.style.top=0,f.style.color="white",f.style.padding="4px",f.innerHTML="RIVE FPS",n=function(g){f.innerHTML="RIVE FPS "+g.toFixed(1)},document.body.appendChild(f));e=new function(){let g=0,m=0;this.ib=function(){var h=performance.now();m?(++g,h-=m,1E3<h&&(n(1E3*g/h),g=m=0)):(m=h,g=0)}}};this.cb=function(){f&&(document.body.remove(f),f=null);e=null};this.Pa=function(){}}
 function da(b){console.assert(!0);const a=new Map;let c=-Infinity;this.push=function(d){d=d+((1<<b)-1)>>b;a.has(d)&&clearTimeout(a.get(d));a.set(d,setTimeout(function(){a.delete(d);0==a.length?c=-Infinity:d==c&&(c=Math.max(...a.keys()),console.assert(c<d))},1E3));c=Math.max(d,c);return c<<b}}
 const fa=new function(){function b(){if(!a){var t=document.createElement("canvas"),x={alpha:1,depth:0,stencil:0,antialias:0,premultipliedAlpha:1,preserveDrawingBuffer:0,preferLowPowerToHighPerformance:0,failIfMajorPerformanceCaveat:0,enableExtensionsByDefault:1,explicitSwapControl:1,renderViaOffscreenBackBuffer:1};let q=t.getContext("webgl2",x);if(q)c=2;else if(q=t.getContext("webgl",x))c=1;else return console.log("No WebGL support. Image mesh will not be drawn."),!1;d=Math.min(q.getParameter(q.MAX_RENDERBUFFER_SIZE),
 q.getParameter(q.MAX_TEXTURE_SIZE));function F(G,v,A){v=q.createShader(v);q.shaderSource(v,A);q.compileShader(v);A=q.getShaderInfoLog(v);if(0<A.length)throw A;q.attachShader(G,v)}t=q.createProgram();F(t,q.VERTEX_SHADER,"attribute vec2 vertex;\n                attribute vec2 uv;\n                uniform vec4 mat;\n                uniform vec2 translate;\n                varying vec2 st;\n                void main() {\n                    st = uv;\n                    gl_Position = vec4(mat2(mat) * vertex + translate, 0, 1);\n                }");
@@ -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.74","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.77","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);
             }