@rive-app/webgl 2.26.4 → 2.26.5

package/rive.js

@@ -187,9 +187,9 @@ l.onRuntimeInitialized = function() {
   function b(r) {
     var u = {alpha:1, depth:0, stencil:8, antialias:0, premultipliedAlpha:1, preserveDrawingBuffer:0, powerPreference:"high-performance", failIfMajorPerformanceCaveat:0, enableExtensionsByDefault:1, explicitSwapControl:0, renderViaOffscreenBackBuffer:0,}, z = r.getContext("webgl2", u);
     z || (z = r.getContext("webgl", u));
-    var B = z, C = ha(ja), O = {handle:C, attributes:u, version:u.Dc, Ta:B};
+    var B = z, C = ha(ia), O = {handle:C, attributes:u, version:u.Dc, Ta:B};
     B.canvas && (B.canvas.pc = O);
-    ja[C] = O;
+    ia[C] = O;
     ("undefined" == typeof u.Jb || u.Jb) && ka(O);
     la(C);
     u = g(r.width, r.height);
@@ -214,7 +214,7 @@ l.onRuntimeInitialized = function() {
         }
         u = Math.min(u, r);
         u = Math.min(z, r);
-        C.sort((ia, Gb) => Gb.Ja - ia.Ja);
+        C.sort((ja, Gb) => Gb.Ja - ja.Ja);
         B = new l.DynamicRectanizer(r);
         for (M = 0; M < C.length;) {
           B.reset(u, z);
@@ -239,13 +239,13 @@ l.onRuntimeInitialized = function() {
           for (P = M; P < O; ++P) {
             J = C[P];
             e.saveClipRect(J.pa, J.qa, J.pa + J.da, J.qa + J.ca);
-            let ia = new l.Mat2D();
-            ia.xx = J.da / J.F.width;
-            ia.yy = J.ca / J.F.height;
-            ia.xy = ia.yx = 0;
-            ia.tx = J.pa;
-            ia.ty = J.qa;
-            e.transform(ia);
+            let ja = new l.Mat2D();
+            ja.xx = J.da / J.F.width;
+            ja.yy = J.ca / J.F.height;
+            ja.xy = ja.yx = 0;
+            ja.tx = J.pa;
+            ja.ty = J.qa;
+            e.transform(ja);
             for (const Gb of J.R) {
               Gb();
             }
@@ -408,7 +408,7 @@ function Qa(a, b) {
     return Pa(c, a, b);
   }));
 }
-var Ra, Sa, Wa = {703404:(a, b, c, d, e) => {
+var Ra, Sa, Wa = {704636:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -471,9 +471,9 @@ var Ra, Sa, Wa = {703404:(a, b, c, d, e) => {
   }
   window.h.Ea += 1;
   return 1;
-}, 705582:() => {
+}, 706814:() => {
   "undefined" !== typeof window.h && (--window.h.Ea, 0 === window.h.Ea && delete window.h);
-}, 705746:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 705850:() => {
+}, 706978:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 707082:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -481,7 +481,7 @@ var Ra, Sa, Wa = {703404:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 706021:(a, b, c, d, e, f) => {
+}, 707253:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -527,7 +527,7 @@ var Ra, Sa, Wa = {703404:(a, b, c, d, e) => {
   a == window.h.H.Ca && g.X.connect(g.I.destination);
   g.lb = f;
   return window.h.nc(g);
-}, 708898:a => window.h.ta(a).I.sampleRate, 708971:a => {
+}, 710130:a => window.h.ta(a).I.sampleRate, 710203:a => {
   a = window.h.ta(a);
   void 0 !== a.X && (a.X.onaudioprocess = function() {
   }, a.X.disconnect(), a.X = void 0);
@@ -535,13 +535,13 @@ var Ra, Sa, Wa = {703404:(a, b, c, d, e) => {
   a.I.close();
   a.I = void 0;
   a.lb = void 0;
-}, 709371:a => {
+}, 710603:a => {
   window.h.xb(a);
-}, 709421:a => {
+}, 710653:a => {
   a = window.h.ta(a);
   a.I.resume();
   a.state = window.h.ha.sb;
-}, 709560:a => {
+}, 710792:a => {
   a = window.h.ta(a);
   a.I.suspend();
   a.state = window.h.ha.stopped;
@@ -1820,7 +1820,7 @@ function Bd(a) {
     b.drawBuffersWEBGL(c, d);
   });
 }
-var Cd = 1, Dd = [], Ed = [], Fd = [], Gd = [], Hd = [], Id = [], Jd = [], ja = [], Kd = [], Ld = [], Md = {}, Nd = {}, Od = 4;
+var Cd = 1, Dd = [], Ed = [], Fd = [], Gd = [], Hd = [], Id = [], Jd = [], ia = [], Kd = [], Ld = [], Md = {}, Nd = {}, Od = 4;
 function S(a) {
   Pd || (Pd = a);
 }
@@ -1831,7 +1831,7 @@ function ha(a) {
   return b;
 }
 function la(a) {
-  T = ja[a];
+  T = ia[a];
   l.yc = U = T && T.Ta;
   return !(a && !U);
 }
@@ -2930,6 +2930,8 @@ var Ge = {__syscall_fcntl64:function(a, b, c) {
   return ic(a[b]);
 }, _emval_incref:function(a) {
   4 < a && (I.get(a).pb += 1);
+}, _emval_new_array:function() {
+  return ic([]);
 }, _emval_new_cstring:function(a) {
   return ic(td(a));
 }, _emval_new_object:function() {
@@ -4061,7 +4063,7 @@ Je();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/webgl","version":"2.26.4","description":"Rive\'s webgl 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.wasm","rive_fallback.wasm","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/webgl","version":"2.26.5","description":"Rive\'s webgl 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.wasm","rive_fallback.wasm","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -4520,6 +4522,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Alignment: () => (/* binding */ Alignment),
+/* harmony export */   DataEnum: () => (/* binding */ DataEnum),
 /* harmony export */   EventType: () => (/* binding */ EventType),
 /* harmony export */   Fit: () => (/* binding */ Fit),
 /* harmony export */   Layout: () => (/* binding */ Layout),
@@ -4531,6 +4534,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   StateMachineInput: () => (/* binding */ StateMachineInput),
 /* harmony export */   StateMachineInputType: () => (/* binding */ StateMachineInputType),
 /* harmony export */   Testing: () => (/* binding */ Testing),
+/* harmony export */   ViewModel: () => (/* binding */ ViewModel),
+/* harmony export */   ViewModelInstance: () => (/* binding */ ViewModelInstance),
+/* harmony export */   ViewModelInstanceBoolean: () => (/* binding */ ViewModelInstanceBoolean),
+/* harmony export */   ViewModelInstanceColor: () => (/* binding */ ViewModelInstanceColor),
+/* harmony export */   ViewModelInstanceEnum: () => (/* binding */ ViewModelInstanceEnum),
+/* harmony export */   ViewModelInstanceNumber: () => (/* binding */ ViewModelInstanceNumber),
+/* harmony export */   ViewModelInstanceString: () => (/* binding */ ViewModelInstanceString),
+/* harmony export */   ViewModelInstanceTrigger: () => (/* binding */ ViewModelInstanceTrigger),
+/* harmony export */   ViewModelInstanceValue: () => (/* binding */ ViewModelInstanceValue),
 /* harmony export */   decodeAudio: () => (/* binding */ decodeAudio),
 /* harmony export */   decodeFont: () => (/* binding */ decodeFont),
 /* harmony export */   decodeImage: () => (/* binding */ decodeImage)
@@ -4554,6 +4566,17 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -4990,6 +5013,11 @@ var StateMachine = /** @class */ (function () {
         this.inputs.length = 0;
         this.instance.delete();
     };
+    StateMachine.prototype.bindViewModelInstance = function (viewModelInstance) {
+        if (viewModelInstance.runtimeInstance != null) {
+            this.instance.bindViewModelInstance(viewModelInstance.runtimeInstance);
+        }
+    };
     return StateMachine;
 }());
 // #endregion
@@ -5136,6 +5164,9 @@ var Animator = /** @class */ (function () {
                 if (sm) {
                     var newStateMachine = new StateMachine(sm, this.runtime, playing, this.artboard);
                     this.stateMachines.push(newStateMachine);
+                    if (!playing) {
+                        newStateMachine.advanceAndApply(0);
+                    }
                 }
                 else {
                     // In order to maintain compatibility with current behavior, if a state machine is not found
@@ -5881,6 +5912,8 @@ var Rive = /** @class */ (function () {
         this._audioEventListener = null;
         // draw method bound to the class
         this._boundDraw = null;
+        this._viewModelInstance = null;
+        this._dataEnums = null;
         // Durations to generate a frame for the last second. Used for performance profiling.
         this.durations = [];
         this.frameTimes = [];
@@ -5966,6 +5999,7 @@ var Rive = /** @class */ (function () {
             buffer: this.buffer,
             riveFile: this.riveFile,
             autoplay: params.autoplay,
+            autoBind: params.autoBind,
             animations: params.animations,
             stateMachines: params.stateMachines,
             artboard: params.artboard,
@@ -5984,7 +6018,7 @@ var Rive = /** @class */ (function () {
     // Initializes the Rive object either from constructor or load()
     Rive.prototype.init = function (_a) {
         var _this = this;
-        var src = _a.src, buffer = _a.buffer, riveFile = _a.riveFile, animations = _a.animations, stateMachines = _a.stateMachines, artboard = _a.artboard, _b = _a.autoplay, autoplay = _b === void 0 ? false : _b, _c = _a.useOffscreenRenderer, useOffscreenRenderer = _c === void 0 ? false : _c;
+        var src = _a.src, buffer = _a.buffer, riveFile = _a.riveFile, animations = _a.animations, stateMachines = _a.stateMachines, artboard = _a.artboard, _b = _a.autoplay, autoplay = _b === void 0 ? false : _b, _c = _a.useOffscreenRenderer, useOffscreenRenderer = _c === void 0 ? false : _c, _d = _a.autoBind, autoBind = _d === void 0 ? false : _d;
         if (this.destroyed) {
             return;
         }
@@ -6019,7 +6053,7 @@ var Rive = /** @class */ (function () {
                 _this.resizeDrawingSurfaceToCanvas();
             }
             // Load Rive data from a source uri or a data buffer
-            _this.initData(artboard, startingAnimationNames, startingStateMachineNames, autoplay)
+            _this.initData(artboard, startingAnimationNames, startingStateMachineNames, autoplay, autoBind)
                 .then(function () { return _this.setupRiveListeners(); })
                 .catch(function (e) {
                 console.error(e);
@@ -6100,7 +6134,7 @@ var Rive = /** @class */ (function () {
             this._artboardHeight || this.artboard.height;
     };
     // Initializes runtime with Rive data and preps for playing
-    Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay) {
+    Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay, autoBind) {
         return __awaiter(this, void 0, void 0, function () {
             var error_1, msg;
             var _a;
@@ -6126,7 +6160,7 @@ var Rive = /** @class */ (function () {
                         }
                         this.file = this.riveFile.getInstance();
                         // Initialize and draw frame
-                        this.initArtboard(artboardName, animationNames, stateMachineNames, autoplay);
+                        this.initArtboard(artboardName, animationNames, stateMachineNames, autoplay, autoBind);
                         // Initialize the artboard size
                         this.initArtboardSize();
                         // Check for audio
@@ -6155,7 +6189,7 @@ var Rive = /** @class */ (function () {
         });
     };
     // Initialize for playback
-    Rive.prototype.initArtboard = function (artboardName, animationNames, stateMachineNames, autoplay) {
+    Rive.prototype.initArtboard = function (artboardName, animationNames, stateMachineNames, autoplay, autoBind) {
         if (!this.file) {
             return;
         }
@@ -6200,13 +6234,24 @@ var Rive = /** @class */ (function () {
                 data: instanceNames,
             },
         });
+        if (autoBind) {
+            var viewModel = this.file.defaultArtboardViewModel(rootArtboard);
+            if (viewModel !== null) {
+                var runtimeInstance = viewModel.defaultInstance();
+                if (runtimeInstance !== null) {
+                    var viewModelInstance = new ViewModelInstance(runtimeInstance, null);
+                    this.bindViewModelInstance(viewModelInstance);
+                }
+            }
+        }
     };
     // Draws the current artboard frame
     Rive.prototype.drawFrame = function () {
-        var _a;
+        var _a, _b;
         if ((_a = document === null || document === void 0 ? void 0 : document.timeline) === null || _a === void 0 ? void 0 : _a.currentTime) {
             if (this.loaded && this.artboard && !this.frameRequestId) {
                 this._boundDraw(document.timeline.currentTime);
+                (_b = this.runtime) === null || _b === void 0 ? void 0 : _b.resolveAnimationFrame();
             }
         }
         else {
@@ -6218,6 +6263,7 @@ var Rive = /** @class */ (function () {
      * @param time the time at which to render a frame
      */
     Rive.prototype.draw = function (time, onSecond) {
+        var _a;
         // Clear the frameRequestId, as we're now rendering a fresh frame
         this.frameRequestId = null;
         var before = performance.now();
@@ -6253,8 +6299,8 @@ var Rive = /** @class */ (function () {
         // - Advance non-paused state machines by the elapsed number of seconds
         // - Advance to the first frame even when autoplay is false
         var activeStateMachines = this.animator.stateMachines.filter(function (a) { return a.playing; });
-        for (var _a = 0, activeStateMachines_1 = activeStateMachines; _a < activeStateMachines_1.length; _a++) {
-            var stateMachine = activeStateMachines_1[_a];
+        for (var _b = 0, activeStateMachines_1 = activeStateMachines; _b < activeStateMachines_1.length; _b++) {
+            var stateMachine = activeStateMachines_1[_b];
             // Check for events before the current frame's state machine advance
             var numEventsReported = stateMachine.reportedEventCount();
             if (numEventsReported) {
@@ -6269,7 +6315,7 @@ var Rive = /** @class */ (function () {
                             // Handle the event side effect if explicitly enabled
                             if (this.automaticallyHandleEvents) {
                                 var newAnchorTag = document.createElement("a");
-                                var _b = event_1, url = _b.url, target = _b.target;
+                                var _c = event_1, url = _c.url, target = _c.target;
                                 var sanitizedUrl = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.sanitizeUrl)(url);
                                 url && newAnchorTag.setAttribute("href", sanitizedUrl);
                                 target && newAnchorTag.setAttribute("target", target);
@@ -6322,6 +6368,7 @@ var Rive = /** @class */ (function () {
             this.frameTimes.shift();
             this.durations.shift();
         }
+        (_a = this._viewModelInstance) === null || _a === void 0 ? void 0 : _a.handleCallbacks();
         // Calling requestAnimationFrame will rerun draw() at the correct rate:
         // https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations
         if (this.animator.isPlaying) {
@@ -6379,7 +6426,7 @@ var Rive = /** @class */ (function () {
      * Rive class
      */
     Rive.prototype.cleanup = function () {
-        var _a;
+        var _a, _b;
         this.destroyed = true;
         // Stop the renderer if it hasn't already been stopped.
         this.stopRendering();
@@ -6400,6 +6447,9 @@ var Rive = /** @class */ (function () {
             audioManager.remove(this._audioEventListener);
             this._audioEventListener = null;
         }
+        (_b = this._viewModelInstance) === null || _b === void 0 ? void 0 : _b.cleanup();
+        this._viewModelInstance = null;
+        this._dataEnums = null;
     };
     /**
      * Cleans up the Renderer object. Only call this API if you no longer
@@ -6551,16 +6601,17 @@ var Rive = /** @class */ (function () {
      *
      */
     Rive.prototype.reset = function (params) {
-        var _a;
+        var _a, _b;
         // Get the current artboard, animations, state machines, and playback states
         var artBoardName = params === null || params === void 0 ? void 0 : params.artboard;
         var animationNames = mapToStringArray(params === null || params === void 0 ? void 0 : params.animations);
         var stateMachineNames = mapToStringArray(params === null || params === void 0 ? void 0 : params.stateMachines);
         var autoplay = (_a = params === null || params === void 0 ? void 0 : params.autoplay) !== null && _a !== void 0 ? _a : false;
+        var autoBind = (_b = params === null || params === void 0 ? void 0 : params.autoBind) !== null && _b !== void 0 ? _b : false;
         // Stop everything and clean up
         this.cleanupInstances();
         // Reinitialize an artboard instance with the state
-        this.initArtboard(artBoardName, animationNames, stateMachineNames, autoplay);
+        this.initArtboard(artBoardName, animationNames, stateMachineNames, autoplay, autoBind);
         this.taskQueue.process();
     };
     // Loads a new Rive file, keeping listeners in place
@@ -7183,6 +7234,62 @@ var Rive = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    /**
+     * Initialize the data context with the view model instance.
+     */
+    Rive.prototype.bindViewModelInstance = function (viewModelInstance) {
+        var _a;
+        if (this.artboard && !this.destroyed) {
+            if (viewModelInstance && viewModelInstance.runtimeInstance) {
+                viewModelInstance.internalIncrementReferenceCount();
+                (_a = this._viewModelInstance) === null || _a === void 0 ? void 0 : _a.cleanup();
+                this._viewModelInstance = viewModelInstance;
+                this.artboard.bindViewModelInstance(viewModelInstance.runtimeInstance);
+                this.animator.stateMachines.forEach(function (stateMachine) {
+                    return stateMachine.bindViewModelInstance(viewModelInstance);
+                });
+            }
+        }
+    };
+    Object.defineProperty(Rive.prototype, "viewModelInstance", {
+        get: function () {
+            return this._viewModelInstance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Rive.prototype.viewModelByIndex = function (index) {
+        var viewModel = this.file.viewModelByIndex(index);
+        if (viewModel !== null) {
+            return new ViewModel(viewModel);
+        }
+        return null;
+    };
+    Rive.prototype.viewModelByName = function (name) {
+        var viewModel = this.file.viewModelByName(name);
+        if (viewModel !== null) {
+            return new ViewModel(viewModel);
+        }
+        return null;
+    };
+    Rive.prototype.enums = function () {
+        if (this._dataEnums === null) {
+            var dataEnums = this.file.enums();
+            this._dataEnums = dataEnums.map(function (dataEnum) {
+                return new DataEnum(dataEnum);
+            });
+        }
+        return this._dataEnums;
+    };
+    Rive.prototype.defaultViewModel = function () {
+        if (this.artboard) {
+            var viewModel = this.file.defaultArtboardViewModel(this.artboard);
+            if (viewModel) {
+                return new ViewModel(viewModel);
+            }
+        }
+        return null;
+    };
     // Error message for missing source or buffer
     Rive.missingErrorMessage = "Rive source file or data buffer required";
     // Error message for removed rive file
@@ -7190,6 +7297,481 @@ var Rive = /** @class */ (function () {
     return Rive;
 }());
 
+var ViewModel = /** @class */ (function () {
+    function ViewModel(viewModel) {
+        this._viewModel = viewModel;
+    }
+    Object.defineProperty(ViewModel.prototype, "instanceCount", {
+        get: function () {
+            return this._viewModel.instanceCount;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewModel.prototype, "name", {
+        get: function () {
+            return this._viewModel.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModel.prototype.instanceByIndex = function (index) {
+        var instance = this._viewModel.instanceByIndex(index);
+        if (instance !== null) {
+            return new ViewModelInstance(instance, null);
+        }
+        return null;
+    };
+    ViewModel.prototype.instanceByName = function (name) {
+        var instance = this._viewModel.instanceByName(name);
+        if (instance !== null) {
+            return new ViewModelInstance(instance, null);
+        }
+        return null;
+    };
+    ViewModel.prototype.defaultInstance = function () {
+        var runtimeInstance = this._viewModel.defaultInstance();
+        if (runtimeInstance !== null) {
+            return new ViewModelInstance(runtimeInstance, null);
+        }
+        return null;
+    };
+    ViewModel.prototype.instance = function () {
+        var runtimeInstance = this._viewModel.instance();
+        if (runtimeInstance !== null) {
+            return new ViewModelInstance(runtimeInstance, null);
+        }
+        return null;
+    };
+    Object.defineProperty(ViewModel.prototype, "properties", {
+        get: function () {
+            return this._viewModel.getProperties();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewModel.prototype, "instanceNames", {
+        get: function () {
+            return this._viewModel.getInstanceNames();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ViewModel;
+}());
+
+var DataEnum = /** @class */ (function () {
+    function DataEnum(dataEnum) {
+        this._dataEnum = dataEnum;
+    }
+    Object.defineProperty(DataEnum.prototype, "name", {
+        get: function () {
+            return this._dataEnum.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DataEnum.prototype, "values", {
+        get: function () {
+            return this._dataEnum.values;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return DataEnum;
+}());
+
+var ViewModelInstance = /** @class */ (function () {
+    function ViewModelInstance(runtimeInstance, root) {
+        this._propertiesWithCallbacks = [];
+        this._referenceCount = 0;
+        this._runtimeInstance = runtimeInstance;
+        this._root = root || this;
+    }
+    Object.defineProperty(ViewModelInstance.prototype, "runtimeInstance", {
+        get: function () {
+            return this._runtimeInstance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstance.prototype.handleCallbacks = function () {
+        if (this._propertiesWithCallbacks.length !== 0) {
+            this._propertiesWithCallbacks.forEach(function (property) {
+                property.handleCallbacks();
+            });
+        }
+    };
+    ViewModelInstance.prototype.clearCallbacks = function () {
+        this._propertiesWithCallbacks.forEach(function (property) {
+            property.clearCallbacks();
+        });
+    };
+    /**
+     * method to access a property instance of type number belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the number property
+     */
+    ViewModelInstance.prototype.number = function (path) {
+        var _a;
+        var instance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.number(path);
+        if (instance) {
+            return new ViewModelInstanceNumber(instance, this._root);
+        }
+        return null;
+    };
+    /**
+     * method to access a property instance of type string belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the number property
+     */
+    ViewModelInstance.prototype.string = function (path) {
+        var _a;
+        var instance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.string(path);
+        if (instance) {
+            return new ViewModelInstanceString(instance, this._root);
+        }
+        return null;
+    };
+    /**
+     * method to access a property instance of type boolean belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the number property
+     */
+    ViewModelInstance.prototype.boolean = function (path) {
+        var _a;
+        var instance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.boolean(path);
+        if (instance) {
+            return new ViewModelInstanceBoolean(instance, this._root);
+        }
+        return null;
+    };
+    /**
+     * method to access a property instance of type color belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the number property
+     */
+    ViewModelInstance.prototype.color = function (path) {
+        var _a;
+        var instance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.color(path);
+        if (instance) {
+            return new ViewModelInstanceColor(instance, this._root);
+        }
+        return null;
+    };
+    /**
+     * method to access a property instance of type trigger belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the number property
+     */
+    ViewModelInstance.prototype.trigger = function (path) {
+        var _a;
+        var instance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.trigger(path);
+        if (instance) {
+            return new ViewModelInstanceTrigger(instance, this._root);
+        }
+        return null;
+    };
+    /**
+     * method to access a property instance of type enum belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the number property
+     */
+    ViewModelInstance.prototype.enum = function (path) {
+        var _a;
+        var instance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.enum(path);
+        if (instance) {
+            return new ViewModelInstanceEnum(instance, this._root);
+        }
+        return null;
+    };
+    /**
+     * 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 number property
+     */
+    ViewModelInstance.prototype.viewModel = function (path) {
+        var _a;
+        var viewModelInstance = (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.viewModel(path);
+        if (viewModelInstance) {
+            return new ViewModelInstance(viewModelInstance, this._root);
+        }
+        return null;
+    };
+    /**
+     * method to replace a view model property with another view model value
+     * @param path - path to the view model property
+     * @param value - view model that will replace the original
+     */
+    ViewModelInstance.prototype.replaceViewModel = function (path, value) {
+        var _a;
+        if (value.runtimeInstance !== null) {
+            return (((_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.replaceViewModel(path, value.runtimeInstance)) ||
+                false);
+        }
+        return false;
+    };
+    /*
+     * method for internal use, it shouldn't be called externally
+     */
+    ViewModelInstance.prototype.addToCallbacks = function (property) {
+        if (!this._propertiesWithCallbacks.includes(property)) {
+            this._propertiesWithCallbacks.push(property);
+        }
+    };
+    /*
+     * method for internal use, it shouldn't be called externally
+     */
+    ViewModelInstance.prototype.removeFromCallbacks = function (property) {
+        if (this._propertiesWithCallbacks.includes(property)) {
+            this._propertiesWithCallbacks = this._propertiesWithCallbacks.filter(function (prop) { return prop !== property; });
+        }
+    };
+    /*
+     * method to add one to the reference counter of the instance.
+     * Use if the file owning the reference is destroyed but the instance needs to stay around
+     */
+    ViewModelInstance.prototype.incrementReferenceCount = function () {
+        var _a;
+        this._referenceCount++;
+        (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.incrementReferenceCount();
+    };
+    /*
+     * method to subtract one to the reference counter of the instance.
+     * Use if incrementReferenceCount has been called
+     */
+    ViewModelInstance.prototype.decrementReferenceCount = function () {
+        var _a;
+        this._referenceCount--;
+        (_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.decrementReferenceCount();
+    };
+    Object.defineProperty(ViewModelInstance.prototype, "properties", {
+        get: function () {
+            var _a;
+            return (((_a = this._runtimeInstance) === null || _a === void 0 ? void 0 : _a.getProperties().map(function (prop) { return (__assign({}, prop)); })) || []);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstance.prototype.internalIncrementReferenceCount = function () {
+        this._referenceCount++;
+    };
+    ViewModelInstance.prototype.cleanup = function () {
+        this._referenceCount--;
+        if (this._referenceCount <= 0) {
+            this._runtimeInstance = null;
+            this.clearCallbacks();
+            this._propertiesWithCallbacks = [];
+        }
+    };
+    return ViewModelInstance;
+}());
+
+var ViewModelInstanceValue = /** @class */ (function () {
+    function ViewModelInstanceValue(instance, root) {
+        this.callbacks = [];
+        this._viewModelInstanceValue = instance;
+        this._rootViewModel = root;
+    }
+    ViewModelInstanceValue.prototype.on = function (callback) {
+        // Since we don't clean the changed flag for properties that don't have listeners,
+        // we clean it the first time we add a listener to it
+        if (this.callbacks.length === 0) {
+            this._viewModelInstanceValue.clearChanges();
+        }
+        if (!this.callbacks.includes(callback)) {
+            this.callbacks.push(callback);
+            this._rootViewModel.addToCallbacks(this);
+        }
+    };
+    ViewModelInstanceValue.prototype.off = function (callback) {
+        if (!callback) {
+            this.callbacks.length = 0;
+        }
+        else {
+            this.callbacks = this.callbacks.filter(function (cb) { return cb !== callback; });
+        }
+        if (this.callbacks.length === 0) {
+            this._rootViewModel.removeFromCallbacks(this);
+        }
+    };
+    ViewModelInstanceValue.prototype.internalHandleCallback = function (callback) { };
+    ViewModelInstanceValue.prototype.handleCallbacks = function () {
+        var _this = this;
+        if (this._viewModelInstanceValue.hasChanged) {
+            this._viewModelInstanceValue.clearChanges();
+            this.callbacks.forEach(function (callback) {
+                _this.internalHandleCallback(callback);
+            });
+        }
+    };
+    ViewModelInstanceValue.prototype.clearCallbacks = function () {
+        this.callbacks.length = 0;
+    };
+    Object.defineProperty(ViewModelInstanceValue.prototype, "name", {
+        get: function () {
+            return this._viewModelInstanceValue.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ViewModelInstanceValue;
+}());
+
+var ViewModelInstanceString = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceString, _super);
+    function ViewModelInstanceString(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceString.prototype, "value", {
+        get: function () {
+            return this._viewModelInstanceValue.value;
+        },
+        set: function (val) {
+            this._viewModelInstanceValue.value = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceString.prototype.internalHandleCallback = function (callback) {
+        callback(this.value);
+    };
+    return ViewModelInstanceString;
+}(ViewModelInstanceValue));
+
+var ViewModelInstanceNumber = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceNumber, _super);
+    function ViewModelInstanceNumber(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceNumber.prototype, "value", {
+        get: function () {
+            return this._viewModelInstanceValue.value;
+        },
+        set: function (val) {
+            this._viewModelInstanceValue.value = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceNumber.prototype.internalHandleCallback = function (callback) {
+        callback(this.value);
+    };
+    return ViewModelInstanceNumber;
+}(ViewModelInstanceValue));
+
+var ViewModelInstanceBoolean = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceBoolean, _super);
+    function ViewModelInstanceBoolean(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceBoolean.prototype, "value", {
+        get: function () {
+            return this._viewModelInstanceValue.value;
+        },
+        set: function (val) {
+            this._viewModelInstanceValue.value = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceBoolean.prototype.internalHandleCallback = function (callback) {
+        callback(this.value);
+    };
+    return ViewModelInstanceBoolean;
+}(ViewModelInstanceValue));
+
+var ViewModelInstanceTrigger = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceTrigger, _super);
+    function ViewModelInstanceTrigger(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    ViewModelInstanceTrigger.prototype.trigger = function () {
+        return this._viewModelInstanceValue.trigger();
+    };
+    ViewModelInstanceTrigger.prototype.internalHandleCallback = function (callback) {
+        callback();
+    };
+    return ViewModelInstanceTrigger;
+}(ViewModelInstanceValue));
+
+var ViewModelInstanceEnum = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceEnum, _super);
+    function ViewModelInstanceEnum(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceEnum.prototype, "value", {
+        get: function () {
+            return this._viewModelInstanceValue.value;
+        },
+        set: function (val) {
+            this._viewModelInstanceValue.value = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewModelInstanceEnum.prototype, "valueIndex", {
+        get: function () {
+            return this._viewModelInstanceValue
+                .valueIndex;
+        },
+        set: function (val) {
+            this._viewModelInstanceValue.valueIndex = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ViewModelInstanceEnum.prototype, "values", {
+        get: function () {
+            return this._viewModelInstanceValue.values;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceEnum.prototype.internalHandleCallback = function (callback) {
+        callback(this.value);
+    };
+    return ViewModelInstanceEnum;
+}(ViewModelInstanceValue));
+
+var ViewModelInstanceColor = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceColor, _super);
+    function ViewModelInstanceColor(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceColor.prototype, "value", {
+        get: function () {
+            return this._viewModelInstanceValue.value;
+        },
+        set: function (val) {
+            this._viewModelInstanceValue.value = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceColor.prototype.rgb = function (r, g, b) {
+        this._viewModelInstanceValue.rgb(r, g, b);
+    };
+    ViewModelInstanceColor.prototype.rgba = function (r, g, b, a) {
+        this._viewModelInstanceValue.argb(a, r, g, b);
+    };
+    ViewModelInstanceColor.prototype.argb = function (a, r, g, b) {
+        this._viewModelInstanceValue.argb(a, r, g, b);
+    };
+    // Value 0 to 255
+    ViewModelInstanceColor.prototype.alpha = function (a) {
+        this._viewModelInstanceValue.alpha(a);
+    };
+    // Value 0 to 1
+    ViewModelInstanceColor.prototype.opacity = function (o) {
+        this._viewModelInstanceValue.alpha(Math.round(Math.max(0, Math.min(1, o)) * 255));
+    };
+    ViewModelInstanceColor.prototype.internalHandleCallback = function (callback) {
+        callback(this.value);
+    };
+    return ViewModelInstanceColor;
+}(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;