@rive-app/canvas 2.27.2 → 2.27.4

package/rive.js

@@ -43,7 +43,7 @@ function fa() {
         console.error(l);
       }
     });
-    this.ob();
+    this.pb();
     e && e.Tb();
   }
   let b = 0, c = 0, d = new Map(), e = null, f = null;
@@ -74,7 +74,7 @@ function fa() {
     f && (document.body.remove(f), f = null);
     e = null;
   };
-  this.ob = function() {
+  this.pb = function() {
   };
 }
 function ha(a) {
@@ -140,11 +140,11 @@ m.onRuntimeInitialized = function() {
   },});
   m.FallbackFileAssetLoader = c.extend("FallbackFileAssetLoader", {__construct:function() {
     this.__parent.__construct.call(this);
-    this.kb = [];
+    this.lb = [];
   }, addLoader:function(e) {
-    this.kb.push(e);
+    this.lb.push(e);
   }, loadContents:function(e, f) {
-    for (let g of this.kb) {
+    for (let g of this.lb) {
       if (g.loadContents(e, f)) {
         return !0;
       }
@@ -266,12 +266,12 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         b.clearColor(0, 0, 0, 0);
         b.clear(b.COLOR_BUFFER_BIT);
         b.enable(b.SCISSOR_TEST);
-        r.sort((H, ca) => ca.wb - H.wb);
+        r.sort((H, ca) => ca.xb - H.xb);
         w = v.push(B);
         g != w && (b.bufferData(b.ARRAY_BUFFER, 8 * w, b.DYNAMIC_DRAW), g = w);
         w = 0;
         for (var T of r) {
-          b.bufferSubData(b.ARRAY_BUFFER, w, T.Ta), w += 4 * T.Ta.length;
+          b.bufferSubData(b.ARRAY_BUFFER, w, T.Ua), w += 4 * T.Ua.length;
         }
         console.assert(w == 4 * B);
         for (var da of r) {
@@ -290,15 +290,15 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         w = T = 0;
         for (const H of r) {
           H.image.Ka != ra && (b.bindTexture(b.TEXTURE_2D, H.image.Ja || null), ra = H.image.Ka);
-          H.mc ? (b.scissor(H.Ya, M - H.Za - H.jb, H.Ac, H.jb), da = !0) : da && (b.scissor(0, M - t, k, t), da = !1);
+          H.mc ? (b.scissor(H.Za, M - H.$a - H.kb, H.Ac, H.kb), da = !0) : da && (b.scissor(0, M - t, k, t), da = !1);
           r = 2 / k;
           const ca = -2 / t;
           b.uniform4f(e, H.ha[0] * r * H.Ba, H.ha[1] * ca * H.Ca, H.ha[2] * r * H.Ba, H.ha[3] * ca * H.Ca);
-          b.uniform2f(f, H.ha[4] * r * H.Ba + r * (H.Ya - H.ic * H.Ba) - 1, H.ha[5] * ca * H.Ca + ca * (H.Za - H.jc * H.Ca) + 1);
+          b.uniform2f(f, H.ha[4] * r * H.Ba + r * (H.Za - H.ic * H.Ba) - 1, H.ha[5] * ca * H.Ca + ca * (H.$a - H.jc * H.Ca) + 1);
           b.vertexAttribPointer(0, 2, b.FLOAT, !1, 0, w);
           b.vertexAttribPointer(1, 2, b.FLOAT, !1, 0, w + 4 * B);
           b.drawElements(b.TRIANGLES, H.indices.length, b.UNSIGNED_SHORT, T);
-          w += 4 * H.Ta.length;
+          w += 4 * H.Ua.length;
           T += 2 * H.indices.length;
         }
         console.assert(w == 4 * B);
@@ -371,20 +371,20 @@ m.onRuntimeInitialized = function() {
     this.la = q;
     this.xa = y;
   }, __destruct:function() {
-    this.Ja && (ka.Mb(this.Ja), URL.revokeObjectURL(this.Wa));
+    this.Ja && (ka.Mb(this.Ja), URL.revokeObjectURL(this.Xa));
     this.__parent.__destruct.call(this);
   }, decode:function(q) {
     var y = this;
     y.xa && y.xa(y);
     var F = new Image();
-    y.Wa = URL.createObjectURL(new Blob([q], {type:"image/png",}));
+    y.Xa = URL.createObjectURL(new Blob([q], {type:"image/png",}));
     F.onload = function() {
       y.Fb = F;
       y.Ja = ka.Lb(F);
       y.size(F.width, F.height);
       y.la && y.la(y);
     };
-    F.src = y.Wa;
+    F.src = y.Xa;
   },}), r = e.extend("CanvasRenderPath", {__construct:function() {
     this.__parent.__construct.call(this);
     this.T = new Path2D();
@@ -402,7 +402,7 @@ m.onRuntimeInitialized = function() {
     Q.f = J;
     X.call(K, q, Q);
   }, fillRule:function(q) {
-    this.Va = q;
+    this.Wa = q;
   }, moveTo:function(q, y) {
     this.T.moveTo(q, y);
   }, lineTo:function(q, y) {
@@ -412,7 +412,7 @@ m.onRuntimeInitialized = function() {
   }, close:function() {
     this.T.closePath();
   },}), B = f.extend("CanvasRenderPaint", {color:function(q) {
-    this.Xa = b(q);
+    this.Ya = b(q);
   }, thickness:function(q) {
     this.Ib = q;
   }, join:function(q) {
@@ -444,27 +444,27 @@ m.onRuntimeInitialized = function() {
   }, clearGradient:function() {
     this.ja = null;
   }, linearGradient:function(q, y, F, G) {
-    this.ja = {yb:q, zb:y, bb:F, cb:G, Ra:[],};
+    this.ja = {zb:q, Ab:y, cb:F, eb:G, Ra:[],};
   }, radialGradient:function(q, y, F, G) {
-    this.ja = {yb:q, zb:y, bb:F, cb:G, Ra:[], ec:!0,};
+    this.ja = {zb:q, Ab:y, cb:F, eb:G, Ra:[], ec:!0,};
   }, addStop:function(q, y) {
     this.ja.Ra.push({color:q, stop:y,});
   }, completeGradient:function() {
   }, draw:function(q, y, F) {
     let G = this.Hb;
-    var A = this.Xa, I = this.ja;
+    var A = this.Ya, I = this.ja;
     q.globalCompositeOperation = this.Eb;
     if (null != I) {
-      A = I.yb;
-      var J = I.zb;
-      const X = I.bb;
-      var K = I.cb;
+      A = I.zb;
+      var J = I.Ab;
+      const X = I.cb;
+      var K = I.eb;
       const Q = I.Ra;
       I.ec ? (I = X - A, K -= J, A = q.createRadialGradient(A, J, 0, A, J, Math.sqrt(I * I + K * K))) : A = q.createLinearGradient(A, J, X, K);
       for (let ea = 0, R = Q.length; ea < R; ea++) {
         J = Q[ea], A.addColorStop(J.stop, b(J.color));
       }
-      this.Xa = A;
+      this.Ya = A;
       this.ja = null;
     }
     switch(G) {
@@ -485,7 +485,7 @@ m.onRuntimeInitialized = function() {
     this.__parent.__construct.call(this);
     this.S = [1, 0, 0, 1, 0, 0];
     this.C = q.getContext("2d");
-    this.Ua = q;
+    this.Va = q;
     this.H = [];
   }, save:function() {
     this.S.push(...this.S.slice(this.S.length - 6));
@@ -506,7 +506,7 @@ m.onRuntimeInitialized = function() {
     q = Math.cos(q);
     this.transform(q, y, -y, q, 0, 0);
   }, _drawPath:function(q, y) {
-    this.H.push(y.draw.bind(y, this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
+    this.H.push(y.draw.bind(y, this.C, q.T, q.Wa === x ? "evenodd" : "nonzero"));
   }, _drawRiveImage:function(q, y, F) {
     var G = q.Fb;
     if (G) {
@@ -544,7 +544,7 @@ m.onRuntimeInitialized = function() {
       R = w.addRect(sa, ta);
       0 > R && (c(), D.add(this), R = w.addRect(sa, ta), console.assert(0 <= R));
       var $b = R & 65535, ac = R >> 16;
-      M.push({ha:this.S.slice(this.S.length - 6), image:q, Ya:$b, Za:ac, ic:J, jc:K, Ac:sa, jb:ta, Ba:Q, Ca:ea, Ta:new Float32Array(G), Db:new Float32Array(A), indices:new Uint16Array(I), mc:X, wb:q.Ka << 1 | (X ? 1 : 0),});
+      M.push({ha:this.S.slice(this.S.length - 6), image:q, Za:$b, $a:ac, ic:J, jc:K, Ac:sa, kb:ta, Ba:Q, Ca:ea, Ua:new Float32Array(G), Db:new Float32Array(A), indices:new Uint16Array(I), mc:X, xb:q.Ka << 1 | (X ? 1 : 0),});
       T += G.length;
       da += I.length;
       var za = this.C, qd = a(y);
@@ -559,10 +559,10 @@ m.onRuntimeInitialized = function() {
       });
     }
   }, _clipPath:function(q) {
-    this.H.push(this.C.clip.bind(this.C, q.T, q.Va === x ? "evenodd" : "nonzero"));
+    this.H.push(this.C.clip.bind(this.C, q.T, q.Wa === x ? "evenodd" : "nonzero"));
   }, clear:function() {
     D.add(this);
-    this.H.push(this.C.clearRect.bind(this.C, 0, 0, this.Ua.width, this.Ua.height));
+    this.H.push(this.C.clearRect.bind(this.C, 0, 0, this.Va.width, this.Va.height));
   }, flush:function() {
   }, translate:function(q, y) {
     this.transform(1, 0, 0, 1, q, y);
@@ -634,7 +634,7 @@ m.onRuntimeInitialized = function() {
   m.cancelAnimationFrame = d.cancelAnimationFrame.bind(d);
   m.enableFPSCounter = d.Rb.bind(d);
   m.disableFPSCounter = d.Ob;
-  d.ob = c;
+  d.pb = c;
   m.resolveAnimationFrame = c;
   m.cleanup = function() {
     w && w.delete();
@@ -746,7 +746,7 @@ function Ya(a, b) {
     return Xa(c, a, b);
   }));
 }
-var Za, $a, db = {452588:(a, b, c, d, e) => {
+var Za, $a, db = {453404:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -758,7 +758,7 @@ var Za, $a, db = {452588:(a, b, c, d, e) => {
     window.h.I.La = c;
     window.h.ga = {};
     window.h.ga.stopped = d;
-    window.h.ga.xb = e;
+    window.h.ga.yb = e;
     let f = window.h;
     f.D = [];
     f.yc = function(g) {
@@ -789,29 +789,31 @@ var Za, $a, db = {452588:(a, b, c, d, e) => {
     f.ra = function(g) {
       return f.D[g];
     };
-    f.Bb = ["touchend", "click"];
+    f.Ta = ["touchend", "click"];
     f.unlock = function() {
       for (var g = 0; g < f.D.length; ++g) {
         var n = f.D[g];
-        null != n && null != n.J && n.state === f.ga.xb && n.J.resume().then(() => {
-          ab(n.pb);
+        null != n && null != n.J && n.state === f.ga.yb && n.J.resume().then(() => {
+          ab(n.qb);
         }, p => {
           console.error("Failed to resume audiocontext", p);
         });
       }
-      f.Bb.map(function(p) {
+      f.Ta.map(function(p) {
         document.removeEventListener(p, f.unlock, !0);
       });
     };
-    f.Bb.map(function(g) {
+    f.Ta.map(function(g) {
       document.addEventListener(g, f.unlock, !0);
     });
   }
   window.h.Aa += 1;
   return 1;
-}, 454766:() => {
-  "undefined" !== typeof window.h && (--window.h.Aa, 0 === window.h.Aa && delete window.h);
-}, 454930:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 455034:() => {
+}, 455582:() => {
+  "undefined" !== typeof window.h && (window.h.Ta.map(function(a) {
+    document.removeEventListener(a, window.h.unlock, !0);
+  }), --window.h.Aa, 0 === window.h.Aa && delete window.h);
+}, 455886:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 455990:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -819,7 +821,7 @@ var Za, $a, db = {452588:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 455205:(a, b, c, d, e, f) => {
+}, 456161:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -863,23 +865,23 @@ var Za, $a, db = {452588:(a, b, c, d, e) => {
     console.log("Failed to get user media: " + p);
   });
   a == window.h.I.ya && g.Z.connect(g.J.destination);
-  g.pb = f;
+  g.qb = f;
   return window.h.yc(g);
-}, 458082:a => window.h.ra(a).J.sampleRate, 458155:a => {
+}, 459038:a => window.h.ra(a).J.sampleRate, 459111:a => {
   a = window.h.ra(a);
   void 0 !== a.Z && (a.Z.onaudioprocess = function() {
   }, a.Z.disconnect(), a.Z = void 0);
   void 0 !== a.Da && (a.Da.disconnect(), a.Da = void 0);
   a.J.close();
   a.J = void 0;
-  a.pb = void 0;
-}, 458555:a => {
+  a.qb = void 0;
+}, 459511:a => {
   window.h.Cb(a);
-}, 458605:a => {
+}, 459561:a => {
   a = window.h.ra(a);
   a.J.resume();
-  a.state = window.h.ga.xb;
-}, 458744:a => {
+  a.state = window.h.ga.yb;
+}, 459700:a => {
   a = window.h.ra(a);
   a.J.suspend();
   a.state = window.h.ga.stopped;
@@ -1038,12 +1040,12 @@ var vb = {open:function(a) {
 }, qa:function(a) {
   a.s.V.qa(a.s);
 }, read:function(a, b, c, d) {
-  if (!a.s || !a.s.V.ib) {
+  if (!a.s || !a.s.V.jb) {
     throw new O(60);
   }
   for (var e = 0, f = 0; f < d; f++) {
     try {
-      var g = a.s.V.ib(a.s);
+      var g = a.s.V.jb(a.s);
     } catch (n) {
       throw new O(29);
     }
@@ -1071,7 +1073,7 @@ var vb = {open:function(a) {
   }
   d && (a.node.timestamp = Date.now());
   return e;
-},}, wb = {ib:function() {
+},}, wb = {jb:function() {
   a: {
     if (!ob.length) {
       var a = null;
@@ -1110,9 +1112,9 @@ var P = {O:null, U() {
   if (24576 === (c & 61440) || 4096 === (c & 61440)) {
     throw new O(63);
   }
-  P.O || (P.O = {dir:{node:{Y:P.l.Y, P:P.l.P, ka:P.l.ka, va:P.l.va, ub:P.l.ub, Ab:P.l.Ab, vb:P.l.vb, sb:P.l.sb, Ea:P.l.Ea}, stream:{ba:P.m.ba}}, file:{node:{Y:P.l.Y, P:P.l.P}, stream:{ba:P.m.ba, read:P.m.read, write:P.m.write, pa:P.m.pa, lb:P.m.lb, nb:P.m.nb}}, link:{node:{Y:P.l.Y, P:P.l.P, ma:P.l.ma}, stream:{}}, $a:{node:{Y:P.l.Y, P:P.l.P}, stream:zb}});
+  P.O || (P.O = {dir:{node:{Y:P.l.Y, P:P.l.P, ka:P.l.ka, va:P.l.va, vb:P.l.vb, Bb:P.l.Bb, wb:P.l.wb, tb:P.l.tb, Ea:P.l.Ea}, stream:{ba:P.m.ba}}, file:{node:{Y:P.l.Y, P:P.l.P}, stream:{ba:P.m.ba, read:P.m.read, write:P.m.write, pa:P.m.pa, mb:P.m.mb, ob:P.m.ob}}, link:{node:{Y:P.l.Y, P:P.l.P, ma:P.l.ma}, stream:{}}, ab:{node:{Y:P.l.Y, P:P.l.P}, stream:zb}});
   c = Ab(a, b, c, d);
-  16384 === (c.mode & 61440) ? (c.l = P.O.dir.node, c.m = P.O.dir.stream, c.j = {}) : 32768 === (c.mode & 61440) ? (c.l = P.O.file.node, c.m = P.O.file.stream, c.v = 0, c.j = null) : 40960 === (c.mode & 61440) ? (c.l = P.O.link.node, c.m = P.O.link.stream) : 8192 === (c.mode & 61440) && (c.l = P.O.$a.node, c.m = P.O.$a.stream);
+  16384 === (c.mode & 61440) ? (c.l = P.O.dir.node, c.m = P.O.dir.stream, c.j = {}) : 32768 === (c.mode & 61440) ? (c.l = P.O.file.node, c.m = P.O.file.stream, c.v = 0, c.j = null) : 40960 === (c.mode & 61440) ? (c.l = P.O.link.node, c.m = P.O.link.stream) : 8192 === (c.mode & 61440) && (c.l = P.O.ab.node, c.m = P.O.ab.stream);
   c.timestamp = Date.now();
   a && (a.j[b] = c, a.timestamp = c.timestamp);
   return c;
@@ -1151,7 +1153,7 @@ var P = {O:null, U() {
   throw Bb[44];
 }, va(a, b, c, d) {
   return P.createNode(a, b, c, d);
-}, ub(a, b, c) {
+}, vb(a, b, c) {
   if (16384 === (a.mode & 61440)) {
     try {
       var d = Cb(b, c);
@@ -1169,17 +1171,17 @@ var P = {O:null, U() {
   b.j[c] = a;
   b.timestamp = a.parent.timestamp;
   a.parent = b;
-}, Ab(a, b) {
+}, Bb(a, b) {
   delete a.j[b];
   a.timestamp = Date.now();
-}, vb(a, b) {
+}, wb(a, b) {
   var c = Cb(a, b), d;
   for (d in c.j) {
     throw new O(55);
   }
   delete a.j[b];
   a.timestamp = Date.now();
-}, sb(a) {
+}, tb(a) {
   var b = [".", ".."], c;
   for (c in a.j) {
     a.j.hasOwnProperty(c) && b.push(c);
@@ -1245,7 +1247,7 @@ var P = {O:null, U() {
 }, pa(a, b, c) {
   yb(a.node, b + c);
   a.node.v = Math.max(a.node.v, b + c);
-}, lb(a, b, c, d, e) {
+}, mb(a, b, c, d, e) {
   if (32768 !== (a.node.mode & 61440)) {
     throw new O(43);
   }
@@ -1265,7 +1267,7 @@ var P = {O:null, U() {
     c = !1, b = a.byteOffset;
   }
   return {o:b, M:c};
-}, nb(a, b, c, d) {
+}, ob(a, b, c, d) {
   P.m.write(a, b, 0, d, c, !1);
   return 0;
 },},};
@@ -1280,7 +1282,7 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
   if (!a) {
     return {path:"", node:null};
   }
-  b = Object.assign({gb:!0, Qa:0}, b);
+  b = Object.assign({hb:!0, Qa:0}, b);
   if (8 < b.Qa) {
     throw new O(32);
   }
@@ -1292,8 +1294,8 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
     }
     c = Cb(c, a[e]);
     d = gb(d + "/" + a[e]);
-    c.wa && (!f || f && b.gb) && (c = c.wa.root);
-    if (!f || b.fb) {
+    c.wa && (!f || f && b.hb) && (c = c.wa.root);
+    if (!f || b.gb) {
       for (f = 0; 40960 === (c.mode & 61440);) {
         if (c = Kb(d), d = lb(hb(d), c), c = Lb(d, {Qa:b.Qa + 1}).node, 40 < f++) {
           throw new O(32);
@@ -1305,7 +1307,7 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
 }, Mb = a => {
   for (var b;;) {
     if (a === a.parent) {
-      return a = a.U.mb, b ? "/" !== a[a.length - 1] ? `${a}/${b}` : a + b : a;
+      return a = a.U.nb, b ? "/" !== a[a.length - 1] ? `${a}/${b}` : a + b : a;
     }
     b = b ? `${a.name}/${b}` : a.name;
     a = a.parent;
@@ -1400,7 +1402,7 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
     throw new O(10);
   }
   if (!c && !d) {
-    var e = Lb(b, {gb:!1});
+    var e = Lb(b, {hb:!1});
     b = e.path;
     e = e.node;
     if (e.wa) {
@@ -1410,7 +1412,7 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
       throw new O(54);
     }
   }
-  b = {type:a, Qc:{}, mb:b, kc:[]};
+  b = {type:a, Qc:{}, nb:b, kc:[]};
   a = a.U(b);
   a.U = b;
   b.root = a;
@@ -1475,7 +1477,7 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
   } else {
     a = gb(a);
     try {
-      e = Lb(a, {fb:!(b & 131072)}).node;
+      e = Lb(a, {gb:!(b & 131072)}).node;
     } catch (f) {
     }
   }
@@ -1501,7 +1503,7 @@ var Eb = null, Fb = {}, Gb = [], Hb = 1, Ib = null, Jb = !0, O = null, Bb = {},
   }
   if (b & 512 && !d) {
     c = e;
-    c = "string" == typeof c ? Lb(c, {fb:!0}).node : c;
+    c = "string" == typeof c ? Lb(c, {gb:!0}).node : c;
     if (!c.l.P) {
       throw new O(63);
     }
@@ -1606,7 +1608,7 @@ function oc(a, b) {
 }
 function pc() {
   this.M = [void 0];
-  this.hb = [];
+  this.ib = [];
 }
 var U = new pc(), qc = void 0;
 function V(a) {
@@ -1626,7 +1628,7 @@ var rc = a => {
     case !1:
       return 4;
     default:
-      return U.pa({tb:1, value:a});
+      return U.pa({ub:1, value:a});
   }
 };
 function tc(a) {
@@ -1819,7 +1821,7 @@ function bd(a, b, c, d, e, f, g, n) {
   this.Ub = f;
   this.na = g;
   this.Pb = n;
-  this.qb = [];
+  this.rb = [];
 }
 function cd(a, b, c) {
   for (; b !== c;) {
@@ -1889,7 +1891,7 @@ function hd(a, b, c, d) {
   this.Na = c;
   this.ta = d;
   this.ua = !1;
-  this.W = this.oc = this.Pa = this.rb = this.tc = this.nc = void 0;
+  this.W = this.oc = this.Pa = this.sb = this.tc = this.nc = void 0;
   void 0 !== b.A ? this.toWireType = fd : (this.toWireType = d ? dd : gd, this.K = null);
 }
 function jd(a, b, c) {
@@ -1978,7 +1980,7 @@ function td(a, b, c) {
   return cd(a.g.o, a.g.u.i, b.i);
 }
 function ud(a) {
-  a >= U.h && 0 === --U.get(a).tb && U.Zb(a);
+  a >= U.h && 0 === --U.get(a).ub && U.Zb(a);
 }
 function vd(a, b, c) {
   switch(b) {
@@ -2291,7 +2293,7 @@ S("/home/web_user", 16895, 0);
     var b = Ab(a, "fd", 16895, 73);
     b.l = {ka:(c, d) => {
       var e = Tb(+d);
-      c = {parent:null, U:{mb:"fake"}, l:{ma:() => e.path},};
+      c = {parent:null, U:{nb:"fake"}, l:{ma:() => e.path},};
       return c.parent = c;
     }};
     return b;
@@ -2302,12 +2304,12 @@ Object.assign(pc.prototype, {get(a) {
 }, has(a) {
   return void 0 !== this.M[a];
 }, pa(a) {
-  var b = this.hb.pop() || this.M.length;
+  var b = this.ib.pop() || this.M.length;
   this.M[b] = a;
   return b;
 }, Zb(a) {
   this.M[a] = void 0;
-  this.hb.push(a);
+  this.ib.push(a);
 }});
 qc = m.BindingError = class extends Error {
   constructor(a) {
@@ -2392,10 +2394,10 @@ Zc.prototype.deleteLater = function() {
   return this;
 };
 hd.prototype.Vb = function(a) {
-  this.rb && (a = this.rb(a));
+  this.sb && (a = this.sb(a));
   return a;
 };
-hd.prototype.ab = function(a) {
+hd.prototype.bb = function(a) {
   this.W && this.W(a);
 };
 hd.prototype.argPackAdvance = 8;
@@ -2411,7 +2413,7 @@ hd.prototype.fromWireType = function(a) {
   }
   var c = this.Vb(a);
   if (!c) {
-    return this.ab(a), null;
+    return this.bb(a), null;
   }
   var d = Lc(this.i, c);
   if (void 0 !== d) {
@@ -2419,7 +2421,7 @@ hd.prototype.fromWireType = function(a) {
       return d.g.o = c, d.g.G = a, d.clone();
     }
     d = d.clone();
-    this.ab(a);
+    this.bb(a);
     return d;
   }
   d = this.i.Ub(c);
@@ -2566,7 +2568,7 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
   c = rc(c);
   var d = [].slice, e = b.i, f = e.N, g = e.A.N, n = e.A.constructor;
   a = oc(a, function() {
-    e.A.qb.forEach(function(l) {
+    e.A.rb.forEach(function(l) {
       if (this[l] === g[l]) {
         throw new uc(`Pure virtual function ${l} must be implemented in JavaScript`);
       }
@@ -2602,7 +2604,7 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
 }, _embind_finalize_value_object:function(a) {
   var b = Qc[a];
   delete Qc[a];
-  var c = b.Pa, d = b.W, e = b.eb, f = e.map(g => g.Yb).concat(e.map(g => g.rc));
+  var c = b.Pa, d = b.W, e = b.fb, f = e.map(g => g.Yb).concat(e.map(g => g.rc));
   Y([a], f, g => {
     var n = {};
     e.forEach((p, l) => {
@@ -2781,7 +2783,7 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
     l = l[0];
     var v = `${l.name}.${b}`;
     b.startsWith("@@") && (b = Symbol[b.substring(2)]);
-    n && l.i.qb.push(b);
+    n && l.i.rb.push(b);
     var x = l.i.N, k = x[b];
     void 0 === k || void 0 === k.B && k.className !== l.name && k.ea === c - 2 ? (u.ea = c - 2, u.className = l.name, x[b] = u) : ($c(x, b, v), x[b].B[c - 2] = u);
     Y([], p, function(t) {
@@ -2981,9 +2983,9 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
     Ec(p);
   },});
 }, _embind_register_value_object:function(a, b, c, d, e, f) {
-  Qc[a] = {name:W(b), Pa:Z(c, d), W:Z(e, f), eb:[],};
+  Qc[a] = {name:W(b), Pa:Z(c, d), W:Z(e, f), fb:[],};
 }, _embind_register_value_object_field:function(a, b, c, d, e, f, g, n, p, l) {
-  Qc[a].eb.push({Sb:W(b), Yb:c, Wb:Z(d, e), Xb:f, rc:g, qc:Z(n, p), sc:l,});
+  Qc[a].fb.push({Sb:W(b), Yb:c, Wb:Z(d, e), Xb:f, rc:g, qc:Z(n, p), sc:l,});
 }, _embind_register_void:function(a, b) {
   b = W(b);
   Vc(a, {fc:!0, name:b, argPackAdvance:0, fromWireType:function() {
@@ -3038,7 +3040,7 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
   b = rc(b);
   return sc(a[b]);
 }, _emval_incref:function(a) {
-  4 < a && (U.get(a).tb += 1);
+  4 < a && (U.get(a).ub += 1);
 }, _emval_new_array:function() {
   return sc([]);
 }, _emval_new_cstring:function(a) {
@@ -3294,10 +3296,10 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
   }).catch(ba);
   return {};
 })();
-var Ec = a => (Ec = z.free)(a), Wd = a => (Wd = z.malloc)(a), ab = m._ma_device__on_notification_unlocked = a => (ab = m._ma_device__on_notification_unlocked = z.ma_device__on_notification_unlocked)(a);
+var Ec = a => (Ec = z.free)(a), Wd = a => (Wd = z.malloc)(a), Vd = () => (Vd = z.__errno_location)(), ab = m._ma_device__on_notification_unlocked = a => (ab = m._ma_device__on_notification_unlocked = z.ma_device__on_notification_unlocked)(a);
 m._ma_malloc_emscripten = (a, b) => (m._ma_malloc_emscripten = z.ma_malloc_emscripten)(a, b);
 m._ma_free_emscripten = (a, b) => (m._ma_free_emscripten = z.ma_free_emscripten)(a, b);
-var bb = m._ma_device_process_pcm_frames_capture__webaudio = (a, b, c) => (bb = m._ma_device_process_pcm_frames_capture__webaudio = z.ma_device_process_pcm_frames_capture__webaudio)(a, b, c), cb = m._ma_device_process_pcm_frames_playback__webaudio = (a, b, c) => (cb = m._ma_device_process_pcm_frames_playback__webaudio = z.ma_device_process_pcm_frames_playback__webaudio)(a, b, c), Vd = () => (Vd = z.__errno_location)(), Dc = a => (Dc = z.__getTypeName)(a);
+var bb = m._ma_device_process_pcm_frames_capture__webaudio = (a, b, c) => (bb = m._ma_device_process_pcm_frames_capture__webaudio = z.ma_device_process_pcm_frames_capture__webaudio)(a, b, c), cb = m._ma_device_process_pcm_frames_playback__webaudio = (a, b, c) => (cb = m._ma_device_process_pcm_frames_playback__webaudio = z.ma_device_process_pcm_frames_playback__webaudio)(a, b, c), Dc = a => (Dc = z.__getTypeName)(a);
 m.__embind_initialize_bindings = () => (m.__embind_initialize_bindings = z._embind_initialize_bindings)();
 m.dynCall_iiji = (a, b, c, d, e) => (m.dynCall_iiji = z.dynCall_iiji)(a, b, c, d, e);
 m.dynCall_jiji = (a, b, c, d, e) => (m.dynCall_jiji = z.dynCall_jiji)(a, b, c, d, e);
@@ -3367,7 +3369,7 @@ $d();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas","version":"2.27.2","description":"Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas","version":"2.27.4","description":"Rive\'s canvas based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -3509,12 +3511,24 @@ var Animation = /** @class */ (function () {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AudioAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.AudioAssetWrapper),
+/* harmony export */   AudioWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.AudioWrapper),
 /* harmony export */   BLANK_URL: () => (/* reexport safe */ _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__.BLANK_URL),
+/* harmony export */   CustomFileAssetLoaderWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.CustomFileAssetLoaderWrapper),
+/* harmony export */   FileAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.FileAssetWrapper),
+/* harmony export */   Finalizable: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.Finalizable),
+/* harmony export */   FontAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.FontAssetWrapper),
+/* harmony export */   FontWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.FontWrapper),
+/* harmony export */   ImageAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.ImageAssetWrapper),
+/* harmony export */   ImageWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.ImageWrapper),
+/* harmony export */   finalizationRegistry: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.finalizationRegistry),
 /* harmony export */   registerTouchInteractions: () => (/* reexport safe */ _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__.registerTouchInteractions),
 /* harmony export */   sanitizeUrl: () => (/* reexport safe */ _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__.sanitizeUrl)
 /* harmony export */ });
 /* harmony import */ var _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
 /* harmony import */ var _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
+
 
 
 
@@ -3763,6 +3777,258 @@ function sanitizeUrl(url) {
 }
 
 
+/***/ }),
+/* 8 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AudioAssetWrapper: () => (/* binding */ AudioAssetWrapper),
+/* harmony export */   AudioWrapper: () => (/* binding */ AudioWrapper),
+/* harmony export */   CustomFileAssetLoaderWrapper: () => (/* binding */ CustomFileAssetLoaderWrapper),
+/* harmony export */   FileAssetWrapper: () => (/* binding */ FileAssetWrapper),
+/* harmony export */   Finalizable: () => (/* binding */ Finalizable),
+/* harmony export */   FontAssetWrapper: () => (/* binding */ FontAssetWrapper),
+/* harmony export */   FontWrapper: () => (/* binding */ FontWrapper),
+/* harmony export */   ImageAssetWrapper: () => (/* binding */ ImageAssetWrapper),
+/* harmony export */   ImageWrapper: () => (/* binding */ ImageWrapper),
+/* harmony export */   finalizationRegistry: () => (/* binding */ finalizationRegistry)
+/* harmony export */ });
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var Finalizable = /** @class */ (function () {
+    function Finalizable() {
+        this.selfUnref = false;
+    }
+    return Finalizable;
+}());
+var ImageWrapper = /** @class */ (function (_super) {
+    __extends(ImageWrapper, _super);
+    function ImageWrapper(image) {
+        var _this = _super.call(this) || this;
+        _this._nativeImage = image;
+        return _this;
+    }
+    Object.defineProperty(ImageWrapper.prototype, "nativeImage", {
+        get: function () {
+            return this._nativeImage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ImageWrapper.prototype.unref = function () {
+        if (this.selfUnref) {
+            this._nativeImage.unref();
+        }
+    };
+    return ImageWrapper;
+}(Finalizable));
+var AudioWrapper = /** @class */ (function (_super) {
+    __extends(AudioWrapper, _super);
+    function AudioWrapper(audio) {
+        var _this = _super.call(this) || this;
+        _this._nativeAudio = audio;
+        return _this;
+    }
+    Object.defineProperty(AudioWrapper.prototype, "nativeAudio", {
+        get: function () {
+            return this._nativeAudio;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    AudioWrapper.prototype.unref = function () {
+        if (this.selfUnref) {
+            this._nativeAudio.unref();
+        }
+    };
+    return AudioWrapper;
+}(Finalizable));
+var FontWrapper = /** @class */ (function (_super) {
+    __extends(FontWrapper, _super);
+    function FontWrapper(font) {
+        var _this = _super.call(this) || this;
+        _this._nativeFont = font;
+        return _this;
+    }
+    Object.defineProperty(FontWrapper.prototype, "nativeFont", {
+        get: function () {
+            return this._nativeFont;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    FontWrapper.prototype.unref = function () {
+        if (this.selfUnref) {
+            this._nativeFont.unref();
+        }
+    };
+    return FontWrapper;
+}(Finalizable));
+var CustomFileAssetLoaderWrapper = /** @class */ (function () {
+    function CustomFileAssetLoaderWrapper(runtime, loaderCallback) {
+        this._assetLoaderCallback = loaderCallback;
+        this.assetLoader = new runtime.CustomFileAssetLoader({
+            loadContents: this.loadContents.bind(this),
+        });
+    }
+    CustomFileAssetLoaderWrapper.prototype.loadContents = function (asset, bytes) {
+        var assetWrapper;
+        if (asset.isImage) {
+            assetWrapper = new ImageAssetWrapper(asset);
+        }
+        else if (asset.isAudio) {
+            assetWrapper = new AudioAssetWrapper(asset);
+        }
+        else if (asset.isFont) {
+            assetWrapper = new FontAssetWrapper(asset);
+        }
+        return this._assetLoaderCallback(assetWrapper, bytes);
+    };
+    return CustomFileAssetLoaderWrapper;
+}());
+/**
+ * Rive class representing a FileAsset with relevant metadata fields to describe
+ * an asset associated wtih the Rive File
+ */
+var FileAssetWrapper = /** @class */ (function () {
+    function FileAssetWrapper(nativeAsset) {
+        this._nativeFileAsset = nativeAsset;
+    }
+    FileAssetWrapper.prototype.decode = function (bytes) {
+        this._nativeFileAsset.decode(bytes);
+    };
+    Object.defineProperty(FileAssetWrapper.prototype, "name", {
+        get: function () {
+            return this._nativeFileAsset.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "fileExtension", {
+        get: function () {
+            return this._nativeFileAsset.fileExtension;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "uniqueFilename", {
+        get: function () {
+            return this._nativeFileAsset.uniqueFilename;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "isAudio", {
+        get: function () {
+            return this._nativeFileAsset.isAudio;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "isImage", {
+        get: function () {
+            return this._nativeFileAsset.isImage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "isFont", {
+        get: function () {
+            return this._nativeFileAsset.isFont;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "cdnUuid", {
+        get: function () {
+            return this._nativeFileAsset.cdnUuid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "nativeFileAsset", {
+        get: function () {
+            return this._nativeFileAsset;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return FileAssetWrapper;
+}());
+/**
+ * Rive class extending the FileAsset that exposes a `setRenderImage()` API with a
+ * decoded Image (via the `decodeImage()` API) to set a new Image on the Rive FileAsset
+ */
+var ImageAssetWrapper = /** @class */ (function (_super) {
+    __extends(ImageAssetWrapper, _super);
+    function ImageAssetWrapper(nativeAsset) {
+        return _super.call(this, nativeAsset) || this;
+    }
+    ImageAssetWrapper.prototype.setRenderImage = function (image) {
+        this._nativeFileAsset.setRenderImage(image.nativeImage);
+    };
+    return ImageAssetWrapper;
+}(FileAssetWrapper));
+/**
+ * Rive class extending the FileAsset that exposes a `setAudioSource()` API with a
+ * decoded Audio (via the `decodeAudio()` API) to set a new Audio on the Rive FileAsset
+ */
+var AudioAssetWrapper = /** @class */ (function (_super) {
+    __extends(AudioAssetWrapper, _super);
+    function AudioAssetWrapper(nativeAsset) {
+        return _super.call(this, nativeAsset) || this;
+    }
+    AudioAssetWrapper.prototype.setAudioSource = function (audio) {
+        this._nativeFileAsset.setAudioSource(audio.nativeAudio);
+    };
+    return AudioAssetWrapper;
+}(FileAssetWrapper));
+/**
+ * Rive class extending the FileAsset that exposes a `setFont()` API with a
+ * decoded Font (via the `decodeFont()` API) to set a new Font on the Rive FileAsset
+ */
+var FontAssetWrapper = /** @class */ (function (_super) {
+    __extends(FontAssetWrapper, _super);
+    function FontAssetWrapper() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FontAssetWrapper.prototype.setFont = function (font) {
+        this._nativeFileAsset.setFont(font.nativeFont);
+    };
+    return FontAssetWrapper;
+}(FileAssetWrapper));
+var FakeFinalizationRegistry = /** @class */ (function (_super) {
+    __extends(FakeFinalizationRegistry, _super);
+    function FakeFinalizationRegistry(fn) {
+        return _super.call(this, fn) || this;
+    }
+    FakeFinalizationRegistry.prototype.register = function (object) {
+        object.selfUnref = true;
+    };
+    FakeFinalizationRegistry.prototype.unregister = function (_) { };
+    return FakeFinalizationRegistry;
+}(FinalizationRegistry));
+var MyFinalizationRegistry = FinalizationRegistry || FakeFinalizationRegistry;
+var finalizationRegistry = new MyFinalizationRegistry(function (ob) {
+    ob.unref();
+});
+
+
+
 /***/ })
 /******/ 	]);
 /************************************************************************/
@@ -3840,6 +4106,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Testing: () => (/* binding */ Testing),
 /* harmony export */   ViewModel: () => (/* binding */ ViewModel),
 /* harmony export */   ViewModelInstance: () => (/* binding */ ViewModelInstance),
+/* harmony export */   ViewModelInstanceAssetImage: () => (/* binding */ ViewModelInstanceAssetImage),
 /* harmony export */   ViewModelInstanceBoolean: () => (/* binding */ ViewModelInstanceBoolean),
 /* harmony export */   ViewModelInstanceColor: () => (/* binding */ ViewModelInstanceColor),
 /* harmony export */   ViewModelInstanceEnum: () => (/* binding */ ViewModelInstanceEnum),
@@ -5062,7 +5329,7 @@ var RiveFile = /** @class */ (function () {
     }
     RiveFile.prototype.initData = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, loader, _b;
+            var _a, loader, loaderWrapper, _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -5078,9 +5345,8 @@ var RiveFile = /** @class */ (function () {
                             return [2 /*return*/];
                         }
                         if (this.assetLoader) {
-                            loader = new this.runtime.CustomFileAssetLoader({
-                                loadContents: this.assetLoader,
-                            });
+                            loaderWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.CustomFileAssetLoaderWrapper(this.runtime, this.assetLoader);
+                            loader = loaderWrapper.assetLoader;
                         }
                         // Load the Rive file
                         _b = this;
@@ -5379,7 +5645,11 @@ var Rive = /** @class */ (function () {
             }
             // Load Rive data from a source uri or a data buffer
             _this.initData(artboard, startingAnimationNames, startingStateMachineNames, autoplay, autoBind)
-                .then(function () { return _this.setupRiveListeners(); })
+                .then(function (hasInitialized) {
+                if (hasInitialized) {
+                    return _this.setupRiveListeners();
+                }
+            })
                 .catch(function (e) {
                 console.error(e);
             });
@@ -5458,7 +5728,8 @@ var Rive = /** @class */ (function () {
         this._artboardHeight = this.artboard.height =
             this._artboardHeight || this.artboard.height;
     };
-    // Initializes runtime with Rive data and preps for playing
+    // Initializes runtime with Rive data and preps for playing. 
+    // Returns true for successful initialization.
     Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay, autoBind) {
         return __awaiter(this, void 0, void 0, function () {
             var error_1, msg;
@@ -5481,7 +5752,7 @@ var Rive = /** @class */ (function () {
                     case 2:
                         // Check for riveFile in case it has been cleaned up while initializing;
                         if (!this.riveFile) {
-                            throw new RiveError(Rive.cleanupErrorMessage);
+                            return [2 /*return*/, false];
                         }
                         this.file = this.riveFile.getInstance();
                         // Initialize and draw frame
@@ -5501,7 +5772,7 @@ var Rive = /** @class */ (function () {
                         this.readyForPlaying = true;
                         this.taskQueue.process();
                         this.drawFrame();
-                        return [2 /*return*/, Promise.resolve()];
+                        return [2 /*return*/, true];
                     case 3:
                         error_1 = _b.sent();
                         msg = resolveErrorMessage(error_1);
@@ -6719,6 +6990,7 @@ var PropertyType;
     PropertyType["Trigger"] = "trigger";
     PropertyType["Enum"] = "enum";
     PropertyType["List"] = "list";
+    PropertyType["Image"] = "image";
 })(PropertyType || (PropertyType = {}));
 var ViewModelInstance = /** @class */ (function () {
     function ViewModelInstance(runtimeInstance, parent) {
@@ -6842,7 +7114,7 @@ var ViewModelInstance = /** @class */ (function () {
         return null;
     };
     ViewModelInstance.prototype.propertyFromPathSegments = function (pathSegments, index, type) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         if (index < pathSegments.length - 1) {
             var viewModelInstance = this.internalViewModelInstance(pathSegments[index]);
             if (viewModelInstance !== null) {
@@ -6896,6 +7168,12 @@ var ViewModelInstance = /** @class */ (function () {
                     return new ViewModelInstanceList(instance, this);
                 }
                 break;
+            case PropertyType.Image:
+                instance = (_r = (_q = this._runtimeInstance) === null || _q === void 0 ? void 0 : _q.image(pathSegments[index])) !== null && _r !== void 0 ? _r : null;
+                if (instance !== null) {
+                    return new ViewModelInstanceAssetImage(instance, this);
+                }
+                break;
         }
         return null;
     };
@@ -6976,6 +7254,15 @@ var ViewModelInstance = /** @class */ (function () {
         var viewmodelInstanceValue = this.propertyFromPath(path, PropertyType.List);
         return viewmodelInstanceValue;
     };
+    /**
+     * method to access a view model property instance belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the image property
+     */
+    ViewModelInstance.prototype.image = function (path) {
+        var viewmodelInstanceValue = this.propertyFromPath(path, PropertyType.Image);
+        return viewmodelInstanceValue;
+    };
     /**
      * method to access a view model property instance belonging
      * to the view model instance or to a nested view model instance
@@ -7327,6 +7614,25 @@ var ViewModelInstanceColor = /** @class */ (function (_super) {
     return ViewModelInstanceColor;
 }(ViewModelInstanceValue));
 
+var ViewModelInstanceAssetImage = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceAssetImage, _super);
+    function ViewModelInstanceAssetImage(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceAssetImage.prototype, "value", {
+        set: function (image) {
+            this._viewModelInstanceValue.value =
+                image.nativeImage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceAssetImage.prototype.internalHandleCallback = function (callback) {
+        callback();
+    };
+    return ViewModelInstanceAssetImage;
+}(ViewModelInstanceValue));
+
 // Loads Rive data from a URI via fetch.
 var loadRiveFile = function (src) { return __awaiter(void 0, void 0, void 0, function () {
     var req, res, buffer;
@@ -7374,39 +7680,75 @@ var Testing = {
  * 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);
-        });
+var decodeAudio = function (bytes) { return __awaiter(void 0, void 0, void 0, function () {
+    var decodedPromise, audio, audioWrapper;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                decodedPromise = new Promise(function (resolve) {
+                    return RuntimeLoader.getInstance(function (rive) {
+                        rive.decodeAudio(bytes, resolve);
+                    });
+                });
+                return [4 /*yield*/, decodedPromise];
+            case 1:
+                audio = _a.sent();
+                audioWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.AudioWrapper(audio);
+                _utils__WEBPACK_IMPORTED_MODULE_3__.finalizationRegistry.register(audioWrapper, audio);
+                return [2 /*return*/, audioWrapper];
+        }
     });
-};
+}); };
 /**
  * Decodes bytes into an image.
  *
  * 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) {
-    return new Promise(function (resolve) {
-        return RuntimeLoader.getInstance(function (rive) {
-            rive.decodeImage(bytes, resolve);
-        });
+var decodeImage = function (bytes) { return __awaiter(void 0, void 0, void 0, function () {
+    var decodedPromise, image, imageWrapper;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                decodedPromise = new Promise(function (resolve) {
+                    return RuntimeLoader.getInstance(function (rive) {
+                        rive.decodeImage(bytes, resolve);
+                    });
+                });
+                return [4 /*yield*/, decodedPromise];
+            case 1:
+                image = _a.sent();
+                imageWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.ImageWrapper(image);
+                _utils__WEBPACK_IMPORTED_MODULE_3__.finalizationRegistry.register(imageWrapper, image);
+                return [2 /*return*/, imageWrapper];
+        }
     });
-};
+}); };
 /**
  * Decodes bytes into a font.
  *
  * 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) {
-    return new Promise(function (resolve) {
-        return RuntimeLoader.getInstance(function (rive) {
-            rive.decodeFont(bytes, resolve);
-        });
+var decodeFont = function (bytes) { return __awaiter(void 0, void 0, void 0, function () {
+    var decodedPromise, font, fontWrapper;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                decodedPromise = new Promise(function (resolve) {
+                    return RuntimeLoader.getInstance(function (rive) {
+                        rive.decodeFont(bytes, resolve);
+                    });
+                });
+                return [4 /*yield*/, decodedPromise];
+            case 1:
+                font = _a.sent();
+                fontWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.FontWrapper(font);
+                _utils__WEBPACK_IMPORTED_MODULE_3__.finalizationRegistry.register(fontWrapper, font);
+                return [2 /*return*/, fontWrapper];
+        }
     });
-};
+}); };
 // #endregion
 
 })();