Fixes #4283

dist/preview release/babylon.max.js

@@ -50587,6 +50587,10 @@ var BABYLON;
              */
             this.isDone = false;
         }
+        /** @hidden */
+        AnimationEvent.prototype._clone = function () {
+            return new AnimationEvent(this.frame, this.action, this.onlyOnce);
+        };
         return AnimationEvent;
     }());
     BABYLON.AnimationEvent = AnimationEvent;
@@ -51989,6 +51993,8 @@ var BABYLON;
          * @param host defines the initiating Animatable
          */
         function RuntimeAnimation(target, animation, scene, host) {
+            var _this = this;
+            this._events = new Array();
             /**
              * The current frame of the runtime animation
              */
@@ -52038,6 +52044,13 @@ var BABYLON;
             this._scene = scene;
             this._host = host;
             animation._runtimeAnimations.push(this);
+            // Cloning events locally
+            var events = animation.getEvents();
+            if (events && events.length > 0) {
+                events.forEach(function (e) {
+                    _this._events.push(e._clone());
+                });
+            }
         }
         Object.defineProperty(RuntimeAnimation.prototype, "currentFrame", {
             /**
@@ -52127,6 +52140,10 @@ var BABYLON;
             this._currentFrame = 0;
             this._blendingFactor = 0;
             this._originalValue = new Array();
+            // Events
+            for (var index = 0; index < this._events.length; index++) {
+                this._events[index].isDone = false;
+            }
         };
         /**
          * Specifies if the runtime animation is stopped
@@ -52422,7 +52439,7 @@ var BABYLON;
                 currentFrame = from + (to - from) * hostNormalizedFrame;
             }
             // Reset events if looping
-            var events = this._animation.getEvents();
+            var events = this._events;
             if (range > 0 && this.currentFrame > currentFrame ||
                 range < 0 && this.currentFrame < currentFrame) {
                 // Need to reset animation events

dist/preview release/babylon.no-module.max.js

@@ -50554,6 +50554,10 @@ var BABYLON;
              */
             this.isDone = false;
         }
+        /** @hidden */
+        AnimationEvent.prototype._clone = function () {
+            return new AnimationEvent(this.frame, this.action, this.onlyOnce);
+        };
         return AnimationEvent;
     }());
     BABYLON.AnimationEvent = AnimationEvent;
@@ -51956,6 +51960,8 @@ var BABYLON;
          * @param host defines the initiating Animatable
          */
         function RuntimeAnimation(target, animation, scene, host) {
+            var _this = this;
+            this._events = new Array();
             /**
              * The current frame of the runtime animation
              */
@@ -52005,6 +52011,13 @@ var BABYLON;
             this._scene = scene;
             this._host = host;
             animation._runtimeAnimations.push(this);
+            // Cloning events locally
+            var events = animation.getEvents();
+            if (events && events.length > 0) {
+                events.forEach(function (e) {
+                    _this._events.push(e._clone());
+                });
+            }
         }
         Object.defineProperty(RuntimeAnimation.prototype, "currentFrame", {
             /**
@@ -52094,6 +52107,10 @@ var BABYLON;
             this._currentFrame = 0;
             this._blendingFactor = 0;
             this._originalValue = new Array();
+            // Events
+            for (var index = 0; index < this._events.length; index++) {
+                this._events[index].isDone = false;
+            }
         };
         /**
          * Specifies if the runtime animation is stopped
@@ -52389,7 +52406,7 @@ var BABYLON;
                 currentFrame = from + (to - from) * hostNormalizedFrame;
             }
             // Reset events if looping
-            var events = this._animation.getEvents();
+            var events = this._events;
             if (range > 0 && this.currentFrame > currentFrame ||
                 range < 0 && this.currentFrame < currentFrame) {
                 // Need to reset animation events

dist/preview release/es6.js

@@ -50554,6 +50554,10 @@ var BABYLON;
              */
             this.isDone = false;
         }
+        /** @hidden */
+        AnimationEvent.prototype._clone = function () {
+            return new AnimationEvent(this.frame, this.action, this.onlyOnce);
+        };
         return AnimationEvent;
     }());
     BABYLON.AnimationEvent = AnimationEvent;
@@ -51956,6 +51960,8 @@ var BABYLON;
          * @param host defines the initiating Animatable
          */
         function RuntimeAnimation(target, animation, scene, host) {
+            var _this = this;
+            this._events = new Array();
             /**
              * The current frame of the runtime animation
              */
@@ -52005,6 +52011,13 @@ var BABYLON;
             this._scene = scene;
             this._host = host;
             animation._runtimeAnimations.push(this);
+            // Cloning events locally
+            var events = animation.getEvents();
+            if (events && events.length > 0) {
+                events.forEach(function (e) {
+                    _this._events.push(e._clone());
+                });
+            }
         }
         Object.defineProperty(RuntimeAnimation.prototype, "currentFrame", {
             /**
@@ -52094,6 +52107,10 @@ var BABYLON;
             this._currentFrame = 0;
             this._blendingFactor = 0;
             this._originalValue = new Array();
+            // Events
+            for (var index = 0; index < this._events.length; index++) {
+                this._events[index].isDone = false;
+            }
         };
         /**
          * Specifies if the runtime animation is stopped
@@ -52389,7 +52406,7 @@ var BABYLON;
                 currentFrame = from + (to - from) * hostNormalizedFrame;
             }
             // Reset events if looping
-            var events = this._animation.getEvents();
+            var events = this._events;
             if (range > 0 && this.currentFrame > currentFrame ||
                 range < 0 && this.currentFrame < currentFrame) {
                 // Need to reset animation events

dist/preview release/viewer/babylon.viewer.d.ts

@@ -35,6 +35,7 @@ declare module BabylonViewer {
     function disposeAll(): void;
     const Version: string;
     
+    export * from 'babylonjs-viewer/configuration';
 }
 
 declare module BabylonViewer {
@@ -942,6 +943,10 @@ declare module BabylonViewer {
 }
 
 declare module BabylonViewer {
+    export * from 'babylonjs-viewer/configuration/configuration';
+}
+
+declare module BabylonViewer {
     
     
     export function getConfigurationKey(key: string, configObject: any): any;

dist/preview release/viewer/babylon.viewer.module.d.ts

@@ -35,6 +35,7 @@ declare module 'babylonjs-viewer' {
     function disposeAll(): void;
     const Version: string;
     export { BABYLON, Version, InitTags, DefaultViewer, AbstractViewer, viewerGlobals, telemetryManager, disableInit, viewerManager, mapperManager, disposeAll, ModelLoader, ViewerModel, AnimationPlayMode, AnimationState, ModelState, ILoaderPlugin };
+    export * from 'babylonjs-viewer/configuration';
 }
 
 declare module 'babylonjs-viewer/configuration/mappers' {
@@ -941,6 +942,10 @@ declare module 'babylonjs-viewer/initializer' {
     export function InitTags(selector?: string): void;
 }
 
+declare module 'babylonjs-viewer/configuration' {
+    export * from 'babylonjs-viewer/configuration/configuration';
+}
+
 declare module 'babylonjs-viewer/configuration/configuration' {
     import { ITemplateConfiguration } from 'babylonjs-viewer/templateManager';
     import { EngineOptions, IGlowLayerOptions, DepthOfFieldEffectBlurLevel } from 'babylonjs';
@@ -1929,6 +1934,7 @@ declare module 'babylonjs-viewer/' {
     function disposeAll(): void;
     const Version: string;
     export { BABYLON, Version, InitTags, DefaultViewer, AbstractViewer, viewerGlobals, telemetryManager, disableInit, viewerManager, mapperManager, disposeAll, ModelLoader, ViewerModel, AnimationPlayMode, AnimationState, ModelState, ILoaderPlugin };
+    export * from 'babylonjs-viewer/configuration';
 }
 
 declare module 'babylonjs-viewer/eventManager' {

src/Animations/babylon.animation.ts

@@ -50,6 +50,11 @@
             /** Specifies if the event should be triggered only once**/
             public onlyOnce?: boolean ) {
         }
+
+        /** @hidden */
+        public _clone(): AnimationEvent {
+            return new AnimationEvent(this.frame, this.action, this.onlyOnce);
+        }
     }
 
     /**

src/Animations/babylon.runtimeAnimation.ts

@@ -4,6 +4,8 @@
      * Defines a runtime animation
      */
     export class RuntimeAnimation {
+        private _events = new Array<AnimationEvent>();
+
         /**
          * The current frame of the runtime animation
          */
@@ -146,6 +148,14 @@
             this._host = host;
 
             animation._runtimeAnimations.push(this);
+
+            // Cloning events locally
+            var events = animation.getEvents();
+            if (events && events.length > 0) {
+                events.forEach((e) => {
+                    this._events.push(e._clone());
+                });
+            }
         }
 
         /**
@@ -182,6 +192,11 @@
             this._currentFrame = 0;
             this._blendingFactor = 0;
             this._originalValue = new Array<any>();
+
+            // Events
+            for (var index = 0; index < this._events.length; index++) {
+                this._events[index].isDone = false;
+            }                  
         }
 
         /**
@@ -505,7 +520,7 @@
             }
 
             // Reset events if looping
-            let events = this._animation.getEvents();
+            let events = this._events;
             if (range > 0 && this.currentFrame > currentFrame || 
                 range < 0 && this.currentFrame < currentFrame) {
                     // Need to reset animation events