@rive-app/canvas-lite 2.24.1 → 2.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-lite",
-  "version": "2.24.1",
+  "version": "2.25.1",
   "description": "A lite version of Rive's canvas based web api.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.d.ts

@@ -366,6 +366,7 @@ export declare class Rive {
     private _artboardHeight;
     private _devicePixelRatioUsed;
     private _hasZeroSize;
+    private _audioEventListener;
     durations: number[];
     frameTimes: number[];
     frameCount: number;

package/rive.js

@@ -2269,7 +2269,7 @@ Qc();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-lite","version":"2.24.1","description":"A lite version of 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-lite","version":"2.25.1","description":"A lite version of 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 */
@@ -2552,7 +2552,7 @@ var registerTouchInteractions = function (_a) {
             case "mouseout":
                 for (var _i = 0, stateMachines_1 = stateMachines; _i < stateMachines_1.length; _i++) {
                     var stateMachine = stateMachines_1[_i];
-                    stateMachine.pointerMove(transformedX < 0 ? transformedX - 10000 : transformedX + 10000, transformedY < 0 ? transformedY - 10000 : transformedY + 10000);
+                    stateMachine.pointerMove(transformedX, transformedY);
                 }
                 break;
             // Pointer moving/hovering on the canvas
@@ -3122,6 +3122,13 @@ var StateMachine = /** @class */ (function () {
     StateMachine.prototype.advance = function (time) {
         this.instance.advance(time);
     };
+    /**
+     * Advances the state machine instance by a given time and apply changes to artboard.
+     * @param time - the time to advance the animation by in seconds
+     */
+    StateMachine.prototype.advanceAndApply = function (time) {
+        this.instance.advanceAndApply(time);
+    };
     /**
      * Returns the number of events reported from the last advance call
      * @returns Number of events reported
@@ -4046,6 +4053,8 @@ var Rive = /** @class */ (function () {
         this._devicePixelRatioUsed = 1;
         // Whether the canvas element's size is 0
         this._hasZeroSize = false;
+        // Audio event listener
+        this._audioEventListener = null;
         // Durations to generate a frame for the last second. Used for performance profiling.
         this.durations = [];
         this.frameTimes = [];
@@ -4229,11 +4238,12 @@ var Rive = /** @class */ (function () {
         var _a;
         // Initialize audio if needed
         if (audioManager.status == SystemAudioStatus.UNAVAILABLE) {
-            if ((_a = this.artboard) === null || _a === void 0 ? void 0 : _a.hasAudio) {
-                audioManager.add({
+            if (((_a = this.artboard) === null || _a === void 0 ? void 0 : _a.hasAudio) && this._audioEventListener === null) {
+                this._audioEventListener = {
                     type: EventType.AudioStatusChange,
                     callback: function () { return _this.onSystemAudioChanged(); },
-                });
+                };
+                audioManager.add(this._audioEventListener);
                 audioManager.establishAudio();
             }
         }
@@ -4423,12 +4433,14 @@ var Rive = /** @class */ (function () {
                     }
                 }
             }
-            stateMachine.advance(elapsedTime);
+            stateMachine.advanceAndApply(elapsedTime);
             // stateMachine.instance.apply(this.artboard);
         }
         // Once the animations have been applied to the artboard, advance it
         // by the elapsed time.
-        this.artboard.advance(elapsedTime);
+        if (this.animator.stateMachines.length == 0) {
+            this.artboard.advance(elapsedTime);
+        }
         var renderer = this.renderer;
         // Canvas must be wiped to prevent artifacts
         renderer.clear();
@@ -4527,6 +4539,10 @@ var Rive = /** @class */ (function () {
         this.riveFile = null;
         this.file = null;
         this.deleteRiveRenderer();
+        if (this._audioEventListener !== null) {
+            audioManager.remove(this._audioEventListener);
+            this._audioEventListener = null;
+        }
     };
     /**
      * Cleans up the Renderer object. Only call this API if you no longer