@rive-app/canvas 2.18.0 → 2.19.0

package/package.json

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

package/rive.js

@@ -736,7 +736,7 @@ function Ya(a, b) {
     return Xa(c, a, b);
   }));
 }
-var Za, $a, db = {431580:(a, b, c, d, e) => {
+var Za, $a, db = {433500:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -799,9 +799,9 @@ var Za, $a, db = {431580:(a, b, c, d, e) => {
   }
   window.h.Aa += 1;
   return 1;
-}, 433758:() => {
+}, 435678:() => {
   "undefined" !== typeof window.h && (--window.h.Aa, 0 === window.h.Aa && delete window.h);
-}, 433922:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 434026:() => {
+}, 435842:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 435946:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -809,7 +809,7 @@ var Za, $a, db = {431580:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 434197:(a, b, c, d, e, f) => {
+}, 436117:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -855,7 +855,7 @@ var Za, $a, db = {431580:(a, b, c, d, e) => {
   a == window.h.H.ya && g.Z.connect(g.I.destination);
   g.pb = f;
   return window.h.yc(g);
-}, 437074:a => window.h.ra(a).I.sampleRate, 437147:a => {
+}, 438994:a => window.h.ra(a).I.sampleRate, 439067:a => {
   a = window.h.ra(a);
   void 0 !== a.Z && (a.Z.onaudioprocess = function() {
   }, a.Z.disconnect(), a.Z = void 0);
@@ -863,13 +863,13 @@ var Za, $a, db = {431580:(a, b, c, d, e) => {
   a.I.close();
   a.I = void 0;
   a.pb = void 0;
-}, 437547:a => {
+}, 439467:a => {
   window.h.Cb(a);
-}, 437597:a => {
+}, 439517:a => {
   a = window.h.ra(a);
   a.I.resume();
   a.state = window.h.ga.xb;
-}, 437736:a => {
+}, 439656:a => {
   a = window.h.ra(a);
   a.I.suspend();
   a.state = window.h.ga.stopped;
@@ -3355,26 +3355,160 @@ Zd();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas","version":"2.18.0","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.0","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 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Animation: () => (/* reexport safe */ _Animation__WEBPACK_IMPORTED_MODULE_0__.Animation)
+/* harmony export */ });
+/* harmony import */ var _Animation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
+
+
+
+/***/ }),
+/* 4 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Animation: () => (/* binding */ Animation)
+/* harmony export */ });
+/**
+ * Represents an animation that can be played on an Artboard.
+ * Wraps animations and instances from the runtime and keeps track of playback state.
+ *
+ * The `Animation` class manages the state and behavior of a single animation instance,
+ * including its current time, loop count, and ability to scrub to a specific time.
+ *
+ * The class provides methods to advance the animation, apply its interpolated keyframe
+ * values to the Artboard, and clean up the underlying animation instance when the
+ * animation is no longer needed.
+ */
+var Animation = /** @class */ (function () {
+    /**
+     * Constructs a new animation
+     * @constructor
+     * @param {any} animation: runtime animation object
+     * @param {any} instance: runtime animation instance object
+     */
+    function Animation(animation, artboard, runtime, playing) {
+        this.animation = animation;
+        this.artboard = artboard;
+        this.playing = playing;
+        this.loopCount = 0;
+        /**
+         * The time to which the animation should move to on the next render.
+         * If not null, the animation will scrub to this time instead of advancing by the given time.
+         */
+        this.scrubTo = null;
+        this.instance = new runtime.LinearAnimationInstance(animation, artboard);
+    }
+    Object.defineProperty(Animation.prototype, "name", {
+        /**
+         * Returns the animation's name
+         */
+        get: function () {
+            return this.animation.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Animation.prototype, "time", {
+        /**
+         * Returns the animation's name
+         */
+        get: function () {
+            return this.instance.time;
+        },
+        /**
+         * Sets the animation's current time
+         */
+        set: function (value) {
+            this.instance.time = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Animation.prototype, "loopValue", {
+        /**
+         * Returns the animation's loop type
+         */
+        get: function () {
+            return this.animation.loopValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Animation.prototype, "needsScrub", {
+        /**
+         * Indicates whether the animation needs to be scrubbed.
+         * @returns `true` if the animation needs to be scrubbed, `false` otherwise.
+         */
+        get: function () {
+            return this.scrubTo !== null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Advances the animation by the give time. If the animation needs scrubbing,
+     * time is ignored and the stored scrub value is used.
+     * @param time the time to advance the animation by if no scrubbing required
+     */
+    Animation.prototype.advance = function (time) {
+        if (this.scrubTo === null) {
+            this.instance.advance(time);
+        }
+        else {
+            this.instance.time = 0;
+            this.instance.advance(this.scrubTo);
+            this.scrubTo = null;
+        }
+    };
+    /**
+     * Apply interpolated keyframe values to the artboard. This should be called after calling
+     * .advance() on an animation instance so that new values are applied to properties.
+     *
+     * Note: This does not advance the artboard, which updates all objects on the artboard
+     * @param mix - Mix value for the animation from 0 to 1
+     */
+    Animation.prototype.apply = function (mix) {
+        this.instance.apply(mix);
+    };
+    /**
+     * Deletes the backing Wasm animation instance; once this is called, this
+     * animation is no more.
+     */
+    Animation.prototype.cleanup = function () {
+        this.instance.delete();
+    };
+    return Animation;
+}());
+
+
+
+/***/ }),
+/* 5 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   BLANK_URL: () => (/* reexport safe */ _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__.BLANK_URL),
 /* harmony export */   registerTouchInteractions: () => (/* reexport safe */ _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__.registerTouchInteractions),
 /* harmony export */   sanitizeUrl: () => (/* reexport safe */ _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__.sanitizeUrl)
 /* harmony export */ });
-/* harmony import */ var _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
-/* harmony import */ var _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
+/* harmony import */ var _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
 
 
 
 
 /***/ }),
-/* 4 */
+/* 6 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -3528,7 +3662,7 @@ var registerTouchInteractions = function (_a) {
 
 
 /***/ }),
-/* 5 */
+/* 7 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -3660,7 +3794,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _rive_advanced_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
 /* harmony import */ var package_json__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3);
+/* harmony import */ var _animation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -3715,6 +3850,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 // #region layout
 // Fit options for the canvas
 var Fit;
@@ -3893,95 +4029,6 @@ var RuntimeLoader = /** @class */ (function () {
     return RuntimeLoader;
 }());
 
-// #endregion
-// #region animations
-// Wraps animations and instances from the runtime and keeps track of playback
-// state
-var Animation = /** @class */ (function () {
-    /**
-     * Constructs a new animation
-     * @constructor
-     * @param {any} animation: runtime animation object
-     * @param {any} instance: runtime animation instance object
-     */
-    function Animation(animation, artboard, runtime, playing) {
-        this.animation = animation;
-        this.artboard = artboard;
-        this.playing = playing;
-        this.loopCount = 0;
-        // Time to which the animation should move to on the next render
-        this.scrubTo = null;
-        this.instance = new runtime.LinearAnimationInstance(animation, artboard);
-    }
-    Object.defineProperty(Animation.prototype, "name", {
-        // Returns the animation's name
-        get: function () {
-            return this.animation.name;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Animation.prototype, "time", {
-        // Returns the animation's current time
-        get: function () {
-            return this.instance.time;
-        },
-        // Sets the animation's current time
-        set: function (value) {
-            this.instance.time = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Animation.prototype, "loopValue", {
-        // Returns the animation's loop type
-        get: function () {
-            return this.animation.loopValue;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Advances the animation by the give time. If the animation needs scrubbing,
-     * time is ignored and the stored scrub value is used.
-     * @param time the time to advance the animation by if no scrubbing required
-     */
-    Animation.prototype.advance = function (time) {
-        if (this.scrubTo === null) {
-            this.instance.advance(time);
-        }
-        else {
-            this.instance.time = 0;
-            this.instance.advance(this.scrubTo);
-            this.scrubTo = null;
-        }
-    };
-    /**
-     * Apply interpolated keyframe values to the artboard. This should be called after calling
-     * .advance() on an animation instance so that new values are applied to properties.
-     *
-     * Note: This does not advance the artboard, which updates all objects on the artboard
-     * @param mix - Mix value for the animation from 0 to 1
-     */
-    Animation.prototype.apply = function (mix) {
-        this.instance.apply(mix);
-    };
-    Object.defineProperty(Animation.prototype, "needsScrub", {
-        get: function () {
-            return this.scrubTo !== null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Deletes the backing Wasm animation instance; once this is called, this
-     * animation is no more.
-     */
-    Animation.prototype.cleanup = function () {
-        this.instance.delete();
-    };
-    return Animation;
-}());
 // #endregion
 // #region state machines
 var StateMachineInputType;
@@ -4196,7 +4243,7 @@ var Animator = /** @class */ (function () {
                     // Try to create a new animation instance
                     var anim = this.artboard.animationByName(animatables[i]);
                     if (anim) {
-                        var newAnimation = new Animation(anim, this.artboard, this.runtime, playing);
+                        var newAnimation = new _animation__WEBPACK_IMPORTED_MODULE_2__.Animation(anim, this.artboard, this.runtime, playing);
                         // Display the first frame of the specified animation
                         newAnimation.advance(0);
                         newAnimation.apply(1.0);
@@ -4250,7 +4297,7 @@ var Animator = /** @class */ (function () {
                 // Try to create a new animation instance
                 var anim = this.artboard.animationByName(animatables[i]);
                 if (anim) {
-                    var newAnimation = new Animation(anim, this.artboard, this.runtime, playing);
+                    var newAnimation = new _animation__WEBPACK_IMPORTED_MODULE_2__.Animation(anim, this.artboard, this.runtime, playing);
                     // Display the first frame of the specified animation
                     newAnimation.advance(0);
                     newAnimation.apply(1.0);
@@ -5147,7 +5194,7 @@ var Rive = /** @class */ (function () {
                 "isTouchScrollEnabled" in riveListenerOptions) {
                 touchScrollEnabledOption = riveListenerOptions.isTouchScrollEnabled;
             }
-            this.eventCleanup = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.registerTouchInteractions)({
+            this.eventCleanup = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.registerTouchInteractions)({
                 canvas: this.canvas,
                 artboard: this.artboard,
                 stateMachines: activeStateMachines,
@@ -5342,10 +5389,10 @@ var Rive = /** @class */ (function () {
                             if (this.automaticallyHandleEvents) {
                                 var newAnchorTag = document.createElement("a");
                                 var _b = event_1, url = _b.url, target = _b.target;
-                                var sanitizedUrl = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.sanitizeUrl)(url);
+                                var sanitizedUrl = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.sanitizeUrl)(url);
                                 url && newAnchorTag.setAttribute("href", sanitizedUrl);
                                 target && newAnchorTag.setAttribute("target", target);
-                                if (sanitizedUrl && sanitizedUrl !== _utils__WEBPACK_IMPORTED_MODULE_2__.BLANK_URL) {
+                                if (sanitizedUrl && sanitizedUrl !== _utils__WEBPACK_IMPORTED_MODULE_3__.BLANK_URL) {
                                     newAnchorTag.click();
                                 }
                             }