@rive-app/canvas-lite 2.14.4 → 2.15.1

package/rive.js

@@ -33,14 +33,14 @@ h.ready = new Promise((b, a) => {
 });
 function ca() {
   function b(m) {
-    const l = d;
+    const k = d;
     c = a = 0;
     d = new Map();
-    l.forEach(n => {
+    k.forEach(n => {
       try {
         n(m);
-      } catch (k) {
-        console.error(k);
+      } catch (l) {
+        console.error(l);
       }
     });
     this.xa();
@@ -49,9 +49,9 @@ function ca() {
   let a = 0, c = 0, d = new Map(), e = null, g = null;
   this.requestAnimationFrame = function(m) {
     a || (a = requestAnimationFrame(b.bind(this)));
-    const l = ++c;
-    d.set(l, m);
-    return l;
+    const k = ++c;
+    d.set(k, m);
+    return k;
   };
   this.cancelAnimationFrame = function(m) {
     d.delete(m);
@@ -59,14 +59,14 @@ function ca() {
   };
   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(l) {
-      g.innerHTML = "RIVE FPS " + l.toFixed(1);
+    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));
     e = new function() {
-      let l = 0, n = 0;
+      let k = 0, n = 0;
       this.Ta = function() {
-        var k = performance.now();
-        n ? (++l, k -= n, 1000 < k && (m(1000 * l / k), l = n = 0)) : (n = k, l = 0);
+        var l = performance.now();
+        n ? (++k, l -= n, 1000 < l && (m(1000 * k / l), k = n = 0)) : (n = l, k = 0);
       };
     }();
   };
@@ -95,52 +95,57 @@ function da(b) {
 const ea = h.onRuntimeInitialized;
 h.onRuntimeInitialized = function() {
   ea && ea();
-  let b = h.decodeFont;
-  h.decodeFont = function(c, d) {
-    c = b(c);
-    d(c);
+  let b = h.decodeAudio;
+  h.decodeAudio = function(d, e) {
+    d = b(d);
+    e(d);
   };
-  const a = h.FileAssetLoader;
-  h.ptrToAsset = c => {
-    let d = h.ptrToFileAsset(c);
-    return d.isImage ? h.ptrToImageAsset(c) : d.isFont ? h.ptrToFontAsset(c) : d;
+  let a = h.decodeFont;
+  h.decodeFont = function(d, e) {
+    d = a(d);
+    e(d);
   };
-  h.CustomFileAssetLoader = a.extend("CustomFileAssetLoader", {__construct:function({loadContents:c}) {
+  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.CustomFileAssetLoader = c.extend("CustomFileAssetLoader", {__construct:function({loadContents:d}) {
     this.__parent.__construct.call(this);
-    this.Ha = c;
-  }, loadContents:function(c, d) {
-    c = h.ptrToAsset(c);
-    return this.Ha(c, d);
+    this.Ha = d;
+  }, loadContents:function(d, e) {
+    d = h.ptrToAsset(d);
+    return this.Ha(d, e);
   },});
-  h.CDNFileAssetLoader = a.extend("CDNFileAssetLoader", {__construct:function() {
+  h.CDNFileAssetLoader = c.extend("CDNFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
-  }, loadContents:function(c) {
-    let d = h.ptrToAsset(c);
-    c = d.cdnUuid;
-    if ("" === c) {
+  }, loadContents:function(d) {
+    let e = h.ptrToAsset(d);
+    d = e.cdnUuid;
+    if ("" === d) {
       return !1;
     }
-    (function(e, g) {
-      var m = new XMLHttpRequest();
-      m.responseType = "arraybuffer";
-      m.onreadystatechange = function() {
-        4 == m.readyState && 200 == m.status && g(m);
+    (function(g, m) {
+      var k = new XMLHttpRequest();
+      k.responseType = "arraybuffer";
+      k.onreadystatechange = function() {
+        4 == k.readyState && 200 == k.status && m(k);
       };
-      m.open("GET", e, !0);
-      m.send(null);
-    })(d.cdnBaseUrl + "/" + c, e => {
-      d.decode(new Uint8Array(e.response));
+      k.open("GET", g, !0);
+      k.send(null);
+    })(e.cdnBaseUrl + "/" + d, g => {
+      e.decode(new Uint8Array(g.response));
     });
     return !0;
   },});
-  h.FallbackFileAssetLoader = a.extend("FallbackFileAssetLoader", {__construct:function() {
+  h.FallbackFileAssetLoader = c.extend("FallbackFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
     this.wa = [];
-  }, addLoader:function(c) {
-    this.wa.push(c);
-  }, loadContents:function(c, d) {
-    for (let e of this.wa) {
-      if (e.loadContents(c, d)) {
+  }, addLoader:function(d) {
+    this.wa.push(d);
+  }, loadContents:function(d, e) {
+    for (let g of this.wa) {
+      if (g.loadContents(d, e)) {
         return !0;
       }
     }
@@ -219,7 +224,7 @@ const fa = "createConicGradient createImageData createLinearGradient createPatte
     }
     return !0;
   }
-  let a = null, c = 0, d = 0, e = null, g = null, m = 0, l = 0, n = !1;
+  let a = null, c = 0, d = 0, e = null, g = null, m = 0, k = 0, n = !1;
   b();
   this.eb = function() {
     b();
@@ -244,10 +249,10 @@ const fa = "createConicGradient createImageData createLinearGradient createPatte
     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 k = new da(8), t = new da(8), v = new da(10), x = new da(10);
+  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) {
     if (b()) {
-      var u = k.push(f), I = t.push(r);
+      var u = l.push(f), I = t.push(r);
       if (a.canvas) {
         if (a.canvas.width != u || a.canvas.height != I) {
           a.canvas.width = u, a.canvas.height = I;
@@ -270,7 +275,7 @@ const fa = "createConicGradient createImageData createLinearGradient createPatte
         }
         console.assert(u == 8 * G);
         u = x.push(D);
-        l != u && (a.bufferData(a.ELEMENT_ARRAY_BUFFER, 2 * u, a.DYNAMIC_DRAW), l = u);
+        k != u && (a.bufferData(a.ELEMENT_ARRAY_BUFFER, 2 * u, a.DYNAMIC_DRAW), k = u);
         O = 0;
         for (var ia of q) {
           a.bufferSubData(a.ELEMENT_ARRAY_BUFFER, O, ia.indices), O += 2 * ia.indices.length;
@@ -304,37 +309,37 @@ const fa = "createConicGradient createImageData createLinearGradient createPatte
 h.onRuntimeInitialized = function() {
   function b(p) {
     switch(p) {
-      case k.srcOver:
+      case l.srcOver:
         return "source-over";
-      case k.screen:
+      case l.screen:
         return "screen";
-      case k.overlay:
+      case l.overlay:
         return "overlay";
-      case k.darken:
+      case l.darken:
         return "darken";
-      case k.lighten:
+      case l.lighten:
         return "lighten";
-      case k.colorDodge:
+      case l.colorDodge:
         return "color-dodge";
-      case k.colorBurn:
+      case l.colorBurn:
         return "color-burn";
-      case k.hardLight:
+      case l.hardLight:
         return "hard-light";
-      case k.softLight:
+      case l.softLight:
         return "soft-light";
-      case k.difference:
+      case l.difference:
         return "difference";
-      case k.exclusion:
+      case l.exclusion:
         return "exclusion";
-      case k.multiply:
+      case l.multiply:
         return "multiply";
-      case k.hue:
+      case l.hue:
         return "hue";
-      case k.saturation:
+      case l.saturation:
         return "saturation";
-      case k.color:
+      case l.color:
         return "color";
-      case k.luminosity:
+      case l.luminosity:
         return "luminosity";
     }
   }
@@ -353,7 +358,7 @@ h.onRuntimeInitialized = function() {
   }
   la && la();
   var d = h.RenderPaintStyle;
-  const e = h.RenderPath, g = h.RenderPaint, m = h.Renderer, l = h.StrokeCap, n = h.StrokeJoin, k = h.BlendMode, t = d.fill, v = d.stroke, x = h.FillRule.evenOdd;
+  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} = {}) {
     this.__parent.__construct.call(this);
@@ -419,13 +424,13 @@ h.onRuntimeInitialized = function() {
     }
   }, cap:function(p) {
     switch(p) {
-      case l.butt:
+      case k.butt:
         this.aa = "butt";
         break;
-      case l.round:
+      case k.round:
         this.aa = "round";
         break;
-      case l.square:
+      case k.square:
         this.aa = "square";
     }
   }, style:function(p) {
@@ -884,20 +889,20 @@ function Fb(b) {
 }
 var Gb = {}, Hb = {};
 function V(b, a, c) {
-  function d(l) {
-    l = c(l);
-    l.length !== b.length && Ab("Mismatched type converter count");
+  function d(k) {
+    k = c(k);
+    k.length !== b.length && Ab("Mismatched type converter count");
     for (var n = 0; n < b.length; ++n) {
-      Ib(b[n], l[n]);
+      Ib(b[n], k[n]);
     }
   }
-  b.forEach(function(l) {
-    Hb[l] = a;
+  b.forEach(function(k) {
+    Hb[k] = a;
   });
   var e = Array(a.length), g = [], m = 0;
-  a.forEach((l, n) => {
-    jb.hasOwnProperty(l) ? e[n] = jb[l] : (g.push(l), Gb.hasOwnProperty(l) || (Gb[l] = []), Gb[l].push(() => {
-      e[n] = jb[l];
+  a.forEach((k, n) => {
+    jb.hasOwnProperty(k) ? e[n] = jb[k] : (g.push(k), Gb.hasOwnProperty(k) || (Gb[k] = []), Gb[k].push(() => {
+      e[n] = jb[k];
       ++m;
       m === g.length && d(e);
     }));
@@ -956,7 +961,7 @@ 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, l) {
+function Pb(b, a, c, d, e, g, m, k) {
   this.name = b;
   this.constructor = a;
   this.B = c;
@@ -964,7 +969,7 @@ function Pb(b, a, c, d, e, g, m, l) {
   this.l = e;
   this.Ua = g;
   this.S = m;
-  this.Pa = l;
+  this.Pa = k;
   this.ya = [];
 }
 function Qb(b, a, c) {
@@ -1078,16 +1083,16 @@ function ac(b, a) {
 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 m = null !== a[1] && null !== c, l = !1;
+  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) {
-      l = !0;
+      k = !0;
       break;
     }
   }
-  var n = "void" !== a[0].name, k = g - 2, t = Array(k), v = [], x = [];
+  var n = "void" !== a[0].name, l = g - 2, t = Array(l), v = [], x = [];
   return function() {
-    arguments.length !== k && R(`function ${b} called with ${arguments.length} arguments, expected ${k} args!`);
+    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;
@@ -1095,11 +1100,11 @@ function bc(b, a, c, d, e) {
       var f = a[1].toWireType(x, this);
       v[1] = f;
     }
-    for (var r = 0; r < k; ++r) {
+    for (var r = 0; r < l; ++r) {
       t[r] = a[r + 2].toWireType(x, arguments[r]), v.push(t[r]);
     }
     r = d.apply(null, v);
-    if (l) {
+    if (k) {
       Eb(x);
     } else {
       for (var q = m ? 1 : 2; q < a.length; q++) {
@@ -1382,7 +1387,7 @@ var Ic = (b, a, c, d) => {
     0 === (G = q(f.getFullYear() - r.getFullYear())) && 0 === (G = q(f.getMonth() - r.getMonth())) && (G = q(f.getDate() - r.getDate()));
     return G;
   }
-  function l(f) {
+  function k(f) {
     switch(f.getDay()) {
       case 0:
         return new Date(f.getFullYear() - 1, 11, 29);
@@ -1412,19 +1417,19 @@ var Ic = (b, a, c, d) => {
       }
     }
     q = new Date(f.getFullYear() + 1, 0, 4);
-    r = l(new Date(f.getFullYear(), 0, 4));
-    q = l(q);
+    r = k(new Date(f.getFullYear(), 0, 4));
+    q = k(q);
     return 0 >= m(r, f) ? 0 >= m(q, f) ? f.getFullYear() + 1 : f.getFullYear() : f.getFullYear() - 1;
   }
-  var k = 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:k ? k ? lc(L, k) : "" : ""};
+  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) : "" : ""};
   c = c ? lc(L, c) : "";
-  k = {"%c":"%a %b %d %H:%M:%S %Y", "%D":"%m/%d/%y", "%F":"%Y-%m-%d", "%h":"%b", "%r":"%I:%M:%S %p", "%R":"%H:%M", "%T":"%H:%M:%S", "%x":"%m/%d/%y", "%X":"%H:%M:%S", "%Ec":"%c", "%EC":"%C", "%Ex":"%m/%d/%y", "%EX":"%H:%M:%S", "%Ey":"%y", "%EY":"%Y", "%Od":"%d", "%Oe":"%e", "%OH":"%H", "%OI":"%I", "%Om":"%m", "%OM":"%M", "%OS":"%S", "%Ou":"%u", "%OU":"%U", "%OV":"%V", "%Ow":"%w", "%OW":"%W", "%Oy":"%y",};
-  for (var t in k) {
-    c = c.replace(new RegExp(t, "g"), k[t]);
+  l = {"%c":"%a %b %d %H:%M:%S %Y", "%D":"%m/%d/%y", "%F":"%Y-%m-%d", "%h":"%b", "%r":"%I:%M:%S %p", "%R":"%H:%M", "%T":"%H:%M:%S", "%x":"%m/%d/%y", "%X":"%H:%M:%S", "%Ec":"%c", "%EC":"%C", "%Ex":"%m/%d/%y", "%EX":"%H:%M:%S", "%Ey":"%y", "%EY":"%Y", "%Od":"%d", "%Oe":"%e", "%OH":"%H", "%OI":"%I", "%Om":"%m", "%OM":"%M", "%OS":"%S", "%Ou":"%u", "%OU":"%U", "%OV":"%V", "%Ow":"%w", "%OW":"%W", "%Oy":"%y",};
+  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(" ");
-  k = {"%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 => {
+  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);
@@ -1450,8 +1455,8 @@ var Ic = (b, a, c, d) => {
     return (r ? "+" : "-") + String("0000" + (f / 60 * 100 + f % 60)).slice(-4);
   }, "%Z":f => f.rb, "%%":() => "%"};
   c = c.replace(/%%/g, "\x00\x00");
-  for (t in k) {
-    c.includes(t) && (c = c.replace(new RegExp(t, "g"), k[t](d)));
+  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);
@@ -1600,11 +1605,11 @@ var Mc = {_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, l = e.l.constructor;
+  var d = [].slice, e = a.h, g = e.B, m = e.l.B, k = e.l.constructor;
   b = Ya(b, function() {
-    e.l.ya.forEach(function(k) {
-      if (this[k] === m[k]) {
-        throw new cb(`Pure virtual function ${k} must be implemented in JavaScript`);
+    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});
@@ -1612,23 +1617,23 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   });
   g.__construct = function() {
     this === g && R("Pass correct 'this' to __construct");
-    var k = l.implement.apply(void 0, [this].concat(d.call(arguments)));
-    ob(k);
-    var t = k.g;
-    k.notifyOnDestruction();
+    var l = k.implement.apply(void 0, [this].concat(d.call(arguments)));
+    ob(l);
+    var t = l.g;
+    l.notifyOnDestruction();
     t.O = !0;
     Object.defineProperties(this, {g:{value:t}});
     Cb(this);
-    k = t.i;
-    k = ib(e, k);
-    hb.hasOwnProperty(k) ? R(`Tried to register registered instance: ${k}`) : hb[k] = this;
+    l = t.i;
+    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");
     ob(this);
-    var k = this.g.i;
-    k = ib(e, k);
-    hb.hasOwnProperty(k) ? delete hb[k] : R(`Tried to unregister unregistered instance: ${k}`);
+    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);
   for (var n in c) {
@@ -1640,31 +1645,31 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   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 l = {};
-    e.forEach((n, k) => {
-      var t = m[k], v = n.Wa, x = n.Xa, f = m[k + e.length], r = n.kb, q = n.mb;
-      l[n.Sa] = {read:G => t.fromWireType(v(x, G)), write:(G, D) => {
+    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);
       }};
     });
     return [{name:a.name, fromWireType:function(n) {
-      var k = {}, t;
-      for (t in l) {
-        k[t] = l[t].read(n);
+      var l = {}, t;
+      for (t in k) {
+        l[t] = k[t].read(n);
       }
       d(n);
-      return k;
-    }, toWireType:function(n, k) {
-      for (var t in l) {
-        if (!(t in k)) {
+      return l;
+    }, toWireType:function(n, l) {
+      for (var t in k) {
+        if (!(t in l)) {
           throw new TypeError(`Missing field: "${t}"`);
         }
       }
       var v = c();
-      for (t in l) {
-        l[t].write(v, k[t]);
+      for (t in k) {
+        k[t].write(v, l[t]);
       }
       null !== n && n.push(d, v);
       return v;
@@ -1676,25 +1681,25 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   a = U(a);
   Ib(b, {name:a, fromWireType:function(m) {
     return !!m;
-  }, toWireType:function(m, l) {
-    return l ? d : e;
+  }, toWireType:function(m, k) {
+    return k ? d : e;
   }, argPackAdvance:8, readValueFromPointer:function(m) {
     if (1 === c) {
-      var l = Ba;
+      var k = Ba;
     } else if (2 === c) {
-      l = Ca;
+      k = Ca;
     } else if (4 === c) {
-      l = M;
+      k = M;
     } else {
       throw new TypeError("Unknown boolean type size: " + a);
     }
-    return this.fromWireType(l[m >> g]);
+    return this.fromWireType(k[m >> g]);
   }, v:null,});
-}, _embind_register_class:function(b, a, c, d, e, g, m, l, n, k, t, v, x) {
+}, _embind_register_class:function(b, a, c, d, e, g, m, k, n, l, t, v, x) {
   t = U(t);
   g = Z(e, g);
-  l && (l = Z(m, l));
-  k && (k = Z(n, k));
+  k && (k = Z(m, k));
+  l && (l = Z(n, l));
   x = Z(v, x);
   var f = Xa(t);
   Ob(f, function() {
@@ -1723,7 +1728,7 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     });
     var D = Object.create(G, {constructor:{value:r},});
     r.prototype = D;
-    var u = new Pb(t, r, D, x, q, g, l, k);
+    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);
@@ -1733,19 +1738,19 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     return [q, G, I];
   });
 }, _embind_register_class_class_function:function(b, a, c, d, e, g, m) {
-  var l = cc(c, d);
+  var k = cc(c, d);
   a = U(a);
   g = Z(e, g);
   V([], [b], function(n) {
-    function k() {
-      ac(`Cannot call ${t} due to unbound types`, l);
+    function l() {
+      ac(`Cannot call ${t} due to unbound types`, k);
     }
     n = n[0];
     var t = `${n.name}.${a}`;
     a.startsWith("@@") && (a = Symbol[a.substring(2)]);
     var v = n.h.constructor;
-    void 0 === v[a] ? (k.L = c - 1, v[a] = k) : (Nb(v, a, t), v[a].m[c - 1] = k);
-    V([], l, function(x) {
+    void 0 === v[a] ? (l.L = c - 1, v[a] = l) : (Nb(v, a, t), v[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;
       if (n.h.T) {
@@ -1757,18 +1762,18 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     });
     return [];
   });
-}, _embind_register_class_class_property:function(b, a, c, d, e, g, m, l) {
+}, _embind_register_class_class_property:function(b, a, c, d, e, g, m, k) {
   a = U(a);
   g = Z(e, g);
   V([], [b], function(n) {
     n = n[0];
-    var k = `${n.name}.${a}`, t = {get() {
-      ac(`Cannot access ${k} due to unbound types`, [c]);
+    var l = `${n.name}.${a}`, t = {get() {
+      ac(`Cannot access ${l} due to unbound types`, [c]);
     }, enumerable:!0, configurable:!0};
-    t.set = l ? () => {
-      ac(`Cannot access ${k} due to unbound types`, [c]);
+    t.set = k ? () => {
+      ac(`Cannot access ${l} due to unbound types`, [c]);
     } : () => {
-      R(`${k} is a read-only property`);
+      R(`${l} is a read-only property`);
     };
     Object.defineProperty(n.h.constructor, a, t);
     V([], [c], function(v) {
@@ -1776,9 +1781,9 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
       var x = {get() {
         return v.fromWireType(g(d));
       }, enumerable:!0};
-      l && (l = Z(m, l), x.set = f => {
+      k && (k = Z(m, k), x.set = f => {
         var r = [];
-        l(d, v.toWireType(r, f));
+        k(d, v.toWireType(r, f));
         Eb(r);
       });
       Object.defineProperty(n.h.constructor, a, x);
@@ -1789,45 +1794,45 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
 }, _embind_register_class_constructor:function(b, a, c, d, e, g) {
   var m = cc(a, c);
   e = Z(d, e);
-  V([], [b], function(l) {
-    l = l[0];
-    var n = `constructor ${l.name}`;
-    void 0 === l.h.I && (l.h.I = []);
-    if (void 0 !== l.h.I[a - 1]) {
-      throw new $a(`Cannot register multiple constructors with identical number of parameters (${a - 1}) for class '${l.name}'! Overload resolution is currently only performed using the parameter count, not actual type info!`);
+  V([], [b], function(k) {
+    k = k[0];
+    var n = `constructor ${k.name}`;
+    void 0 === k.h.I && (k.h.I = []);
+    if (void 0 !== k.h.I[a - 1]) {
+      throw new $a(`Cannot register multiple constructors with identical number of parameters (${a - 1}) for class '${k.name}'! Overload resolution is currently only performed using the parameter count, not actual type info!`);
     }
-    l.h.I[a - 1] = () => {
-      ac(`Cannot construct ${l.name} due to unbound types`, m);
+    k.h.I[a - 1] = () => {
+      ac(`Cannot construct ${k.name} due to unbound types`, m);
     };
-    V([], m, function(k) {
-      k.splice(1, 0, null);
-      l.h.I[a - 1] = bc(n, k, null, e, g);
+    V([], m, function(l) {
+      l.splice(1, 0, null);
+      k.h.I[a - 1] = bc(n, l, null, e, g);
       return [];
     });
     return [];
   });
-}, _embind_register_class_function:function(b, a, c, d, e, g, m, l) {
+}, _embind_register_class_function:function(b, a, c, d, e, g, m, k) {
   var n = cc(c, d);
   a = U(a);
   g = Z(e, g);
-  V([], [b], function(k) {
+  V([], [b], function(l) {
     function t() {
       ac(`Cannot call ${v} due to unbound types`, n);
     }
-    k = k[0];
-    var v = `${k.name}.${a}`;
+    l = l[0];
+    var v = `${l.name}.${a}`;
     a.startsWith("@@") && (a = Symbol[a.substring(2)]);
-    l && k.h.ya.push(a);
-    var x = k.h.B, f = x[a];
-    void 0 === f || void 0 === f.m && f.className !== k.name && f.L === c - 2 ? (t.L = c - 2, t.className = k.name, x[a] = t) : (Nb(x, a, v), x[a].m[c - 2] = t);
+    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);
     V([], n, function(r) {
-      r = bc(v, r, k, g, m);
+      r = bc(v, r, l, g, 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, l, n, k) {
+}, _embind_register_class_property:function(b, a, c, d, e, g, m, k, n, l) {
   a = U(a);
   e = Z(d, e);
   V([], [b], function(t) {
@@ -1847,11 +1852,11 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
         return r.fromWireType(e(g, D));
       }, enumerable:!0};
       if (n) {
-        n = Z(l, n);
+        n = Z(k, n);
         var G = f[1];
         q.set = function(D) {
           var u = dc(this, t, v + " setter"), I = [];
-          n(k, u, G.toWireType(I, D));
+          n(l, u, G.toWireType(I, D));
           Eb(I);
         };
       }
@@ -1904,22 +1909,22 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   Ob(b, function() {
     ac(`Cannot call ${b} due to unbound types`, m);
   }, a - 1);
-  V([], m, function(l) {
-    Wb(b, bc(b, [l[0], null].concat(l.slice(1)), null, e, g), a - 1);
+  V([], m, function(k) {
+    Wb(b, bc(b, [k[0], null].concat(k.slice(1)), null, e, g), a - 1);
     return [];
   });
 }, _embind_register_integer:function(b, a, c, d, e) {
   a = U(a);
   -1 === e && (e = 4294967295);
   e = Jb(c);
-  var g = l => l;
+  var g = k => k;
   if (0 === d) {
     var m = 32 - 8 * c;
-    g = l => l << m >>> m;
+    g = k => k << m >>> m;
   }
-  c = a.includes("unsigned") ? function(l, n) {
+  c = a.includes("unsigned") ? function(k, n) {
     return n >>> 0;
-  } : function(l, n) {
+  } : function(k, n) {
     return n;
   };
   Ib(b, {name:a, fromWireType:g, toWireType:c, argPackAdvance:8, readValueFromPointer:hc(a, e, 0 !== d), v:null,});
@@ -1938,42 +1943,42 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   Ib(b, {name:a, fromWireType:function(d) {
     var e = P[d >> 2], g = d + 4;
     if (c) {
-      for (var m = g, l = 0; l <= e; ++l) {
-        var n = g + l;
-        if (l == e || 0 == L[n]) {
+      for (var m = g, k = 0; k <= e; ++k) {
+        var n = g + k;
+        if (k == e || 0 == L[n]) {
           m = m ? lc(L, m, n - m) : "";
-          if (void 0 === k) {
-            var k = m;
+          if (void 0 === l) {
+            var l = m;
           } else {
-            k += String.fromCharCode(0), k += m;
+            l += String.fromCharCode(0), l += m;
           }
           m = n + 1;
         }
       }
     } else {
-      k = Array(e);
-      for (l = 0; l < e; ++l) {
-        k[l] = String.fromCharCode(L[g + l]);
+      l = Array(e);
+      for (k = 0; k < e; ++k) {
+        l[k] = String.fromCharCode(L[g + k]);
       }
-      k = k.join("");
+      l = l.join("");
     }
     mb(d);
-    return k;
+    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 l = Lc(4 + m + 1), n = l + 4;
-    P[l >> 2] = m;
+    var k = Lc(4 + m + 1), n = k + 4;
+    P[k >> 2] = m;
     if (c && g) {
       ic(e, L, n, m + 1);
     } else {
       if (g) {
         for (g = 0; g < m; ++g) {
-          var k = e.charCodeAt(g);
-          255 < k && (mb(n), R("String has UTF-16 code units that do not fit in 8 bits"));
-          L[n + g] = k;
+          var l = e.charCodeAt(g);
+          255 < l && (mb(n), R("String has UTF-16 code units that do not fit in 8 bits"));
+          L[n + g] = l;
         }
       } else {
         for (g = 0; g < m; ++g) {
@@ -1981,8 +1986,8 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
         }
       }
     }
-    null !== d && d.push(mb, l);
-    return l;
+    null !== d && d.push(mb, k);
+    return k;
   }, argPackAdvance:8, readValueFromPointer:Fb, v:function(d) {
     mb(d);
   },});
@@ -1993,24 +1998,24 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     var e = pc;
     var g = qc;
     var m = () => Da;
-    var l = 1;
+    var k = 1;
   } else {
-    4 === a && (d = rc, e = sc, g = tc, m = () => P, l = 2);
+    4 === a && (d = rc, e = sc, g = tc, m = () => P, k = 2);
   }
   Ib(b, {name:c, fromWireType:function(n) {
-    for (var k = P[n >> 2], t = m(), v, x = n + 4, f = 0; f <= k; ++f) {
+    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 == k || 0 == t[r >> l]) {
+      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;
       }
     }
     mb(n);
     return v;
-  }, toWireType:function(n, k) {
-    "string" != typeof k && R(`Cannot pass non-string to C++ string type ${c}`);
-    var t = g(k), v = Lc(4 + t + a);
-    P[v >> 2] = t >> l;
-    e(k, v + 4, t + a);
+  }, 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;
   }, argPackAdvance:8, readValueFromPointer:Fb, v:function(n) {
@@ -2018,8 +2023,8 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   },});
 }, _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, l, n, k) {
-  Db[b].sa.push({Sa:U(a), Ya:c, Wa:Z(d, e), Xa:g, lb:m, kb:Z(l, n), mb:k,});
+}, _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_void:function(b, a) {
   a = U(a);
   Ib(b, {cb:!0, name:a, argPackAdvance:0, fromWireType:function() {
@@ -2053,11 +2058,11 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
     return e;
   }
   var g = Array(b - 1);
-  e = xc((m, l, n, k) => {
+  e = xc((m, k, n, l) => {
     for (var t = 0, v = 0; v < b - 1; ++v) {
-      g[v] = c[v + 1].readValueFromPointer(k + t), t += c[v + 1].argPackAdvance;
+      g[v] = c[v + 1].readValueFromPointer(l + t), t += c[v + 1].argPackAdvance;
     }
-    m = m[l].apply(m, g);
+    m = m[k].apply(m, g);
     for (v = 0; v < b - 1; ++v) {
       c[v + 1].Na && c[v + 1].Na(g[v]);
     }
@@ -2146,13 +2151,13 @@ var Mc = {_embind_create_inheriting_constructor:function(b, a, c) {
   return 70;
 }, fd_write:(b, a, c, d) => {
   for (var e = 0, g = 0; g < c; g++) {
-    var m = P[a >> 2], l = P[a + 4 >> 2];
+    var m = P[a >> 2], k = P[a + 4 >> 2];
     a += 8;
-    for (var n = 0; n < l; n++) {
-      var k = L[m + n], t = Dc[b];
-      0 === k || 10 === k ? ((1 === b ? ta : ua)(lc(t, 0)), t.length = 0) : t.push(k);
+    for (var n = 0; n < k; n++) {
+      var l = L[m + n], t = Dc[b];
+      0 === l || 10 === l ? ((1 === b ? ta : ua)(lc(t, 0)), t.length = 0) : t.push(l);
     }
-    e += l;
+    e += k;
   }
   P[d >> 2] = e;
   return 0;
@@ -2193,8 +2198,8 @@ h.__embind_initialize_bindings = () => (h.__embind_initialize_bindings = J._embi
 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, l, n) => (h.dynCall_iiiiijj = J.dynCall_iiiiijj)(b, a, c, d, e, g, m, l, n);
-h.dynCall_iiiiiijj = (b, a, c, d, e, g, m, l, n, k) => (h.dynCall_iiiiiijj = J.dynCall_iiiiiijj)(b, a, c, d, e, g, m, l, n, k);
+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();
@@ -2252,7 +2257,7 @@ Pc();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-lite","version":"2.14.4","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.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.15.1","description":"A lite version of Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -2550,6 +2555,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   StateMachineInput: () => (/* binding */ StateMachineInput),
 /* harmony export */   StateMachineInputType: () => (/* binding */ StateMachineInputType),
 /* harmony export */   Testing: () => (/* binding */ Testing),
+/* harmony export */   decodeAudio: () => (/* binding */ decodeAudio),
 /* harmony export */   decodeFont: () => (/* binding */ decodeFont),
 /* harmony export */   decodeImage: () => (/* binding */ decodeImage)
 /* harmony export */ });
@@ -3674,6 +3680,51 @@ var AudioManager = /** @class */ (function (_super) {
     return AudioManager;
 }(EventManager));
 var audioManager = new AudioManager();
+/**
+ * This class takes care of any observers that will be attached to an animation.
+ * It should be treated as a singleton because observers are much more performant
+ * when used for observing multiple elements by a single instance.
+ */
+var ObjectObservers = /** @class */ (function () {
+    function ObjectObservers() {
+        var _this = this;
+        this._elementsMap = new Map();
+        /**
+         * Resize observers trigger both when the element changes its size and also when the
+         * element is added or removed from the document.
+         */
+        this._onObservedEntry = function (entry) {
+            var observed = _this._elementsMap.get(entry.target);
+            if (observed !== null) {
+                observed.onResize(entry.target.clientWidth == 0 || entry.target.clientHeight == 0);
+            }
+            else {
+                _this._resizeObserver.unobserve(entry.target);
+            }
+        };
+        this._onObserved = function (entries) {
+            entries.forEach(_this._onObservedEntry);
+        };
+        this._resizeObserver = new ResizeObserver(this._onObserved);
+    }
+    // Adds an observable element
+    ObjectObservers.prototype.add = function (element, onResize) {
+        var observed = {
+            onResize: onResize,
+            element: element,
+        };
+        this._elementsMap.set(element, observed);
+        this._resizeObserver.observe(element);
+        return observed;
+    };
+    // Removes an observable element
+    ObjectObservers.prototype.remove = function (observed) {
+        this._resizeObserver.unobserve(observed.element);
+        this._elementsMap.delete(observed.element);
+    };
+    return ObjectObservers;
+}());
+var observers = new ObjectObservers();
 var Rive = /** @class */ (function () {
     function Rive(params) {
         var _this = this;
@@ -3698,17 +3749,28 @@ var Rive = /** @class */ (function () {
         this.enableRiveAssetCDN = true;
         // Keep a local value of the set volume to update it asynchronously
         this._volume = 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.
         this.durations = [];
         this.frameTimes = [];
         this.frameCount = 0;
         this.isTouchScrollEnabled = false;
+        this.onCanvasResize = function (hasZeroSize) {
+            _this._hasZeroSize = hasZeroSize;
+            if (!_this._layout.maxX || !_this._layout.maxY) {
+                _this.resizeToCanvas();
+            }
+        };
         /**
          * Used be draw to track when a second of active rendering time has passed.
          * Used for debugging purposes
          */
         this.renderSecondTimer = 0;
         this.canvas = params.canvas;
+        if (params.canvas.constructor === HTMLCanvasElement) {
+            this._observed = observers.add(this.canvas, this.onCanvasResize);
+        }
         this.src = params.src;
         this.buffer = params.buffer;
         this.layout = (_a = params.layout) !== null && _a !== void 0 ? _a : new Layout();
@@ -3761,14 +3823,6 @@ var Rive = /** @class */ (function () {
             this.assetLoader = params.assetLoader;
         // Hook up the task queue
         this.taskQueue = new TaskQueueManager(this.eventManager);
-        // Initialize audio
-        if (audioManager.status == SystemAudioStatus.UNAVAILABLE) {
-            audioManager.add({
-                type: EventType.AudioStatusChange,
-                callback: function () { return _this.onSystemAudioChanged(); },
-            });
-            audioManager.establishAudio();
-        }
         this.init({
             src: this.src,
             buffer: this.buffer,
@@ -3864,6 +3918,24 @@ var Rive = /** @class */ (function () {
             this.eventCleanup();
         }
     };
+    /**
+     * If the instance has audio and the system audio is not ready
+     * we hook the instance to the audio manager
+     */
+    Rive.prototype.initializeAudio = function () {
+        var _this = this;
+        var _a;
+        // Initialize audio if needed
+        if (audioManager.status == SystemAudioStatus.UNAVAILABLE) {
+            if ((_a = this.artboard) === null || _a === void 0 ? void 0 : _a.hasAudio) {
+                audioManager.add({
+                    type: EventType.AudioStatusChange,
+                    callback: function () { return _this.onSystemAudioChanged(); },
+                });
+                audioManager.establishAudio();
+            }
+        }
+    };
     // Initializes runtime with Rive data and preps for playing
     Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay) {
         var _a;
@@ -3893,6 +3965,8 @@ var Rive = /** @class */ (function () {
                         if (this.file) {
                             // Initialize and draw frame
                             this.initArtboard(artboardName, animationNames, stateMachineNames, autoplay);
+                            // Check for audio
+                            this.initializeAudio();
                             // Everything's set up, emit a load event
                             this.loaded = true;
                             this.eventManager.fire({
@@ -3970,9 +4044,9 @@ var Rive = /** @class */ (function () {
      * @param time the time at which to render a frame
      */
     Rive.prototype.draw = function (time, onSecond) {
-        var before = performance.now();
         // Clear the frameRequestId, as we're now rendering a fresh frame
         this.frameRequestId = null;
+        var before = performance.now();
         // On the first pass, make sure lastTime has a valid value
         if (!this.lastRenderTime) {
             this.lastRenderTime = time;
@@ -4051,7 +4125,10 @@ var Rive = /** @class */ (function () {
         renderer.save();
         // Update the renderer alignment if necessary
         this.alignRenderer();
-        this.artboard.draw(renderer);
+        // Do not draw on 0 canvas size
+        if (!this._hasZeroSize) {
+            this.artboard.draw(renderer);
+        }
         renderer.restore();
         renderer.flush();
         // Check for any animations that looped
@@ -4131,6 +4208,10 @@ var Rive = /** @class */ (function () {
         this.stopRendering();
         // Clean up any artboard, animation or state machine instances.
         this.cleanupInstances();
+        // Remove from observer
+        if (this._observed !== null) {
+            observers.remove(this._observed);
+        }
         // Delete the rive file
         (_a = this.file) === null || _a === void 0 ? void 0 : _a.delete();
         this.file = null;
@@ -4724,10 +4805,23 @@ var Testing = {
 };
 // #endregion
 // #region asset loaders
+/**
+ * Decodes bytes into an audio asset.
+ *
+ * Be sure to call `.unref()` on the audio once it is no longer needed. This
+ * allows the engine to clean it up when it is not used by any more animations.
+ */
+var decodeAudio = function (bytes) {
+    return new Promise(function (resolve) {
+        return RuntimeLoader.getInstance(function (rive) {
+            rive.decodeAudio(bytes, resolve);
+        });
+    });
+};
 /**
  * Decodes bytes into an image.
  *
- * Be sure to call `.dispose()` on the image once it is no longer needed. This
+ * Be sure to call `.unref()` on the image once it is no longer needed. This
  * allows the engine to clean it up when it is not used by any more animations.
  */
 var decodeImage = function (bytes) {
@@ -4740,7 +4834,7 @@ var decodeImage = function (bytes) {
 /**
  * Decodes bytes into a font.
  *
- * Be sure to call `.dispose()` on the font once it is no longer needed. This
+ * Be sure to call `.unref()` on the font once it is no longer needed. This
  * allows the engine to clean it up when it is not used by any more animations.
  */
 var decodeFont = function (bytes) {