@rive-app/canvas 2.21.7 → 2.23.0

package/rive.js

@@ -96,61 +96,65 @@ const ia = m.onRuntimeInitialized;
 m.onRuntimeInitialized = function() {
   ia && ia();
   let a = m.decodeAudio;
-  m.decodeAudio = function(d, e) {
-    d = a(d);
-    e(d);
+  m.decodeAudio = function(e, f) {
+    e = a(e);
+    f(e);
   };
   let b = m.decodeFont;
-  m.decodeFont = function(d, e) {
-    d = b(d);
-    e(d);
+  m.decodeFont = function(e, f) {
+    e = b(e);
+    f(e);
   };
   const c = m.FileAssetLoader;
-  m.ptrToAsset = d => {
-    let e = m.ptrToFileAsset(d);
-    return e.isImage ? m.ptrToImageAsset(d) : e.isFont ? m.ptrToFontAsset(d) : e.isAudio ? m.ptrToAudioAsset(d) : e;
+  m.ptrToAsset = e => {
+    let f = m.ptrToFileAsset(e);
+    return f.isImage ? m.ptrToImageAsset(e) : f.isFont ? m.ptrToFontAsset(e) : f.isAudio ? m.ptrToAudioAsset(e) : f;
   };
-  m.CustomFileAssetLoader = c.extend("CustomFileAssetLoader", {__construct:function({loadContents:d}) {
+  m.CustomFileAssetLoader = c.extend("CustomFileAssetLoader", {__construct:function({loadContents:e}) {
     this.__parent.__construct.call(this);
-    this.Gb = d;
-  }, loadContents:function(d, e) {
-    d = m.ptrToAsset(d);
-    return this.Gb(d, e);
+    this.Gb = e;
+  }, loadContents:function(e, f) {
+    e = m.ptrToAsset(e);
+    return this.Gb(e, f);
   },});
   m.CDNFileAssetLoader = c.extend("CDNFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
-  }, loadContents:function(d) {
-    let e = m.ptrToAsset(d);
-    d = e.cdnUuid;
-    if ("" === d) {
+  }, loadContents:function(e) {
+    let f = m.ptrToAsset(e);
+    e = f.cdnUuid;
+    if ("" === e) {
       return !1;
     }
-    (function(f, g) {
-      var n = new XMLHttpRequest();
-      n.responseType = "arraybuffer";
-      n.onreadystatechange = function() {
-        4 == n.readyState && 200 == n.status && g(n);
+    (function(g, n) {
+      var p = new XMLHttpRequest();
+      p.responseType = "arraybuffer";
+      p.onreadystatechange = function() {
+        4 == p.readyState && 200 == p.status && n(p);
       };
-      n.open("GET", f, !0);
-      n.send(null);
-    })(e.cdnBaseUrl + "/" + d, f => {
-      e.decode(new Uint8Array(f.response));
+      p.open("GET", g, !0);
+      p.send(null);
+    })(f.cdnBaseUrl + "/" + e, g => {
+      f.decode(new Uint8Array(g.response));
     });
     return !0;
   },});
   m.FallbackFileAssetLoader = c.extend("FallbackFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
     this.kb = [];
-  }, addLoader:function(d) {
-    this.kb.push(d);
-  }, loadContents:function(d, e) {
-    for (let f of this.kb) {
-      if (f.loadContents(d, e)) {
+  }, addLoader:function(e) {
+    this.kb.push(e);
+  }, loadContents:function(e, f) {
+    for (let g of this.kb) {
+      if (g.loadContents(e, f)) {
         return !0;
       }
     }
     return !1;
   },});
+  let d = m.computeAlignment;
+  m.computeAlignment = function(e, f, g, n, p = 1.0) {
+    return d.call(this, e, f, g, n, p);
+  };
 };
 const ja = "createConicGradient createImageData createLinearGradient createPattern createRadialGradient getContextAttributes getImageData getLineDash getTransform isContextLost isPointInPath isPointInStroke measureText".split(" "), ka = new function() {
   function a() {
@@ -191,7 +195,7 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         }
       },});
       d = Math.min(r.getParameter(r.MAX_RENDERBUFFER_SIZE), r.getParameter(r.MAX_TEXTURE_SIZE));
-      function A(D, w, M) {
+      function B(D, w, M) {
         w = r.createShader(w);
         r.shaderSource(w, M);
         r.compileShader(w);
@@ -202,8 +206,8 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         r.attachShader(D, w);
       }
       k = r.createProgram();
-      A(k, r.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                }");
-      A(k, r.FRAGMENT_SHADER, "precision highp float;\n                uniform sampler2D image;\n                varying vec2 st;\n                void main() {\n                    gl_FragColor = texture2D(image, st);\n                }");
+      B(k, r.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                }");
+      B(k, r.FRAGMENT_SHADER, "precision highp float;\n                uniform sampler2D image;\n                varying vec2 st;\n                void main() {\n                    gl_FragColor = texture2D(image, st);\n                }");
       r.bindAttribLocation(k, 0, "vertex");
       r.bindAttribLocation(k, 1, "uv");
       r.linkProgram(k);
@@ -250,7 +254,7 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
     return t;
   };
   const l = new ha(8), u = new ha(8), v = new ha(10), x = new ha(10);
-  this.Qb = function(k, t, r, A, D) {
+  this.Qb = function(k, t, r, B, D) {
     if (a()) {
       var w = l.push(k), M = u.push(t);
       if (b.canvas) {
@@ -262,18 +266,18 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         b.clearColor(0, 0, 0, 0);
         b.clear(b.COLOR_BUFFER_BIT);
         b.enable(b.SCISSOR_TEST);
-        r.sort((F, ba) => ba.wb - F.wb);
-        w = v.push(A);
+        r.sort((H, ba) => ba.wb - H.wb);
+        w = v.push(B);
         g != w && (b.bufferData(b.ARRAY_BUFFER, 8 * w, b.DYNAMIC_DRAW), g = w);
         w = 0;
         for (var T of r) {
           b.bufferSubData(b.ARRAY_BUFFER, w, T.Ta), w += 4 * T.Ta.length;
         }
-        console.assert(w == 4 * A);
+        console.assert(w == 4 * B);
         for (var ca of r) {
           b.bufferSubData(b.ARRAY_BUFFER, w, ca.Db), w += 4 * ca.Db.length;
         }
-        console.assert(w == 8 * A);
+        console.assert(w == 8 * B);
         w = x.push(D);
         n != w && (b.bufferData(b.ELEMENT_ARRAY_BUFFER, 2 * w, b.DYNAMIC_DRAW), n = w);
         T = 0;
@@ -284,20 +288,20 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         ra = 0;
         ca = !0;
         w = T = 0;
-        for (const F of r) {
-          F.image.Ka != ra && (b.bindTexture(b.TEXTURE_2D, F.image.Ja || null), ra = F.image.Ka);
-          F.mc ? (b.scissor(F.Ya, M - F.Za - F.jb, F.Ac, F.jb), ca = !0) : ca && (b.scissor(0, M - t, k, t), ca = !1);
+        for (const H of r) {
+          H.image.Ka != ra && (b.bindTexture(b.TEXTURE_2D, H.image.Ja || null), ra = H.image.Ka);
+          H.mc ? (b.scissor(H.Ya, M - H.Za - H.jb, H.Ac, H.jb), ca = !0) : ca && (b.scissor(0, M - t, k, t), ca = !1);
           r = 2 / k;
           const ba = -2 / t;
-          b.uniform4f(e, F.ha[0] * r * F.Ba, F.ha[1] * ba * F.Ca, F.ha[2] * r * F.Ba, F.ha[3] * ba * F.Ca);
-          b.uniform2f(f, F.ha[4] * r * F.Ba + r * (F.Ya - F.ic * F.Ba) - 1, F.ha[5] * ba * F.Ca + ba * (F.Za - F.jc * F.Ca) + 1);
+          b.uniform4f(e, H.ha[0] * r * H.Ba, H.ha[1] * ba * H.Ca, H.ha[2] * r * H.Ba, H.ha[3] * ba * H.Ca);
+          b.uniform2f(f, H.ha[4] * r * H.Ba + r * (H.Ya - H.ic * H.Ba) - 1, H.ha[5] * ba * H.Ca + ba * (H.Za - H.jc * H.Ca) + 1);
           b.vertexAttribPointer(0, 2, b.FLOAT, !1, 0, w);
-          b.vertexAttribPointer(1, 2, b.FLOAT, !1, 0, w + 4 * A);
-          b.drawElements(b.TRIANGLES, F.indices.length, b.UNSIGNED_SHORT, T);
-          w += 4 * F.Ta.length;
-          T += 2 * F.indices.length;
+          b.vertexAttribPointer(1, 2, b.FLOAT, !1, 0, w + 4 * B);
+          b.drawElements(b.TRIANGLES, H.indices.length, b.UNSIGNED_SHORT, T);
+          w += 4 * H.Ta.length;
+          T += 2 * H.indices.length;
         }
-        console.assert(w == 4 * A);
+        console.assert(w == 4 * B);
         console.assert(T == 2 * D);
       }
     }
@@ -349,8 +353,8 @@ m.onRuntimeInitialized = function() {
   function c() {
     0 < M.length && (ka.Qb(w.drawWidth(), w.drawHeight(), M, T, ca), M = [], ca = T = 0, w.reset(512, 512));
     for (const q of D) {
-      for (const z of q.H) {
-        z();
+      for (const y of q.H) {
+        y();
       }
       q.H = [];
     }
@@ -360,54 +364,54 @@ m.onRuntimeInitialized = function() {
   var d = m.RenderPaintStyle;
   const e = m.RenderPath, f = m.RenderPaint, g = m.Renderer, n = m.StrokeCap, p = m.StrokeJoin, l = m.BlendMode, u = d.fill, v = d.stroke, x = m.FillRule.evenOdd;
   let k = 1;
-  var t = m.RenderImage.extend("CanvasRenderImage", {__construct:function({la:q, xa:z} = {}) {
+  var t = m.RenderImage.extend("CanvasRenderImage", {__construct:function({la:q, xa:y} = {}) {
     this.__parent.__construct.call(this);
     this.Ka = k;
     k = k + 1 & 2147483647 || 1;
     this.la = q;
-    this.xa = z;
+    this.xa = y;
   }, __destruct:function() {
     this.Ja && (ka.Mb(this.Ja), URL.revokeObjectURL(this.Wa));
     this.__parent.__destruct.call(this);
   }, decode:function(q) {
-    var z = this;
-    z.xa && z.xa(z);
-    var G = new Image();
-    z.Wa = URL.createObjectURL(new Blob([q], {type:"image/png",}));
-    G.onload = function() {
-      z.Fb = G;
-      z.Ja = ka.Lb(G);
-      z.size(G.width, G.height);
-      z.la && z.la(z);
+    var y = this;
+    y.xa && y.xa(y);
+    var F = new Image();
+    y.Wa = URL.createObjectURL(new Blob([q], {type:"image/png",}));
+    F.onload = function() {
+      y.Fb = F;
+      y.Ja = ka.Lb(F);
+      y.size(F.width, F.height);
+      y.la && y.la(y);
     };
-    G.src = z.Wa;
+    F.src = y.Wa;
   },}), r = e.extend("CanvasRenderPath", {__construct:function() {
     this.__parent.__construct.call(this);
     this.T = new Path2D();
   }, rewind:function() {
     this.T = new Path2D();
-  }, addPath:function(q, z, G, H, C, I, J) {
+  }, addPath:function(q, y, F, G, A, I, J) {
     var K = this.T, X = K.addPath;
     q = q.T;
     const Q = new DOMMatrix();
-    Q.a = z;
-    Q.b = G;
-    Q.c = H;
-    Q.d = C;
+    Q.a = y;
+    Q.b = F;
+    Q.c = G;
+    Q.d = A;
     Q.e = I;
     Q.f = J;
     X.call(K, q, Q);
   }, fillRule:function(q) {
     this.Va = q;
-  }, moveTo:function(q, z) {
-    this.T.moveTo(q, z);
-  }, lineTo:function(q, z) {
-    this.T.lineTo(q, z);
-  }, cubicTo:function(q, z, G, H, C, I) {
-    this.T.bezierCurveTo(q, z, G, H, C, I);
+  }, moveTo:function(q, y) {
+    this.T.moveTo(q, y);
+  }, lineTo:function(q, y) {
+    this.T.lineTo(q, y);
+  }, cubicTo:function(q, y, F, G, A, I) {
+    this.T.bezierCurveTo(q, y, F, G, A, I);
   }, close:function() {
     this.T.closePath();
-  },}), A = f.extend("CanvasRenderPaint", {color:function(q) {
+  },}), B = f.extend("CanvasRenderPaint", {color:function(q) {
     this.Xa = b(q);
   }, thickness:function(q) {
     this.Ib = q;
@@ -439,40 +443,40 @@ m.onRuntimeInitialized = function() {
     this.Eb = a(q);
   }, clearGradient:function() {
     this.ja = null;
-  }, linearGradient:function(q, z, G, H) {
-    this.ja = {yb:q, zb:z, bb:G, cb:H, Ra:[],};
-  }, radialGradient:function(q, z, G, H) {
-    this.ja = {yb:q, zb:z, bb:G, cb:H, Ra:[], ec:!0,};
-  }, addStop:function(q, z) {
-    this.ja.Ra.push({color:q, stop:z,});
+  }, linearGradient:function(q, y, F, G) {
+    this.ja = {yb:q, zb:y, bb:F, cb:G, Ra:[],};
+  }, radialGradient:function(q, y, F, G) {
+    this.ja = {yb:q, zb:y, bb:F, cb:G, Ra:[], ec:!0,};
+  }, addStop:function(q, y) {
+    this.ja.Ra.push({color:q, stop:y,});
   }, completeGradient:function() {
-  }, draw:function(q, z, G) {
-    let H = this.Hb;
-    var C = this.Xa, I = this.ja;
+  }, draw:function(q, y, F) {
+    let G = this.Hb;
+    var A = this.Xa, I = this.ja;
     q.globalCompositeOperation = this.Eb;
     if (null != I) {
-      C = I.yb;
+      A = I.yb;
       var J = I.zb;
       const X = I.bb;
       var K = I.cb;
       const Q = I.Ra;
-      I.ec ? (I = X - C, K -= J, C = q.createRadialGradient(C, J, 0, C, J, Math.sqrt(I * I + K * K))) : C = q.createLinearGradient(C, J, X, K);
+      I.ec ? (I = X - A, K -= J, A = q.createRadialGradient(A, J, 0, A, J, Math.sqrt(I * I + K * K))) : A = q.createLinearGradient(A, J, X, K);
       for (let da = 0, R = Q.length; da < R; da++) {
-        J = Q[da], C.addColorStop(J.stop, b(J.color));
+        J = Q[da], A.addColorStop(J.stop, b(J.color));
       }
-      this.Xa = C;
+      this.Xa = A;
       this.ja = null;
     }
-    switch(H) {
+    switch(G) {
       case v:
-        q.strokeStyle = C;
+        q.strokeStyle = A;
         q.lineWidth = this.Ib;
         q.lineCap = this.Ha;
         q.lineJoin = this.Ia;
-        q.stroke(z);
+        q.stroke(y);
         break;
       case u:
-        q.fillStyle = C, q.fill(z, G);
+        q.fillStyle = A, q.fill(y, F);
     }
   },});
   const D = new Set();
@@ -493,33 +497,33 @@ m.onRuntimeInitialized = function() {
     }
     this.S.splice(q);
     this.H.push(this.C.restore.bind(this.C));
-  }, transform:function(q, z, G, H, C, I) {
+  }, transform:function(q, y, F, G, A, I) {
     const J = this.S, K = J.length - 6;
-    J.splice(K, 6, J[K] * q + J[K + 2] * z, J[K + 1] * q + J[K + 3] * z, J[K] * G + J[K + 2] * H, J[K + 1] * G + J[K + 3] * H, J[K] * C + J[K + 2] * I + J[K + 4], J[K + 1] * C + J[K + 3] * I + J[K + 5]);
-    this.H.push(this.C.transform.bind(this.C, q, z, G, H, C, I));
+    J.splice(K, 6, J[K] * q + J[K + 2] * y, J[K + 1] * q + J[K + 3] * y, J[K] * F + J[K + 2] * G, J[K + 1] * F + J[K + 3] * G, J[K] * A + J[K + 2] * I + J[K + 4], J[K + 1] * A + J[K + 3] * I + J[K + 5]);
+    this.H.push(this.C.transform.bind(this.C, q, y, F, G, A, I));
   }, rotate:function(q) {
-    const z = Math.sin(q);
+    const y = Math.sin(q);
     q = Math.cos(q);
-    this.transform(q, z, -z, q, 0, 0);
-  }, _drawPath:function(q, z) {
-    this.H.push(z.draw.bind(z, this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
-  }, _drawRiveImage:function(q, z, G) {
-    var H = q.Fb;
-    if (H) {
-      var C = this.C, I = a(z);
+    this.transform(q, y, -y, q, 0, 0);
+  }, _drawPath:function(q, y) {
+    this.H.push(y.draw.bind(y, this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
+  }, _drawRiveImage:function(q, y, F) {
+    var G = q.Fb;
+    if (G) {
+      var A = this.C, I = a(y);
       this.H.push(function() {
-        C.globalCompositeOperation = I;
-        C.globalAlpha = G;
-        C.drawImage(H, 0, 0);
-        C.globalAlpha = 1;
+        A.globalCompositeOperation = I;
+        A.globalAlpha = F;
+        A.drawImage(G, 0, 0);
+        A.globalAlpha = 1;
       });
     }
   }, _getMatrix:function(q) {
-    const z = this.S, G = z.length - 6;
-    for (let H = 0; 6 > H; ++H) {
-      q[H] = z[G + H];
+    const y = this.S, F = y.length - 6;
+    for (let G = 0; 6 > G; ++G) {
+      q[G] = y[F + G];
     }
-  }, _drawImageMesh:function(q, z, G, H, C, I, J, K, X, Q) {
+  }, _drawImageMesh:function(q, y, F, G, A, I, J, K, X, Q) {
     var da = this.C.canvas.width, R = this.C.canvas.height;
     const Yb = X - J, Zb = Q - K;
     J = Math.max(J, 0);
@@ -540,15 +544,15 @@ m.onRuntimeInitialized = function() {
       R = w.addRect(sa, ta);
       0 > R && (c(), D.add(this), R = w.addRect(sa, ta), console.assert(0 <= R));
       var $b = R & 65535, ac = R >> 16;
-      M.push({ha:this.S.slice(this.S.length - 6), image:q, Ya:$b, Za:ac, ic:J, jc:K, Ac:sa, jb:ta, Ba:Q, Ca:da, Ta:new Float32Array(H), Db:new Float32Array(C), indices:new Uint16Array(I), mc:X, wb:q.Ka << 1 | (X ? 1 : 0),});
-      T += H.length;
+      M.push({ha:this.S.slice(this.S.length - 6), image:q, Ya:$b, Za:ac, ic:J, jc:K, Ac:sa, jb:ta, Ba:Q, Ca:da, Ta:new Float32Array(G), Db:new Float32Array(A), indices:new Uint16Array(I), mc:X, wb:q.Ka << 1 | (X ? 1 : 0),});
+      T += G.length;
       ca += I.length;
-      var za = this.C, qd = a(z);
+      var za = this.C, qd = a(y);
       this.H.push(function() {
         za.save();
         za.resetTransform();
         za.globalCompositeOperation = qd;
-        za.globalAlpha = G;
+        za.globalAlpha = F;
         const bc = ka.canvas();
         bc && za.drawImage(bc, $b, ac, sa, ta, J, K, Ga, Ha);
         za.restore();
@@ -560,39 +564,39 @@ m.onRuntimeInitialized = function() {
     D.add(this);
     this.H.push(this.C.clearRect.bind(this.C, 0, 0, this.Ua.width, this.Ua.height));
   }, flush:function() {
-  }, translate:function(q, z) {
-    this.transform(1, 0, 0, 1, q, z);
+  }, translate:function(q, y) {
+    this.transform(1, 0, 0, 1, q, y);
   },});
   m.makeRenderer = function(q) {
-    const z = new ra(q), G = z.C;
-    return new Proxy(z, {get(H, C) {
-      if ("function" === typeof H[C]) {
+    const y = new ra(q), F = y.C;
+    return new Proxy(y, {get(G, A) {
+      if ("function" === typeof G[A]) {
         return function(...I) {
-          return H[C].apply(H, I);
+          return G[A].apply(G, I);
         };
       }
-      if ("function" === typeof G[C]) {
-        if (-1 < ja.indexOf(C)) {
-          throw Error("RiveException: Method call to '" + C + "()' is not allowed, as the renderer cannot immediately pass through the return                 values of any canvas 2d context methods.");
+      if ("function" === typeof F[A]) {
+        if (-1 < ja.indexOf(A)) {
+          throw Error("RiveException: Method call to '" + A + "()' is not allowed, as the renderer cannot immediately pass through the return                 values of any canvas 2d context methods.");
         }
         return function(...I) {
-          z.H.push(G[C].bind(G, ...I));
+          y.H.push(F[A].bind(F, ...I));
         };
       }
-      return H[C];
-    }, set(H, C, I) {
-      if (C in G) {
-        return z.H.push(() => {
-          G[C] = I;
+      return G[A];
+    }, set(G, A, I) {
+      if (A in F) {
+        return y.H.push(() => {
+          F[A] = I;
         }), !0;
       }
     },});
   };
-  m.decodeImage = function(q, z) {
-    (new t({la:z})).decode(q);
+  m.decodeImage = function(q, y) {
+    (new t({la:y})).decode(q);
   };
   m.renderFactory = {makeRenderPaint:function() {
-    return new A();
+    return new B();
   }, makeRenderPath:function() {
     return new r();
   }, makeRenderImage:function() {
@@ -602,25 +606,29 @@ m.onRuntimeInitialized = function() {
     }, la:() => {
       q.loaded++;
       if (q.loaded === q.total) {
-        const z = q.ready;
-        z && (z(), q.ready = null);
+        const y = q.ready;
+        y && (y(), q.ready = null);
       }
     },});
   },};
-  let F = m.load, ba = null;
-  m.load = function(q, z, G = !0) {
-    const H = new m.FallbackFileAssetLoader();
-    void 0 !== z && H.addLoader(z);
-    G && (z = new m.CDNFileAssetLoader(), H.addLoader(z));
-    return new Promise(function(C) {
+  let H = m.load, ba = null;
+  m.load = function(q, y, F = !0) {
+    const G = new m.FallbackFileAssetLoader();
+    void 0 !== y && G.addLoader(y);
+    F && (y = new m.CDNFileAssetLoader(), G.addLoader(y));
+    return new Promise(function(A) {
       let I = null;
       ba = {total:0, loaded:0, ready:function() {
-        C(I);
+        A(I);
       },};
-      I = F(q, H);
-      0 == ba.total && C(I);
+      I = H(q, G);
+      0 == ba.total && A(I);
     });
   };
+  let rd = m.RendererWrapper.prototype.align;
+  m.RendererWrapper.prototype.align = function(q, y, F, G, A = 1.0) {
+    rd.call(this, q, y, F, G, A);
+  };
   d = new fa();
   m.requestAnimationFrame = d.requestAnimationFrame.bind(d);
   m.cancelAnimationFrame = d.cancelAnimationFrame.bind(d);
@@ -659,10 +667,10 @@ var ya;
 m.wasmBinary && (ya = m.wasmBinary);
 var noExitRuntime = m.noExitRuntime || !0;
 "object" != typeof WebAssembly && Aa("no native wasm support detected");
-var Ba, y, Ca = !1, B, E, Da, Ea, L, N, Fa, Ia;
+var Ba, z, Ca = !1, C, E, Da, Ea, L, N, Fa, Ia;
 function Ja() {
   var a = Ba.buffer;
-  m.HEAP8 = B = new Int8Array(a);
+  m.HEAP8 = C = new Int8Array(a);
   m.HEAP16 = Da = new Int16Array(a);
   m.HEAP32 = L = new Int32Array(a);
   m.HEAPU8 = E = new Uint8Array(a);
@@ -738,7 +746,7 @@ function Ya(a, b) {
     return Xa(c, a, b);
   }));
 }
-var Za, $a, db = {438492:(a, b, c, d, e) => {
+var Za, $a, db = {438828:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -801,9 +809,9 @@ var Za, $a, db = {438492:(a, b, c, d, e) => {
   }
   window.h.Aa += 1;
   return 1;
-}, 440670:() => {
+}, 441006:() => {
   "undefined" !== typeof window.h && (--window.h.Aa, 0 === window.h.Aa && delete window.h);
-}, 440834:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 440938:() => {
+}, 441170:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 441274:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -811,7 +819,7 @@ var Za, $a, db = {438492:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 441109:(a, b, c, d, e, f) => {
+}, 441445:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -857,7 +865,7 @@ var Za, $a, db = {438492:(a, b, c, d, e) => {
   a == window.h.I.ya && g.Z.connect(g.J.destination);
   g.pb = f;
   return window.h.yc(g);
-}, 443986:a => window.h.ra(a).J.sampleRate, 444059:a => {
+}, 444322:a => window.h.ra(a).J.sampleRate, 444395:a => {
   a = window.h.ra(a);
   void 0 !== a.Z && (a.Z.onaudioprocess = function() {
   }, a.Z.disconnect(), a.Z = void 0);
@@ -865,13 +873,13 @@ var Za, $a, db = {438492:(a, b, c, d, e) => {
   a.J.close();
   a.J = void 0;
   a.pb = void 0;
-}, 444459:a => {
+}, 444795:a => {
   window.h.Cb(a);
-}, 444509:a => {
+}, 444845:a => {
   a = window.h.ra(a);
   a.J.resume();
   a.state = window.h.ga.xb;
-}, 444648:a => {
+}, 444984:a => {
   a = window.h.ra(a);
   a.J.suspend();
   a.state = window.h.ga.stopped;
@@ -1201,7 +1209,7 @@ var P = {O:null, U() {
   }
   return a;
 }, write(a, b, c, d, e, f) {
-  b.buffer === B.buffer && (f = !1);
+  b.buffer === C.buffer && (f = !1);
   if (!d) {
     return 0;
   }
@@ -1242,7 +1250,7 @@ var P = {O:null, U() {
     throw new O(43);
   }
   a = a.node.j;
-  if (e & 2 || a.buffer !== B.buffer) {
+  if (e & 2 || a.buffer !== C.buffer) {
     if (0 < c || c + b < a.length) {
       a.subarray ? a = a.subarray(c, c + b) : a = Array.prototype.slice.call(a, c, c + b);
     }
@@ -1252,7 +1260,7 @@ var P = {O:null, U() {
     if (!b) {
       throw new O(48);
     }
-    B.set(a, b);
+    C.set(a, b);
   } else {
     c = !1, b = a.byteOffset;
   }
@@ -1949,34 +1957,34 @@ function pd(a, b, c, d, e) {
       Rc(x);
     } else {
       for (var r = g ? 1 : 2; r < b.length; r++) {
-        var A = 1 === r ? k : u[r - 2];
-        null !== b[r].K && b[r].K(A);
+        var B = 1 === r ? k : u[r - 2];
+        null !== b[r].K && b[r].K(B);
       }
     }
     k = p ? b[0].fromWireType(t) : void 0;
     return k;
   };
 }
-function rd(a, b) {
+function sd(a, b) {
   for (var c = [], d = 0; d < a; d++) {
     c.push(N[b + 4 * d >> 2]);
   }
   return c;
 }
-function sd(a, b, c) {
+function td(a, b, c) {
   a instanceof Object || V(`${c} with invalid "this": ${a}`);
   a instanceof b.i.constructor || V(`${c} incompatible with "this" of type ${a.constructor.name}`);
   a.g.o || V(`cannot call emscripten binding method ${c} on deleted object`);
   return cd(a.g.o, a.g.u.i, b.i);
 }
-function td(a) {
+function ud(a) {
   a >= U.h && 0 === --U.get(a).tb && U.Zb(a);
 }
-function ud(a, b, c) {
+function vd(a, b, c) {
   switch(b) {
     case 0:
       return function(d) {
-        return this.fromWireType((c ? B : E)[d]);
+        return this.fromWireType((c ? C : E)[d]);
       };
     case 1:
       return function(d) {
@@ -1997,7 +2005,7 @@ function ed(a) {
   var b = typeof a;
   return "object" === b || "array" === b || "function" === b ? a.toString() : "" + a;
 }
-function vd(a, b) {
+function wd(a, b) {
   switch(b) {
     case 2:
       return function(c) {
@@ -2011,11 +2019,11 @@ function vd(a, b) {
       throw new TypeError("Unknown float type: " + a);
   }
 }
-function wd(a, b, c) {
+function xd(a, b, c) {
   switch(b) {
     case 0:
       return c ? function(d) {
-        return B[d];
+        return C[d];
       } : function(d) {
         return E[d];
       };
@@ -2035,14 +2043,14 @@ function wd(a, b, c) {
       throw new TypeError("Unknown integer type: " + a);
   }
 }
-var xd = "undefined" != typeof TextDecoder ? new TextDecoder("utf-16le") : void 0, yd = (a, b) => {
+var yd = "undefined" != typeof TextDecoder ? new TextDecoder("utf-16le") : void 0, zd = (a, b) => {
   var c = a >> 1;
   for (var d = c + b / 2; !(c >= d) && Ea[c];) {
     ++c;
   }
   c <<= 1;
-  if (32 < c - a && xd) {
-    return xd.decode(E.subarray(a, c));
+  if (32 < c - a && yd) {
+    return yd.decode(E.subarray(a, c));
   }
   c = "";
   for (d = 0; !(d >= b / 2); ++d) {
@@ -2053,7 +2061,7 @@ var xd = "undefined" != typeof TextDecoder ? new TextDecoder("utf-16le") : void
     c += String.fromCharCode(e);
   }
   return c;
-}, zd = (a, b, c) => {
+}, Ad = (a, b, c) => {
   void 0 === c && (c = 2147483647);
   if (2 > c) {
     return 0;
@@ -2066,7 +2074,7 @@ var xd = "undefined" != typeof TextDecoder ? new TextDecoder("utf-16le") : void
   }
   Da[b >> 1] = 0;
   return b - d;
-}, Ad = a => 2 * a.length, Bd = (a, b) => {
+}, Bd = a => 2 * a.length, Cd = (a, b) => {
   for (var c = 0, d = ""; !(c >= b / 4);) {
     var e = L[a + 4 * c >> 2];
     if (0 == e) {
@@ -2076,7 +2084,7 @@ var xd = "undefined" != typeof TextDecoder ? new TextDecoder("utf-16le") : void
     65536 <= e ? (e -= 65536, d += String.fromCharCode(55296 | e >> 10, 56320 | e & 1023)) : d += String.fromCharCode(e);
   }
   return d;
-}, Cd = (a, b, c) => {
+}, Dd = (a, b, c) => {
   void 0 === c && (c = 2147483647);
   if (4 > c) {
     return 0;
@@ -2097,44 +2105,44 @@ var xd = "undefined" != typeof TextDecoder ? new TextDecoder("utf-16le") : void
   }
   L[b >> 2] = 0;
   return b - d;
-}, Dd = a => {
+}, Ed = a => {
   for (var b = 0, c = 0; c < a.length; ++c) {
     var d = a.charCodeAt(c);
     55296 <= d && 57343 >= d && ++c;
     b += 4;
   }
   return b;
-}, Ed = {};
-function Fd(a) {
-  var b = Ed[a];
+}, Fd = {};
+function Gd(a) {
+  var b = Fd[a];
   return void 0 === b ? W(a) : b;
 }
-var Gd = [];
-function Hd(a) {
-  var b = Gd.length;
-  Gd.push(a);
+var Hd = [];
+function Id(a) {
+  var b = Hd.length;
+  Hd.push(a);
   return b;
 }
-function Id(a, b) {
+function Jd(a, b) {
   for (var c = Array(a), d = 0; d < a; ++d) {
     c[d] = Fc(N[b + 4 * d >> 2], "parameter " + d);
   }
   return c;
 }
-var Jd = [], Kd = [], Ld = {}, Nd = () => {
-  if (!Md) {
+var Kd = [], Ld = [], Md = {}, Od = () => {
+  if (!Nd) {
     var a = {USER:"web_user", LOGNAME:"web_user", PATH:"/", PWD:"/", HOME:"/home/web_user", LANG:("object" == typeof navigator && navigator.languages && navigator.languages[0] || "C").replace("-", "_") + ".UTF-8", _:na || "./this.program"}, b;
-    for (b in Ld) {
-      void 0 === Ld[b] ? delete a[b] : a[b] = Ld[b];
+    for (b in Md) {
+      void 0 === Md[b] ? delete a[b] : a[b] = Md[b];
     }
     var c = [];
     for (b in a) {
       c.push(`${b}=${a[b]}`);
     }
-    Md = c;
+    Nd = c;
   }
-  return Md;
-}, Md, Od = a => 0 === a % 4 && (0 !== a % 100 || 0 === a % 400), Pd = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Qd = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Rd = (a, b, c, d) => {
+  return Nd;
+}, Nd, Pd = a => 0 === a % 4 && (0 !== a % 100 || 0 === a % 400), Qd = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Rd = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Sd = (a, b, c, d) => {
   function e(k, t, r) {
     for (k = "number" == typeof k ? k.toString() : k || ""; k.length < t;) {
       k = r[0] + k;
@@ -2148,9 +2156,9 @@ var Jd = [], Kd = [], Ld = {}, Nd = () => {
     function r(D) {
       return 0 > D ? -1 : 0 < D ? 1 : 0;
     }
-    var A;
-    0 === (A = r(k.getFullYear() - t.getFullYear())) && 0 === (A = r(k.getMonth() - t.getMonth())) && (A = r(k.getDate() - t.getDate()));
-    return A;
+    var B;
+    0 === (B = r(k.getFullYear() - t.getFullYear())) && 0 === (B = r(k.getMonth() - t.getMonth())) && (B = r(k.getDate() - t.getDate()));
+    return B;
   }
   function n(k) {
     switch(k.getDay()) {
@@ -2173,9 +2181,9 @@ var Jd = [], Kd = [], Ld = {}, Nd = () => {
   function p(k) {
     var t = k.ca;
     for (k = new Date((new Date(k.da + 1900, 0, 1)).getTime()); 0 < t;) {
-      var r = k.getMonth(), A = (Od(k.getFullYear()) ? Pd : Qd)[r];
-      if (t > A - k.getDate()) {
-        t -= A - k.getDate() + 1, k.setDate(1), 11 > r ? k.setMonth(r + 1) : (k.setMonth(0), k.setFullYear(k.getFullYear() + 1));
+      var r = k.getMonth(), B = (Pd(k.getFullYear()) ? Qd : Rd)[r];
+      if (t > B - k.getDate()) {
+        t -= B - k.getDate() + 1, k.setDate(1), 11 > r ? k.setMonth(r + 1) : (k.setMonth(0), k.setFullYear(k.getFullYear() + 1));
       } else {
         k.setDate(k.getDate() + t);
         break;
@@ -2199,18 +2207,18 @@ var Jd = [], Kd = [], Ld = {}, Nd = () => {
     0 == k ? k = 12 : 12 < k && (k -= 12);
     return f(k, 2);
   }, "%j":k => {
-    for (var t = 0, r = 0; r <= k.Ga - 1; t += (Od(k.da + 1900) ? Pd : Qd)[r++]) {
+    for (var t = 0, r = 0; r <= k.Ga - 1; t += (Pd(k.da + 1900) ? Qd : Rd)[r++]) {
     }
     return f(k.Sa + t, 3);
   }, "%m":k => f(k.Ga + 1, 2), "%M":k => f(k.vc, 2), "%n":() => "\n", "%p":k => 0 <= k.Fa && 12 > k.Fa ? "AM" : "PM", "%S":k => f(k.wc, 2), "%t":() => "\t", "%u":k => k.R || 7, "%U":k => f(Math.floor((k.ca + 7 - k.R) / 7), 2), "%V":k => {
     var t = Math.floor((k.ca + 7 - (k.R + 6) % 7) / 7);
     2 >= (k.R + 371 - k.ca - 2) % 7 && t++;
     if (t) {
-      53 == t && (r = (k.R + 371 - k.ca) % 7, 4 == r || 3 == r && Od(k.da) || (t = 1));
+      53 == t && (r = (k.R + 371 - k.ca) % 7, 4 == r || 3 == r && Pd(k.da) || (t = 1));
     } else {
       t = 52;
       var r = (k.R + 7 - k.ca - 1) % 7;
-      (4 == r || 5 == r && Od(k.da % 400 - 1)) && t++;
+      (4 == r || 5 == r && Pd(k.da % 400 - 1)) && t++;
     }
     return f(t, 2);
   }, "%w":k => k.R, "%W":k => f(Math.floor((k.ca + 7 - (k.R + 6) % 7) / 7), 2), "%y":k => (k.da + 1900).toString().substring(2), "%Y":k => k.da + 1900, "%z":k => {
@@ -2228,7 +2236,7 @@ var Jd = [], Kd = [], Ld = {}, Nd = () => {
   if (u.length > b) {
     return 0;
   }
-  B.set(u, a);
+  C.set(u, a);
   return u.length - 1;
 };
 function Pb(a, b, c, d) {
@@ -2316,10 +2324,10 @@ m.count_emval_handles = function() {
   return a;
 };
 uc = m.PureVirtualError = tc("PureVirtualError");
-for (var Sd = Array(256), Td = 0; 256 > Td; ++Td) {
-  Sd[Td] = String.fromCharCode(Td);
+for (var Td = Array(256), Ud = 0; 256 > Ud; ++Ud) {
+  Td[Ud] = String.fromCharCode(Ud);
 }
-vc = Sd;
+vc = Td;
 m.getInheritedInstanceCount = function() {
   return Object.keys(zc).length;
 };
@@ -2424,7 +2432,7 @@ hd.prototype.fromWireType = function(a) {
   return null === e ? b.call(this) : this.ua ? Oc(d.i.N, {u:d, o:e, L:this, G:a,}) : Oc(d.i.N, {u:d, o:e,});
 };
 nd = m.UnboundTypeError = tc("UnboundTypeError");
-var Wd = {__syscall_fcntl64:function(a, b, c) {
+var Xd = {__syscall_fcntl64:function(a, b, c) {
   lc = c;
   try {
     var d = Tb(a);
@@ -2448,7 +2456,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
       case 8:
         return -28;
       case 9:
-        return L[Ud() >> 2] = 28, -1;
+        return L[Vd() >> 2] = 28, -1;
       default:
         return -28;
     }
@@ -2477,7 +2485,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
           L[e + 8 >> 2] = 191;
           L[e + 12 >> 2] = 35387;
           for (var f = 0; 32 > f; f++) {
-            B[e + f + 17 >> 0] = b[f] || 0;
+            C[e + f + 17 >> 0] = b[f] || 0;
           }
         }
         return 0;
@@ -2493,7 +2501,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
         }
         if (d.s.V.cc) {
           for (e = mc(), b = [], f = 0; 32 > f; f++) {
-            b.push(B[e + f + 17 >> 0]);
+            b.push(C[e + f + 17 >> 0]);
           }
         }
         return 0;
@@ -2599,9 +2607,9 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     var n = {};
     e.forEach((p, l) => {
       var u = g[l], v = p.Wb, x = p.Xb, k = g[l + e.length], t = p.qc, r = p.sc;
-      n[p.Sb] = {read:A => u.fromWireType(v(x, A)), write:(A, D) => {
+      n[p.Sb] = {read:B => u.fromWireType(v(x, B)), write:(B, D) => {
         var w = [];
-        t(r, A, k.toWireType(w, D));
+        t(r, B, k.toWireType(w, D));
         Rc(w);
       }};
     });
@@ -2636,7 +2644,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     return n ? d : e;
   }, argPackAdvance:8, readValueFromPointer:function(g) {
     if (1 === c) {
-      var n = B;
+      var n = C;
     } else if (2 === c) {
       n = Da;
     } else if (4 === c) {
@@ -2660,9 +2668,9 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     t = t[0];
     if (d) {
       var r = t.i;
-      var A = r.N;
+      var B = r.N;
     } else {
-      A = Zc.prototype;
+      B = Zc.prototype;
     }
     t = oc(k, function() {
       if (Object.getPrototypeOf(this) !== D) {
@@ -2677,19 +2685,19 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
       }
       return T.apply(this, arguments);
     });
-    var D = Object.create(A, {constructor:{value:t},});
+    var D = Object.create(B, {constructor:{value:t},});
     t.prototype = D;
     var w = new bd(u, t, D, x, r, f, n, l);
     w.A && (void 0 === w.A.oa && (w.A.oa = []), w.A.oa.push(w));
     r = new hd(u, w, !0, !1);
-    A = new hd(u + "*", w, !1, !1);
+    B = new hd(u + "*", w, !1, !1);
     var M = new hd(u + " const*", w, !1, !0);
-    Kc[a] = {pointerType:A, Kb:M};
+    Kc[a] = {pointerType:B, Kb:M};
     jd(k, t);
-    return [r, A, M];
+    return [r, B, M];
   });
 }, _embind_register_class_class_function:function(a, b, c, d, e, f, g) {
-  var n = rd(c, d);
+  var n = sd(c, d);
   b = W(b);
   f = Z(e, f);
   Y([], [a], function(p) {
@@ -2743,7 +2751,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     return [];
   });
 }, _embind_register_class_constructor:function(a, b, c, d, e, f) {
-  var g = rd(b, c);
+  var g = sd(b, c);
   e = Z(d, e);
   Y([], [a], function(n) {
     n = n[0];
@@ -2763,7 +2771,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     return [];
   });
 }, _embind_register_class_function:function(a, b, c, d, e, f, g, n) {
-  var p = rd(c, d);
+  var p = sd(c, d);
   b = W(b);
   f = Z(e, f);
   Y([], [a], function(l) {
@@ -2799,15 +2807,15 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     Object.defineProperty(u.i.N, b, x);
     Y([], p ? [c, g] : [c], function(k) {
       var t = k[0], r = {get() {
-        var D = sd(this, u, v + " getter");
+        var D = td(this, u, v + " getter");
         return t.fromWireType(e(f, D));
       }, enumerable:!0};
       if (p) {
         p = Z(n, p);
-        var A = k[1];
+        var B = k[1];
         r.set = function(D) {
-          var w = sd(this, u, v + " setter"), M = [];
-          p(l, w, A.toWireType(M, D));
+          var w = td(this, u, v + " setter"), M = [];
+          p(l, w, B.toWireType(M, D));
           Rc(M);
         };
       }
@@ -2820,7 +2828,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
   b = W(b);
   Vc(a, {name:b, fromWireType:function(c) {
     var d = rc(c);
-    td(c);
+    ud(c);
     return d;
   }, toWireType:function(c, d) {
     return sc(d);
@@ -2835,7 +2843,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     return this.constructor.values[f];
   }, toWireType:function(f, g) {
     return g.value;
-  }, argPackAdvance:8, readValueFromPointer:ud(b, c, d), K:null,});
+  }, argPackAdvance:8, readValueFromPointer:vd(b, c, d), K:null,});
   ad(b, e);
 }, _embind_register_enum_value:function(a, b, c) {
   var d = Fc(a, "enum");
@@ -2852,9 +2860,9 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     return d;
   }, toWireType:function(d, e) {
     return e;
-  }, argPackAdvance:8, readValueFromPointer:vd(b, c), K:null,});
+  }, argPackAdvance:8, readValueFromPointer:wd(b, c), K:null,});
 }, _embind_register_function:function(a, b, c, d, e, f) {
-  var g = rd(b, c);
+  var g = sd(b, c);
   a = W(a);
   e = Z(d, e);
   ad(a, function() {
@@ -2878,7 +2886,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
   } : function(n, p) {
     return p;
   };
-  Vc(a, {name:b, fromWireType:f, toWireType:c, argPackAdvance:8, readValueFromPointer:wd(b, e, 0 !== d), K:null,});
+  Vc(a, {name:b, fromWireType:f, toWireType:c, argPackAdvance:8, readValueFromPointer:xd(b, e, 0 !== d), K:null,});
 }, _embind_register_memory_view:function(a, b, c) {
   function d(f) {
     f >>= 2;
@@ -2920,7 +2928,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     var f = "string" == typeof e;
     f || e instanceof Uint8Array || e instanceof Uint8ClampedArray || e instanceof Int8Array || V("Cannot pass non-string to std::string");
     var g = c && f ? pb(e) : e.length;
-    var n = Vd(4 + g + 1), p = n + 4;
+    var n = Wd(4 + g + 1), p = n + 4;
     N[n >> 2] = g;
     if (c && f) {
       qb(e, E, p, g + 1);
@@ -2945,13 +2953,13 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
 }, _embind_register_std_wstring:function(a, b, c) {
   c = W(c);
   if (2 === b) {
-    var d = yd;
-    var e = zd;
-    var f = Ad;
+    var d = zd;
+    var e = Ad;
+    var f = Bd;
     var g = () => Ea;
     var n = 1;
   } else {
-    4 === b && (d = Bd, e = Cd, f = Dd, g = () => N, n = 2);
+    4 === b && (d = Cd, e = Dd, f = Ed, g = () => N, n = 2);
   }
   Vc(a, {name:c, fromWireType:function(p) {
     for (var l = N[p >> 2], u = g(), v, x = p + 4, k = 0; k <= l; ++k) {
@@ -2964,7 +2972,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     return v;
   }, toWireType:function(p, l) {
     "string" != typeof l && V(`Cannot pass non-string to C++ string type ${c}`);
-    var u = f(l), v = Vd(4 + u + b);
+    var u = f(l), v = Wd(4 + u + b);
     N[v >> 2] = u >> n;
     e(l, v + 4, u + b);
     null !== p && p.push(Ec, v);
@@ -2988,28 +2996,28 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
   N[c >> 2] = e;
   return b.toWireType(d, a);
 }, _emval_call_method:function(a, b, c, d, e) {
-  a = Gd[a];
+  a = Hd[a];
   b = rc(b);
-  c = Fd(c);
+  c = Gd(c);
   var f = [];
   N[d >> 2] = sc(f);
   return a(b, c, f, e);
 }, _emval_call_void_method:function(a, b, c, d) {
-  a = Gd[a];
+  a = Hd[a];
   b = rc(b);
-  c = Fd(c);
+  c = Gd(c);
   a(b, c, null, d);
-}, _emval_decref:td, _emval_get_method_caller:function(a, b) {
-  var c = Id(a, b), d = c[0];
+}, _emval_decref:ud, _emval_get_method_caller:function(a, b) {
+  var c = Jd(a, b), d = c[0];
   b = d.name + "_$" + c.slice(1).map(function(g) {
     return g.name;
   }).join("_") + "$";
-  var e = Jd[b];
+  var e = Kd[b];
   if (void 0 !== e) {
     return e;
   }
   var f = Array(a - 1);
-  e = Hd((g, n, p, l) => {
+  e = Id((g, n, p, l) => {
     for (var u = 0, v = 0; v < a - 1; ++v) {
       f[v] = c[v + 1].readValueFromPointer(l + u), u += c[v + 1].argPackAdvance;
     }
@@ -3021,9 +3029,9 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
       return d.toWireType(p, g);
     }
   });
-  return Jd[b] = e;
+  return Kd[b] = e;
 }, _emval_get_module_property:function(a) {
-  a = Fd(a);
+  a = Gd(a);
   return sc(m[a]);
 }, _emval_get_property:function(a, b) {
   a = rc(a);
@@ -3032,13 +3040,13 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
 }, _emval_incref:function(a) {
   4 < a && (U.get(a).tb += 1);
 }, _emval_new_cstring:function(a) {
-  return sc(Fd(a));
+  return sc(Gd(a));
 }, _emval_new_object:function() {
   return sc({});
 }, _emval_run_destructors:function(a) {
   var b = rc(a);
   Rc(b);
-  td(a);
+  ud(a);
 }, _emval_set_property:function(a, b, c) {
   a = rc(a);
   b = rc(b);
@@ -3051,12 +3059,12 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
 }, abort:() => {
   Aa("");
 }, emscripten_asm_const_int:(a, b, c) => {
-  Kd.length = 0;
+  Ld.length = 0;
   var d;
   for (c >>= 2; d = E[b++];) {
-    c += 105 != d & c, Kd.push(105 == d ? L[c] : Ia[c++ >> 1]), ++c;
+    c += 105 != d & c, Ld.push(105 == d ? L[c] : Ia[c++ >> 1]), ++c;
   }
-  return db[a].apply(null, Kd);
+  return db[a].apply(null, Ld);
 }, emscripten_date_now:function() {
   return Date.now();
 }, emscripten_get_now:() => performance.now(), emscripten_memcpy_big:(a, b, c) => E.copyWithin(a, b, b + c), emscripten_resize_heap:a => {
@@ -3088,18 +3096,18 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
   return !1;
 }, environ_get:(a, b) => {
   var c = 0;
-  Nd().forEach(function(d, e) {
+  Od().forEach(function(d, e) {
     var f = b + c;
     e = N[a + 4 * e >> 2] = f;
     for (f = 0; f < d.length; ++f) {
-      B[e++ >> 0] = d.charCodeAt(f);
+      C[e++ >> 0] = d.charCodeAt(f);
     }
-    B[e >> 0] = 0;
+    C[e >> 0] = 0;
     c += d.length + 1;
   });
   return 0;
 }, environ_sizes_get:(a, b) => {
-  var c = Nd();
+  var c = Od();
   N[a >> 2] = c.length;
   var d = 0;
   c.forEach(function(e) {
@@ -3137,7 +3145,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
       for (var f, g = b = 0; g < c; g++) {
         var n = N[a >> 2], p = N[a + 4 >> 2];
         a += 8;
-        var l = e, u = n, v = p, x = f, k = B;
+        var l = e, u = n, v = p, x = f, k = C;
         if (0 > v || 0 > x) {
           throw new O(28);
         }
@@ -3161,16 +3169,16 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
         }
         var r = l.m.read(l, k, u, v, x);
         t || (l.position += r);
-        var A = r;
-        if (0 > A) {
+        var B = r;
+        if (0 > B) {
           var D = -1;
           break a;
         }
-        b += A;
-        if (A < p) {
+        b += B;
+        if (B < p) {
           break;
         }
-        "undefined" !== typeof f && (f += A);
+        "undefined" !== typeof f && (f += B);
       }
       D = b;
     }
@@ -3209,7 +3217,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
       for (var f, g = b = 0; g < c; g++) {
         var n = N[a >> 2], p = N[a + 4 >> 2];
         a += 8;
-        var l = e, u = n, v = p, x = f, k = B;
+        var l = e, u = n, v = p, x = f, k = C;
         if (0 > v || 0 > x) {
           throw new O(28);
         }
@@ -3234,13 +3242,13 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
         }
         var r = l.m.write(l, k, u, v, x, void 0);
         t || (l.position += r);
-        var A = r;
-        if (0 > A) {
+        var B = r;
+        if (0 > B) {
           var D = -1;
           break a;
         }
-        b += A;
-        "undefined" !== typeof f && (f += A);
+        b += B;
+        "undefined" !== typeof f && (f += B);
       }
       D = b;
     }
@@ -3252,14 +3260,14 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     }
     return w.aa;
   }
-}, strftime_l:(a, b, c, d) => Rd(a, b, c, d)};
+}, strftime_l:(a, b, c, d) => Sd(a, b, c, d)};
 (function() {
   function a(c) {
-    y = c = c.exports;
-    Ba = y.memory;
+    z = c = c.exports;
+    Ba = z.memory;
     Ja();
-    Ka = y.__indirect_function_table;
-    Ma.unshift(y.__wasm_call_ctors);
+    Ka = z.__indirect_function_table;
+    Ma.unshift(z.__wasm_call_ctors);
     Pa--;
     m.monitorRunDependencies && m.monitorRunDependencies(Pa);
     if (0 == Pa && (null !== Qa && (clearInterval(Qa), Qa = null), Ra)) {
@@ -3269,7 +3277,7 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
     }
     return c;
   }
-  var b = {env:Wd, wasi_snapshot_preview1:Wd,};
+  var b = {env:Xd, wasi_snapshot_preview1:Xd,};
   Pa++;
   m.monitorRunDependencies && m.monitorRunDependencies(Pa);
   if (m.instantiateWasm) {
@@ -3284,28 +3292,28 @@ var Wd = {__syscall_fcntl64:function(a, b, c) {
   }).catch(ea);
   return {};
 })();
-var Ec = a => (Ec = y.free)(a), Vd = a => (Vd = y.malloc)(a), ab = m._ma_device__on_notification_unlocked = a => (ab = m._ma_device__on_notification_unlocked = y.ma_device__on_notification_unlocked)(a);
-m._ma_malloc_emscripten = (a, b) => (m._ma_malloc_emscripten = y.ma_malloc_emscripten)(a, b);
-m._ma_free_emscripten = (a, b) => (m._ma_free_emscripten = y.ma_free_emscripten)(a, b);
-var bb = m._ma_device_process_pcm_frames_capture__webaudio = (a, b, c) => (bb = m._ma_device_process_pcm_frames_capture__webaudio = y.ma_device_process_pcm_frames_capture__webaudio)(a, b, c), cb = m._ma_device_process_pcm_frames_playback__webaudio = (a, b, c) => (cb = m._ma_device_process_pcm_frames_playback__webaudio = y.ma_device_process_pcm_frames_playback__webaudio)(a, b, c), Ud = () => (Ud = y.__errno_location)(), Dc = a => (Dc = y.__getTypeName)(a);
-m.__embind_initialize_bindings = () => (m.__embind_initialize_bindings = y._embind_initialize_bindings)();
-m.dynCall_iiji = (a, b, c, d, e) => (m.dynCall_iiji = y.dynCall_iiji)(a, b, c, d, e);
-m.dynCall_jiji = (a, b, c, d, e) => (m.dynCall_jiji = y.dynCall_jiji)(a, b, c, d, e);
-m.dynCall_iiiji = (a, b, c, d, e, f) => (m.dynCall_iiiji = y.dynCall_iiiji)(a, b, c, d, e, f);
-m.dynCall_iij = (a, b, c, d) => (m.dynCall_iij = y.dynCall_iij)(a, b, c, d);
-m.dynCall_jii = (a, b, c) => (m.dynCall_jii = y.dynCall_jii)(a, b, c);
-m.dynCall_viijii = (a, b, c, d, e, f, g) => (m.dynCall_viijii = y.dynCall_viijii)(a, b, c, d, e, f, g);
-m.dynCall_iiiiij = (a, b, c, d, e, f, g) => (m.dynCall_iiiiij = y.dynCall_iiiiij)(a, b, c, d, e, f, g);
-m.dynCall_iiiiijj = (a, b, c, d, e, f, g, n, p) => (m.dynCall_iiiiijj = y.dynCall_iiiiijj)(a, b, c, d, e, f, g, n, p);
-m.dynCall_iiiiiijj = (a, b, c, d, e, f, g, n, p, l) => (m.dynCall_iiiiiijj = y.dynCall_iiiiiijj)(a, b, c, d, e, f, g, n, p, l);
-var Xd;
-Ra = function Yd() {
-  Xd || Zd();
-  Xd || (Ra = Yd);
+var Ec = a => (Ec = z.free)(a), Wd = a => (Wd = z.malloc)(a), ab = m._ma_device__on_notification_unlocked = a => (ab = m._ma_device__on_notification_unlocked = z.ma_device__on_notification_unlocked)(a);
+m._ma_malloc_emscripten = (a, b) => (m._ma_malloc_emscripten = z.ma_malloc_emscripten)(a, b);
+m._ma_free_emscripten = (a, b) => (m._ma_free_emscripten = z.ma_free_emscripten)(a, b);
+var bb = m._ma_device_process_pcm_frames_capture__webaudio = (a, b, c) => (bb = m._ma_device_process_pcm_frames_capture__webaudio = z.ma_device_process_pcm_frames_capture__webaudio)(a, b, c), cb = m._ma_device_process_pcm_frames_playback__webaudio = (a, b, c) => (cb = m._ma_device_process_pcm_frames_playback__webaudio = z.ma_device_process_pcm_frames_playback__webaudio)(a, b, c), Vd = () => (Vd = z.__errno_location)(), Dc = a => (Dc = z.__getTypeName)(a);
+m.__embind_initialize_bindings = () => (m.__embind_initialize_bindings = z._embind_initialize_bindings)();
+m.dynCall_iiji = (a, b, c, d, e) => (m.dynCall_iiji = z.dynCall_iiji)(a, b, c, d, e);
+m.dynCall_jiji = (a, b, c, d, e) => (m.dynCall_jiji = z.dynCall_jiji)(a, b, c, d, e);
+m.dynCall_iiiji = (a, b, c, d, e, f) => (m.dynCall_iiiji = z.dynCall_iiiji)(a, b, c, d, e, f);
+m.dynCall_iij = (a, b, c, d) => (m.dynCall_iij = z.dynCall_iij)(a, b, c, d);
+m.dynCall_jii = (a, b, c) => (m.dynCall_jii = z.dynCall_jii)(a, b, c);
+m.dynCall_viijii = (a, b, c, d, e, f, g) => (m.dynCall_viijii = z.dynCall_viijii)(a, b, c, d, e, f, g);
+m.dynCall_iiiiij = (a, b, c, d, e, f, g) => (m.dynCall_iiiiij = z.dynCall_iiiiij)(a, b, c, d, e, f, g);
+m.dynCall_iiiiijj = (a, b, c, d, e, f, g, n, p) => (m.dynCall_iiiiijj = z.dynCall_iiiiijj)(a, b, c, d, e, f, g, n, p);
+m.dynCall_iiiiiijj = (a, b, c, d, e, f, g, n, p, l) => (m.dynCall_iiiiiijj = z.dynCall_iiiiiijj)(a, b, c, d, e, f, g, n, p, l);
+var Yd;
+Ra = function Zd() {
+  Yd || $d();
+  Yd || (Ra = Zd);
 };
-function Zd() {
+function $d() {
   function a() {
-    if (!Xd && (Xd = !0, m.calledRun = !0, !Ca)) {
+    if (!Yd && (Yd = !0, m.calledRun = !0, !Ca)) {
       m.noFSInit || hc || (hc = !0, gc(), m.stdin = m.stdin, m.stdout = m.stdout, m.stderr = m.stderr, m.stdin ? jc("stdin", m.stdin) : cc("/dev/tty", "/dev/stdin"), m.stdout ? jc("stdout", null, m.stdout) : cc("/dev/tty", "/dev/stdout"), m.stderr ? jc("stderr", null, m.stderr) : cc("/dev/tty1", "/dev/stderr"), ec("/dev/stdin", 0), ec("/dev/stdout", 1), ec("/dev/stderr", 1));
       Jb = !1;
       eb(Ma);
@@ -3342,7 +3350,7 @@ if (m.preInit) {
     m.preInit.pop()();
   }
 }
-Zd();
+$d();
 
 
 
@@ -3357,7 +3365,7 @@ Zd();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas","version":"2.21.7","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.23.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 */
@@ -3558,7 +3566,7 @@ var getClientCoordinates = function (event, isTouchScrollEnabled) {
  * the state machine pointer move/up/down functions based on cursor interaction
  */
 var registerTouchInteractions = function (_a) {
-    var canvas = _a.canvas, artboard = _a.artboard, _b = _a.stateMachines, stateMachines = _b === void 0 ? [] : _b, renderer = _a.renderer, rive = _a.rive, fit = _a.fit, alignment = _a.alignment, _c = _a.isTouchScrollEnabled, isTouchScrollEnabled = _c === void 0 ? false : _c;
+    var canvas = _a.canvas, artboard = _a.artboard, _b = _a.stateMachines, stateMachines = _b === void 0 ? [] : _b, renderer = _a.renderer, rive = _a.rive, fit = _a.fit, alignment = _a.alignment, _c = _a.isTouchScrollEnabled, isTouchScrollEnabled = _c === void 0 ? false : _c, _d = _a.layoutScaleFactor, layoutScaleFactor = _d === void 0 ? 1.0 : _d;
     if (!canvas ||
         !stateMachines.length ||
         !renderer ||
@@ -3613,7 +3621,7 @@ var registerTouchInteractions = function (_a) {
             minY: 0,
             maxX: boundingRect.width,
             maxY: boundingRect.height,
-        }, artboard.bounds);
+        }, artboard.bounds, layoutScaleFactor);
         var invertedMatrix = new rive.Mat2D();
         forwardMatrix.invert(invertedMatrix);
         var canvasCoordinatesVector = new rive.Vec2D(canvasX, canvasY);
@@ -3901,6 +3909,7 @@ var Fit;
     Fit["FitHeight"] = "fitHeight";
     Fit["None"] = "none";
     Fit["ScaleDown"] = "scaleDown";
+    Fit["Layout"] = "layout";
 })(Fit || (Fit = {}));
 // Alignment options for the canvas
 var Alignment;
@@ -3918,13 +3927,14 @@ var Alignment;
 // Alignment options for Rive animations in a HTML canvas
 var Layout = /** @class */ (function () {
     function Layout(params) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         this.fit = (_a = params === null || params === void 0 ? void 0 : params.fit) !== null && _a !== void 0 ? _a : Fit.Contain;
         this.alignment = (_b = params === null || params === void 0 ? void 0 : params.alignment) !== null && _b !== void 0 ? _b : Alignment.Center;
-        this.minX = (_c = params === null || params === void 0 ? void 0 : params.minX) !== null && _c !== void 0 ? _c : 0;
-        this.minY = (_d = params === null || params === void 0 ? void 0 : params.minY) !== null && _d !== void 0 ? _d : 0;
-        this.maxX = (_e = params === null || params === void 0 ? void 0 : params.maxX) !== null && _e !== void 0 ? _e : 0;
-        this.maxY = (_f = params === null || params === void 0 ? void 0 : params.maxY) !== null && _f !== void 0 ? _f : 0;
+        this.layoutScaleFactor = (_c = params === null || params === void 0 ? void 0 : params.layoutScaleFactor) !== null && _c !== void 0 ? _c : 1;
+        this.minX = (_d = params === null || params === void 0 ? void 0 : params.minX) !== null && _d !== void 0 ? _d : 0;
+        this.minY = (_e = params === null || params === void 0 ? void 0 : params.minY) !== null && _e !== void 0 ? _e : 0;
+        this.maxX = (_f = params === null || params === void 0 ? void 0 : params.maxX) !== null && _f !== void 0 ? _f : 0;
+        this.maxY = (_g = params === null || params === void 0 ? void 0 : params.maxY) !== null && _g !== void 0 ? _g : 0;
     }
     // Alternative constructor to build a Layout from an interface/object
     Layout.new = function (_a) {
@@ -3936,10 +3946,11 @@ var Layout = /** @class */ (function () {
      * Makes a copy of the layout, replacing any specified parameters
      */
     Layout.prototype.copyWith = function (_a) {
-        var fit = _a.fit, alignment = _a.alignment, minX = _a.minX, minY = _a.minY, maxX = _a.maxX, maxY = _a.maxY;
+        var fit = _a.fit, alignment = _a.alignment, layoutScaleFactor = _a.layoutScaleFactor, minX = _a.minX, minY = _a.minY, maxX = _a.maxX, maxY = _a.maxY;
         return new Layout({
             fit: fit !== null && fit !== void 0 ? fit : this.fit,
             alignment: alignment !== null && alignment !== void 0 ? alignment : this.alignment,
+            layoutScaleFactor: layoutScaleFactor !== null && layoutScaleFactor !== void 0 ? layoutScaleFactor : this.layoutScaleFactor,
             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,
@@ -3963,6 +3974,8 @@ var Layout = /** @class */ (function () {
             fit = rive.Fit.fitHeight;
         else if (this.fit === Fit.ScaleDown)
             fit = rive.Fit.scaleDown;
+        else if (this.fit === Fit.Layout)
+            fit = rive.Fit.layout;
         else
             fit = rive.Fit.none;
         this.cachedRuntimeFit = fit;
@@ -5081,6 +5094,12 @@ var Rive = /** @class */ (function () {
         this.enableRiveAssetCDN = true;
         // Keep a local value of the set volume to update it asynchronously
         this._volume = 1;
+        // Keep a local value of the set width to update it asynchronously
+        this._artboardWidth = undefined;
+        // Keep a local value of the set height to update it asynchronously
+        this._artboardHeight = undefined;
+        // Keep a local value of the device pixel ratio used in rendering and canvas/artboard resizing
+        this._devicePixelRatioUsed = 1;
         // Whether the canvas element's size is 0
         this._hasZeroSize = false;
         // Durations to generate a frame for the last second. Used for performance profiling.
@@ -5242,6 +5261,7 @@ var Rive = /** @class */ (function () {
                 fit: this._layout.runtimeFit(this.runtime),
                 alignment: this._layout.runtimeAlignment(this.runtime),
                 isTouchScrollEnabled: touchScrollEnabledOption,
+                layoutScaleFactor: this._layout.layoutScaleFactor,
             });
         }
     };
@@ -5271,6 +5291,15 @@ var Rive = /** @class */ (function () {
             }
         }
     };
+    Rive.prototype.initArtboardSize = function () {
+        if (!this.artboard)
+            return;
+        // Use preset values if they are not undefined
+        this._artboardWidth = this.artboard.width =
+            this._artboardWidth || this.artboard.width;
+        this._artboardHeight = this.artboard.height =
+            this._artboardHeight || this.artboard.height;
+    };
     // Initializes runtime with Rive data and preps for playing
     Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay) {
         var _a;
@@ -5295,6 +5324,8 @@ var Rive = /** @class */ (function () {
                         this.file = this.riveFile.getInstance();
                         // Initialize and draw frame
                         this.initArtboard(artboardName, animationNames, stateMachineNames, autoplay);
+                        // Initialize the artboard size
+                        this.initArtboardSize();
                         // Check for audio
                         this.initializeAudio();
                         // Everything's set up, emit a load event
@@ -5507,7 +5538,7 @@ var Rive = /** @class */ (function () {
             minY: _layout.minY,
             maxX: _layout.maxX,
             maxY: _layout.maxY,
-        }, artboard.bounds);
+        }, artboard.bounds, this._devicePixelRatioUsed * _layout.layoutScaleFactor);
     };
     Object.defineProperty(Rive.prototype, "fps", {
         get: function () {
@@ -5754,16 +5785,27 @@ var Rive = /** @class */ (function () {
      * Accounts for devicePixelRatio as a multiplier to render the size of the canvas drawing surface.
      * Uses the size of the backing canvas to set new width/height attributes. Need to re-render
      * and resize the layout to match the new drawing surface afterwards.
-     * Useful function for consumers to include in a window resize listener
+     * Useful function for consumers to include in a window resize listener.
+     *
+     * This method will set the {@link devicePixelRatioUsed} property.
+     *
+     * Optionally, you can provide a {@link customDevicePixelRatio} to provide a
+     * custom value.
      */
     Rive.prototype.resizeDrawingSurfaceToCanvas = function (customDevicePixelRatio) {
         if (this.canvas instanceof HTMLCanvasElement && !!window) {
             var _a = this.canvas.getBoundingClientRect(), width = _a.width, height = _a.height;
             var dpr = customDevicePixelRatio || window.devicePixelRatio || 1;
+            this.devicePixelRatioUsed = dpr;
             this.canvas.width = dpr * width;
             this.canvas.height = dpr * height;
             this.startRendering();
             this.resizeToCanvas();
+            if (this.layout.fit === Fit.Layout) {
+                var scaleFactor = this._layout.layoutScaleFactor;
+                this.artboard.width = width / scaleFactor;
+                this.artboard.height = height / scaleFactor;
+            }
         }
     };
     Object.defineProperty(Rive.prototype, "source", {
@@ -6214,7 +6256,7 @@ var Rive = /** @class */ (function () {
     });
     Object.defineProperty(Rive.prototype, "volume", {
         /**
-         * getter and setter for the volume of the artboard
+         * Getter / Setter for the volume of the artboard
          */
         get: function () {
             if (this.artboard && this.artboard.volume !== this._volume) {
@@ -6231,6 +6273,89 @@ var Rive = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Rive.prototype, "artboardWidth", {
+        /**
+         * The width of the artboard.
+         *
+         * This will return undefined if the artboard is not loaded yet and a custom
+         * width has not been set.
+         *
+         * Do not set this value manually when using {@link resizeDrawingSurfaceToCanvas}
+         * with a {@link Layout.fit} of {@link Fit.Layout}, as the artboard width is
+         * automatically set.
+         */
+        get: function () {
+            if (this.artboard) {
+                return this.artboard.width;
+            }
+            return this._artboardWidth;
+        },
+        set: function (value) {
+            this._artboardWidth = value;
+            if (this.artboard) {
+                this.artboard.width = value;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Rive.prototype, "artboardHeight", {
+        /**
+         * The height of the artboard.
+         *
+         * This will return undefined if the artboard is not loaded yet and a custom
+         * height has not been set.
+         *
+         * Do not set this value manually when using {@link resizeDrawingSurfaceToCanvas}
+         * with a {@link Layout.fit} of {@link Fit.Layout}, as the artboard height is
+         * automatically set.
+         */
+        get: function () {
+            if (this.artboard) {
+                return this.artboard.height;
+            }
+            return this._artboardHeight;
+        },
+        set: function (value) {
+            this._artboardHeight = value;
+            if (this.artboard) {
+                this.artboard.height = value;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Reset the artboard size to its original values.
+     */
+    Rive.prototype.resetArtboardSize = function () {
+        if (this.artboard) {
+            this.artboard.resetArtboardSize();
+            this._artboardWidth = this.artboard.width;
+            this._artboardHeight = this.artboard.height;
+        }
+        else {
+            // If the artboard isn't loaded, we need to reset the custom width and height
+            this._artboardWidth = undefined;
+            this._artboardHeight = undefined;
+        }
+    };
+    Object.defineProperty(Rive.prototype, "devicePixelRatioUsed", {
+        /**
+         * The device pixel ratio used in rendering and canvas/artboard resizing.
+         *
+         * This value will be overidden by the device pixel ratio used in
+         * {@link resizeDrawingSurfaceToCanvas}. If you use that method, do not set this value.
+         */
+        get: function () {
+            return this._devicePixelRatioUsed;
+        },
+        set: function (value) {
+            this._devicePixelRatioUsed = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     // Error message for missing source or buffer
     Rive.missingErrorMessage = "Rive source file or data buffer required";
     return Rive;