@rive-app/canvas-lite 2.21.6 → 2.22.0

package/rive.js

@@ -46,7 +46,7 @@ function ca() {
     this.xa();
     e && e.Ta();
   }
-  let a = 0, c = 0, d = new Map(), e = null, g = null;
+  let a = 0, c = 0, d = new Map(), e = null, f = null;
   this.requestAnimationFrame = function(m) {
     a || (a = requestAnimationFrame(b.bind(this)));
     const k = ++c;
@@ -58,10 +58,10 @@ function ca() {
     a && 0 == d.size && (cancelAnimationFrame(a), a = 0);
   };
   this.Ra = function(m) {
-    g && (document.body.remove(g), g = null);
-    m || (g = document.createElement("div"), g.style.backgroundColor = "black", g.style.position = "fixed", g.style.right = 0, g.style.top = 0, g.style.color = "white", g.style.padding = "4px", g.innerHTML = "RIVE FPS", m = function(k) {
-      g.innerHTML = "RIVE FPS " + k.toFixed(1);
-    }, document.body.appendChild(g));
+    f && (document.body.remove(f), f = null);
+    m || (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", m = function(k) {
+      f.innerHTML = "RIVE FPS " + k.toFixed(1);
+    }, document.body.appendChild(f));
     e = new function() {
       let k = 0, n = 0;
       this.Ta = function() {
@@ -71,7 +71,7 @@ function ca() {
     }();
   };
   this.Oa = function() {
-    g && (document.body.remove(g), g = null);
+    f && (document.body.remove(f), f = null);
     e = null;
   };
   this.xa = function() {
@@ -96,144 +96,148 @@ const ea = h.onRuntimeInitialized;
 h.onRuntimeInitialized = function() {
   ea && ea();
   let b = h.decodeAudio;
-  h.decodeAudio = function(d, e) {
-    d = b(d);
-    e(d);
+  h.decodeAudio = function(e, f) {
+    e = b(e);
+    f(e);
   };
   let a = h.decodeFont;
-  h.decodeFont = function(d, e) {
-    d = a(d);
-    e(d);
+  h.decodeFont = function(e, f) {
+    e = a(e);
+    f(e);
   };
   const c = h.FileAssetLoader;
-  h.ptrToAsset = d => {
-    let e = h.ptrToFileAsset(d);
-    return e.isImage ? h.ptrToImageAsset(d) : e.isFont ? h.ptrToFontAsset(d) : e.isAudio ? h.ptrToAudioAsset(d) : e;
+  h.ptrToAsset = e => {
+    let f = h.ptrToFileAsset(e);
+    return f.isImage ? h.ptrToImageAsset(e) : f.isFont ? h.ptrToFontAsset(e) : f.isAudio ? h.ptrToAudioAsset(e) : f;
   };
-  h.CustomFileAssetLoader = c.extend("CustomFileAssetLoader", {__construct:function({loadContents:d}) {
+  h.CustomFileAssetLoader = c.extend("CustomFileAssetLoader", {__construct:function({loadContents:e}) {
     this.__parent.__construct.call(this);
-    this.Ha = d;
-  }, loadContents:function(d, e) {
-    d = h.ptrToAsset(d);
-    return this.Ha(d, e);
+    this.Ha = e;
+  }, loadContents:function(e, f) {
+    e = h.ptrToAsset(e);
+    return this.Ha(e, f);
   },});
   h.CDNFileAssetLoader = c.extend("CDNFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
-  }, loadContents:function(d) {
-    let e = h.ptrToAsset(d);
-    d = e.cdnUuid;
-    if ("" === d) {
+  }, loadContents:function(e) {
+    let f = h.ptrToAsset(e);
+    e = f.cdnUuid;
+    if ("" === e) {
       return !1;
     }
-    (function(g, m) {
-      var k = new XMLHttpRequest();
-      k.responseType = "arraybuffer";
-      k.onreadystatechange = function() {
-        4 == k.readyState && 200 == k.status && m(k);
+    (function(m, k) {
+      var n = new XMLHttpRequest();
+      n.responseType = "arraybuffer";
+      n.onreadystatechange = function() {
+        4 == n.readyState && 200 == n.status && k(n);
       };
-      k.open("GET", g, !0);
-      k.send(null);
-    })(e.cdnBaseUrl + "/" + d, g => {
-      e.decode(new Uint8Array(g.response));
+      n.open("GET", m, !0);
+      n.send(null);
+    })(f.cdnBaseUrl + "/" + e, m => {
+      f.decode(new Uint8Array(m.response));
     });
     return !0;
   },});
   h.FallbackFileAssetLoader = c.extend("FallbackFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
     this.wa = [];
-  }, addLoader:function(d) {
-    this.wa.push(d);
-  }, loadContents:function(d, e) {
-    for (let g of this.wa) {
-      if (g.loadContents(d, e)) {
+  }, addLoader:function(e) {
+    this.wa.push(e);
+  }, loadContents:function(e, f) {
+    for (let m of this.wa) {
+      if (m.loadContents(e, f)) {
         return !0;
       }
     }
     return !1;
   },});
+  let d = h.computeAlignment;
+  h.computeAlignment = function(e, f, m, k, n = 1.0) {
+    return d.call(this, e, f, m, k, n);
+  };
 };
 const fa = "createConicGradient createImageData createLinearGradient createPattern createRadialGradient getContextAttributes getImageData getLineDash getTransform isContextLost isPointInPath isPointInStroke measureText".split(" "), ha = new function() {
   function b() {
     if (!a) {
-      var f = document.createElement("canvas"), r = {alpha:1, depth:0, stencil:0, antialias:0, premultipliedAlpha:1, preserveDrawingBuffer:0, preferLowPowerToHighPerformance:0, failIfMajorPerformanceCaveat:0, enableExtensionsByDefault:1, explicitSwapControl:1, renderViaOffscreenBackBuffer:1,};
+      var g = document.createElement("canvas"), r = {alpha:1, depth:0, stencil:0, antialias:0, premultipliedAlpha:1, preserveDrawingBuffer:0, preferLowPowerToHighPerformance:0, failIfMajorPerformanceCaveat:0, enableExtensionsByDefault:1, explicitSwapControl:1, renderViaOffscreenBackBuffer:1,};
       let q;
       if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
-        if (q = f.getContext("webgl", r), c = 1, !q) {
+        if (q = g.getContext("webgl", r), c = 1, !q) {
           return console.log("No WebGL support. Image mesh will not be drawn."), !1;
         }
       } else {
-        if (q = f.getContext("webgl2", r)) {
+        if (q = g.getContext("webgl2", r)) {
           c = 2;
         } else {
-          if (q = f.getContext("webgl", r)) {
+          if (q = g.getContext("webgl", r)) {
             c = 1;
           } else {
             return console.log("No WebGL support. Image mesh will not be drawn."), !1;
           }
         }
       }
-      q = new Proxy(q, {get(D, u) {
+      q = new Proxy(q, {get(D, v) {
         if (D.isContextLost()) {
-          if (n || (console.error("Cannot render the mesh because the GL Context was lost. Tried to invoke ", u), n = !0), "function" === typeof D[u]) {
+          if (n || (console.error("Cannot render the mesh because the GL Context was lost. Tried to invoke ", v), n = !0), "function" === typeof D[v]) {
             return function() {
             };
           }
         } else {
-          return "function" === typeof D[u] ? function(...I) {
-            return D[u].apply(D, I);
-          } : D[u];
+          return "function" === typeof D[v] ? function(...I) {
+            return D[v].apply(D, I);
+          } : D[v];
         }
-      }, set(D, u, I) {
+      }, set(D, v, I) {
         if (D.isContextLost()) {
-          n || (console.error("Cannot render the mesh because the GL Context was lost. Tried to set property " + u), n = !0);
+          n || (console.error("Cannot render the mesh because the GL Context was lost. Tried to set property " + v), n = !0);
         } else {
-          return D[u] = I, !0;
+          return D[v] = I, !0;
         }
       },});
       d = Math.min(q.getParameter(q.MAX_RENDERBUFFER_SIZE), q.getParameter(q.MAX_TEXTURE_SIZE));
-      function G(D, u, I) {
-        u = q.createShader(u);
-        q.shaderSource(u, I);
-        q.compileShader(u);
-        I = q.getShaderInfoLog(u);
+      function G(D, v, I) {
+        v = q.createShader(v);
+        q.shaderSource(v, I);
+        q.compileShader(v);
+        I = q.getShaderInfoLog(v);
         if (0 < (I || "").length) {
           throw I;
         }
-        q.attachShader(D, u);
+        q.attachShader(D, v);
       }
-      f = q.createProgram();
-      G(f, 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                }");
-      G(f, q.FRAGMENT_SHADER, "precision highp float;\n                uniform sampler2D image;\n                varying vec2 st;\n                void main() {\n                    gl_FragColor = texture2D(image, st);\n                }");
-      q.bindAttribLocation(f, 0, "vertex");
-      q.bindAttribLocation(f, 1, "uv");
-      q.linkProgram(f);
-      r = q.getProgramInfoLog(f);
+      g = q.createProgram();
+      G(g, 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                }");
+      G(g, q.FRAGMENT_SHADER, "precision highp float;\n                uniform sampler2D image;\n                varying vec2 st;\n                void main() {\n                    gl_FragColor = texture2D(image, st);\n                }");
+      q.bindAttribLocation(g, 0, "vertex");
+      q.bindAttribLocation(g, 1, "uv");
+      q.linkProgram(g);
+      r = q.getProgramInfoLog(g);
       if (0 < (r || "").trim().length) {
         throw r;
       }
-      e = q.getUniformLocation(f, "mat");
-      g = q.getUniformLocation(f, "translate");
-      q.useProgram(f);
+      e = q.getUniformLocation(g, "mat");
+      f = q.getUniformLocation(g, "translate");
+      q.useProgram(g);
       q.bindBuffer(q.ARRAY_BUFFER, q.createBuffer());
       q.enableVertexAttribArray(0);
       q.enableVertexAttribArray(1);
       q.bindBuffer(q.ELEMENT_ARRAY_BUFFER, q.createBuffer());
-      q.uniform1i(q.getUniformLocation(f, "image"), 0);
+      q.uniform1i(q.getUniformLocation(g, "image"), 0);
       q.pixelStorei(q.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0);
       a = q;
     }
     return !0;
   }
-  let a = null, c = 0, d = 0, e = null, g = null, m = 0, k = 0, n = !1;
+  let a = null, c = 0, d = 0, e = null, f = null, m = 0, k = 0, n = !1;
   b();
   this.eb = function() {
     b();
     return d;
   };
-  this.Ma = function(f) {
-    a.deleteTexture && a.deleteTexture(f);
+  this.Ma = function(g) {
+    a.deleteTexture && a.deleteTexture(g);
   };
-  this.La = function(f) {
+  this.La = function(g) {
     if (!b()) {
       return null;
     }
@@ -242,40 +246,40 @@ const fa = "createConicGradient createImageData createLinearGradient createPatte
       return null;
     }
     a.bindTexture(a.TEXTURE_2D, r);
-    a.texImage2D(a.TEXTURE_2D, 0, a.RGBA, a.RGBA, a.UNSIGNED_BYTE, f);
+    a.texImage2D(a.TEXTURE_2D, 0, a.RGBA, a.RGBA, a.UNSIGNED_BYTE, g);
     a.texParameteri(a.TEXTURE_2D, a.TEXTURE_WRAP_S, a.CLAMP_TO_EDGE);
     a.texParameteri(a.TEXTURE_2D, a.TEXTURE_WRAP_T, a.CLAMP_TO_EDGE);
     a.texParameteri(a.TEXTURE_2D, a.TEXTURE_MAG_FILTER, a.LINEAR);
     2 == c ? (a.texParameteri(a.TEXTURE_2D, a.TEXTURE_MIN_FILTER, a.LINEAR_MIPMAP_LINEAR), a.generateMipmap(a.TEXTURE_2D)) : a.texParameteri(a.TEXTURE_2D, a.TEXTURE_MIN_FILTER, a.LINEAR);
     return r;
   };
-  const l = new da(8), t = new da(8), v = new da(10), x = new da(10);
-  this.Qa = function(f, r, q, G, D) {
+  const l = new da(8), t = new da(8), w = new da(10), x = new da(10);
+  this.Qa = function(g, r, q, G, D) {
     if (b()) {
-      var u = l.push(f), I = t.push(r);
+      var v = l.push(g), I = t.push(r);
       if (a.canvas) {
-        if (a.canvas.width != u || a.canvas.height != I) {
-          a.canvas.width = u, a.canvas.height = I;
+        if (a.canvas.width != v || a.canvas.height != I) {
+          a.canvas.width = v, a.canvas.height = I;
         }
-        a.viewport(0, I - r, f, r);
+        a.viewport(0, I - r, g, r);
         a.disable(a.SCISSOR_TEST);
         a.clearColor(0, 0, 0, 0);
         a.clear(a.COLOR_BUFFER_BIT);
         a.enable(a.SCISSOR_TEST);
-        q.sort((A, W) => W.Ba - A.Ba);
-        u = v.push(G);
-        m != u && (a.bufferData(a.ARRAY_BUFFER, 8 * u, a.DYNAMIC_DRAW), m = u);
-        u = 0;
+        q.sort((C, W) => W.Ba - C.Ba);
+        v = w.push(G);
+        m != v && (a.bufferData(a.ARRAY_BUFFER, 8 * v, a.DYNAMIC_DRAW), m = v);
+        v = 0;
         for (var O of q) {
-          a.bufferSubData(a.ARRAY_BUFFER, u, O.ia), u += 4 * O.ia.length;
+          a.bufferSubData(a.ARRAY_BUFFER, v, O.ia), v += 4 * O.ia.length;
         }
-        console.assert(u == 4 * G);
+        console.assert(v == 4 * G);
         for (var X of q) {
-          a.bufferSubData(a.ARRAY_BUFFER, u, X.Ea), u += 4 * X.Ea.length;
+          a.bufferSubData(a.ARRAY_BUFFER, v, X.Ea), v += 4 * X.Ea.length;
         }
-        console.assert(u == 8 * G);
-        u = x.push(D);
-        k != u && (a.bufferData(a.ELEMENT_ARRAY_BUFFER, 2 * u, a.DYNAMIC_DRAW), k = u);
+        console.assert(v == 8 * G);
+        v = x.push(D);
+        k != v && (a.bufferData(a.ELEMENT_ARRAY_BUFFER, 2 * v, a.DYNAMIC_DRAW), k = v);
         O = 0;
         for (var ia of q) {
           a.bufferSubData(a.ELEMENT_ARRAY_BUFFER, O, ia.indices), O += 2 * ia.indices.length;
@@ -283,21 +287,21 @@ const fa = "createConicGradient createImageData createLinearGradient createPatte
         console.assert(O == 2 * D);
         ia = 0;
         X = !0;
-        u = O = 0;
-        for (const A of q) {
-          A.image.da != ia && (a.bindTexture(a.TEXTURE_2D, A.image.ca || null), ia = A.image.da);
-          A.hb ? (a.scissor(A.na, I - A.oa - A.va, A.sb, A.va), X = !0) : X && (a.scissor(0, I - r, f, r), X = !1);
-          q = 2 / f;
+        v = O = 0;
+        for (const C of q) {
+          C.image.da != ia && (a.bindTexture(a.TEXTURE_2D, C.image.ca || null), ia = C.image.da);
+          C.hb ? (a.scissor(C.na, I - C.oa - C.va, C.sb, C.va), X = !0) : X && (a.scissor(0, I - r, g, r), X = !1);
+          q = 2 / g;
           const W = -2 / r;
-          a.uniform4f(e, A.N[0] * q * A.X, A.N[1] * W * A.Y, A.N[2] * q * A.X, A.N[3] * W * A.Y);
-          a.uniform2f(g, A.N[4] * q * A.X + q * (A.na - A.fb * A.X) - 1, A.N[5] * W * A.Y + W * (A.oa - A.gb * A.Y) + 1);
-          a.vertexAttribPointer(0, 2, a.FLOAT, !1, 0, u);
-          a.vertexAttribPointer(1, 2, a.FLOAT, !1, 0, u + 4 * G);
-          a.drawElements(a.TRIANGLES, A.indices.length, a.UNSIGNED_SHORT, O);
-          u += 4 * A.ia.length;
-          O += 2 * A.indices.length;
+          a.uniform4f(e, C.N[0] * q * C.X, C.N[1] * W * C.Y, C.N[2] * q * C.X, C.N[3] * W * C.Y);
+          a.uniform2f(f, C.N[4] * q * C.X + q * (C.na - C.fb * C.X) - 1, C.N[5] * W * C.Y + W * (C.oa - C.gb * C.Y) + 1);
+          a.vertexAttribPointer(0, 2, a.FLOAT, !1, 0, v);
+          a.vertexAttribPointer(1, 2, a.FLOAT, !1, 0, v + 4 * G);
+          a.drawElements(a.TRIANGLES, C.indices.length, a.UNSIGNED_SHORT, O);
+          v += 4 * C.ia.length;
+          O += 2 * C.indices.length;
         }
-        console.assert(u == 4 * G);
+        console.assert(v == 4 * G);
         console.assert(O == 2 * D);
       }
     }
@@ -347,10 +351,10 @@ h.onRuntimeInitialized = function() {
     return "rgba(" + ((16711680 & p) >>> 16) + "," + ((65280 & p) >>> 8) + "," + ((255 & p) >>> 0) + "," + ((4278190080 & p) >>> 24) / 255 + ")";
   }
   function c() {
-    0 < I.length && (ha.Qa(u.drawWidth(), u.drawHeight(), I, O, X), I = [], X = O = 0, u.reset(512, 512));
+    0 < I.length && (ha.Qa(v.drawWidth(), v.drawHeight(), I, O, X), I = [], X = O = 0, v.reset(512, 512));
     for (const p of D) {
-      for (const w of p.u) {
-        w();
+      for (const u of p.u) {
+        u();
       }
       p.u = [];
     }
@@ -358,56 +362,56 @@ h.onRuntimeInitialized = function() {
   }
   la && la();
   var d = h.RenderPaintStyle;
-  const e = h.RenderPath, g = h.RenderPaint, m = h.Renderer, k = h.StrokeCap, n = h.StrokeJoin, l = h.BlendMode, t = d.fill, v = d.stroke, x = h.FillRule.evenOdd;
-  let f = 1;
-  var r = h.RenderImage.extend("CanvasRenderImage", {__construct:function({R:p, W:w} = {}) {
+  const e = h.RenderPath, f = h.RenderPaint, m = h.Renderer, k = h.StrokeCap, n = h.StrokeJoin, l = h.BlendMode, t = d.fill, w = d.stroke, x = h.FillRule.evenOdd;
+  let g = 1;
+  var r = h.RenderImage.extend("CanvasRenderImage", {__construct:function({R:p, W:u} = {}) {
     this.__parent.__construct.call(this);
-    this.da = f;
-    f = f + 1 & 2147483647 || 1;
+    this.da = g;
+    g = g + 1 & 2147483647 || 1;
     this.R = p;
-    this.W = w;
+    this.W = u;
   }, __destruct:function() {
     this.ca && (ha.Ma(this.ca), URL.revokeObjectURL(this.la));
     this.__parent.__destruct.call(this);
   }, decode:function(p) {
-    var w = this;
-    w.W && w.W(w);
-    var B = new Image();
-    w.la = URL.createObjectURL(new Blob([p], {type:"image/png",}));
-    B.onload = function() {
-      w.Ga = B;
-      w.ca = ha.La(B);
-      w.size(B.width, B.height);
-      w.R && w.R(w);
+    var u = this;
+    u.W && u.W(u);
+    var A = new Image();
+    u.la = URL.createObjectURL(new Blob([p], {type:"image/png",}));
+    A.onload = function() {
+      u.Ga = A;
+      u.ca = ha.La(A);
+      u.size(A.width, A.height);
+      u.R && u.R(u);
     };
-    B.src = w.la;
+    A.src = u.la;
   },}), q = e.extend("CanvasRenderPath", {__construct:function() {
     this.__parent.__construct.call(this);
     this.F = new Path2D();
   }, rewind:function() {
     this.F = new Path2D();
-  }, addPath:function(p, w, B, C, z, E, F) {
+  }, addPath:function(p, u, A, B, y, E, F) {
     var H = this.F, T = H.addPath;
     p = p.F;
     const K = new DOMMatrix();
-    K.a = w;
-    K.b = B;
-    K.c = C;
-    K.d = z;
+    K.a = u;
+    K.b = A;
+    K.c = B;
+    K.d = y;
     K.e = E;
     K.f = F;
     T.call(H, p, K);
   }, fillRule:function(p) {
     this.ka = p;
-  }, moveTo:function(p, w) {
-    this.F.moveTo(p, w);
-  }, lineTo:function(p, w) {
-    this.F.lineTo(p, w);
-  }, cubicTo:function(p, w, B, C, z, E) {
-    this.F.bezierCurveTo(p, w, B, C, z, E);
+  }, moveTo:function(p, u) {
+    this.F.moveTo(p, u);
+  }, lineTo:function(p, u) {
+    this.F.lineTo(p, u);
+  }, cubicTo:function(p, u, A, B, y, E) {
+    this.F.bezierCurveTo(p, u, A, B, y, E);
   }, close:function() {
     this.F.closePath();
-  },}), G = g.extend("CanvasRenderPaint", {color:function(p) {
+  },}), G = f.extend("CanvasRenderPaint", {color:function(p) {
     this.ma = a(p);
   }, thickness:function(p) {
     this.Ja = p;
@@ -439,44 +443,44 @@ h.onRuntimeInitialized = function() {
     this.Fa = b(p);
   }, clearGradient:function() {
     this.P = null;
-  }, linearGradient:function(p, w, B, C) {
-    this.P = {Ca:p, Da:w, qa:B, ra:C, ga:[],};
-  }, radialGradient:function(p, w, B, C) {
-    this.P = {Ca:p, Da:w, qa:B, ra:C, ga:[], bb:!0,};
-  }, addStop:function(p, w) {
-    this.P.ga.push({color:p, stop:w,});
+  }, linearGradient:function(p, u, A, B) {
+    this.P = {Ca:p, Da:u, qa:A, ra:B, ga:[],};
+  }, radialGradient:function(p, u, A, B) {
+    this.P = {Ca:p, Da:u, qa:A, ra:B, ga:[], bb:!0,};
+  }, addStop:function(p, u) {
+    this.P.ga.push({color:p, stop:u,});
   }, completeGradient:function() {
-  }, draw:function(p, w, B) {
-    let C = this.Ia;
-    var z = this.ma, E = this.P;
+  }, draw:function(p, u, A) {
+    let B = this.Ia;
+    var y = this.ma, E = this.P;
     p.globalCompositeOperation = this.Fa;
     if (null != E) {
-      z = E.Ca;
+      y = E.Ca;
       var F = E.Da;
       const T = E.qa;
       var H = E.ra;
       const K = E.ga;
-      E.bb ? (E = T - z, H -= F, z = p.createRadialGradient(z, F, 0, z, F, Math.sqrt(E * E + H * H))) : z = p.createLinearGradient(z, F, T, H);
+      E.bb ? (E = T - y, H -= F, y = p.createRadialGradient(y, F, 0, y, F, Math.sqrt(E * E + H * H))) : y = p.createLinearGradient(y, F, T, H);
       for (let Y = 0, N = K.length; Y < N; Y++) {
-        F = K[Y], z.addColorStop(F.stop, a(F.color));
+        F = K[Y], y.addColorStop(F.stop, a(F.color));
       }
-      this.ma = z;
+      this.ma = y;
       this.P = null;
     }
-    switch(C) {
-      case v:
-        p.strokeStyle = z;
+    switch(B) {
+      case w:
+        p.strokeStyle = y;
         p.lineWidth = this.Ja;
         p.lineCap = this.aa;
         p.lineJoin = this.ba;
-        p.stroke(w);
+        p.stroke(u);
         break;
       case t:
-        p.fillStyle = z, p.fill(w, B);
+        p.fillStyle = y, p.fill(u, A);
     }
   },});
   const D = new Set();
-  let u = null, I = [], O = 0, X = 0;
+  let v = null, I = [], O = 0, X = 0;
   var ia = h.CanvasRenderer = m.extend("Renderer", {__construct:function(p) {
     this.__parent.__construct.call(this);
     this.D = [1, 0, 0, 1, 0, 0];
@@ -493,33 +497,33 @@ h.onRuntimeInitialized = function() {
     }
     this.D.splice(p);
     this.u.push(this.o.restore.bind(this.o));
-  }, transform:function(p, w, B, C, z, E) {
+  }, transform:function(p, u, A, B, y, E) {
     const F = this.D, H = F.length - 6;
-    F.splice(H, 6, F[H] * p + F[H + 2] * w, F[H + 1] * p + F[H + 3] * w, F[H] * B + F[H + 2] * C, F[H + 1] * B + F[H + 3] * C, F[H] * z + F[H + 2] * E + F[H + 4], F[H + 1] * z + F[H + 3] * E + F[H + 5]);
-    this.u.push(this.o.transform.bind(this.o, p, w, B, C, z, E));
+    F.splice(H, 6, F[H] * p + F[H + 2] * u, F[H + 1] * p + F[H + 3] * u, F[H] * A + F[H + 2] * B, F[H + 1] * A + F[H + 3] * B, F[H] * y + F[H + 2] * E + F[H + 4], F[H + 1] * y + F[H + 3] * E + F[H + 5]);
+    this.u.push(this.o.transform.bind(this.o, p, u, A, B, y, E));
   }, rotate:function(p) {
-    const w = Math.sin(p);
+    const u = Math.sin(p);
     p = Math.cos(p);
-    this.transform(p, w, -w, p, 0, 0);
-  }, _drawPath:function(p, w) {
-    this.u.push(w.draw.bind(w, this.o, p.F, p.ka === x ? "evenodd" : "nonzero"));
-  }, _drawRiveImage:function(p, w, B) {
-    var C = p.Ga;
-    if (C) {
-      var z = this.o, E = b(w);
+    this.transform(p, u, -u, p, 0, 0);
+  }, _drawPath:function(p, u) {
+    this.u.push(u.draw.bind(u, this.o, p.F, p.ka === x ? "evenodd" : "nonzero"));
+  }, _drawRiveImage:function(p, u, A) {
+    var B = p.Ga;
+    if (B) {
+      var y = this.o, E = b(u);
       this.u.push(function() {
-        z.globalCompositeOperation = E;
-        z.globalAlpha = B;
-        z.drawImage(C, 0, 0);
-        z.globalAlpha = 1;
+        y.globalCompositeOperation = E;
+        y.globalAlpha = A;
+        y.drawImage(B, 0, 0);
+        y.globalAlpha = 1;
       });
     }
   }, _getMatrix:function(p) {
-    const w = this.D, B = w.length - 6;
-    for (let C = 0; 6 > C; ++C) {
-      p[C] = w[B + C];
+    const u = this.D, A = u.length - 6;
+    for (let B = 0; 6 > B; ++B) {
+      p[B] = u[A + B];
     }
-  }, _drawImageMesh:function(p, w, B, C, z, E, F, H, T, K) {
+  }, _drawImageMesh:function(p, u, A, B, y, E, F, H, T, K) {
     var Y = this.o.canvas.width, N = this.o.canvas.height;
     const tb = T - F, ub = K - H;
     F = Math.max(F, 0);
@@ -536,19 +540,19 @@ h.onRuntimeInitialized = function() {
       N = ha.eb();
       ja > N && (K *= N / ja, ja = N);
       ka > N && (Y *= N / ka, ka = N);
-      u || (u = new h.DynamicRectanizer(N), u.reset(512, 512));
-      N = u.addRect(ja, ka);
-      0 > N && (c(), D.add(this), N = u.addRect(ja, ka), console.assert(0 <= N));
+      v || (v = new h.DynamicRectanizer(N), v.reset(512, 512));
+      N = v.addRect(ja, ka);
+      0 > N && (c(), D.add(this), N = v.addRect(ja, ka), console.assert(0 <= N));
       var vb = N & 65535, wb = N >> 16;
-      I.push({N:this.D.slice(this.D.length - 6), image:p, na:vb, oa:wb, fb:F, gb:H, sb:ja, va:ka, X:K, Y, ia:new Float32Array(C), Ea:new Float32Array(z), indices:new Uint16Array(E), hb:T, Ba:p.da << 1 | (T ? 1 : 0),});
-      O += C.length;
+      I.push({N:this.D.slice(this.D.length - 6), image:p, na:vb, oa:wb, fb:F, gb:H, sb:ja, va:ka, X:K, Y, ia:new Float32Array(B), Ea:new Float32Array(y), indices:new Uint16Array(E), hb:T, Ba:p.da << 1 | (T ? 1 : 0),});
+      O += B.length;
       X += E.length;
-      var pa = this.o, oc = b(w);
+      var pa = this.o, oc = b(u);
       this.u.push(function() {
         pa.save();
         pa.resetTransform();
         pa.globalCompositeOperation = oc;
-        pa.globalAlpha = B;
+        pa.globalAlpha = A;
         const xb = ha.canvas();
         xb && pa.drawImage(xb, vb, wb, ja, ka, F, H, wa, xa);
         pa.restore();
@@ -560,36 +564,36 @@ h.onRuntimeInitialized = function() {
     D.add(this);
     this.u.push(this.o.clearRect.bind(this.o, 0, 0, this.ja.width, this.ja.height));
   }, flush:function() {
-  }, translate:function(p, w) {
-    this.transform(1, 0, 0, 1, p, w);
+  }, translate:function(p, u) {
+    this.transform(1, 0, 0, 1, p, u);
   },});
   h.makeRenderer = function(p) {
-    const w = new ia(p), B = w.o;
-    return new Proxy(w, {get(C, z) {
-      if ("function" === typeof C[z]) {
+    const u = new ia(p), A = u.o;
+    return new Proxy(u, {get(B, y) {
+      if ("function" === typeof B[y]) {
         return function(...E) {
-          return C[z].apply(C, E);
+          return B[y].apply(B, E);
         };
       }
-      if ("function" === typeof B[z]) {
-        if (-1 < fa.indexOf(z)) {
-          throw Error("RiveException: Method call to '" + z + "()' is not allowed, as the renderer cannot immediately pass through the return                 values of any canvas 2d context methods.");
+      if ("function" === typeof A[y]) {
+        if (-1 < fa.indexOf(y)) {
+          throw Error("RiveException: Method call to '" + y + "()' is not allowed, as the renderer cannot immediately pass through the return                 values of any canvas 2d context methods.");
         }
         return function(...E) {
-          w.u.push(B[z].bind(B, ...E));
+          u.u.push(A[y].bind(A, ...E));
         };
       }
-      return C[z];
-    }, set(C, z, E) {
-      if (z in B) {
-        return w.u.push(() => {
-          B[z] = E;
+      return B[y];
+    }, set(B, y, E) {
+      if (y in A) {
+        return u.u.push(() => {
+          A[y] = E;
         }), !0;
       }
     },});
   };
-  h.decodeImage = function(p, w) {
-    (new r({R:w})).decode(p);
+  h.decodeImage = function(p, u) {
+    (new r({R:u})).decode(p);
   };
   h.renderFactory = {makeRenderPaint:function() {
     return new G();
@@ -602,25 +606,29 @@ h.onRuntimeInitialized = function() {
     }, R:() => {
       p.loaded++;
       if (p.loaded === p.total) {
-        const w = p.ready;
-        w && (w(), p.ready = null);
+        const u = p.ready;
+        u && (u(), p.ready = null);
       }
     },});
   },};
-  let A = h.load, W = null;
-  h.load = function(p, w, B = !0) {
-    const C = new h.FallbackFileAssetLoader();
-    void 0 !== w && C.addLoader(w);
-    B && (w = new h.CDNFileAssetLoader(), C.addLoader(w));
-    return new Promise(function(z) {
+  let C = h.load, W = null;
+  h.load = function(p, u, A = !0) {
+    const B = new h.FallbackFileAssetLoader();
+    void 0 !== u && B.addLoader(u);
+    A && (u = new h.CDNFileAssetLoader(), B.addLoader(u));
+    return new Promise(function(y) {
       let E = null;
       W = {total:0, loaded:0, ready:function() {
-        z(E);
+        y(E);
       },};
-      E = A(p, C);
-      0 == W.total && z(E);
+      E = C(p, B);
+      0 == W.total && y(E);
     });
   };
+  let pc = h.RendererWrapper.prototype.align;
+  h.RendererWrapper.prototype.align = function(p, u, A, B, y = 1.0) {
+    pc.call(this, p, u, A, B, y);
+  };
   d = new ca();
   h.requestAnimationFrame = d.requestAnimationFrame.bind(d);
   h.cancelAnimationFrame = d.cancelAnimationFrame.bind(d);
@@ -629,12 +637,12 @@ h.onRuntimeInitialized = function() {
   d.xa = c;
   h.resolveAnimationFrame = c;
   h.cleanup = function() {
-    u && u.delete();
+    v && v.delete();
   };
 };
-var ma = Object.assign({}, h), na = "./this.program", oa = "object" == typeof window, qa = "function" == typeof importScripts, y = "", ra, sa;
+var ma = Object.assign({}, h), na = "./this.program", oa = "object" == typeof window, qa = "function" == typeof importScripts, z = "", ra, sa;
 if (oa || qa) {
-  qa ? y = self.location.href : "undefined" != typeof document && document.currentScript && (y = document.currentScript.src), _scriptDir && (y = _scriptDir), 0 !== y.indexOf("blob:") ? y = y.substr(0, y.replace(/[?#].*/, "").lastIndexOf("/") + 1) : y = "", qa && (sa = b => {
+  qa ? z = self.location.href : "undefined" != typeof document && document.currentScript && (z = document.currentScript.src), _scriptDir && (z = _scriptDir), 0 !== z.indexOf("blob:") ? z = z.substr(0, z.replace(/[?#].*/, "").lastIndexOf("/") + 1) : z = "", qa && (sa = b => {
     var a = new XMLHttpRequest();
     a.open("GET", b, !1);
     a.responseType = "arraybuffer";
@@ -695,7 +703,7 @@ var Qa;
 Qa = "canvas_advanced.wasm";
 if (!Pa(Qa)) {
   var Ra = Qa;
-  Qa = h.locateFile ? h.locateFile(Ra, y) : y + Ra;
+  Qa = h.locateFile ? h.locateFile(Ra, z) : z + Ra;
 }
 function Sa(b) {
   if (b == Qa && va) {
@@ -901,15 +909,15 @@ function V(b, a, c) {
   b.forEach(function(k) {
     Hb[k] = a;
   });
-  var e = Array(a.length), g = [], m = 0;
+  var e = Array(a.length), f = [], m = 0;
   a.forEach((k, n) => {
-    jb.hasOwnProperty(k) ? e[n] = jb[k] : (g.push(k), Gb.hasOwnProperty(k) || (Gb[k] = []), Gb[k].push(() => {
+    jb.hasOwnProperty(k) ? e[n] = jb[k] : (f.push(k), Gb.hasOwnProperty(k) || (Gb[k] = []), Gb[k].push(() => {
       e[n] = jb[k];
       ++m;
-      m === g.length && d(e);
+      m === f.length && d(e);
     }));
   });
-  0 === g.length && d(e);
+  0 === f.length && d(e);
 }
 function Jb(b) {
   switch(b) {
@@ -963,13 +971,13 @@ function Nb(b, a, c) {
 function Ob(b, a, c) {
   h.hasOwnProperty(b) ? ((void 0 === c || void 0 !== h[b].m && void 0 !== h[b].m[c]) && R(`Cannot register public name '${b}' twice`), Nb(h, b, b), h.hasOwnProperty(c) && R(`Cannot register multiple overloads of a function with the same number of arguments (${c})!`), h[b].m[c] = a) : (h[b] = a, void 0 !== c && (h[b].tb = c));
 }
-function Pb(b, a, c, d, e, g, m, k) {
+function Pb(b, a, c, d, e, f, m, k) {
   this.name = b;
   this.constructor = a;
   this.B = c;
   this.H = d;
   this.l = e;
-  this.Ua = g;
+  this.Ua = f;
   this.S = m;
   this.Pa = k;
   this.ya = [];
@@ -1075,16 +1083,16 @@ function Z(b, a) {
 }
 var $b = void 0;
 function ac(b, a) {
-  function c(g) {
-    e[g] || jb[g] || (Hb[g] ? Hb[g].forEach(c) : (d.push(g), e[g] = !0));
+  function c(f) {
+    e[f] || jb[f] || (Hb[f] ? Hb[f].forEach(c) : (d.push(f), e[f] = !0));
   }
   var d = [], e = {};
   a.forEach(c);
   throw new $b(`${b}: ` + d.map(kb).join([", "]));
 }
 function bc(b, a, c, d, e) {
-  var g = a.length;
-  2 > g && R("argTypes array size mismatch! Must at least get return value and 'this' types!");
+  var f = a.length;
+  2 > f && R("argTypes array size mismatch! Must at least get return value and 'this' types!");
   var m = null !== a[1] && null !== c, k = !1;
   for (c = 1; c < a.length; ++c) {
     if (null !== a[c] && void 0 === a[c].v) {
@@ -1092,30 +1100,30 @@ function bc(b, a, c, d, e) {
       break;
     }
   }
-  var n = "void" !== a[0].name, l = g - 2, t = Array(l), v = [], x = [];
+  var n = "void" !== a[0].name, l = f - 2, t = Array(l), w = [], x = [];
   return function() {
     arguments.length !== l && R(`function ${b} called with ${arguments.length} arguments, expected ${l} args!`);
     x.length = 0;
-    v.length = m ? 2 : 1;
-    v[0] = e;
+    w.length = m ? 2 : 1;
+    w[0] = e;
     if (m) {
-      var f = a[1].toWireType(x, this);
-      v[1] = f;
+      var g = a[1].toWireType(x, this);
+      w[1] = g;
     }
     for (var r = 0; r < l; ++r) {
-      t[r] = a[r + 2].toWireType(x, arguments[r]), v.push(t[r]);
+      t[r] = a[r + 2].toWireType(x, arguments[r]), w.push(t[r]);
     }
-    r = d.apply(null, v);
+    r = d.apply(null, w);
     if (k) {
       Eb(x);
     } else {
       for (var q = m ? 1 : 2; q < a.length; q++) {
-        var G = 1 === q ? f : t[q - 2];
+        var G = 1 === q ? g : t[q - 2];
         null !== a[q].v && a[q].v(G);
       }
     }
-    f = n ? a[0].fromWireType(r) : void 0;
-    return f;
+    g = n ? a[0].fromWireType(r) : void 0;
+    return g;
   };
 }
 function cc(b, a) {
@@ -1200,38 +1208,38 @@ var ic = (b, a, c, d) => {
   if (0 < d) {
     d = c + d - 1;
     for (var e = 0; e < b.length; ++e) {
-      var g = b.charCodeAt(e);
-      if (55296 <= g && 57343 >= g) {
+      var f = b.charCodeAt(e);
+      if (55296 <= f && 57343 >= f) {
         var m = b.charCodeAt(++e);
-        g = 65536 + ((g & 1023) << 10) | m & 1023;
+        f = 65536 + ((f & 1023) << 10) | m & 1023;
       }
-      if (127 >= g) {
+      if (127 >= f) {
         if (c >= d) {
           break;
         }
-        a[c++] = g;
+        a[c++] = f;
       } else {
-        if (2047 >= g) {
+        if (2047 >= f) {
           if (c + 1 >= d) {
             break;
           }
-          a[c++] = 192 | g >> 6;
+          a[c++] = 192 | f >> 6;
         } else {
-          if (65535 >= g) {
+          if (65535 >= f) {
             if (c + 2 >= d) {
               break;
             }
-            a[c++] = 224 | g >> 12;
+            a[c++] = 224 | f >> 12;
           } else {
             if (c + 3 >= d) {
               break;
             }
-            a[c++] = 240 | g >> 18;
-            a[c++] = 128 | g >> 12 & 63;
+            a[c++] = 240 | f >> 18;
+            a[c++] = 128 | f >> 12 & 63;
           }
-          a[c++] = 128 | g >> 6 & 63;
+          a[c++] = 128 | f >> 6 & 63;
         }
-        a[c++] = 128 | g & 63;
+        a[c++] = 128 | f & 63;
       }
     }
     a[c] = 0;
@@ -1253,12 +1261,12 @@ var ic = (b, a, c, d) => {
   for (d = ""; a < c;) {
     var e = b[a++];
     if (e & 128) {
-      var g = b[a++] & 63;
+      var f = b[a++] & 63;
       if (192 == (e & 224)) {
-        d += String.fromCharCode((e & 31) << 6 | g);
+        d += String.fromCharCode((e & 31) << 6 | f);
       } else {
         var m = b[a++] & 63;
-        e = 224 == (e & 240) ? (e & 15) << 12 | g << 6 | m : (e & 7) << 18 | g << 12 | m << 6 | b[a++] & 63;
+        e = 224 == (e & 240) ? (e & 15) << 12 | f << 6 | m : (e & 7) << 18 | f << 12 | m << 6 | b[a++] & 63;
         65536 > e ? d += String.fromCharCode(e) : (e -= 65536, d += String.fromCharCode(55296 | e >> 10, 56320 | e & 1023));
       }
     } else {
@@ -1284,7 +1292,7 @@ var ic = (b, a, c, d) => {
     c += String.fromCharCode(e);
   }
   return c;
-}, pc = (b, a, c) => {
+}, qc = (b, a, c) => {
   void 0 === c && (c = 2147483647);
   if (2 > c) {
     return 0;
@@ -1297,7 +1305,7 @@ var ic = (b, a, c, d) => {
   }
   Ca[a >> 1] = 0;
   return a - d;
-}, qc = b => 2 * b.length, rc = (b, a) => {
+}, rc = b => 2 * b.length, sc = (b, a) => {
   for (var c = 0, d = ""; !(c >= a / 4);) {
     var e = M[b + 4 * c >> 2];
     if (0 == e) {
@@ -1307,7 +1315,7 @@ var ic = (b, a, c, d) => {
     65536 <= e ? (e -= 65536, d += String.fromCharCode(55296 | e >> 10, 56320 | e & 1023)) : d += String.fromCharCode(e);
   }
   return d;
-}, sc = (b, a, c) => {
+}, tc = (b, a, c) => {
   void 0 === c && (c = 2147483647);
   if (4 > c) {
     return 0;
@@ -1315,12 +1323,12 @@ var ic = (b, a, c, d) => {
   var d = a;
   c = d + c - 4;
   for (var e = 0; e < b.length; ++e) {
-    var g = b.charCodeAt(e);
-    if (55296 <= g && 57343 >= g) {
+    var f = b.charCodeAt(e);
+    if (55296 <= f && 57343 >= f) {
       var m = b.charCodeAt(++e);
-      g = 65536 + ((g & 1023) << 10) | m & 1023;
+      f = 65536 + ((f & 1023) << 10) | m & 1023;
     }
-    M[a >> 2] = g;
+    M[a >> 2] = f;
     a += 4;
     if (a + 4 > c) {
       break;
@@ -1328,100 +1336,100 @@ var ic = (b, a, c, d) => {
   }
   M[a >> 2] = 0;
   return a - d;
-}, tc = b => {
+}, uc = b => {
   for (var a = 0, c = 0; c < b.length; ++c) {
     var d = b.charCodeAt(c);
     55296 <= d && 57343 >= d && ++c;
     a += 4;
   }
   return a;
-}, uc = {};
-function vc(b) {
-  var a = uc[b];
+}, vc = {};
+function wc(b) {
+  var a = vc[b];
   return void 0 === a ? U(b) : a;
 }
-var wc = [];
-function xc(b) {
-  var a = wc.length;
-  wc.push(b);
+var xc = [];
+function yc(b) {
+  var a = xc.length;
+  xc.push(b);
   return a;
 }
-function yc(b, a) {
+function zc(b, a) {
   for (var c = Array(b), d = 0; d < b; ++d) {
     c[d] = nb(P[a + 4 * d >> 2], "parameter " + d);
   }
   return c;
 }
-var zc = [], Ac = {}, Cc = () => {
-  if (!Bc) {
+var Ac = [], Bc = {}, Dc = () => {
+  if (!Cc) {
     var b = {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"}, a;
-    for (a in Ac) {
-      void 0 === Ac[a] ? delete b[a] : b[a] = Ac[a];
+    for (a in Bc) {
+      void 0 === Bc[a] ? delete b[a] : b[a] = Bc[a];
     }
     var c = [];
     for (a in b) {
       c.push(`${a}=${b[a]}`);
     }
-    Bc = c;
+    Cc = c;
   }
-  return Bc;
-}, Bc, Dc = [null, [], []], Ec = b => 0 === b % 4 && (0 !== b % 100 || 0 === b % 400), Fc = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Gc = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function Hc(b) {
+  return Cc;
+}, Cc, Ec = [null, [], []], Fc = b => 0 === b % 4 && (0 !== b % 100 || 0 === b % 400), Gc = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Hc = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function Ic(b) {
   var a = Array(jc(b) + 1);
   ic(b, a, 0, a.length);
   return a;
 }
-var Ic = (b, a, c, d) => {
-  function e(f, r, q) {
-    for (f = "number" == typeof f ? f.toString() : f || ""; f.length < r;) {
-      f = q[0] + f;
+var Jc = (b, a, c, d) => {
+  function e(g, r, q) {
+    for (g = "number" == typeof g ? g.toString() : g || ""; g.length < r;) {
+      g = q[0] + g;
     }
-    return f;
+    return g;
   }
-  function g(f, r) {
-    return e(f, r, "0");
+  function f(g, r) {
+    return e(g, r, "0");
   }
-  function m(f, r) {
+  function m(g, r) {
     function q(D) {
       return 0 > D ? -1 : 0 < D ? 1 : 0;
     }
     var G;
-    0 === (G = q(f.getFullYear() - r.getFullYear())) && 0 === (G = q(f.getMonth() - r.getMonth())) && (G = q(f.getDate() - r.getDate()));
+    0 === (G = q(g.getFullYear() - r.getFullYear())) && 0 === (G = q(g.getMonth() - r.getMonth())) && (G = q(g.getDate() - r.getDate()));
     return G;
   }
-  function k(f) {
-    switch(f.getDay()) {
+  function k(g) {
+    switch(g.getDay()) {
       case 0:
-        return new Date(f.getFullYear() - 1, 11, 29);
+        return new Date(g.getFullYear() - 1, 11, 29);
       case 1:
-        return f;
+        return g;
       case 2:
-        return new Date(f.getFullYear(), 0, 3);
+        return new Date(g.getFullYear(), 0, 3);
       case 3:
-        return new Date(f.getFullYear(), 0, 2);
+        return new Date(g.getFullYear(), 0, 2);
       case 4:
-        return new Date(f.getFullYear(), 0, 1);
+        return new Date(g.getFullYear(), 0, 1);
       case 5:
-        return new Date(f.getFullYear() - 1, 11, 31);
+        return new Date(g.getFullYear() - 1, 11, 31);
       case 6:
-        return new Date(f.getFullYear() - 1, 11, 30);
+        return new Date(g.getFullYear() - 1, 11, 30);
     }
   }
-  function n(f) {
-    var r = f.J;
-    for (f = new Date((new Date(f.K + 1900, 0, 1)).getTime()); 0 < r;) {
-      var q = f.getMonth(), G = (Ec(f.getFullYear()) ? Fc : Gc)[q];
-      if (r > G - f.getDate()) {
-        r -= G - f.getDate() + 1, f.setDate(1), 11 > q ? f.setMonth(q + 1) : (f.setMonth(0), f.setFullYear(f.getFullYear() + 1));
+  function n(g) {
+    var r = g.J;
+    for (g = new Date((new Date(g.K + 1900, 0, 1)).getTime()); 0 < r;) {
+      var q = g.getMonth(), G = (Fc(g.getFullYear()) ? Gc : Hc)[q];
+      if (r > G - g.getDate()) {
+        r -= G - g.getDate() + 1, g.setDate(1), 11 > q ? g.setMonth(q + 1) : (g.setMonth(0), g.setFullYear(g.getFullYear() + 1));
       } else {
-        f.setDate(f.getDate() + r);
+        g.setDate(g.getDate() + r);
         break;
       }
     }
-    q = new Date(f.getFullYear() + 1, 0, 4);
-    r = k(new Date(f.getFullYear(), 0, 4));
+    q = new Date(g.getFullYear() + 1, 0, 4);
+    r = k(new Date(g.getFullYear(), 0, 4));
     q = k(q);
-    return 0 >= m(r, f) ? 0 >= m(q, f) ? f.getFullYear() + 1 : f.getFullYear() : f.getFullYear() - 1;
+    return 0 >= m(r, g) ? 0 >= m(q, g) ? g.getFullYear() + 1 : g.getFullYear() : g.getFullYear() - 1;
   }
   var l = M[d + 40 >> 2];
   d = {qb:M[d >> 2], pb:M[d + 4 >> 2], Z:M[d + 8 >> 2], ha:M[d + 12 >> 2], $:M[d + 16 >> 2], K:M[d + 20 >> 2], C:M[d + 24 >> 2], J:M[d + 28 >> 2], ub:M[d + 32 >> 2], ob:M[d + 36 >> 2], rb:l ? l ? lc(L, l) : "" : ""};
@@ -1430,38 +1438,38 @@ var Ic = (b, a, c, d) => {
   for (var t in l) {
     c = c.replace(new RegExp(t, "g"), l[t]);
   }
-  var v = "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "), x = "January February March April May June July August September October November December".split(" ");
-  l = {"%a":f => v[f.C].substring(0, 3), "%A":f => v[f.C], "%b":f => x[f.$].substring(0, 3), "%B":f => x[f.$], "%C":f => g((f.K + 1900) / 100 | 0, 2), "%d":f => g(f.ha, 2), "%e":f => e(f.ha, 2, " "), "%g":f => n(f).toString().substring(2), "%G":f => n(f), "%H":f => g(f.Z, 2), "%I":f => {
-    f = f.Z;
-    0 == f ? f = 12 : 12 < f && (f -= 12);
-    return g(f, 2);
-  }, "%j":f => {
-    for (var r = 0, q = 0; q <= f.$ - 1; r += (Ec(f.K + 1900) ? Fc : Gc)[q++]) {
+  var w = "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "), x = "January February March April May June July August September October November December".split(" ");
+  l = {"%a":g => w[g.C].substring(0, 3), "%A":g => w[g.C], "%b":g => x[g.$].substring(0, 3), "%B":g => x[g.$], "%C":g => f((g.K + 1900) / 100 | 0, 2), "%d":g => f(g.ha, 2), "%e":g => e(g.ha, 2, " "), "%g":g => n(g).toString().substring(2), "%G":g => n(g), "%H":g => f(g.Z, 2), "%I":g => {
+    g = g.Z;
+    0 == g ? g = 12 : 12 < g && (g -= 12);
+    return f(g, 2);
+  }, "%j":g => {
+    for (var r = 0, q = 0; q <= g.$ - 1; r += (Fc(g.K + 1900) ? Gc : Hc)[q++]) {
     }
-    return g(f.ha + r, 3);
-  }, "%m":f => g(f.$ + 1, 2), "%M":f => g(f.pb, 2), "%n":() => "\n", "%p":f => 0 <= f.Z && 12 > f.Z ? "AM" : "PM", "%S":f => g(f.qb, 2), "%t":() => "\t", "%u":f => f.C || 7, "%U":f => g(Math.floor((f.J + 7 - f.C) / 7), 2), "%V":f => {
-    var r = Math.floor((f.J + 7 - (f.C + 6) % 7) / 7);
-    2 >= (f.C + 371 - f.J - 2) % 7 && r++;
+    return f(g.ha + r, 3);
+  }, "%m":g => f(g.$ + 1, 2), "%M":g => f(g.pb, 2), "%n":() => "\n", "%p":g => 0 <= g.Z && 12 > g.Z ? "AM" : "PM", "%S":g => f(g.qb, 2), "%t":() => "\t", "%u":g => g.C || 7, "%U":g => f(Math.floor((g.J + 7 - g.C) / 7), 2), "%V":g => {
+    var r = Math.floor((g.J + 7 - (g.C + 6) % 7) / 7);
+    2 >= (g.C + 371 - g.J - 2) % 7 && r++;
     if (r) {
-      53 == r && (q = (f.C + 371 - f.J) % 7, 4 == q || 3 == q && Ec(f.K) || (r = 1));
+      53 == r && (q = (g.C + 371 - g.J) % 7, 4 == q || 3 == q && Fc(g.K) || (r = 1));
     } else {
       r = 52;
-      var q = (f.C + 7 - f.J - 1) % 7;
-      (4 == q || 5 == q && Ec(f.K % 400 - 1)) && r++;
+      var q = (g.C + 7 - g.J - 1) % 7;
+      (4 == q || 5 == q && Fc(g.K % 400 - 1)) && r++;
     }
-    return g(r, 2);
-  }, "%w":f => f.C, "%W":f => g(Math.floor((f.J + 7 - (f.C + 6) % 7) / 7), 2), "%y":f => (f.K + 1900).toString().substring(2), "%Y":f => f.K + 1900, "%z":f => {
-    f = f.ob;
-    var r = 0 <= f;
-    f = Math.abs(f) / 60;
-    return (r ? "+" : "-") + String("0000" + (f / 60 * 100 + f % 60)).slice(-4);
-  }, "%Z":f => f.rb, "%%":() => "%"};
+    return f(r, 2);
+  }, "%w":g => g.C, "%W":g => f(Math.floor((g.J + 7 - (g.C + 6) % 7) / 7), 2), "%y":g => (g.K + 1900).toString().substring(2), "%Y":g => g.K + 1900, "%z":g => {
+    g = g.ob;
+    var r = 0 <= g;
+    g = Math.abs(g) / 60;
+    return (r ? "+" : "-") + String("0000" + (g / 60 * 100 + g % 60)).slice(-4);
+  }, "%Z":g => g.rb, "%%":() => "%"};
   c = c.replace(/%%/g, "\x00\x00");
   for (t in l) {
     c.includes(t) && (c = c.replace(new RegExp(t, "g"), l[t](d)));
   }
   c = c.replace(/\0\0/g, "%");
-  t = Hc(c);
+  t = Ic(c);
   if (t.length > a) {
     return 0;
   }
@@ -1495,10 +1503,10 @@ h.count_emval_handles = function() {
   return b;
 };
 cb = h.PureVirtualError = bb("PureVirtualError");
-for (var Jc = Array(256), Kc = 0; 256 > Kc; ++Kc) {
-  Jc[Kc] = String.fromCharCode(Kc);
+for (var Kc = Array(256), Lc = 0; 256 > Lc; ++Lc) {
+  Kc[Lc] = String.fromCharCode(Lc);
 }
-db = Jc;
+db = Kc;
 h.getInheritedInstanceCount = function() {
   return Object.keys(hb).length;
 };
@@ -1603,22 +1611,22 @@ Vb.prototype.fromWireType = function(b) {
   return null === e ? a.call(this) : this.V ? Bb(d.h.B, {j:d, i:e, A:this, s:b,}) : Bb(d.h.B, {j:d, i:e,});
 };
 $b = h.UnboundTypeError = bb("UnboundTypeError");
-var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
+var Nc = {_embind_create_inheriting_constructor:function(b, a, c) {
   b = U(b);
   a = nb(a, "wrapper");
   c = S(c);
-  var d = [].slice, e = a.h, g = e.B, m = e.l.B, k = e.l.constructor;
+  var d = [].slice, e = a.h, f = e.B, m = e.l.B, k = e.l.constructor;
   b = Ya(b, function() {
     e.l.ya.forEach(function(l) {
       if (this[l] === m[l]) {
         throw new cb(`Pure virtual function ${l} must be implemented in JavaScript`);
       }
     }.bind(this));
-    Object.defineProperty(this, "__parent", {value:g});
+    Object.defineProperty(this, "__parent", {value:f});
     this.__construct.apply(this, d.call(arguments));
   });
-  g.__construct = function() {
-    this === g && R("Pass correct 'this' to __construct");
+  f.__construct = function() {
+    this === f && R("Pass correct 'this' to __construct");
     var l = k.implement.apply(void 0, [this].concat(d.call(arguments)));
     ob(l);
     var t = l.g;
@@ -1630,14 +1638,14 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     l = ib(e, l);
     hb.hasOwnProperty(l) ? R(`Tried to register registered instance: ${l}`) : hb[l] = this;
   };
-  g.__destruct = function() {
-    this === g && R("Pass correct 'this' to __destruct");
+  f.__destruct = function() {
+    this === f && R("Pass correct 'this' to __destruct");
     ob(this);
     var l = this.g.i;
     l = ib(e, l);
     hb.hasOwnProperty(l) ? delete hb[l] : R(`Tried to unregister unregistered instance: ${l}`);
   };
-  b.prototype = Object.create(g);
+  b.prototype = Object.create(f);
   for (var n in c) {
     b.prototype[n] = c[n];
   }
@@ -1645,15 +1653,15 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
 }, _embind_finalize_value_object:function(b) {
   var a = Db[b];
   delete Db[b];
-  var c = a.fa, d = a.H, e = a.sa, g = e.map(m => m.Ya).concat(e.map(m => m.lb));
-  V([b], g, m => {
+  var c = a.fa, d = a.H, e = a.sa, f = e.map(m => m.Ya).concat(e.map(m => m.lb));
+  V([b], f, m => {
     var k = {};
     e.forEach((n, l) => {
-      var t = m[l], v = n.Wa, x = n.Xa, f = m[l + e.length], r = n.kb, q = n.mb;
-      k[n.Sa] = {read:G => t.fromWireType(v(x, G)), write:(G, D) => {
-        var u = [];
-        r(q, G, f.toWireType(u, D));
-        Eb(u);
+      var t = m[l], w = n.Wa, x = n.Xa, g = m[l + e.length], r = n.kb, q = n.mb;
+      k[n.Sa] = {read:G => t.fromWireType(w(x, G)), write:(G, D) => {
+        var v = [];
+        r(q, G, g.toWireType(v, D));
+        Eb(v);
       }};
     });
     return [{name:a.name, fromWireType:function(n) {
@@ -1669,17 +1677,17 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
           throw new TypeError(`Missing field: "${t}"`);
         }
       }
-      var v = c();
+      var w = c();
       for (t in k) {
-        k[t].write(v, l[t]);
+        k[t].write(w, l[t]);
       }
-      null !== n && n.push(d, v);
-      return v;
+      null !== n && n.push(d, w);
+      return w;
     }, argPackAdvance:8, readValueFromPointer:Fb, v:d,}];
   });
 }, _embind_register_bigint:function() {
 }, _embind_register_bool:function(b, a, c, d, e) {
-  var g = Jb(c);
+  var f = Jb(c);
   a = U(a);
   Ib(b, {name:a, fromWireType:function(m) {
     return !!m;
@@ -1695,16 +1703,16 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     } else {
       throw new TypeError("Unknown boolean type size: " + a);
     }
-    return this.fromWireType(k[m >> g]);
+    return this.fromWireType(k[m >> f]);
   }, v:null,});
-}, _embind_register_class:function(b, a, c, d, e, g, m, k, n, l, t, v, x) {
+}, _embind_register_class:function(b, a, c, d, e, f, m, k, n, l, t, w, x) {
   t = U(t);
-  g = Z(e, g);
+  f = Z(e, f);
   k && (k = Z(m, k));
   l && (l = Z(n, l));
-  x = Z(v, x);
-  var f = Xa(t);
-  Ob(f, function() {
+  x = Z(w, x);
+  var g = Xa(t);
+  Ob(g, function() {
     ac(`Cannot construct ${t} due to unbound types`, [d]);
   });
   V([b, a, c], d ? [d] : [], function(r) {
@@ -1715,34 +1723,34 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     } else {
       G = Mb.prototype;
     }
-    r = Ya(f, function() {
+    r = Ya(g, function() {
       if (Object.getPrototypeOf(this) !== D) {
         throw new $a("Use 'new' to construct " + t);
       }
-      if (void 0 === u.I) {
+      if (void 0 === v.I) {
         throw new $a(t + " has no accessible constructor");
       }
-      var O = u.I[arguments.length];
+      var O = v.I[arguments.length];
       if (void 0 === O) {
-        throw new $a(`Tried to invoke ctor of ${t} with invalid number of parameters (${arguments.length}) - expected (${Object.keys(u.I).toString()}) parameters instead!`);
+        throw new $a(`Tried to invoke ctor of ${t} with invalid number of parameters (${arguments.length}) - expected (${Object.keys(v.I).toString()}) parameters instead!`);
       }
       return O.apply(this, arguments);
     });
     var D = Object.create(G, {constructor:{value:r},});
     r.prototype = D;
-    var u = new Pb(t, r, D, x, q, g, k, l);
-    u.l && (void 0 === u.l.T && (u.l.T = []), u.l.T.push(u));
-    q = new Vb(t, u, !0, !1);
-    G = new Vb(t + "*", u, !1, !1);
-    var I = new Vb(t + " const*", u, !1, !0);
+    var v = new Pb(t, r, D, x, q, f, k, l);
+    v.l && (void 0 === v.l.T && (v.l.T = []), v.l.T.push(v));
+    q = new Vb(t, v, !0, !1);
+    G = new Vb(t + "*", v, !1, !1);
+    var I = new Vb(t + " const*", v, !1, !0);
     sb[b] = {pointerType:G, Ka:I};
-    Wb(f, r);
+    Wb(g, r);
     return [q, G, I];
   });
-}, _embind_register_class_class_function:function(b, a, c, d, e, g, m) {
+}, _embind_register_class_class_function:function(b, a, c, d, e, f, m) {
   var k = cc(c, d);
   a = U(a);
-  g = Z(e, g);
+  f = Z(e, f);
   V([], [b], function(n) {
     function l() {
       ac(`Cannot call ${t} due to unbound types`, k);
@@ -1750,23 +1758,23 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     n = n[0];
     var t = `${n.name}.${a}`;
     a.startsWith("@@") && (a = Symbol[a.substring(2)]);
-    var v = n.h.constructor;
-    void 0 === v[a] ? (l.L = c - 1, v[a] = l) : (Nb(v, a, t), v[a].m[c - 1] = l);
+    var w = n.h.constructor;
+    void 0 === w[a] ? (l.L = c - 1, w[a] = l) : (Nb(w, a, t), w[a].m[c - 1] = l);
     V([], k, function(x) {
-      x = bc(t, [x[0], null].concat(x.slice(1)), null, g, m);
-      void 0 === v[a].m ? (x.L = c - 1, v[a] = x) : v[a].m[c - 1] = x;
+      x = bc(t, [x[0], null].concat(x.slice(1)), null, f, m);
+      void 0 === w[a].m ? (x.L = c - 1, w[a] = x) : w[a].m[c - 1] = x;
       if (n.h.T) {
-        for (const f of n.h.T) {
-          f.constructor.hasOwnProperty(a) || (f.constructor[a] = x);
+        for (const g of n.h.T) {
+          g.constructor.hasOwnProperty(a) || (g.constructor[a] = x);
         }
       }
       return [];
     });
     return [];
   });
-}, _embind_register_class_class_property:function(b, a, c, d, e, g, m, k) {
+}, _embind_register_class_class_property:function(b, a, c, d, e, f, m, k) {
   a = U(a);
-  g = Z(e, g);
+  f = Z(e, f);
   V([], [b], function(n) {
     n = n[0];
     var l = `${n.name}.${a}`, t = {get() {
@@ -1778,14 +1786,14 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
       R(`${l} is a read-only property`);
     };
     Object.defineProperty(n.h.constructor, a, t);
-    V([], [c], function(v) {
-      v = v[0];
+    V([], [c], function(w) {
+      w = w[0];
       var x = {get() {
-        return v.fromWireType(g(d));
+        return w.fromWireType(f(d));
       }, enumerable:!0};
-      k && (k = Z(m, k), x.set = f => {
+      k && (k = Z(m, k), x.set = g => {
         var r = [];
-        k(d, v.toWireType(r, f));
+        k(d, w.toWireType(r, g));
         Eb(r);
       });
       Object.defineProperty(n.h.constructor, a, x);
@@ -1793,7 +1801,7 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     });
     return [];
   });
-}, _embind_register_class_constructor:function(b, a, c, d, e, g) {
+}, _embind_register_class_constructor:function(b, a, c, d, e, f) {
   var m = cc(a, c);
   e = Z(d, e);
   V([], [b], function(k) {
@@ -1808,57 +1816,57 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     };
     V([], m, function(l) {
       l.splice(1, 0, null);
-      k.h.I[a - 1] = bc(n, l, null, e, g);
+      k.h.I[a - 1] = bc(n, l, null, e, f);
       return [];
     });
     return [];
   });
-}, _embind_register_class_function:function(b, a, c, d, e, g, m, k) {
+}, _embind_register_class_function:function(b, a, c, d, e, f, m, k) {
   var n = cc(c, d);
   a = U(a);
-  g = Z(e, g);
+  f = Z(e, f);
   V([], [b], function(l) {
     function t() {
-      ac(`Cannot call ${v} due to unbound types`, n);
+      ac(`Cannot call ${w} due to unbound types`, n);
     }
     l = l[0];
-    var v = `${l.name}.${a}`;
+    var w = `${l.name}.${a}`;
     a.startsWith("@@") && (a = Symbol[a.substring(2)]);
     k && l.h.ya.push(a);
-    var x = l.h.B, f = x[a];
-    void 0 === f || void 0 === f.m && f.className !== l.name && f.L === c - 2 ? (t.L = c - 2, t.className = l.name, x[a] = t) : (Nb(x, a, v), x[a].m[c - 2] = t);
+    var x = l.h.B, g = x[a];
+    void 0 === g || void 0 === g.m && g.className !== l.name && g.L === c - 2 ? (t.L = c - 2, t.className = l.name, x[a] = t) : (Nb(x, a, w), x[a].m[c - 2] = t);
     V([], n, function(r) {
-      r = bc(v, r, l, g, m);
+      r = bc(w, r, l, f, m);
       void 0 === x[a].m ? (r.L = c - 2, x[a] = r) : x[a].m[c - 2] = r;
       return [];
     });
     return [];
   });
-}, _embind_register_class_property:function(b, a, c, d, e, g, m, k, n, l) {
+}, _embind_register_class_property:function(b, a, c, d, e, f, m, k, n, l) {
   a = U(a);
   e = Z(d, e);
   V([], [b], function(t) {
     t = t[0];
-    var v = `${t.name}.${a}`, x = {get() {
-      ac(`Cannot access ${v} due to unbound types`, [c, m]);
+    var w = `${t.name}.${a}`, x = {get() {
+      ac(`Cannot access ${w} due to unbound types`, [c, m]);
     }, enumerable:!0, configurable:!0};
     x.set = n ? () => {
-      ac(`Cannot access ${v} due to unbound types`, [c, m]);
+      ac(`Cannot access ${w} due to unbound types`, [c, m]);
     } : () => {
-      R(v + " is a read-only property");
+      R(w + " is a read-only property");
     };
     Object.defineProperty(t.h.B, a, x);
-    V([], n ? [c, m] : [c], function(f) {
-      var r = f[0], q = {get() {
-        var D = dc(this, t, v + " getter");
-        return r.fromWireType(e(g, D));
+    V([], n ? [c, m] : [c], function(g) {
+      var r = g[0], q = {get() {
+        var D = dc(this, t, w + " getter");
+        return r.fromWireType(e(f, D));
       }, enumerable:!0};
       if (n) {
         n = Z(k, n);
-        var G = f[1];
+        var G = g[1];
         q.set = function(D) {
-          var u = dc(this, t, v + " setter"), I = [];
-          n(l, u, G.toWireType(I, D));
+          var v = dc(this, t, w + " setter"), I = [];
+          n(l, v, G.toWireType(I, D));
           Eb(I);
         };
       }
@@ -1882,9 +1890,9 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   c = Jb(c);
   a = U(a);
   e.values = {};
-  Ib(b, {name:a, constructor:e, fromWireType:function(g) {
-    return this.constructor.values[g];
-  }, toWireType:function(g, m) {
+  Ib(b, {name:a, constructor:e, fromWireType:function(f) {
+    return this.constructor.values[f];
+  }, toWireType:function(f, m) {
     return m.value;
   }, argPackAdvance:8, readValueFromPointer:fc(a, c, d), v:null,});
   Ob(a, e);
@@ -1904,7 +1912,7 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   }, toWireType:function(d, e) {
     return e;
   }, argPackAdvance:8, readValueFromPointer:gc(a, c), v:null,});
-}, _embind_register_function:function(b, a, c, d, e, g) {
+}, _embind_register_function:function(b, a, c, d, e, f) {
   var m = cc(a, c);
   b = U(b);
   e = Z(d, e);
@@ -1912,29 +1920,29 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     ac(`Cannot call ${b} due to unbound types`, m);
   }, a - 1);
   V([], m, function(k) {
-    Wb(b, bc(b, [k[0], null].concat(k.slice(1)), null, e, g), a - 1);
+    Wb(b, bc(b, [k[0], null].concat(k.slice(1)), null, e, f), a - 1);
     return [];
   });
 }, _embind_register_integer:function(b, a, c, d, e) {
   a = U(a);
   -1 === e && (e = 4294967295);
   e = Jb(c);
-  var g = k => k;
+  var f = k => k;
   if (0 === d) {
     var m = 32 - 8 * c;
-    g = k => k << m >>> m;
+    f = k => k << m >>> m;
   }
   c = a.includes("unsigned") ? function(k, n) {
     return n >>> 0;
   } : function(k, n) {
     return n;
   };
-  Ib(b, {name:a, fromWireType:g, toWireType:c, argPackAdvance:8, readValueFromPointer:hc(a, e, 0 !== d), v:null,});
+  Ib(b, {name:a, fromWireType:f, toWireType:c, argPackAdvance:8, readValueFromPointer:hc(a, e, 0 !== d), v:null,});
 }, _embind_register_memory_view:function(b, a, c) {
-  function d(g) {
-    g >>= 2;
+  function d(f) {
+    f >>= 2;
     var m = P;
-    return new e(m.buffer, m[g + 1], m[g]);
+    return new e(m.buffer, m[f + 1], m[f]);
   }
   var e = [Int8Array, Uint8Array, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array,][a];
   c = U(c);
@@ -1943,10 +1951,10 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   a = U(a);
   var c = "std::string" === a;
   Ib(b, {name:a, fromWireType:function(d) {
-    var e = P[d >> 2], g = d + 4;
+    var e = P[d >> 2], f = d + 4;
     if (c) {
-      for (var m = g, k = 0; k <= e; ++k) {
-        var n = g + k;
+      for (var m = f, k = 0; k <= e; ++k) {
+        var n = f + k;
         if (k == e || 0 == L[n]) {
           m = m ? lc(L, m, n - m) : "";
           if (void 0 === l) {
@@ -1960,7 +1968,7 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     } else {
       l = Array(e);
       for (k = 0; k < e; ++k) {
-        l[k] = String.fromCharCode(L[g + k]);
+        l[k] = String.fromCharCode(L[f + k]);
       }
       l = l.join("");
     }
@@ -1968,23 +1976,23 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     return l;
   }, toWireType:function(d, e) {
     e instanceof ArrayBuffer && (e = new Uint8Array(e));
-    var g = "string" == typeof e;
-    g || e instanceof Uint8Array || e instanceof Uint8ClampedArray || e instanceof Int8Array || R("Cannot pass non-string to std::string");
-    var m = c && g ? jc(e) : e.length;
-    var k = Lc(4 + m + 1), n = k + 4;
+    var f = "string" == typeof e;
+    f || e instanceof Uint8Array || e instanceof Uint8ClampedArray || e instanceof Int8Array || R("Cannot pass non-string to std::string");
+    var m = c && f ? jc(e) : e.length;
+    var k = Mc(4 + m + 1), n = k + 4;
     P[k >> 2] = m;
-    if (c && g) {
+    if (c && f) {
       ic(e, L, n, m + 1);
     } else {
-      if (g) {
-        for (g = 0; g < m; ++g) {
-          var l = e.charCodeAt(g);
+      if (f) {
+        for (f = 0; f < m; ++f) {
+          var l = e.charCodeAt(f);
           255 < l && (mb(n), R("String has UTF-16 code units that do not fit in 8 bits"));
-          L[n + g] = l;
+          L[n + f] = l;
         }
       } else {
-        for (g = 0; g < m; ++g) {
-          L[n + g] = e[g];
+        for (f = 0; f < m; ++f) {
+          L[n + f] = e[f];
         }
       }
     }
@@ -1997,36 +2005,36 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   c = U(c);
   if (2 === a) {
     var d = nc;
-    var e = pc;
-    var g = qc;
+    var e = qc;
+    var f = rc;
     var m = () => Da;
     var k = 1;
   } else {
-    4 === a && (d = rc, e = sc, g = tc, m = () => P, k = 2);
+    4 === a && (d = sc, e = tc, f = uc, m = () => P, k = 2);
   }
   Ib(b, {name:c, fromWireType:function(n) {
-    for (var l = P[n >> 2], t = m(), v, x = n + 4, f = 0; f <= l; ++f) {
-      var r = n + 4 + f * a;
-      if (f == l || 0 == t[r >> k]) {
-        x = d(x, r - x), void 0 === v ? v = x : (v += String.fromCharCode(0), v += x), x = r + a;
+    for (var l = P[n >> 2], t = m(), w, x = n + 4, g = 0; g <= l; ++g) {
+      var r = n + 4 + g * a;
+      if (g == l || 0 == t[r >> k]) {
+        x = d(x, r - x), void 0 === w ? w = x : (w += String.fromCharCode(0), w += x), x = r + a;
       }
     }
     mb(n);
-    return v;
+    return w;
   }, toWireType:function(n, l) {
     "string" != typeof l && R(`Cannot pass non-string to C++ string type ${c}`);
-    var t = g(l), v = Lc(4 + t + a);
-    P[v >> 2] = t >> k;
-    e(l, v + 4, t + a);
-    null !== n && n.push(mb, v);
-    return v;
+    var t = f(l), w = Mc(4 + t + a);
+    P[w >> 2] = t >> k;
+    e(l, w + 4, t + a);
+    null !== n && n.push(mb, w);
+    return w;
   }, argPackAdvance:8, readValueFromPointer:Fb, v:function(n) {
     mb(n);
   },});
-}, _embind_register_value_object:function(b, a, c, d, e, g) {
-  Db[b] = {name:U(a), fa:Z(c, d), H:Z(e, g), sa:[],};
-}, _embind_register_value_object_field:function(b, a, c, d, e, g, m, k, n, l) {
-  Db[b].sa.push({Sa:U(a), Ya:c, Wa:Z(d, e), Xa:g, lb:m, kb:Z(k, n), mb:l,});
+}, _embind_register_value_object:function(b, a, c, d, e, f) {
+  Db[b] = {name:U(a), fa:Z(c, d), H:Z(e, f), sa:[],};
+}, _embind_register_value_object_field:function(b, a, c, d, e, f, m, k, n, l) {
+  Db[b].sa.push({Sa:U(a), Ya:c, Wa:Z(d, e), Xa:f, lb:m, kb:Z(k, n), mb:l,});
 }, _embind_register_void:function(b, a) {
   a = U(a);
   Ib(b, {cb:!0, name:a, argPackAdvance:0, fromWireType:function() {
@@ -2039,42 +2047,42 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   P[c >> 2] = e;
   return a.toWireType(d, b);
 }, _emval_call_method:function(b, a, c, d, e) {
-  b = wc[b];
+  b = xc[b];
   a = S(a);
-  c = vc(c);
-  var g = [];
-  P[d >> 2] = ab(g);
-  return b(a, c, g, e);
+  c = wc(c);
+  var f = [];
+  P[d >> 2] = ab(f);
+  return b(a, c, f, e);
 }, _emval_call_void_method:function(b, a, c, d) {
-  b = wc[b];
+  b = xc[b];
   a = S(a);
-  c = vc(c);
+  c = wc(c);
   b(a, c, null, d);
 }, _emval_decref:ec, _emval_get_method_caller:function(b, a) {
-  var c = yc(b, a), d = c[0];
+  var c = zc(b, a), d = c[0];
   a = d.name + "_$" + c.slice(1).map(function(m) {
     return m.name;
   }).join("_") + "$";
-  var e = zc[a];
+  var e = Ac[a];
   if (void 0 !== e) {
     return e;
   }
-  var g = Array(b - 1);
-  e = xc((m, k, n, l) => {
-    for (var t = 0, v = 0; v < b - 1; ++v) {
-      g[v] = c[v + 1].readValueFromPointer(l + t), t += c[v + 1].argPackAdvance;
+  var f = Array(b - 1);
+  e = yc((m, k, n, l) => {
+    for (var t = 0, w = 0; w < b - 1; ++w) {
+      f[w] = c[w + 1].readValueFromPointer(l + t), t += c[w + 1].argPackAdvance;
     }
-    m = m[k].apply(m, g);
-    for (v = 0; v < b - 1; ++v) {
-      c[v + 1].Na && c[v + 1].Na(g[v]);
+    m = m[k].apply(m, f);
+    for (w = 0; w < b - 1; ++w) {
+      c[w + 1].Na && c[w + 1].Na(f[w]);
     }
     if (!d.cb) {
       return d.toWireType(n, m);
     }
   });
-  return zc[a] = e;
+  return Ac[a] = e;
 }, _emval_get_module_property:function(b) {
-  b = vc(b);
+  b = wc(b);
   return ab(h[b]);
 }, _emval_get_property:function(b, a) {
   b = S(b);
@@ -2083,7 +2091,7 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
 }, _emval_incref:function(b) {
   4 < b && (Q.get(b).Aa += 1);
 }, _emval_new_cstring:function(b) {
-  return ab(vc(b));
+  return ab(wc(b));
 }, _emval_new_object:function() {
   return ab({});
 }, _emval_run_destructors:function(b) {
@@ -2119,31 +2127,31 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
       try {
         za.grow(e);
         Ga();
-        var g = 1;
+        var f = 1;
         break a;
       } catch (m) {
       }
-      g = void 0;
+      f = void 0;
     }
-    if (g) {
+    if (f) {
       return !0;
     }
   }
   return !1;
 }, environ_get:(b, a) => {
   var c = 0;
-  Cc().forEach(function(d, e) {
-    var g = a + c;
-    e = P[b + 4 * e >> 2] = g;
-    for (g = 0; g < d.length; ++g) {
-      Ba[e++ >> 0] = d.charCodeAt(g);
+  Dc().forEach(function(d, e) {
+    var f = a + c;
+    e = P[b + 4 * e >> 2] = f;
+    for (f = 0; f < d.length; ++f) {
+      Ba[e++ >> 0] = d.charCodeAt(f);
     }
     Ba[e >> 0] = 0;
     c += d.length + 1;
   });
   return 0;
 }, environ_sizes_get:(b, a) => {
-  var c = Cc();
+  var c = Dc();
   P[b >> 2] = c.length;
   var d = 0;
   c.forEach(function(e) {
@@ -2154,18 +2162,18 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
 }, fd_close:() => 52, fd_seek:function() {
   return 70;
 }, fd_write:(b, a, c, d) => {
-  for (var e = 0, g = 0; g < c; g++) {
+  for (var e = 0, f = 0; f < c; f++) {
     var m = P[a >> 2], k = P[a + 4 >> 2];
     a += 8;
     for (var n = 0; n < k; n++) {
-      var l = L[m + n], t = Dc[b];
+      var l = L[m + n], t = Ec[b];
       0 === l || 10 === l ? ((1 === b ? ta : ua)(lc(t, 0)), t.length = 0) : t.push(l);
     }
     e += k;
   }
   P[d >> 2] = e;
   return 0;
-}, strftime_l:(b, a, c, d) => Ic(b, a, c, d)};
+}, strftime_l:(b, a, c, d) => Jc(b, a, c, d)};
 (function() {
   function b(c) {
     J = c = c.exports;
@@ -2182,7 +2190,7 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     }
     return c;
   }
-  var a = {env:Mc, wasi_snapshot_preview1:Mc,};
+  var a = {env:Nc, wasi_snapshot_preview1:Nc,};
   Ma++;
   h.monitorRunDependencies && h.monitorRunDependencies(Ma);
   if (h.instantiateWasm) {
@@ -2197,21 +2205,21 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   }).catch(ba);
   return {};
 })();
-var mb = b => (mb = J.free)(b), Lc = b => (Lc = J.malloc)(b), lb = b => (lb = J.__getTypeName)(b);
+var mb = b => (mb = J.free)(b), Mc = b => (Mc = J.malloc)(b), lb = b => (lb = J.__getTypeName)(b);
 h.__embind_initialize_bindings = () => (h.__embind_initialize_bindings = J._embind_initialize_bindings)();
 h.dynCall_jiji = (b, a, c, d, e) => (h.dynCall_jiji = J.dynCall_jiji)(b, a, c, d, e);
-h.dynCall_viijii = (b, a, c, d, e, g, m) => (h.dynCall_viijii = J.dynCall_viijii)(b, a, c, d, e, g, m);
-h.dynCall_iiiiij = (b, a, c, d, e, g, m) => (h.dynCall_iiiiij = J.dynCall_iiiiij)(b, a, c, d, e, g, m);
-h.dynCall_iiiiijj = (b, a, c, d, e, g, m, k, n) => (h.dynCall_iiiiijj = J.dynCall_iiiiijj)(b, a, c, d, e, g, m, k, n);
-h.dynCall_iiiiiijj = (b, a, c, d, e, g, m, k, n, l) => (h.dynCall_iiiiiijj = J.dynCall_iiiiiijj)(b, a, c, d, e, g, m, k, n, l);
-var Nc;
-Oa = function Oc() {
-  Nc || Pc();
-  Nc || (Oa = Oc);
+h.dynCall_viijii = (b, a, c, d, e, f, m) => (h.dynCall_viijii = J.dynCall_viijii)(b, a, c, d, e, f, m);
+h.dynCall_iiiiij = (b, a, c, d, e, f, m) => (h.dynCall_iiiiij = J.dynCall_iiiiij)(b, a, c, d, e, f, m);
+h.dynCall_iiiiijj = (b, a, c, d, e, f, m, k, n) => (h.dynCall_iiiiijj = J.dynCall_iiiiijj)(b, a, c, d, e, f, m, k, n);
+h.dynCall_iiiiiijj = (b, a, c, d, e, f, m, k, n, l) => (h.dynCall_iiiiiijj = J.dynCall_iiiiiijj)(b, a, c, d, e, f, m, k, n, l);
+var Oc;
+Oa = function Pc() {
+  Oc || Qc();
+  Oc || (Oa = Pc);
 };
-function Pc() {
+function Qc() {
   function b() {
-    if (!Nc && (Nc = !0, h.calledRun = !0, !Aa)) {
+    if (!Oc && (Oc = !0, h.calledRun = !0, !Aa)) {
       Wa(Ja);
       aa(h);
       if (h.onRuntimeInitialized) {
@@ -2246,7 +2254,7 @@ if (h.preInit) {
     h.preInit.pop()();
   }
 }
-Pc();
+Qc();
 
 
 
@@ -2261,7 +2269,7 @@ Pc();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-lite","version":"2.21.6","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.22.0","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 */
@@ -2805,6 +2813,7 @@ var Fit;
     Fit["FitHeight"] = "fitHeight";
     Fit["None"] = "none";
     Fit["ScaleDown"] = "scaleDown";
+    Fit["Layout"] = "layout";
 })(Fit || (Fit = {}));
 // Alignment options for the canvas
 var Alignment;
@@ -2822,13 +2831,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) {
@@ -2840,10 +2850,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,
@@ -2867,6 +2878,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;
@@ -3985,6 +3998,7 @@ var Rive = /** @class */ (function () {
         this.enableRiveAssetCDN = true;
         // Keep a local value of the set volume to update it asynchronously
         this._volume = 1;
+        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.
@@ -4411,7 +4425,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 () {
@@ -4664,10 +4678,16 @@ var Rive = /** @class */ (function () {
         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", {