@sentinel-one/s1-lottie - npm Package Compare versions

Comparing version 0.1.8 to 0.1.9

bundles/sentinel-one.umd.js

@@ -9,2 +9,28 @@ (function (global, factory) {
 
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
+
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
+
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
+    ***************************************************************************** */
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
     /**
@@ -104,3 +130,2 @@ * @fileoverview added by tsickle
         function () {
-            // this.supportOlderVersions();
             this.eventEmittersMap = S1LottieFactory.setLottiesEventTypes(this);
@@ -127,7 +152,7 @@ this.viewWidth = this.width + 'px' || '100%';
                 function () {
-                    _this.loadAnimation(options);
+                    _this.setLottie(options);
                 }));
             }
             else {
-                this.loadAnimation(options);
+                this.setLottie(options);
             }
@@ -146,4 +171,17 @@ };
             this.animationCreated.emit(this.animationInstance);
-            // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+        };
+        /**
+         * @private
+         * @param {?} options
+         * @return {?}
+         */
+        S1LottieComponent.prototype.setLottie = /**
+         * @private
+         * @param {?} options
+         * @return {?}
+         */
+        function (options) {
+            this.loadAnimation(options);
             this.initListeners();
+            this.playAnimationOnlyWhenElementAppears();
         };
@@ -154,2 +192,44 @@ /**
          */
+        S1LottieComponent.prototype.playAnimationOnlyWhenElementAppears = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (!('IntersectionObserver' in window)) {
+                return;
+            }
+            if (this.options.loop) {
+                this.observer = new IntersectionObserver((/**
+                 * @param {?} entries
+                 * @return {?}
+                 */
+                function (entries) {
+                    var e_1, _a;
+                    try {
+                        for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                            var entry = entries_1_1.value;
+                            if (entry.intersectionRatio !== 0) {
+                                _this.animationInstance.play();
+                            }
+                            else {
+                                _this.animationInstance.pause();
+                            }
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                }));
+                this.observer.observe(this.lottieContainer.nativeElement);
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
         S1LottieComponent.prototype.initListeners = /**
@@ -161,12 +241,24 @@ * @private
             var _this = this;
-            Object.values(LottieEventTypes).map((/**
-             * @param {?} value
-             * @return {?}
-             */
-            function (value) {
-                _this.renderer.listen(_this.animationInstance, value, (/**
+            var e_2, _a;
+            var _loop_1 = function (eventType) {
+                this_1.renderer.listen(this_1.animationInstance, eventType, (/**
                  * @return {?}
                  */
-                function () { return _this.onEventHeard(value); }));
-            }));
+                function () { return _this.onEventDetected(eventType); }));
+            };
+            var this_1 = this;
+            try {
+                // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+                for (var _b = __values(Object.values(LottieEventTypes)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var eventType = _c.value;
+                    _loop_1(eventType);
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
         };
@@ -178,3 +270,3 @@ /**
          */
-        S1LottieComponent.prototype.onEventHeard = /**
+        S1LottieComponent.prototype.onEventDetected = /**
          * @private
@@ -195,2 +287,3 @@ * @param {?} eventType
             this.animationInstance && this.animationInstance.destroy();
+            this.observer && this.observer.disconnect();
         };
@@ -197,0 +290,0 @@ S1LottieComponent.decorators = [

bundles/sentinel-one.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("lottie-web"),require("@angular/common")):"function"==typeof define&&define.amd?define("@sentinel-one/s1-lottie",["exports","@angular/core","lottie-web","@angular/common"],e):e(((t=t||self)["sentinel-one"]=t["sentinel-one"]||{},t["sentinel-one"]["s1-lottie"]={}),t.ng.core,t["lottie-web"],t.ng.common)}(this,function(t,e,n,o){"use strict";n=n&&n.hasOwnProperty("default")?n["default"]:n;var i=function(){function t(){}return t.setLottiesEventTypes=function(t){return{complete:t.complete,loopComplete:t.loopComplete,enterFrame:t.enterFrame,segmentStart:t.segmentStart,config_ready:t.configReady,data_ready:t.dataReady,data_failed:t.dataFailed,loaded_images:t.loadedImages,DOMLoaded:t.DOMLoaded,destroy:t.destroy}},t.setLottiesConfig=function(t){return{autoplay:t.options.autoplay,animationData:t.options.animationData,container:t.options.container||t.lottieContainer.nativeElement,loop:t.options.loop,name:t.options.name,path:t.options.path,renderer:t.options.renderer||"svg",rendererSettings:t.options.rendererSettings}},t}(),a={complete:"complete",loopComplete:"loopComplete",enterFrame:"enterFrame",segmentStart:"segmentStart",configReady:"config_ready",dataReady:"data_ready",dataFailed:"data_failed",loadedImages:"loaded_images",DOMLoaded:"DOMLoaded",destroy:"destroy"},r=function(){function t(t,n,o){this.platformId=t,this.renderer=n,this.ngZone=o,this.optimize=!0,this.animationCreated=new e.EventEmitter,this.enterFrame=new e.EventEmitter,this.complete=new e.EventEmitter,this.loopComplete=new e.EventEmitter,this.segmentStart=new e.EventEmitter,this.configReady=new e.EventEmitter,this.dataReady=new e.EventEmitter,this.dataFailed=new e.EventEmitter,this.loadedImages=new e.EventEmitter,this.DOMLoaded=new e.EventEmitter,this.destroy=new e.EventEmitter}return t.prototype.ngOnInit=function(){this.eventEmittersMap=i.setLottiesEventTypes(this),this.viewWidth=this.width+"px"||"100%",this.viewHeight=this.height+"px"||"100%"},t.prototype.ngAfterViewInit=function(){var t=this;if(!o.isPlatformServer(this.platformId)){var e=i.setLottiesConfig(this);this.optimize?this.ngZone.runOutsideAngular(function(){t.loadAnimation(e)}):this.loadAnimation(e)}},t.prototype.loadAnimation=function(t){this.animationInstance=n.loadAnimation(t),this.animationCreated.emit(this.animationInstance),this.initListeners()},t.prototype.initListeners=function(){var t=this;Object.values(a).map(function(e){t.renderer.listen(t.animationInstance,e,function(){return t.onEventHeard(e)})})},t.prototype.onEventHeard=function(t){this.eventEmittersMap[t].emit(this.animationInstance)},t.prototype.ngOnDestroy=function(){this.animationInstance&&this.animationInstance.destroy()},t.decorators=[{type:e.Component,args:[{selector:"s1-lottie",template:"\n    <div #lottieContainer\n         [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n    </div>\n  "}]}],t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:e.Renderer2},{type:e.NgZone}]},t.propDecorators={width:[{type:e.Input}],height:[{type:e.Input}],options:[{type:e.Input}],optimize:[{type:e.Input}],animationCreated:[{type:e.Output}],enterFrame:[{type:e.Output}],complete:[{type:e.Output}],loopComplete:[{type:e.Output}],segmentStart:[{type:e.Output}],configReady:[{type:e.Output}],dataReady:[{type:e.Output}],dataFailed:[{type:e.Output}],loadedImages:[{type:e.Output}],DOMLoaded:[{type:e.Output}],destroy:[{type:e.Output}],lottieContainer:[{type:e.ViewChild,args:["lottieContainer",{"static":!0}]}]},t}(),s=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{declarations:[r],imports:[o.CommonModule],exports:[r]}]}],t}();t.LottieEventTypes=a,t.S1LottieComponent=r,t.S1LottieFactory=i,t.S1LottieModule=s,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("lottie-web"),require("@angular/common")):"function"==typeof define&&define.amd?define("@sentinel-one/s1-lottie",["exports","@angular/core","lottie-web","@angular/common"],e):e(((t=t||self)["sentinel-one"]=t["sentinel-one"]||{},t["sentinel-one"]["s1-lottie"]={}),t.ng.core,t["lottie-web"],t.ng.common)}(this,function(t,e,n,o){"use strict";function i(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}n=n&&n.hasOwnProperty("default")?n["default"]:n;var r=function(){function t(){}return t.setLottiesEventTypes=function(t){return{complete:t.complete,loopComplete:t.loopComplete,enterFrame:t.enterFrame,segmentStart:t.segmentStart,config_ready:t.configReady,data_ready:t.dataReady,data_failed:t.dataFailed,loaded_images:t.loadedImages,DOMLoaded:t.DOMLoaded,destroy:t.destroy}},t.setLottiesConfig=function(t){return{autoplay:t.options.autoplay,animationData:t.options.animationData,container:t.options.container||t.lottieContainer.nativeElement,loop:t.options.loop,name:t.options.name,path:t.options.path,renderer:t.options.renderer||"svg",rendererSettings:t.options.rendererSettings}},t}(),a={complete:"complete",loopComplete:"loopComplete",enterFrame:"enterFrame",segmentStart:"segmentStart",configReady:"config_ready",dataReady:"data_ready",dataFailed:"data_failed",loadedImages:"loaded_images",DOMLoaded:"DOMLoaded",destroy:"destroy"},s=function(){function t(t,n,o){this.platformId=t,this.renderer=n,this.ngZone=o,this.optimize=!0,this.animationCreated=new e.EventEmitter,this.enterFrame=new e.EventEmitter,this.complete=new e.EventEmitter,this.loopComplete=new e.EventEmitter,this.segmentStart=new e.EventEmitter,this.configReady=new e.EventEmitter,this.dataReady=new e.EventEmitter,this.dataFailed=new e.EventEmitter,this.loadedImages=new e.EventEmitter,this.DOMLoaded=new e.EventEmitter,this.destroy=new e.EventEmitter}return t.prototype.ngOnInit=function(){this.eventEmittersMap=r.setLottiesEventTypes(this),this.viewWidth=this.width+"px"||"100%",this.viewHeight=this.height+"px"||"100%"},t.prototype.ngAfterViewInit=function(){var t=this;if(!o.isPlatformServer(this.platformId)){var e=r.setLottiesConfig(this);this.optimize?this.ngZone.runOutsideAngular(function(){t.setLottie(e)}):this.setLottie(e)}},t.prototype.loadAnimation=function(t){this.animationInstance=n.loadAnimation(t),this.animationCreated.emit(this.animationInstance)},t.prototype.setLottie=function(t){this.loadAnimation(t),this.initListeners(),this.playAnimationOnlyWhenElementAppears()},t.prototype.playAnimationOnlyWhenElementAppears=function(){var t=this;"IntersectionObserver"in window&&this.options.loop&&(this.observer=new IntersectionObserver(function(e){var n,o;try{for(var r=i(e),a=r.next();!a.done;a=r.next()){0!==a.value.intersectionRatio?t.animationInstance.play():t.animationInstance.pause()}}catch(s){n={error:s}}finally{try{a&&!a.done&&(o=r["return"])&&o.call(r)}finally{if(n)throw n.error}}}),this.observer.observe(this.lottieContainer.nativeElement))},t.prototype.initListeners=function(){var t,e,n=this,o=function(t){r.renderer.listen(r.animationInstance,t,function(){return n.onEventDetected(t)})},r=this;try{for(var s=i(Object.values(a)),p=s.next();!p.done;p=s.next()){o(p.value)}}catch(d){t={error:d}}finally{try{p&&!p.done&&(e=s["return"])&&e.call(s)}finally{if(t)throw t.error}}},t.prototype.onEventDetected=function(t){this.eventEmittersMap[t].emit(this.animationInstance)},t.prototype.ngOnDestroy=function(){this.animationInstance&&this.animationInstance.destroy(),this.observer&&this.observer.disconnect()},t.decorators=[{type:e.Component,args:[{selector:"s1-lottie",template:"\n    <div #lottieContainer\n         [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n    </div>\n  "}]}],t.ctorParameters=function(){return[{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:e.Renderer2},{type:e.NgZone}]},t.propDecorators={width:[{type:e.Input}],height:[{type:e.Input}],options:[{type:e.Input}],optimize:[{type:e.Input}],animationCreated:[{type:e.Output}],enterFrame:[{type:e.Output}],complete:[{type:e.Output}],loopComplete:[{type:e.Output}],segmentStart:[{type:e.Output}],configReady:[{type:e.Output}],dataReady:[{type:e.Output}],dataFailed:[{type:e.Output}],loadedImages:[{type:e.Output}],DOMLoaded:[{type:e.Output}],destroy:[{type:e.Output}],lottieContainer:[{type:e.ViewChild,args:["lottieContainer",{"static":!0}]}]},t}(),p=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{declarations:[s],imports:[o.CommonModule],exports:[s]}]}],t}();t.LottieEventTypes=a,t.S1LottieComponent=s,t.S1LottieFactory=r,t.S1LottieModule=p,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=sentinel-one.umd.min.js.map

esm2015/lib/s1-lottie.component.js

@@ -54,3 +54,2 @@ /**
     ngOnInit() {
-        // this.supportOlderVersions();
         this.eventEmittersMap = S1LottieFactory.setLottiesEventTypes(this);
@@ -73,7 +72,7 @@ this.viewWidth = this.width + 'px' || '100%';
             () => {
-                this.loadAnimation(options);
+                this.setLottie(options);
             }));
         }
         else {
-            this.loadAnimation(options);
+            this.setLottie(options);
         }
@@ -88,4 +87,12 @@ }
         this.animationCreated.emit(this.animationInstance);
-        // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+    }
+    /**
+     * @private
+     * @param {?} options
+     * @return {?}
+     */
+    setLottie(options) {
+        this.loadAnimation(options);
         this.initListeners();
+        this.playAnimationOnlyWhenElementAppears();
     }
@@ -96,13 +103,36 @@ /**
      */
+    playAnimationOnlyWhenElementAppears() {
+        if (!('IntersectionObserver' in window)) {
+            return;
+        }
+        if (this.options.loop) {
+            this.observer = new IntersectionObserver((/**
+             * @param {?} entries
+             * @return {?}
+             */
+            (entries) => {
+                for (const entry of entries) {
+                    if (entry.intersectionRatio !== 0) {
+                        this.animationInstance.play();
+                    }
+                    else {
+                        this.animationInstance.pause();
+                    }
+                }
+            }));
+            this.observer.observe(this.lottieContainer.nativeElement);
+        }
+    }
+    /**
+     * @private
+     * @return {?}
+     */
     initListeners() {
-        Object.values(LottieEventTypes).map((/**
-         * @param {?} value
-         * @return {?}
-         */
-        value => {
-            this.renderer.listen(this.animationInstance, value, (/**
+        // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+        for (const eventType of Object.values(LottieEventTypes)) {
+            this.renderer.listen(this.animationInstance, eventType, (/**
              * @return {?}
              */
-            () => this.onEventHeard(value)));
-        }));
+            () => this.onEventDetected(eventType)));
+        }
     }
@@ -114,3 +144,3 @@ /**
      */
-    onEventHeard(eventType) {
+    onEventDetected(eventType) {
         this.eventEmittersMap[eventType].emit(this.animationInstance);
@@ -123,2 +153,3 @@ }
         this.animationInstance && this.animationInstance.destroy();
+        this.observer && this.observer.disconnect();
     }
@@ -204,2 +235,4 @@ }
     S1LottieComponent.prototype.viewHeight;
+    /** @type {?} */
+    S1LottieComponent.prototype.observer;
     /**
@@ -221,2 +254,2 @@ * @type {?}
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiczEtbG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW50aW5lbC1vbmUvczEtbG90dGllLyIsInNvdXJjZXMiOlsibGliL3MxLWxvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFFTixNQUFNLEVBQ04sV0FBVyxFQUFFLFNBQVMsRUFDdEIsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sTUFBMEYsTUFBTSxZQUFZLENBQUM7QUFDcEgsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7SUFJbEQsVUFBVyxVQUFVO0lBQ3JCLGNBQWUsY0FBYztJQUM3QixZQUFhLFlBQVk7SUFDekIsY0FBZSxjQUFjO0lBQzdCLGFBQWMsY0FBYztJQUM1QixXQUFZLFlBQVk7SUFDeEIsWUFBYSxhQUFhO0lBQzFCLGNBQWUsZUFBZTtJQUM5QixXQUFZLFdBQVc7SUFDdkIsU0FBVSxTQUFTOzs7Ozs7QUFHckIscUNBQWdGO0FBV2hGLE1BQU0sT0FBTyxpQkFBaUI7Ozs7OztJQTJCNUIsWUFBeUMsVUFBa0IsRUFDdkMsUUFBbUIsRUFDbkIsTUFBYztRQUZPLGVBQVUsR0FBVixVQUFVLENBQVE7UUFDdkMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBeEJ6QixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWYscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDckQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBQy9DLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUM3QyxpQkFBWSxHQUFHLElBQUksWUFB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aUJBQWlCLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDOzs7O0lBbkI1QyxrQ0FBdUI7O0lBQ3ZCLG1DQUF3Qjs7SUFDeEIsb0NBQWtDOztJQUNsQyxxQ0FBeUI7O0lBRXpCLDZDQUErRDs7SUFDL0QsdUNBQXlEOztJQUN6RCxxQ0FBdUQ7O0lBQ3ZELHlDQUEyRDs7SUFDM0QseUNBQTJEOztJQUMzRCx3Q0FBMEQ7O0lBQzFELHNDQUF3RDs7SUFDeEQsdUNBQXlEOztJQUN6RCx5Q0FBMkQ7O0lBQzNELHNDQUF3RDs7SUFDeEQsb0NBQXNEOztJQUV0RCw2Q0FBa0M7O0lBRWxDLDRDQUEwRTs7Ozs7SUFFMUUsOENBQXlDOztJQUN6QyxzQ0FBeUI7O0lBQ3pCLHVDQUEwQjs7Ozs7SUFFZCx1Q0FBK0M7Ozs7O0lBQy9DLHFDQUEyQjs7Ozs7SUFDM0IsbUNBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE5nWm9uZSwgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgUExBVEZPUk1fSUQsIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IExvdHRpZSwge0FuaW1hdGlvbkNvbmZpZywgQW5pbWF0aW9uQ29uZmlnV2l0aERhdGEsIEFuaW1hdGlvbkNvbmZpZ1dpdGhQYXRoLCBBbmltYXRpb25JdGVtfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCB7aXNQbGF0Zm9ybVNlcnZlcn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7UzFMb3R0aWVGYWN0b3J5fSBmcm9tICcuL3MxLWxvdHRpZS5mYWN0b3J5JztcbmltcG9ydCB7UzFMb3R0aWVDb25maWd9IGZyb20gJy4vczEtbG90dGllJztcblxuZXhwb3J0IGVudW0gTG90dGllRXZlbnRUeXBlcyB7XG4gIGNvbXBsZXRlID0gJ2NvbXBsZXRlJyxcbiAgbG9vcENvbXBsZXRlID0gJ2xvb3BDb21wbGV0ZScsXG4gIGVudGVyRnJhbWUgPSAnZW50ZXJGcmFtZScsXG4gIHNlZ21lbnRTdGFydCA9ICdzZWdtZW50U3RhcnQnLFxuICBjb25maWdSZWFkeSA9ICdjb25maWdfcmVhZHknLCAgLy8gKHdoZW4gaW5pdGlhbCBjb25maWcgaXMgZG9uZSlcbiAgZGF0YVJlYWR5ID0gJ2RhdGFfcmVhZHknLCAvLyAod2hlbiBhbGwgcGFydHMgb2YgdGhlIGFuaW1hdGlvbiBoYXZlIGJlZW4gbG9hZGVkKVxuICBkYXRhRmFpbGVkID0gJ2RhdGFfZmFpbGVkJywgLy8gKHdoZW4gcGFydCBvZiB0aGUgYW5pbWF0aW9uIGNhbiBub3QgYmUgbG9hZGVkKVxuICBsb2FkZWRJbWFnZXMgPSAnbG9hZGVkX2ltYWdlcycsIC8vICh3aGVuIGFsbCBpbWFnZSBsb2FkcyBoYXZlIGVpdGhlciBzdWNjZWVkZWQgb3IgZXJyb3JlZClcbiAgRE9NTG9hZGVkID0gJ0RPTUxvYWRlZCcsIC8vICh3aGVuIGVsZW1lbnRzIGhhdmUgYmVlbiBhZGRlZCB0byB0aGUgRE9NKVxuICBkZXN0cm95ID0gJ2Rlc3Ryb3knXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG90dGllRXZlbnRUeXBlIHsgW2tleTogc3RyaW5nXTogRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+OyB9XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MxLWxvdHRpZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAjbG90dGllQ29udGFpbmVyXG4gICAgICAgICBbbmdTdHlsZV09XCJ7J3dpZHRoJzogdmlld1dpZHRoLCAnaGVpZ2h0Jzogdmlld0hlaWdodCwgJ292ZXJmbG93JzonaGlkZGVuJywgJ21hcmdpbic6ICcwIGF1dG8nfVwiPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIFMxTG90dGllQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIHdpZHRoOiBudW1iZXI7XG4gIEBJbnB1dCgpIGhlaWdodDogbnVtYmVyO1xuICBASW5wdXQoKSBvcHRpb25zOiBTMUxvdHRpZUNvbmZpZyA7XG4gIEBJbnB1dCgpIG9wdGltaXplID0gdHJ1ZTtcblxuICBAT3V0cHV0KCkgYW5pbWF0aW9uQ3JlYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGVudGVyRnJhbWUgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBjb21wbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGxvb3BDb21wbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIHNlZ21lbnRTdGFydCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGNvbmZpZ1JlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgZGF0YVJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgZGF0YUZhaWxlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGxvYWRlZEltYWdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIERPTUxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGRlc3Ryb3kgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG5cbiAgZXZlbnRFbWl0dGVyc01hcDogTG90dGllRXZlbnRUeXBlO1xuXG4gIEBWaWV3Q2hpbGQoJ2xvdHRpZUNvbnRhaW5lcicsIHtzdGF0aWM6IHRydWV9KSBsb3R0aWVDb250YWluZXI6IEVsZW1lbnRSZWY7XG5cbiAgcHJpdmF0ZSBhbmltYXRpb25JbnN0YW5jZTogQW5pbWF0aW9uSXRlbTtcbiAgcHVibGljIHZpZXdXaWR0aDogc3RyaW5nO1xuICBwdWJsaWMgdmlld0hlaWdodDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcGxhdGZvcm1JZDogc3RyaW5nLFxuICAgICAgICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgICAgICAgIHByaXZhdGUgbmdab25lOiBOZ1pvbmUpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAvLyB0aGlzLnN1cHBvcnRPbGRlclZlcnNpb25zKCk7XG5cbiAgICB0aGlzLmV2ZW50RW1pdHRlcnNNYXAgPSBTMUxvdHRpZUZhY3Rvcnkuc2V0TG90dGllc0V2ZW50VHlwZXModGhpcyk7XG4gICAgdGhpcy52aWV3V2lkdGggID0gdGhpcy53aWR0aCArICdweCcgfHwgJzEwMCUnO1xuICAgIHRoaXMudmlld0hlaWdodCA9IHRoaXMuaGVpZ2h0ICsgJ3B4JyB8fCAnMTAwJSc7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKGlzUGxhdGZvcm1TZXJ2ZXIodGhpcy5wbGF0Zm9ybUlkKSkgcmV0dXJuO1xuXG4gICAgY29uc3Qgb3B0aW9uczogQW5pbWF0aW9uQ29uZmlnV2l0aFBhdGggJiBBbmltYXRpb25Db25maWdXaXRoRGF0YSA9IFMxTG90dGllRmFjdG9yeS5zZXRMb3R0aWVzQ29uZmlnKHRoaXMpO1xuICAgIGlmICh0aGlzLm9wdGltaXplKSB7XG4gICAgICB0aGlzLm5nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgIHRoaXMubG9hZEFuaW1hdGlvbihvcHRpb25zKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmxvYWRBbmltYXRpb24ob3B0aW9ucyk7XG4gICAgfVxuICB9XG5cbiAgbG9hZEFuaW1hdGlvbihvcHRpb25zOiBBbmltYXRpb25Db25maWcgfCBBbmltYXRpb25Db25maWdXaXRoRGF0YSkge1xuICAgIHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UgPSBMb3R0aWUubG9hZEFuaW1hdGlvbihvcHRpb25zKTtcbiAgICB0aGlzLmFuaW1hdGlvbkNyZWF0ZWQuZW1pdCh0aGlzLmFuaW1hdGlvbkluc3RhbmNlKTtcbiAgICAvLyByZWdpc3RlcmluZyB0aGUgbG90dGllJ3MgZW50ZXJGcmFtZSBldmVudCAoaHR0cHM6Ly9haXJibmIuaW8vcHJvamVjdHMvbG90dGllLXdlYi8pXG4gICAgdGhpcy5pbml0TGlzdGVuZXJzKCk7XG4gIH1cblxuICBwcml2YXRlIGluaXRMaXN0ZW5lcnMoKSB7XG4gICAgT2JqZWN0LnZhbHVlcyhMb3R0aWVFdmVudFR5cGVzKS5tYXAodmFsdWUgPT4ge1xuICAgICAgdGhpcy5yZW5kZXJlci5saXN0ZW4odGhpcy5hbmltYXRpb25JbnN0YW5jZSwgdmFsdWUsICgpID0+IHRoaXMub25FdmVudEhlYXJkKHZhbHVlKSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIG9uRXZlbnRIZWFyZChldmVudFR5cGU6IExvdHRpZUV2ZW50VHlwZXMpIHtcbiAgICB0aGlzLmV2ZW50RW1pdHRlcnNNYXBbZXZlbnRUeXBlXS5lbWl0KHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hbmltYXRpb25JbnN0YW5jZSAmJiB0aGlzLmFuaW1hdGlvbkluc3RhbmNlLmRlc3Ryb3koKTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiczEtbG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW50aW5lbC1vbmUvczEtbG90dGllLyIsInNvdXJjZXMiOlsibGliL3MxLWxvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFFTixNQUFNLEVBQ04sV0FBVyxFQUFFLFNBQVMsRUFDdEIsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sTUFBMEYsTUFBTSxZQUFZLENBQUM7QUFDcEgsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7SUFJbEQsVUFBVyxVQUFVO0lBQ3JCLGNBQWUsY0FBYztJQUM3QixZQUFhLFlBQVk7SUFDekIsY0FBZSxjQUFjO0lBQzdCLGFBQWMsY0FBYztJQUM1QixXQUFZLFlBQVk7SUFDeEIsWUFBYSxhQUFhO0lBQzFCLGNBQWUsZUFBZTtJQUM5QixXQUFZLFdBQVc7SUFDdkIsU0FBVSxTQUFTOzs7Ozs7QUFHckIscUNBQWdGO0FBV2hGLE1BQU0sT0FBTyxpQkFBaUI7Ozs7OztJQTRCNUIsWUFBeUMsVUFBa0IsRUFDdkMsUUFBbUIsRUFDbkIsTUFBYztRQUZPLGVBQVUsR0FBVixVQUFVLENBQVE7UUFDdkMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBekJ6QixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWYscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDckQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBQy9DLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUM3QyxpQkFBWSxHQUFHLElBQUksWUFB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Ozs7SUFFMUUsOENBQXlDOztJQUN6QyxzQ0FBeUI7O0lBQ3pCLHVDQUEwQjs7SUFDMUIscUNBQVM7Ozs7O0lBRUcsdUNBQStDOzs7OztJQUMvQyxxQ0FBMkI7Ozs7O0lBQzNCLG1DQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBOZ1pvbmUsIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFBMQVRGT1JNX0lELCBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBMb3R0aWUsIHtBbmltYXRpb25Db25maWcsIEFuaW1hdGlvbkNvbmZpZ1dpdGhEYXRhLCBBbmltYXRpb25Db25maWdXaXRoUGF0aCwgQW5pbWF0aW9uSXRlbX0gZnJvbSAnbG90dGllLXdlYic7XG5pbXBvcnQge2lzUGxhdGZvcm1TZXJ2ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1MxTG90dGllRmFjdG9yeX0gZnJvbSAnLi9zMS1sb3R0aWUuZmFjdG9yeSc7XG5pbXBvcnQge1MxTG90dGllQ29uZmlnfSBmcm9tICcuL3MxLWxvdHRpZSc7XG5cbmV4cG9ydCBlbnVtIExvdHRpZUV2ZW50VHlwZXMge1xuICBjb21wbGV0ZSA9ICdjb21wbGV0ZScsXG4gIGxvb3BDb21wbGV0ZSA9ICdsb29wQ29tcGxldGUnLFxuICBlbnRlckZyYW1lID0gJ2VudGVyRnJhbWUnLFxuICBzZWdtZW50U3RhcnQgPSAnc2VnbWVudFN0YXJ0JyxcbiAgY29uZmlnUmVhZHkgPSAnY29uZmlnX3JlYWR5JywgIC8vICh3aGVuIGluaXRpYWwgY29uZmlnIGlzIGRvbmUpXG4gIGRhdGFSZWFkeSA9ICdkYXRhX3JlYWR5JywgLy8gKHdoZW4gYWxsIHBhcnRzIG9mIHRoZSBhbmltYXRpb24gaGF2ZSBiZWVuIGxvYWRlZClcbiAgZGF0YUZhaWxlZCA9ICdkYXRhX2ZhaWxlZCcsIC8vICh3aGVuIHBhcnQgb2YgdGhlIGFuaW1hdGlvbiBjYW4gbm90IGJlIGxvYWRlZClcbiAgbG9hZGVkSW1hZ2VzID0gJ2xvYWRlZF9pbWFnZXMnLCAvLyAod2hlbiBhbGwgaW1hZ2UgbG9hZHMgaGF2ZSBlaXRoZXIgc3VjY2VlZGVkIG9yIGVycm9yZWQpXG4gIERPTUxvYWRlZCA9ICdET01Mb2FkZWQnLCAvLyAod2hlbiBlbGVtZW50cyBoYXZlIGJlZW4gYWRkZWQgdG8gdGhlIERPTSlcbiAgZGVzdHJveSA9ICdkZXN0cm95J1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIExvdHRpZUV2ZW50VHlwZSB7IFtrZXk6IHN0cmluZ106IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPjsgfVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzMS1sb3R0aWUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgI2xvdHRpZUNvbnRhaW5lclxuICAgICAgICAgW25nU3R5bGVdPVwieyd3aWR0aCc6IHZpZXdXaWR0aCwgJ2hlaWdodCc6IHZpZXdIZWlnaHQsICdvdmVyZmxvdyc6J2hpZGRlbicsICdtYXJnaW4nOiAnMCBhdXRvJ31cIj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBTMUxvdHRpZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyO1xuICBASW5wdXQoKSBoZWlnaHQ6IG51bWJlcjtcbiAgQElucHV0KCkgb3B0aW9uczogUzFMb3R0aWVDb25maWcgO1xuICBASW5wdXQoKSBvcHRpbWl6ZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpIGFuaW1hdGlvbkNyZWF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBlbnRlckZyYW1lID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgY29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBsb29wQ29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBzZWdtZW50U3RhcnQgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBjb25maWdSZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGRhdGFSZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGRhdGFGYWlsZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBsb2FkZWRJbWFnZXMgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBET01Mb2FkZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBkZXN0cm95ID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuXG4gIGV2ZW50RW1pdHRlcnNNYXA6IExvdHRpZUV2ZW50VHlwZTtcblxuICBAVmlld0NoaWxkKCdsb3R0aWVDb250YWluZXInLCB7c3RhdGljOiB0cnVlfSkgbG90dGllQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gIHByaXZhdGUgYW5pbWF0aW9uSW5zdGFuY2U6IEFuaW1hdGlvbkl0ZW07XG4gIHB1YmxpYyB2aWV3V2lkdGg6IHN0cmluZztcbiAgcHVibGljIHZpZXdIZWlnaHQ6IHN0cmluZztcbiAgb2JzZXJ2ZXI7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBwbGF0Zm9ybUlkOiBzdHJpbmcsXG4gICAgICAgICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmV2ZW50RW1pdHRlcnNNYXAgPSBTMUxvdHRpZUZhY3Rvcnkuc2V0TG90dGllc0V2ZW50VHlwZXModGhpcyk7XG4gICAgdGhpcy52aWV3V2lkdGggID0gdGhpcy53aWR0aCArICdweCcgfHwgJzEwMCUnO1xuICAgIHRoaXMudmlld0hlaWdodCA9IHRoaXMuaGVpZ2h0ICsgJ3B4JyB8fCAnMTAwJSc7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKGlzUGxhdGZvcm1TZXJ2ZXIodGhpcy5wbGF0Zm9ybUlkKSkgcmV0dXJuO1xuXG4gICAgY29uc3Qgb3B0aW9uczogQW5pbWF0aW9uQ29uZmlnV2l0aFBhdGggJiBBbmltYXRpb25Db25maWdXaXRoRGF0YSA9IFMxTG90dGllRmFjdG9yeS5zZXRMb3R0aWVzQ29uZmlnKHRoaXMpO1xuICAgIGlmICh0aGlzLm9wdGltaXplKSB7XG4gICAgICB0aGlzLm5nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgIHRoaXMuc2V0TG90dGllKG9wdGlvbnMpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0TG90dGllKG9wdGlvbnMpO1xuICAgIH1cbiAgfVxuXG4gIGxvYWRBbmltYXRpb24ob3B0aW9uczogQW5pbWF0aW9uQ29uZmlnIHwgQW5pbWF0aW9uQ29uZmlnV2l0aERhdGEpIHtcbiAgICB0aGlzLmFuaW1hdGlvbkluc3RhbmNlID0gTG90dGllLmxvYWRBbmltYXRpb24ob3B0aW9ucyk7XG4gICAgdGhpcy5hbmltYXRpb25DcmVhdGVkLmVtaXQodGhpcy5hbmltYXRpb25JbnN0YW5jZSk7XG4gIH1cblxuICBwcml2YXRlIHNldExvdHRpZShvcHRpb25zKSB7XG4gICAgdGhpcy5sb2FkQW5pbWF0aW9uKG9wdGlvbnMpO1xuICAgIHRoaXMuaW5pdExpc3RlbmVycygpO1xuICAgIHRoaXMucGxheUFuaW1hdGlvbk9ubHlXaGVuRWxlbWVudEFwcGVhcnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgcGxheUFuaW1hdGlvbk9ubHlXaGVuRWxlbWVudEFwcGVhcnMoKSB7XG4gICAgaWYgKCEoJ0ludGVyc2VjdGlvbk9ic2VydmVyJyBpbiB3aW5kb3cpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLm9wdGlvbnMubG9vcCkge1xuICAgICAgdGhpcy5vYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcigoZW50cmllcykgPT4ge1xuICAgICAgICBmb3IgKGNvbnN0IGVudHJ5IG9mIGVudHJpZXMpIHtcbiAgICAgICAgICBpZiAoZW50cnkuaW50ZXJzZWN0aW9uUmF0aW8gIT09IDApIHtcbiAgICAgICAgICAgIHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UucGxheSgpO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFuaW1hdGlvbkluc3RhbmNlLnBhdXNlKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHRoaXMub2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmxvdHRpZUNvbnRhaW5lci5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGluaXRMaXN0ZW5lcnMoKSB7XG4gICAgLy8gcmVnaXN0ZXJpbmcgdGhlIGxvdHRpZSdzIGVudGVyRnJhbWUgZXZlbnQgKGh0dHBzOi8vYWlyYm5iLmlvL3Byb2plY3RzL2xvdHRpZS13ZWIvKVxuICAgIGZvciAoY29uc3QgZXZlbnRUeXBlIG9mIE9iamVjdC52YWx1ZXMoTG90dGllRXZlbnRUeXBlcykpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UsIGV2ZW50VHlwZSwgKCkgPT4gdGhpcy5vbkV2ZW50RGV0ZWN0ZWQoZXZlbnRUeXBlKSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBvbkV2ZW50RGV0ZWN0ZWQoZXZlbnRUeXBlOiBMb3R0aWVFdmVudFR5cGVzKSB7XG4gICAgdGhpcy5ldmVudEVtaXR0ZXJzTWFwW2V2ZW50VHlwZV0uZW1pdCh0aGlzLmFuaW1hdGlvbkluc3RhbmNlKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UgJiYgdGhpcy5hbmltYXRpb25JbnN0YW5jZS5kZXN0cm95KCk7XG4gICAgdGhpcy5vYnNlcnZlciAmJiB0aGlzLm9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgfVxuXG59XG4iXX0=

esm5/lib/s1-lottie.component.js

@@ -5,2 +5,3 @@ /**
  */
+import * as tslib_1 from "tslib";
 import { Component, ElementRef, EventEmitter, Inject, Input, NgZone, Output, PLATFORM_ID, Renderer2, ViewChild } from '@angular/core';
@@ -53,3 +54,2 @@ import Lottie from 'lottie-web';
     function () {
-        // this.supportOlderVersions();
         this.eventEmittersMap = S1LottieFactory.setLottiesEventTypes(this);
@@ -76,7 +76,7 @@ this.viewWidth = this.width + 'px' || '100%';
             function () {
-                _this.loadAnimation(options);
+                _this.setLottie(options);
             }));
         }
         else {
-            this.loadAnimation(options);
+            this.setLottie(options);
         }
@@ -95,4 +95,17 @@ };
         this.animationCreated.emit(this.animationInstance);
-        // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+    };
+    /**
+     * @private
+     * @param {?} options
+     * @return {?}
+     */
+    S1LottieComponent.prototype.setLottie = /**
+     * @private
+     * @param {?} options
+     * @return {?}
+     */
+    function (options) {
+        this.loadAnimation(options);
         this.initListeners();
+        this.playAnimationOnlyWhenElementAppears();
     };
@@ -103,2 +116,44 @@ /**
      */
+    S1LottieComponent.prototype.playAnimationOnlyWhenElementAppears = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!('IntersectionObserver' in window)) {
+            return;
+        }
+        if (this.options.loop) {
+            this.observer = new IntersectionObserver((/**
+             * @param {?} entries
+             * @return {?}
+             */
+            function (entries) {
+                var e_1, _a;
+                try {
+                    for (var entries_1 = tslib_1.__values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                        var entry = entries_1_1.value;
+                        if (entry.intersectionRatio !== 0) {
+                            _this.animationInstance.play();
+                        }
+                        else {
+                            _this.animationInstance.pause();
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }));
+            this.observer.observe(this.lottieContainer.nativeElement);
+        }
+    };
+    /**
+     * @private
+     * @return {?}
+     */
     S1LottieComponent.prototype.initListeners = /**
@@ -110,12 +165,24 @@ * @private
         var _this = this;
-        Object.values(LottieEventTypes).map((/**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            _this.renderer.listen(_this.animationInstance, value, (/**
+        var e_2, _a;
+        var _loop_1 = function (eventType) {
+            this_1.renderer.listen(this_1.animationInstance, eventType, (/**
              * @return {?}
              */
-            function () { return _this.onEventHeard(value); }));
-        }));
+            function () { return _this.onEventDetected(eventType); }));
+        };
+        var this_1 = this;
+        try {
+            // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+            for (var _b = tslib_1.__values(Object.values(LottieEventTypes)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var eventType = _c.value;
+                _loop_1(eventType);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
     };
@@ -127,3 +194,3 @@ /**
      */
-    S1LottieComponent.prototype.onEventHeard = /**
+    S1LottieComponent.prototype.onEventDetected = /**
      * @private
@@ -144,2 +211,3 @@ * @param {?} eventType
         this.animationInstance && this.animationInstance.destroy();
+        this.observer && this.observer.disconnect();
     };
@@ -223,2 +291,4 @@ S1LottieComponent.decorators = [
     S1LottieComponent.prototype.viewHeight;
+    /** @type {?} */
+    S1LottieComponent.prototype.observer;
     /**
@@ -240,2 +310,2 @@ * @type {?}
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiczEtbG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW50aW5lbC1vbmUvczEtbG90dGllLyIsInNvdXJjZXMiOlsibGliL3MxLWxvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFFTixNQUFNLEVBQ04sV0FBVyxFQUFFLFNBQVMsRUFDdEIsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sTUFBMEYsTUFBTSxZQUFZLENBQUM7QUFDcEgsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7SUFJbEQsVUFBVyxVQUFVO0lBQ3JCLGNBQWUsY0FBYztJQUM3QixZQUFhLFlBQVk7SUFDekIsY0FBZSxjQUFjO0lBQzdCLGFBQWMsY0FBYztJQUM1QixXQUFZLFlBQVk7SUFDeEIsWUFBYSxhQUFhO0lBQzFCLGNBQWUsZUFBZTtJQUM5QixXQUFZLFdBQVc7SUFDdkIsU0FBVSxTQUFTOzs7Ozs7QUFHckIscUNBQWdGO0FBRWhGO0lBb0NFLDJCQUF5QyxVQUFrQixFQUN2QyxRQUFtQixFQUNuQixNQUFjO1FBRk8sZUFBVSxHQUFWLFVBQVUsQ0FBUTtRQUN2QyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFdBQU0sR0FBTixNQUFNLENBQVE7UUF4QnpCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFFZixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUNyRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDL0MsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBQzdDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDakQsaUJB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QUNOLE1BQU07NEJBQ04sTUFBTTswQkFDTixNQUFNO2tDQUlOLFNBQVMsU0FBQyxpQkFBaUIsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7O0lBb0Q5Qyx3QkFBQztDQUFBLEFBbEZELElBa0ZDO1NBekVZLGlCQUFpQjs7O0lBRTVCLGtDQUF1Qjs7SUFDdkIsbUNBQXdCOztJQUN4QixvQ0FBa0M7O0lBQ2xDLHFDQUF5Qjs7SUFFekIsNkNBQStEOztJQUMvRCx1Q0FBeUQ7O0lBQ3pELHFDQUF1RDs7SUFDdkQseUNBQTJEOztJQUMzRCx5Q0FBMkQ7O0lBQzNELHdDQUEwRDs7SUFDMUQsc0NBQXdEOztJQUN4RCx1Q0FBeUQ7O0lBQ3pELHlDQUEyRDs7SUFDM0Qsc0NBQXdEOztJQUN4RCxvQ0FBc0Q7O0lBRXRELDZDQUFrQzs7SUFFbEMsNENBQTBFOzs7OztJQUUxRSw4Q0FBeUM7O0lBQ3pDLHNDQUF5Qjs7SUFDekIsdUNBQTBCOzs7OztJQUVkLHVDQUErQzs7Ozs7SUFDL0MscUNBQTJCOzs7OztJQUMzQixtQ0FBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgTmdab25lLCBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBQTEFURk9STV9JRCwgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgTG90dGllLCB7QW5pbWF0aW9uQ29uZmlnLCBBbmltYXRpb25Db25maWdXaXRoRGF0YSwgQW5pbWF0aW9uQ29uZmlnV2l0aFBhdGgsIEFuaW1hdGlvbkl0ZW19IGZyb20gJ2xvdHRpZS13ZWInO1xuaW1wb3J0IHtpc1BsYXRmb3JtU2VydmVyfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtTMUxvdHRpZUZhY3Rvcnl9IGZyb20gJy4vczEtbG90dGllLmZhY3RvcnknO1xuaW1wb3J0IHtTMUxvdHRpZUNvbmZpZ30gZnJvbSAnLi9zMS1sb3R0aWUnO1xuXG5leHBvcnQgZW51bSBMb3R0aWVFdmVudFR5cGVzIHtcbiAgY29tcGxldGUgPSAnY29tcGxldGUnLFxuICBsb29wQ29tcGxldGUgPSAnbG9vcENvbXBsZXRlJyxcbiAgZW50ZXJGcmFtZSA9ICdlbnRlckZyYW1lJyxcbiAgc2VnbWVudFN0YXJ0ID0gJ3NlZ21lbnRTdGFydCcsXG4gIGNvbmZpZ1JlYWR5ID0gJ2NvbmZpZ19yZWFkeScsICAvLyAod2hlbiBpbml0aWFsIGNvbmZpZyBpcyBkb25lKVxuICBkYXRhUmVhZHkgPSAnZGF0YV9yZWFkeScsIC8vICh3aGVuIGFsbCBwYXJ0cyBvZiB0aGUgYW5pbWF0aW9uIGhhdmUgYmVlbiBsb2FkZWQpXG4gIGRhdGFGYWlsZWQgPSAnZGF0YV9mYWlsZWQnLCAvLyAod2hlbiBwYXJ0IG9mIHRoZSBhbmltYXRpb24gY2FuIG5vdCBiZSBsb2FkZWQpXG4gIGxvYWRlZEltYWdlcyA9ICdsb2FkZWRfaW1hZ2VzJywgLy8gKHdoZW4gYWxsIGltYWdlIGxvYWRzIGhhdmUgZWl0aGVyIHN1Y2NlZWRlZCBvciBlcnJvcmVkKVxuICBET01Mb2FkZWQgPSAnRE9NTG9hZGVkJywgLy8gKHdoZW4gZWxlbWVudHMgaGF2ZSBiZWVuIGFkZGVkIHRvIHRoZSBET00pXG4gIGRlc3Ryb3kgPSAnZGVzdHJveSdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBMb3R0aWVFdmVudFR5cGUgeyBba2V5OiBzdHJpbmddOiBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT47IH1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnczEtbG90dGllJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2ICNsb3R0aWVDb250YWluZXJcbiAgICAgICAgIFtuZ1N0eWxlXT1cInsnd2lkdGgnOiB2aWV3V2lkdGgsICdoZWlnaHQnOiB2aWV3SGVpZ2h0LCAnb3ZlcmZsb3cnOidoaWRkZW4nLCAnbWFyZ2luJzogJzAgYXV0byd9XCI+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgUzFMb3R0aWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgd2lkdGg6IG51bWJlcjtcbiAgQElucHV0KCkgaGVpZ2h0OiBudW1iZXI7XG4gIEBJbnB1dCgpIG9wdGlvbnM6IFMxTG90dGllQ29uZmlnIDtcbiAgQElucHV0KCkgb3B0aW1pemUgPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSBhbmltYXRpb25DcmVhdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgZW50ZXJGcmFtZSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGNvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgbG9vcENvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgc2VnbWVudFN0YXJ0ID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgY29uZmlnUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBkYXRhUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBkYXRhRmFpbGVkID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgbG9hZGVkSW1hZ2VzID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgRE9NTG9hZGVkID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgZGVzdHJveSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcblxuICBldmVudEVtaXR0ZXJzTWFwOiBMb3R0aWVFdmVudFR5cGU7XG5cbiAgQFZpZXdDaGlsZCgnbG90dGllQ29udGFpbmVyJywge3N0YXRpYzogdHJ1ZX0pIGxvdHRpZUNvbnRhaW5lcjogRWxlbWVudFJlZjtcblxuICBwcml2YXRlIGFuaW1hdGlvbkluc3RhbmNlOiBBbmltYXRpb25JdGVtO1xuICBwdWJsaWMgdmlld1dpZHRoOiBzdHJpbmc7XG4gIHB1YmxpYyB2aWV3SGVpZ2h0OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBwbGF0Zm9ybUlkOiBzdHJpbmcsXG4gICAgICAgICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgIC8vIHRoaXMuc3VwcG9ydE9sZGVyVmVyc2lvbnMoKTtcblxuICAgIHRoaXMuZXZlbnRFbWl0dGVyc01hcCA9IFMxTG90dGllRmFjdG9yeS5zZXRMb3R0aWVzRXZlbnRUeXBlcyh0aGlzKTtcbiAgICB0aGlzLnZpZXdXaWR0aCAgPSB0aGlzLndpZHRoICsgJ3B4JyB8fCAnMTAwJSc7XG4gICAgdGhpcy52aWV3SGVpZ2h0ID0gdGhpcy5oZWlnaHQgKyAncHgnIHx8ICcxMDAlJztcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcih0aGlzLnBsYXRmb3JtSWQpKSByZXR1cm47XG5cbiAgICBjb25zdCBvcHRpb25zOiBBbmltYXRpb25Db25maWdXaXRoUGF0aCAmIEFuaW1hdGlvbkNvbmZpZ1dpdGhEYXRhID0gUzFMb3R0aWVGYWN0b3J5LnNldExvdHRpZXNDb25maWcodGhpcyk7XG4gICAgaWYgKHRoaXMub3B0aW1pemUpIHtcbiAgICAgIHRoaXMubmdab25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgICAgdGhpcy5sb2FkQW5pbWF0aW9uKG9wdGlvbnMpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubG9hZEFuaW1hdGlvbihvcHRpb25zKTtcbiAgICB9XG4gIH1cblxuICBsb2FkQW5pbWF0aW9uKG9wdGlvbnM6IEFuaW1hdGlvbkNvbmZpZyB8IEFuaW1hdGlvbkNvbmZpZ1dpdGhEYXRhKSB7XG4gICAgdGhpcy5hbmltYXRpb25JbnN0YW5jZSA9IExvdHRpZS5sb2FkQW5pbWF0aW9uKG9wdGlvbnMpO1xuICAgIHRoaXMuYW5pbWF0aW9uQ3JlYXRlZC5lbWl0KHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UpO1xuICAgIC8vIHJlZ2lzdGVyaW5nIHRoZSBsb3R0aWUncyBlbnRlckZyYW1lIGV2ZW50IChodHRwczovL2FpcmJuYi5pby9wcm9qZWN0cy9sb3R0aWUtd2ViLylcbiAgICB0aGlzLmluaXRMaXN0ZW5lcnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdExpc3RlbmVycygpIHtcbiAgICBPYmplY3QudmFsdWVzKExvdHRpZUV2ZW50VHlwZXMpLm1hcCh2YWx1ZSA9PiB7XG4gICAgICB0aGlzLnJlbmRlcmVyLmxpc3Rlbih0aGlzLmFuaW1hdGlvbkluc3RhbmNlLCB2YWx1ZSwgKCkgPT4gdGhpcy5vbkV2ZW50SGVhcmQodmFsdWUpKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgb25FdmVudEhlYXJkKGV2ZW50VHlwZTogTG90dGllRXZlbnRUeXBlcykge1xuICAgIHRoaXMuZXZlbnRFbWl0dGVyc01hcFtldmVudFR5cGVdLmVtaXQodGhpcy5hbmltYXRpb25JbnN0YW5jZSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmFuaW1hdGlvbkluc3RhbmNlICYmIHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UuZGVzdHJveSgpO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiczEtbG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW50aW5lbC1vbmUvczEtbG90dGllLyIsInNvdXJjZXMiOlsibGliL3MxLWxvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBRU4sTUFBTSxFQUNOLFdBQVcsRUFBRSxTQUFTLEVBQ3RCLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLE1BQTBGLE1BQU0sWUFBWSxDQUFDO0FBQ3BILE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7O0lBSWxELFVBQVcsVUFBVTtJQUNyQixjQUFlLGNBQWM7SUFDN0IsWUFBYSxZQUFZO0lBQ3pCLGNBQWUsY0FBYztJQUM3QixhQUFjLGNBQWM7SUFDNUIsV0FBWSxZQUFZO0lBQ3hCLFlBQWEsYUFBYTtJQUMxQixjQUFlLGVBQWU7SUFDOUIsV0FBWSxXQUFXO0lBQ3ZCLFNBQVUsU0FBUzs7Ozs7O0FBR3JCLHFDQUFnRjtBQUVoRjtJQXFDRSwyQkFBeUMsVUFBa0IsRUFDdkMsUUFBbUIsRUFDbkIsTUFBYztRQUZPLGVBQVUsR0FBVixVQUFVLENBQVE7UUFDdkMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBekJ6QixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWYscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7UUFDckQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBQy9DLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUM3QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBQ2pELGlC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bUNBQXdCOztJQUN4QixvQ0FBa0M7O0lBQ2xDLHFDQUF5Qjs7SUFFekIsNkNBQStEOztJQUMvRCx1Q0FBeUQ7O0lBQ3pELHFDQUF1RDs7SUFDdkQseUNBQTJEOztJQUMzRCx5Q0FBMkQ7O0lBQzNELHdDQUEwRDs7SUFDMUQsc0NBQXdEOztJQUN4RCx1Q0FBeUQ7O0lBQ3pELHlDQUEyRDs7SUFDM0Qsc0NBQXdEOztJQUN4RCxvQ0FBc0Q7O0lBRXRELDZDQUFrQzs7SUFFbEMsNENBQTBFOzs7OztJQUUxRSw4Q0FBeUM7O0lBQ3pDLHNDQUF5Qjs7SUFDekIsdUNBQTBCOztJQUMxQixxQ0FBUzs7Ozs7SUFFRyx1Q0FBK0M7Ozs7O0lBQy9DLHFDQUEyQjs7Ozs7SUFDM0IsbUNBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE5nWm9uZSwgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgUExBVEZPUk1fSUQsIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IExvdHRpZSwge0FuaW1hdGlvbkNvbmZpZywgQW5pbWF0aW9uQ29uZmlnV2l0aERhdGEsIEFuaW1hdGlvbkNvbmZpZ1dpdGhQYXRoLCBBbmltYXRpb25JdGVtfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCB7aXNQbGF0Zm9ybVNlcnZlcn0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7UzFMb3R0aWVGYWN0b3J5fSBmcm9tICcuL3MxLWxvdHRpZS5mYWN0b3J5JztcbmltcG9ydCB7UzFMb3R0aWVDb25maWd9IGZyb20gJy4vczEtbG90dGllJztcblxuZXhwb3J0IGVudW0gTG90dGllRXZlbnRUeXBlcyB7XG4gIGNvbXBsZXRlID0gJ2NvbXBsZXRlJyxcbiAgbG9vcENvbXBsZXRlID0gJ2xvb3BDb21wbGV0ZScsXG4gIGVudGVyRnJhbWUgPSAnZW50ZXJGcmFtZScsXG4gIHNlZ21lbnRTdGFydCA9ICdzZWdtZW50U3RhcnQnLFxuICBjb25maWdSZWFkeSA9ICdjb25maWdfcmVhZHknLCAgLy8gKHdoZW4gaW5pdGlhbCBjb25maWcgaXMgZG9uZSlcbiAgZGF0YVJlYWR5ID0gJ2RhdGFfcmVhZHknLCAvLyAod2hlbiBhbGwgcGFydHMgb2YgdGhlIGFuaW1hdGlvbiBoYXZlIGJlZW4gbG9hZGVkKVxuICBkYXRhRmFpbGVkID0gJ2RhdGFfZmFpbGVkJywgLy8gKHdoZW4gcGFydCBvZiB0aGUgYW5pbWF0aW9uIGNhbiBub3QgYmUgbG9hZGVkKVxuICBsb2FkZWRJbWFnZXMgPSAnbG9hZGVkX2ltYWdlcycsIC8vICh3aGVuIGFsbCBpbWFnZSBsb2FkcyBoYXZlIGVpdGhlciBzdWNjZWVkZWQgb3IgZXJyb3JlZClcbiAgRE9NTG9hZGVkID0gJ0RPTUxvYWRlZCcsIC8vICh3aGVuIGVsZW1lbnRzIGhhdmUgYmVlbiBhZGRlZCB0byB0aGUgRE9NKVxuICBkZXN0cm95ID0gJ2Rlc3Ryb3knXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG90dGllRXZlbnRUeXBlIHsgW2tleTogc3RyaW5nXTogRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+OyB9XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MxLWxvdHRpZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAjbG90dGllQ29udGFpbmVyXG4gICAgICAgICBbbmdTdHlsZV09XCJ7J3dpZHRoJzogdmlld1dpZHRoLCAnaGVpZ2h0Jzogdmlld0hlaWdodCwgJ292ZXJmbG93JzonaGlkZGVuJywgJ21hcmdpbic6ICcwIGF1dG8nfVwiPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIFMxTG90dGllQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIHdpZHRoOiBudW1iZXI7XG4gIEBJbnB1dCgpIGhlaWdodDogbnVtYmVyO1xuICBASW5wdXQoKSBvcHRpb25zOiBTMUxvdHRpZUNvbmZpZyA7XG4gIEBJbnB1dCgpIG9wdGltaXplID0gdHJ1ZTtcblxuICBAT3V0cHV0KCkgYW5pbWF0aW9uQ3JlYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGVudGVyRnJhbWUgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG4gIEBPdXRwdXQoKSBjb21wbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGxvb3BDb21wbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIHNlZ21lbnRTdGFydCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGNvbmZpZ1JlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgZGF0YVJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuICBAT3V0cHV0KCkgZGF0YUZhaWxlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGxvYWRlZEltYWdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIERPTUxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcbiAgQE91dHB1dCgpIGRlc3Ryb3kgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG5cbiAgZXZlbnRFbWl0dGVyc01hcDogTG90dGllRXZlbnRUeXBlO1xuXG4gIEBWaWV3Q2hpbGQoJ2xvdHRpZUNvbnRhaW5lcicsIHtzdGF0aWM6IHRydWV9KSBsb3R0aWVDb250YWluZXI6IEVsZW1lbnRSZWY7XG5cbiAgcHJpdmF0ZSBhbmltYXRpb25JbnN0YW5jZTogQW5pbWF0aW9uSXRlbTtcbiAgcHVibGljIHZpZXdXaWR0aDogc3RyaW5nO1xuICBwdWJsaWMgdmlld0hlaWdodDogc3RyaW5nO1xuICBvYnNlcnZlcjtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICAgICAgICAgICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgICAgICAgICAgICBwcml2YXRlIG5nWm9uZTogTmdab25lKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZXZlbnRFbWl0dGVyc01hcCA9IFMxTG90dGllRmFjdG9yeS5zZXRMb3R0aWVzRXZlbnRUeXBlcyh0aGlzKTtcbiAgICB0aGlzLnZpZXdXaWR0aCAgPSB0aGlzLndpZHRoICsgJ3B4JyB8fCAnMTAwJSc7XG4gICAgdGhpcy52aWV3SGVpZ2h0ID0gdGhpcy5oZWlnaHQgKyAncHgnIHx8ICcxMDAlJztcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcih0aGlzLnBsYXRmb3JtSWQpKSByZXR1cm47XG5cbiAgICBjb25zdCBvcHRpb25zOiBBbmltYXRpb25Db25maWdXaXRoUGF0aCAmIEFuaW1hdGlvbkNvbmZpZ1dpdGhEYXRhID0gUzFMb3R0aWVGYWN0b3J5LnNldExvdHRpZXNDb25maWcodGhpcyk7XG4gICAgaWYgKHRoaXMub3B0aW1pemUpIHtcbiAgICAgIHRoaXMubmdab25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgICAgdGhpcy5zZXRMb3R0aWUob3B0aW9ucyk7XG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRMb3R0aWUob3B0aW9ucyk7XG4gICAgfVxuICB9XG5cbiAgbG9hZEFuaW1hdGlvbihvcHRpb25zOiBBbmltYXRpb25Db25maWcgfCBBbmltYXRpb25Db25maWdXaXRoRGF0YSkge1xuICAgIHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UgPSBMb3R0aWUubG9hZEFuaW1hdGlvbihvcHRpb25zKTtcbiAgICB0aGlzLmFuaW1hdGlvbkNyZWF0ZWQuZW1pdCh0aGlzLmFuaW1hdGlvbkluc3RhbmNlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0TG90dGllKG9wdGlvbnMpIHtcbiAgICB0aGlzLmxvYWRBbmltYXRpb24ob3B0aW9ucyk7XG4gICAgdGhpcy5pbml0TGlzdGVuZXJzKCk7XG4gICAgdGhpcy5wbGF5QW5pbWF0aW9uT25seVdoZW5FbGVtZW50QXBwZWFycygpO1xuICB9XG5cbiAgcHJpdmF0ZSBwbGF5QW5pbWF0aW9uT25seVdoZW5FbGVtZW50QXBwZWFycygpIHtcbiAgICBpZiAoISgnSW50ZXJzZWN0aW9uT2JzZXJ2ZXInIGluIHdpbmRvdykpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHRoaXMub3B0aW9ucy5sb29wKSB7XG4gICAgICB0aGlzLm9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKChlbnRyaWVzKSA9PiB7XG4gICAgICAgIGZvciAoY29uc3QgZW50cnkgb2YgZW50cmllcykge1xuICAgICAgICAgIGlmIChlbnRyeS5pbnRlcnNlY3Rpb25SYXRpbyAhPT0gMCkge1xuICAgICAgICAgICAgdGhpcy5hbmltYXRpb25JbnN0YW5jZS5wbGF5KCk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UucGF1c2UoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKHRoaXMubG90dGllQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgaW5pdExpc3RlbmVycygpIHtcbiAgICAvLyByZWdpc3RlcmluZyB0aGUgbG90dGllJ3MgZW50ZXJGcmFtZSBldmVudCAoaHR0cHM6Ly9haXJibmIuaW8vcHJvamVjdHMvbG90dGllLXdlYi8pXG4gICAgZm9yIChjb25zdCBldmVudFR5cGUgb2YgT2JqZWN0LnZhbHVlcyhMb3R0aWVFdmVudFR5cGVzKSkge1xuICAgICAgdGhpcy5yZW5kZXJlci5saXN0ZW4odGhpcy5hbmltYXRpb25JbnN0YW5jZSwgZXZlbnRUeXBlLCAoKSA9PiB0aGlzLm9uRXZlbnREZXRlY3RlZChldmVudFR5cGUpKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG9uRXZlbnREZXRlY3RlZChldmVudFR5cGU6IExvdHRpZUV2ZW50VHlwZXMpIHtcbiAgICB0aGlzLmV2ZW50RW1pdHRlcnNNYXBbZXZlbnRUeXBlXS5lbWl0KHRoaXMuYW5pbWF0aW9uSW5zdGFuY2UpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hbmltYXRpb25JbnN0YW5jZSAmJiB0aGlzLmFuaW1hdGlvbkluc3RhbmNlLmRlc3Ryb3koKTtcbiAgICB0aGlzLm9ic2VydmVyICYmIHRoaXMub2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9XG5cbn1cbiJdfQ==

fesm2015/sentinel-one.js

@@ -91,3 +91,2 @@ import { EventEmitter, Component, Inject, PLATFORM_ID, Renderer2, NgZone, Input, Output, ViewChild, NgModule } from '@angular/core';
     ngOnInit() {
-        // this.supportOlderVersions();
         this.eventEmittersMap = S1LottieFactory.setLottiesEventTypes(this);
@@ -110,7 +109,7 @@ this.viewWidth = this.width + 'px' || '100%';
             () => {
-                this.loadAnimation(options);
+                this.setLottie(options);
             }));
         }
         else {
-            this.loadAnimation(options);
+            this.setLottie(options);
         }
@@ -125,4 +124,12 @@ }
         this.animationCreated.emit(this.animationInstance);
-        // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+    }
+    /**
+     * @private
+     * @param {?} options
+     * @return {?}
+     */
+    setLottie(options) {
+        this.loadAnimation(options);
         this.initListeners();
+        this.playAnimationOnlyWhenElementAppears();
     }
@@ -133,13 +140,36 @@ /**
      */
+    playAnimationOnlyWhenElementAppears() {
+        if (!('IntersectionObserver' in window)) {
+            return;
+        }
+        if (this.options.loop) {
+            this.observer = new IntersectionObserver((/**
+             * @param {?} entries
+             * @return {?}
+             */
+            (entries) => {
+                for (const entry of entries) {
+                    if (entry.intersectionRatio !== 0) {
+                        this.animationInstance.play();
+                    }
+                    else {
+                        this.animationInstance.pause();
+                    }
+                }
+            }));
+            this.observer.observe(this.lottieContainer.nativeElement);
+        }
+    }
+    /**
+     * @private
+     * @return {?}
+     */
     initListeners() {
-        Object.values(LottieEventTypes).map((/**
-         * @param {?} value
-         * @return {?}
-         */
-        value => {
-            this.renderer.listen(this.animationInstance, value, (/**
+        // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+        for (const eventType of Object.values(LottieEventTypes)) {
+            this.renderer.listen(this.animationInstance, eventType, (/**
              * @return {?}
              */
-            () => this.onEventHeard(value)));
-        }));
+            () => this.onEventDetected(eventType)));
+        }
     }
@@ -151,3 +181,3 @@ /**
      */
-    onEventHeard(eventType) {
+    onEventDetected(eventType) {
         this.eventEmittersMap[eventType].emit(this.animationInstance);
@@ -160,2 +190,3 @@ }
         this.animationInstance && this.animationInstance.destroy();
+        this.observer && this.observer.disconnect();
     }
@@ -162,0 +193,0 @@ }

fesm5/sentinel-one.js

@@ -0,1 +1,2 @@
+import { __values } from 'tslib';
 import { Component, Inject, PLATFORM_ID, Renderer2, NgZone, Input, Output, ViewChild, EventEmitter, NgModule } from '@angular/core';
@@ -99,3 +100,2 @@ import Lottie from 'lottie-web';
     function () {
-        // this.supportOlderVersions();
         this.eventEmittersMap = S1LottieFactory.setLottiesEventTypes(this);
@@ -122,7 +122,7 @@ this.viewWidth = this.width + 'px' || '100%';
             function () {
-                _this.loadAnimation(options);
+                _this.setLottie(options);
             }));
         }
         else {
-            this.loadAnimation(options);
+            this.setLottie(options);
         }
@@ -141,4 +141,17 @@ };
         this.animationCreated.emit(this.animationInstance);
-        // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+    };
+    /**
+     * @private
+     * @param {?} options
+     * @return {?}
+     */
+    S1LottieComponent.prototype.setLottie = /**
+     * @private
+     * @param {?} options
+     * @return {?}
+     */
+    function (options) {
+        this.loadAnimation(options);
         this.initListeners();
+        this.playAnimationOnlyWhenElementAppears();
     };
@@ -149,2 +162,44 @@ /**
      */
+    S1LottieComponent.prototype.playAnimationOnlyWhenElementAppears = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!('IntersectionObserver' in window)) {
+            return;
+        }
+        if (this.options.loop) {
+            this.observer = new IntersectionObserver((/**
+             * @param {?} entries
+             * @return {?}
+             */
+            function (entries) {
+                var e_1, _a;
+                try {
+                    for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                        var entry = entries_1_1.value;
+                        if (entry.intersectionRatio !== 0) {
+                            _this.animationInstance.play();
+                        }
+                        else {
+                            _this.animationInstance.pause();
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }));
+            this.observer.observe(this.lottieContainer.nativeElement);
+        }
+    };
+    /**
+     * @private
+     * @return {?}
+     */
     S1LottieComponent.prototype.initListeners = /**
@@ -156,12 +211,24 @@ * @private
         var _this = this;
-        Object.values(LottieEventTypes).map((/**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            _this.renderer.listen(_this.animationInstance, value, (/**
+        var e_2, _a;
+        var _loop_1 = function (eventType) {
+            this_1.renderer.listen(this_1.animationInstance, eventType, (/**
              * @return {?}
              */
-            function () { return _this.onEventHeard(value); }));
-        }));
+            function () { return _this.onEventDetected(eventType); }));
+        };
+        var this_1 = this;
+        try {
+            // registering the lottie's enterFrame event (https://airbnb.io/projects/lottie-web/)
+            for (var _b = __values(Object.values(LottieEventTypes)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var eventType = _c.value;
+                _loop_1(eventType);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
     };
@@ -173,3 +240,3 @@ /**
      */
-    S1LottieComponent.prototype.onEventHeard = /**
+    S1LottieComponent.prototype.onEventDetected = /**
      * @private
@@ -190,2 +257,3 @@ * @param {?} eventType
         this.animationInstance && this.animationInstance.destroy();
+        this.observer && this.observer.disconnect();
     };
@@ -192,0 +260,0 @@ S1LottieComponent.decorators = [

lib/s1-lottie.component.d.ts

@@ -43,2 +43,3 @@ import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
     viewHeight: string;
+    observer: any;
     constructor(platformId: string, renderer: Renderer2, ngZone: NgZone);
@@ -48,5 +49,7 @@ ngOnInit(): void;
     loadAnimation(options: AnimationConfig | AnimationConfigWithData): void;
+    private setLottie;
+    private playAnimationOnlyWhenElementAppears;
     private initListeners;
-    private onEventHeard;
+    private onEventDetected;
     ngOnDestroy(): void;
 }

package.json

 {
   "name": "@sentinel-one/s1-lottie",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Lottie Animation Component for Angular apps",
@@ -5,0 +5,0 @@ "keywords": [

README.md

 # Lottie Animation Component
 
-[![npm version](https://d25lcipzij17d.cloudfront.net/badge.svg?id=js&type=6&v=0.1.8&x2=0)](https://www.npmjs.com/package/@sentinel-one/s1-lottie)
+[![npm version](https://d25lcipzij17d.cloudfront.net/badge.svg?id=js&type=6&v=0.1.9&x2=0)](https://www.npmjs.com/package/@sentinel-one/s1-lottie)
 [![License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/Sentinel-One/lottie/blob/master/LICENSE)
@@ -10,3 +10,2 @@
 
-Hit the [DEMO](https://bnmiolqym.github.stackblitz.io/)
 
@@ -13,0 +12,0 @@ ## 📦 Installation

sentinel-one.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"LottieEventTypes":{"complete":"complete","loopComplete":"loopComplete","enterFrame":"enterFrame","segmentStart":"segmentStart","configReady":"config_ready","dataReady":"data_ready","dataFailed":"data_failed","loadedImages":"loaded_images","DOMLoaded":"DOMLoaded","destroy":"destroy"},"LottieEventType":{"__symbolic":"interface"},"S1LottieComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"s1-lottie","template":"\n    <div #lottieContainer\n         [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n    </div>\n  ","styles":[]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"optimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"animationCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"enterFrame":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"complete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"loopComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"segmentStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"configReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"dataReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"dataFailed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"loadedImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"DOMLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"lottieContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["lottieContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":69,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":69,"character":22}]}],null,null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":70,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":71,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadAnimation":[{"__symbolic":"method"}],"initListeners":[{"__symbolic":"method"}],"onEventHeard":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"S1LottieModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"S1LottieComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"S1LottieComponent"}]}]}],"members":{}},"S1LottieConfig":{"__symbolic":"interface"},"S1LottieFactory":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"setLottiesEventTypes":{"__symbolic":"function","parameters":["s1LottieInstance"],"value":{"complete":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"complete"},"loopComplete":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"loopComplete"},"enterFrame":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"enterFrame"},"segmentStart":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"segmentStart"},"config_ready":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"configReady"},"data_ready":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"dataReady"},"data_failed":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"dataFailed"},"loaded_images":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"loadedImages"},"DOMLoaded":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"DOMLoaded"},"destroy":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"destroy"}}},"setLottiesConfig":{"__symbolic":"function","parameters":["s1LottieInstance"],"value":{"autoplay":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"autoplay"},"animationData":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"animationData"},"container":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"container"},"right":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"lottieContainer"},"member":"nativeElement"}},"loop":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"loop"},"name":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"name"},"path":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"path"},"renderer":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"renderer"},"right":"svg"},"rendererSettings":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"rendererSettings"}}}}}},"origins":{"LottieEventTypes":"./lib/s1-lottie.component","LottieEventType":"./lib/s1-lottie.component","S1LottieComponent":"./lib/s1-lottie.component","S1LottieModule":"./lib/s1-lottie.module","S1LottieConfig":"./lib/s1-lottie","S1LottieFactory":"./lib/s1-lottie.factory"},"importAs":"@sentinel-one/s1-lottie"}
+{"__symbolic":"module","version":4,"metadata":{"LottieEventTypes":{"complete":"complete","loopComplete":"loopComplete","enterFrame":"enterFrame","segmentStart":"segmentStart","configReady":"config_ready","dataReady":"data_ready","dataFailed":"data_failed","loadedImages":"loaded_images","DOMLoaded":"DOMLoaded","destroy":"destroy"},"LottieEventType":{"__symbolic":"interface"},"S1LottieComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"s1-lottie","template":"\n    <div #lottieContainer\n         [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n    </div>\n  ","styles":[]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"optimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"animationCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"enterFrame":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"complete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"loopComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"segmentStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"configReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"dataReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"dataFailed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"loadedImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":3}}]}],"DOMLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"lottieContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":["lottieContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":70,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":70,"character":22}]}],null,null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":71,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":72,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadAnimation":[{"__symbolic":"method"}],"setLottie":[{"__symbolic":"method"}],"playAnimationOnlyWhenElementAppears":[{"__symbolic":"method"}],"initListeners":[{"__symbolic":"method"}],"onEventDetected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"S1LottieModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"S1LottieComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"S1LottieComponent"}]}]}],"members":{}},"S1LottieConfig":{"__symbolic":"interface"},"S1LottieFactory":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"setLottiesEventTypes":{"__symbolic":"function","parameters":["s1LottieInstance"],"value":{"complete":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"complete"},"loopComplete":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"loopComplete"},"enterFrame":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"enterFrame"},"segmentStart":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"segmentStart"},"config_ready":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"configReady"},"data_ready":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"dataReady"},"data_failed":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"dataFailed"},"loaded_images":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"loadedImages"},"DOMLoaded":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"DOMLoaded"},"destroy":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"destroy"}}},"setLottiesConfig":{"__symbolic":"function","parameters":["s1LottieInstance"],"value":{"autoplay":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"autoplay"},"animationData":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"animationData"},"container":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"container"},"right":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"lottieContainer"},"member":"nativeElement"}},"loop":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"loop"},"name":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"name"},"path":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"path"},"renderer":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"renderer"},"right":"svg"},"rendererSettings":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"s1LottieInstance"},"member":"options"},"member":"rendererSettings"}}}}}},"origins":{"LottieEventTypes":"./lib/s1-lottie.component","LottieEventType":"./lib/s1-lottie.component","S1LottieComponent":"./lib/s1-lottie.component","S1LottieModule":"./lib/s1-lottie.module","S1LottieConfig":"./lib/s1-lottie","S1LottieFactory":"./lib/s1-lottie.factory"},"importAs":"@sentinel-one/s1-lottie"}

No alert changes

Improved metrics

Total package byte prevSize

174576

increased by30.24%

Lines of code

1738

increased by20.61%

Worsened metrics

Number of package files

29

decreased by-3.33%

Number of lines in readme file

93

decreased by-1.06%

No dependency changes