@rive-app/canvas-single 2.34.0 → 2.34.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-single",
-  "version": "2.34.0",
+  "version": "2.34.1",
   "description": "Rive's high-level canvas based web api all in one js file.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.d.ts

@@ -429,6 +429,8 @@ export declare class Rive {
     private _devicePixelRatioUsed;
     private _hasZeroSize;
     private _needsRedraw;
+    private _currentCanvasWidth;
+    private _currentCanvasHeight;
     private _audioEventListener;
     private _boundDraw;
     private _viewModelInstance;
@@ -464,6 +466,7 @@ export declare class Rive {
     private initData;
     private initArtboard;
     drawFrame(): void;
+    private _canvasSizeChanged;
     private lastRenderTime;
     private frameRequestId;
     /**

package/rive.js

@@ -4260,7 +4260,7 @@ moduleRtn = da;
 /* 2 */
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas-single","version":"2.34.0","description":"Rive\'s high-level canvas based web api all in one js file.","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.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas-single","version":"2.34.1","description":"Rive\'s high-level canvas based web api all in one js file.","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.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -6605,6 +6605,10 @@ var Rive = /** @class */ (function () {
         this._hasZeroSize = false;
         // Whether a draw operation needs to be forced
         this._needsRedraw = false;
+        // Canvas width and height. Values are lazily updated so they might
+        // not be in sync with current canvas size.
+        this._currentCanvasWidth = 0;
+        this._currentCanvasHeight = 0;
         // Audio event listener
         this._audioEventListener = null;
         // draw method bound to the class
@@ -6639,6 +6643,8 @@ var Rive = /** @class */ (function () {
         if (params.canvas.constructor === HTMLCanvasElement) {
             this._observed = observers.add(this.canvas, this.onCanvasResize);
         }
+        this._currentCanvasWidth = this.canvas.width;
+        this._currentCanvasHeight = this.canvas.height;
         this.src = params.src;
         this.buffer = params.buffer;
         this.riveFile = params.riveFile;
@@ -6979,6 +6985,20 @@ var Rive = /** @class */ (function () {
             this.scheduleRendering();
         }
     };
+    Rive.prototype._canvasSizeChanged = function () {
+        var changed = false;
+        if (this.canvas) {
+            if (this.canvas.width !== this._currentCanvasWidth) {
+                this._currentCanvasWidth = this.canvas.width;
+                changed = true;
+            }
+            if (this.canvas.height !== this._currentCanvasHeight) {
+                this._currentCanvasHeight = this.canvas.height;
+                changed = true;
+            }
+        }
+        return changed;
+    };
     /**
      * Draw rendering loop; renders animation frames at the correct time interval.
      * @param time the time at which to render a frame
@@ -7067,7 +7087,9 @@ var Rive = /** @class */ (function () {
         if (!this._hasZeroSize) {
             // If there was no dirt on this frame, do not clear and draw
             if (this.drawOptimization == DrawOptimizationOptions.AlwaysDraw ||
-                this.artboard.didChange() || this._needsRedraw) {
+                this.artboard.didChange() ||
+                this._needsRedraw ||
+                this._canvasSizeChanged()) {
                 // Canvas must be wiped to prevent artifacts
                 renderer.clear();
                 renderer.save();
@@ -7698,7 +7720,8 @@ var Rive = /** @class */ (function () {
          * @returns true if no animations are playing or paused
          */
         get: function () {
-            return this.animator.isStopped;
+            var _a, _b;
+            return (_b = (_a = this.animator) === null || _a === void 0 ? void 0 : _a.isStopped) !== null && _b !== void 0 ? _b : true;
         },
         enumerable: false,
         configurable: true