ngx-lottie - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

bundles/ngx-lottie.umd.js

@@ -261,2 +261,3 @@ (function (global, factory) {
             this.height = ( /** @type {?} */(null));
+            this.detach = false;
             /**
@@ -316,2 +317,3 @@ * `animationCreated` is dispatched after calling `loadAnimation`
          * @protected
+         * @param {?} ref
          * @param {?} zone
@@ -326,2 +328,3 @@ * @param {?} platformId
          * @protected
+         * @param {?} ref
          * @param {?} zone
@@ -334,3 +337,3 @@ * @param {?} platformId
          */
-            function (zone, platformId, lottieEventsService, container, instance) {
+            function (ref, zone, platformId, lottieEventsService, container, instance) {
                 return __awaiter(this, void 0, void 0, function () {
@@ -349,2 +352,6 @@ var animationItem;
                                 lottieEventsService.setAnimationItemAndLottieEventListeners(animationItem, instance);
+                                // Basically make this view static and never check it in the future
+                                if (this.detach) {
+                                    ref.detach();
+                                }
                                 return [2 /*return*/];
@@ -364,2 +371,3 @@ }
             height: [{ type: i0.Input }],
+            detach: [{ type: i0.Input }],
             animationCreated: [{ type: i0.Output }],
@@ -540,4 +548,5 @@ complete: [{ type: i0.Output }],
         __extends(LottieDirective, _super);
-        function LottieDirective(zone, platformId, lottieEventsService, host) {
+        function LottieDirective(ref, zone, platformId, lottieEventsService, host) {
             var _this = _super.call(this) || this;
+            _this.ref = ref;
             _this.zone = zone;
@@ -556,3 +565,3 @@ _this.platformId = platformId;
             function () {
-                _super.prototype.loadAnimation.call(this, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
+                _super.prototype.loadAnimation.call(this, this.ref, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
             };
@@ -568,2 +577,3 @@ LottieDirective.decorators = [
             return [
+                { type: i0.ChangeDetectorRef },
                 { type: i0.NgZone },
@@ -584,4 +594,5 @@ { type: String, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] },
         __extends(LottieComponent, _super);
-        function LottieComponent(zone, platformId, lottieEventsService) {
+        function LottieComponent(ref, zone, platformId, lottieEventsService) {
             var _this = _super.call(this) || this;
+            _this.ref = ref;
             _this.zone = zone;
@@ -600,3 +611,3 @@ _this.platformId = platformId;
             function () {
-                _super.prototype.loadAnimation.call(this, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
+                _super.prototype.loadAnimation.call(this, this.ref, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
             };
@@ -614,2 +625,3 @@ LottieComponent.decorators = [
             return [
+                { type: i0.ChangeDetectorRef },
                 { type: i0.NgZone },
@@ -616,0 +628,0 @@ { type: String, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] },

bundles/ngx-lottie.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/core"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("ngx-lottie",["exports","@angular/common","@angular/core","@angular/platform-browser"],e):e(t["ngx-lottie"]={},t.ng.common,t.ng.core,t.ng.platformBrowser)}(this,function(t,l,e,n){"use strict";var r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};function a(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function s(e,a,s,u){return new(s||(s=Promise))(function(t,n){function r(t){try{i(u.next(t))}catch(e){n(e)}}function o(t){try{i(u["throw"](t))}catch(e){n(e)}}function i(e){e.done?t(e.value):new s(function(t){t(e.value)}).then(r,o)}i((u=u.apply(e,a||[])).next())})}function u(r,o){var i,a,s,t,u={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]};return t={next:e(0),"throw":e(1),"return":e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function n(t){if(i)throw new TypeError("Generator is already executing.");for(;u;)try{if(i=1,a&&(s=a[2&t[0]?"return":t[0]?"throw":"next"])&&!(s=s.call(a,t[1])).done)return s;switch(a=0,s&&(t=[0,s.value]),t[0]){case 0:case 1:s=t;break;case 4:return u.label++,{value:t[1],done:!1};case 5:u.label++,a=t[1],t=[0];continue;case 7:t=u.ops.pop(),u.trys.pop();continue;default:if(!(s=0<(s=u.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){u=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3])){u.label=t[1];break}if(6===t[0]&&u.label<s[1]){u.label=s[1],s=t;break}if(s&&u.label<s[2]){u.label=s[2],u.ops.push(t);break}s[2]&&u.ops.pop(),u.trys.pop();continue}t=o.call(r,u)}catch(e){t=[6,e],a=0}finally{i=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([e,t])}}}function c(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||0<e--)&&!(r=i.next()).done;)a.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=i["return"])&&n.call(i)}finally{if(o)throw o.error}}return a}function p(n,o,i){return s(this,void 0,void 0,function(){var e;return u(this,function(t){switch(t.label){case 0:return o=function r(t,e){var n={container:e,renderer:"svg",loop:!0,autoplay:!0};return Object.assign(n,t)}(o,i),[4,import("lottie-web/build/player/lottie.js")];case 1:return e=t.sent(),[2,n.runOutsideAngular(function(){return e.loadAnimation(o)})]}})})}var o={complete:"complete",loopComplete:"loopComplete",enterFrame:"enterFrame",segmentStart:"segmentStart",config_ready:"configReady",data_ready:"dataReady",data_failed:"dataFailed",loaded_images:"loadedImages",DOMLoaded:"domLoaded",destroy:"destroy"};function i(t,e){return t[function n(t){return o[t]}(e)]}var d=["complete","loopComplete","enterFrame","segmentStart","config_ready","data_ready","data_failed","loaded_images","DOMLoaded","destroy"],f=function(){function t(){this.options=null,this.containerClass=null,this.styles=null,this.width=null,this.height=null,this.animationCreated=new e.EventEmitter,this.complete=new e.EventEmitter,this.loopComplete=new e.EventEmitter,this.enterFrame=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.loadAnimation=function(n,r,o,i,a){return s(this,void 0,void 0,function(){var e;return u(this,function(t){switch(t.label){case 0:return l.isPlatformServer(r)?[2]:[4,p(n,this.options,i)];case 1:return e=t.sent(),o.animationCreated(e,this.animationCreated),o.setAnimationItemAndLottieEventListeners(e,a),[2]}})})},t.decorators=[{type:e.Directive,args:[{selector:"[lottie]"}]}],t.propDecorators={options:[{type:e.Input}],containerClass:[{type:e.Input}],styles:[{type:e.Input}],width:[{type:e.Input}],height:[{type:e.Input}],animationCreated:[{type:e.Output}],complete:[{type:e.Output}],loopComplete:[{type:e.Output}],enterFrame:[{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}]},t}(),y=function(){function t(t,e){this.zone=t,this.platformId=e,this.animationItem=null,this.listeners=new Map}return t.prototype.ngOnDestroy=function(){this.dispose()},t.prototype.animationCreated=function(t,e){e.emit(t)},t.prototype.setAnimationItemAndLottieEventListeners=function(t,e){var n=this;this.animationItem=t,this.zone.runOutsideAngular(function(){return n.setupLottieEventListeners(e)})},t.prototype.setupLottieEventListeners=function(e){var n=this;d.forEach(function(t){n.setupLottieEventListener(t,e)})},t.prototype.setupLottieEventListener=function(t,e){var n=i(e,t),r=function(t){return n.emit(t)};this.animationItem.addEventListener(t,r),"destroy"!==t&&this.listeners.set(t,r)},t.prototype.dispose=function(){var t,e;if(!l.isPlatformServer(this.platformId)){try{for(var n=function s(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}}}}(this.listeners.entries()),r=n.next();!r.done;r=n.next()){var o=c(r.value,2),i=o[0],a=o[1];this.animationItem.removeEventListener(i,a)}}catch(u){t={error:u}}finally{try{r&&!r.done&&(e=n["return"])&&e.call(n)}finally{if(t)throw t.error}}this.listeners.clear(),this.animationItem.destroy(),this.animationItem=null}},t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:e.NgZone},{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]}]},t}(),m=function(i){function t(t,e,n,r){var o=i.call(this)||this;return o.zone=t,o.platformId=e,o.lottieEventsService=n,o.host=r,o}return a(t,i),t.prototype.ngOnInit=function(){i.prototype.loadAnimation.call(this,this.zone,this.platformId,this.lottieEventsService,this.host.nativeElement,this)},t.decorators=[{type:e.Directive,args:[{selector:"[lottie]",providers:[y]}]}],t.ctorParameters=function(){return[{type:e.NgZone},{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:y,decorators:[{type:e.Self}]},{type:e.ElementRef,decorators:[{type:e.Self}]}]},t}(f),h=function(o){function t(t,e,n){var r=o.call(this)||this;return r.zone=t,r.platformId=e,r.lottieEventsService=n,r.container=null,r}return a(t,o),t.prototype.ngOnInit=function(){o.prototype.loadAnimation.call(this,this.zone,this.platformId,this.lottieEventsService,this.container.nativeElement,this)},t.decorators=[{type:e.Component,args:[{selector:"ng-lottie",template:'\n    <div\n      #container\n      [style.width.px]="width"\n      [style.height.px]="height"\n      style="margin: 0 auto"\n      [ngStyle]="styles"\n      [ngClass]="containerClass"\n    ></div>\n  ',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[y]}]}],t.ctorParameters=function(){return[{type:e.NgZone},{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:y,decorators:[{type:e.Self}]}]},t.propDecorators={container:[{type:e.ViewChild,args:["container"]}]},t}(f),v=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[l.CommonModule],declarations:[f,m,h],exports:[f,m,h]}]}],t}();function g(t){return"animation-"+t.split(".json")[0]}var E=function(){function t(t){this.state=t}return t.prototype.get=function(t){t=g(t);var e=n.makeStateKey(t);return this.state.get(e,null)},t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:n.TransferState}]},t.ngInjectableDef=e.defineInjectable({factory:function(){return new t(e.inject(n.TransferState))},token:t,providedIn:"root"}),t}();t.LottieModule=v,t.LottieDirective=m,t.LottieComponent=h,t.LottieTransferState=E,t.transformAnimationFilenameToKey=g,t.ɵa=f,t.ɵb=y,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/core"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("ngx-lottie",["exports","@angular/common","@angular/core","@angular/platform-browser"],e):e(t["ngx-lottie"]={},t.ng.common,t.ng.core,t.ng.platformBrowser)}(this,function(t,l,e,n){"use strict";var r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};function o(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function u(e,a,s,u){return new(s||(s=Promise))(function(t,n){function r(t){try{i(u.next(t))}catch(e){n(e)}}function o(t){try{i(u["throw"](t))}catch(e){n(e)}}function i(e){e.done?t(e.value):new s(function(t){t(e.value)}).then(r,o)}i((u=u.apply(e,a||[])).next())})}function c(r,o){var i,a,s,t,u={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]};return t={next:e(0),"throw":e(1),"return":e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function n(t){if(i)throw new TypeError("Generator is already executing.");for(;u;)try{if(i=1,a&&(s=a[2&t[0]?"return":t[0]?"throw":"next"])&&!(s=s.call(a,t[1])).done)return s;switch(a=0,s&&(t=[0,s.value]),t[0]){case 0:case 1:s=t;break;case 4:return u.label++,{value:t[1],done:!1};case 5:u.label++,a=t[1],t=[0];continue;case 7:t=u.ops.pop(),u.trys.pop();continue;default:if(!(s=0<(s=u.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){u=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3])){u.label=t[1];break}if(6===t[0]&&u.label<s[1]){u.label=s[1],s=t;break}if(s&&u.label<s[2]){u.label=s[2],u.ops.push(t);break}s[2]&&u.ops.pop(),u.trys.pop();continue}t=o.call(r,u)}catch(e){t=[6,e],a=0}finally{i=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([e,t])}}}function p(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||0<e--)&&!(r=i.next()).done;)a.push(r.value)}catch(s){o={error:s}}finally{try{r&&!r.done&&(n=i["return"])&&n.call(i)}finally{if(o)throw o.error}}return a}function d(n,o,i){return u(this,void 0,void 0,function(){var e;return c(this,function(t){switch(t.label){case 0:return o=function r(t,e){var n={container:e,renderer:"svg",loop:!0,autoplay:!0};return Object.assign(n,t)}(o,i),[4,import("lottie-web/build/player/lottie.js")];case 1:return e=t.sent(),[2,n.runOutsideAngular(function(){return e.loadAnimation(o)})]}})})}var i={complete:"complete",loopComplete:"loopComplete",enterFrame:"enterFrame",segmentStart:"segmentStart",config_ready:"configReady",data_ready:"dataReady",data_failed:"dataFailed",loaded_images:"loadedImages",DOMLoaded:"domLoaded",destroy:"destroy"};function a(t,e){return t[function n(t){return i[t]}(e)]}var s=["complete","loopComplete","enterFrame","segmentStart","config_ready","data_ready","data_failed","loaded_images","DOMLoaded","destroy"],f=function(){function t(){this.options=null,this.containerClass=null,this.styles=null,this.width=null,this.height=null,this.detach=!1,this.animationCreated=new e.EventEmitter,this.complete=new e.EventEmitter,this.loopComplete=new e.EventEmitter,this.enterFrame=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.loadAnimation=function(n,r,o,i,a,s){return u(this,void 0,void 0,function(){var e;return c(this,function(t){switch(t.label){case 0:return l.isPlatformServer(o)?[2]:[4,d(r,this.options,a)];case 1:return e=t.sent(),i.animationCreated(e,this.animationCreated),i.setAnimationItemAndLottieEventListeners(e,s),this.detach&&n.detach(),[2]}})})},t.decorators=[{type:e.Directive,args:[{selector:"[lottie]"}]}],t.propDecorators={options:[{type:e.Input}],containerClass:[{type:e.Input}],styles:[{type:e.Input}],width:[{type:e.Input}],height:[{type:e.Input}],detach:[{type:e.Input}],animationCreated:[{type:e.Output}],complete:[{type:e.Output}],loopComplete:[{type:e.Output}],enterFrame:[{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}]},t}(),y=function(){function t(t,e){this.zone=t,this.platformId=e,this.animationItem=null,this.listeners=new Map}return t.prototype.ngOnDestroy=function(){this.dispose()},t.prototype.animationCreated=function(t,e){e.emit(t)},t.prototype.setAnimationItemAndLottieEventListeners=function(t,e){var n=this;this.animationItem=t,this.zone.runOutsideAngular(function(){return n.setupLottieEventListeners(e)})},t.prototype.setupLottieEventListeners=function(e){var n=this;s.forEach(function(t){n.setupLottieEventListener(t,e)})},t.prototype.setupLottieEventListener=function(t,e){var n=a(e,t),r=function(t){return n.emit(t)};this.animationItem.addEventListener(t,r),"destroy"!==t&&this.listeners.set(t,r)},t.prototype.dispose=function(){var t,e;if(!l.isPlatformServer(this.platformId)){try{for(var n=function s(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}}}}(this.listeners.entries()),r=n.next();!r.done;r=n.next()){var o=p(r.value,2),i=o[0],a=o[1];this.animationItem.removeEventListener(i,a)}}catch(u){t={error:u}}finally{try{r&&!r.done&&(e=n["return"])&&e.call(n)}finally{if(t)throw t.error}}this.listeners.clear(),this.animationItem.destroy(),this.animationItem=null}},t.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[{type:e.NgZone},{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]}]},t}(),m=function(a){function t(t,e,n,r,o){var i=a.call(this)||this;return i.ref=t,i.zone=e,i.platformId=n,i.lottieEventsService=r,i.host=o,i}return o(t,a),t.prototype.ngOnInit=function(){a.prototype.loadAnimation.call(this,this.ref,this.zone,this.platformId,this.lottieEventsService,this.host.nativeElement,this)},t.decorators=[{type:e.Directive,args:[{selector:"[lottie]",providers:[y]}]}],t.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.NgZone},{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:y,decorators:[{type:e.Self}]},{type:e.ElementRef,decorators:[{type:e.Self}]}]},t}(f),h=function(i){function t(t,e,n,r){var o=i.call(this)||this;return o.ref=t,o.zone=e,o.platformId=n,o.lottieEventsService=r,o.container=null,o}return o(t,i),t.prototype.ngOnInit=function(){i.prototype.loadAnimation.call(this,this.ref,this.zone,this.platformId,this.lottieEventsService,this.container.nativeElement,this)},t.decorators=[{type:e.Component,args:[{selector:"ng-lottie",template:'\n    <div\n      #container\n      [style.width.px]="width"\n      [style.height.px]="height"\n      style="margin: 0 auto"\n      [ngStyle]="styles"\n      [ngClass]="containerClass"\n    ></div>\n  ',changeDetection:e.ChangeDetectionStrategy.OnPush,providers:[y]}]}],t.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.NgZone},{type:String,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:y,decorators:[{type:e.Self}]}]},t.propDecorators={container:[{type:e.ViewChild,args:["container"]}]},t}(f),v=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[l.CommonModule],declarations:[f,m,h],exports:[f,m,h]}]}],t}();function g(t){return"animation-"+t.split(".json")[0]}var E=function(){function t(t){this.state=t}return t.prototype.get=function(t){t=g(t);var e=n.makeStateKey(t);return this.state.get(e,null)},t.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:n.TransferState}]},t.ngInjectableDef=e.defineInjectable({factory:function(){return new t(e.inject(n.TransferState))},token:t,providedIn:"root"}),t}();t.LottieModule=v,t.LottieDirective=m,t.LottieComponent=h,t.LottieTransferState=E,t.transformAnimationFilenameToKey=g,t.ɵa=f,t.ɵb=y,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ngx-lottie.umd.min.js.map

esm2015/src/core/components/lottie.component.js

@@ -5,3 +5,3 @@ /**
  */
-import { Component, ChangeDetectionStrategy, Inject, NgZone, ElementRef, ViewChild, Self, PLATFORM_ID } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, NgZone, ElementRef, ViewChild, Self, PLATFORM_ID } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
@@ -11,2 +11,3 @@ import { BaseDirective } from '../directives/base.directive';
     /**
+     * @param {?} ref
      * @param {?} zone
@@ -16,4 +17,5 @@ * @param {?} platformId
      */
-    constructor(zone, platformId, lottieEventsService) {
+    constructor(ref, zone, platformId, lottieEventsService) {
         super();
+        this.ref = ref;
         this.zone = zone;
@@ -28,3 +30,3 @@ this.platformId = platformId;
     ngOnInit() {
-        super.loadAnimation(this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
+        super.loadAnimation(this.ref, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
     }
@@ -51,2 +53,3 @@ }
 LottieComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
     { type: NgZone },
@@ -66,2 +69,7 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
      */
+    LottieComponent.prototype.ref;
+    /**
+     * @type {?}
+     * @private
+     */
     LottieComponent.prototype.zone;
@@ -79,2 +87,2 @@ /**
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9jb21wb25lbnRzL2xvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBRXZCLE1BQU0sRUFDTixNQUFNLEVBQ04sVUFBVSxFQUNWLFNBQVMsRUFDVCxJQUFJLEVBQ0osV0FBVyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQWlCN0QsTUFBTSxPQUFPLGVBQWdCLFNBQVEsYUFBYTs7Ozs7O0lBSWhELFlBQ21CLElBQVksRUFDUyxVQUFrQixFQUMvQixtQkFBd0M7UUFFakUsS0FBSyxFQUFFLENBQUM7UUFKUyxTQUFJLEdBQUosSUFBSSxDQUFRO1FBQ1MsZUFBVSxHQUFWLFVBQVUsQ0FBUTtRQUMvQix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBTDVELGNBQVMsR0FBNEIsbUJBQUEsSUFBSSxFQUFDLENBQUM7SUFRbEQsQ0FBQzs7OztJQUVNLFFBQVE7UUFDYixLQUFLLENBQUMsYUFBYSxDQUNqQixJQUFJLENBQUMsSUFBSSxFQUNULElBQUksQ0FBQyxVQUFVLEVBQ2YsSUFBSSxDQUFDLG1CQUFtQixFQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFDNUIsSUFBSSxDQUNMLENBQUM7SUFDSixDQUFDOzs7WUFuQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO2dCQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUNqQzs7OztZQXhCQyxNQUFNO3lDQStCSCxNQUFNLFNBQUMsV0FBVztZQXhCZCxtQkFBbUIsdUJBeUJ2QixJQUFJOzs7d0JBTk4sU0FBUyxTQUFDLFdBQVc7Ozs7SUFBdEIsb0NBQ2tEOzs7OztJQUdoRCwrQkFBNkI7Ozs7O0lBQzdCLHFDQUF3RDs7Ozs7SUFDeEQsOENBQWlFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgT25Jbml0LFxuICBJbmplY3QsXG4gIE5nWm9uZSxcbiAgRWxlbWVudFJlZixcbiAgVmlld0NoaWxkLFxuICBTZWxmLFxuICBQTEFURk9STV9JRFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTG90dGllRXZlbnRzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2xvdHRpZS1ldmVudHMuc2VydmljZSc7XG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZGlyZWN0aXZlcy9iYXNlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWxvdHRpZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgI2NvbnRhaW5lclxuICAgICAgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCJcbiAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCJcbiAgICAgIHN0eWxlPVwibWFyZ2luOiAwIGF1dG9cIlxuICAgICAgW25nU3R5bGVdPVwic3R5bGVzXCJcbiAgICAgIFtuZ0NsYXNzXT1cImNvbnRhaW5lckNsYXNzXCJcbiAgICA+PC9kaXY+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtMb3R0aWVFdmVudHNTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBMb3R0aWVDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJylcbiAgcHVibGljIGNvbnRhaW5lcjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gPSBudWxsITtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLmxvYWRBbmltYXRpb24oXG4gICAgICB0aGlzLnpvbmUsXG4gICAgICB0aGlzLnBsYXRmb3JtSWQsXG4gICAgICB0aGlzLmxvdHRpZUV2ZW50c1NlcnZpY2UsXG4gICAgICB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LFxuICAgICAgdGhpc1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9jb21wb25lbnRzL2xvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBRXZCLE1BQU0sRUFDTixpQkFBaUIsRUFDakIsTUFBTSxFQUNOLFVBQVUsRUFDVixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFpQjdELE1BQU0sT0FBTyxlQUFnQixTQUFRLGFBQWE7Ozs7Ozs7SUFJaEQsWUFDbUIsR0FBc0IsRUFDdEIsSUFBWSxFQUNTLFVBQWtCLEVBQy9CLG1CQUF3QztRQUVqRSxLQUFLLEVBQUUsQ0FBQztRQUxTLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLFNBQUksR0FBSixJQUFJLENBQVE7UUFDUyxlQUFVLEdBQVYsVUFBVSxDQUFRO1FBQy9CLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFONUQsY0FBUyxHQUE0QixtQkFBQSxJQUFJLEVBQUMsQ0FBQztJQVNsRCxDQUFDOzs7O0lBRU0sUUFBUTtRQUNiLEtBQUssQ0FBQyxhQUFhLENBQ2pCLElBQUksQ0FBQyxHQUFHLEVBQ1IsSUFBSSxDQUFDLElBQUksRUFDVCxJQUFJLENBQUMsVUFBVSxFQUNmLElBQUksQ0FBQyxtQkFBbUIsRUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQzVCLElBQUksQ0FDTCxDQUFDO0lBQ0osQ0FBQzs7O1lBckNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFOzs7Ozs7Ozs7R0FTVDtnQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDakM7Ozs7WUF6QkMsaUJBQWlCO1lBQ2pCLE1BQU07eUNBZ0NILE1BQU0sU0FBQyxXQUFXO1lBekJkLG1CQUFtQix1QkEwQnZCLElBQUk7Ozt3QkFQTixTQUFTLFNBQUMsV0FBVzs7OztJQUF0QixvQ0FDa0Q7Ozs7O0lBR2hELDhCQUF1Qzs7Ozs7SUFDdkMsK0JBQTZCOzs7OztJQUM3QixxQ0FBd0Q7Ozs7O0lBQ3hELDhDQUFpRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uSW5pdCxcbiAgSW5qZWN0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgTmdab25lLFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIFNlbGYsXG4gIFBMQVRGT1JNX0lEXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBMb3R0aWVFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvbG90dGllLWV2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2Jhc2UuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctbG90dGllJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICAjY29udGFpbmVyXG4gICAgICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIlxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIlxuICAgICAgc3R5bGU9XCJtYXJnaW46IDAgYXV0b1wiXG4gICAgICBbbmdTdHlsZV09XCJzdHlsZXNcIlxuICAgICAgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIlxuICAgID48L2Rpdj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW0xvdHRpZUV2ZW50c1NlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIExvdHRpZUNvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdjb250YWluZXInKVxuICBwdWJsaWMgY29udGFpbmVyOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiA9IG51bGwhO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLmxvYWRBbmltYXRpb24oXG4gICAgICB0aGlzLnJlZixcbiAgICAgIHRoaXMuem9uZSxcbiAgICAgIHRoaXMucGxhdGZvcm1JZCxcbiAgICAgIHRoaXMubG90dGllRXZlbnRzU2VydmljZSxcbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsXG4gICAgICB0aGlzXG4gICAgKTtcbiAgfVxufVxuIl19

esm2015/src/core/directives/base.directive.js

@@ -16,2 +16,3 @@ /**
         this.height = (/** @type {?} */ (null));
+        this.detach = false;
         /**
@@ -71,2 +72,3 @@ * `animationCreated` is dispatched after calling `loadAnimation`
      * @protected
+     * @param {?} ref
      * @param {?} zone
@@ -79,3 +81,3 @@ * @param {?} platformId
      */
-    loadAnimation(zone, platformId, lottieEventsService, container, instance) {
+    loadAnimation(ref, zone, platformId, lottieEventsService, container, instance) {
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
@@ -89,2 +91,6 @@ if (isPlatformServer(platformId)) {
             lottieEventsService.setAnimationItemAndLottieEventListeners(animationItem, instance);
+            // Basically make this view static and never check it in the future
+            if (this.detach) {
+                ref.detach();
+            }
         });
@@ -102,2 +108,3 @@ }
     height: [{ type: Input }],
+    detach: [{ type: Input }],
     animationCreated: [{ type: Output }],
@@ -126,2 +133,4 @@ complete: [{ type: Output }],
     BaseDirective.prototype.height;
+    /** @type {?} */
+    BaseDirective.prototype.detach;
     /**
@@ -190,2 +199,2 @@ * `animationCreated` is dispatched after calling `loadAnimation`
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbG90dGllLyIsInNvdXJjZXMiOlsic3JjL2NvcmUvZGlyZWN0aXZlcy9iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBZWhELE1BQU0sT0FBTyxhQUFhO0lBRDFCO1FBR1MsWUFBTyxHQUF5QixJQUFJLENBQUM7UUFHckMsbUJBQWMsR0FBeUIsSUFBSSxDQUFDO1FBRzVDLFdBQU0sR0FBcUMsSUFBSSxDQUFDO1FBR2hELFVBQUssR0FBVyxtQkFBQSxJQUFJLEVBQUMsQ0FBQztRQUd0QixXQUFNLEdBQVcsbUJBQUEsSUFBSSxFQUFDLENBQUM7Ozs7UUFNZCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQzs7OztRQU1yRCxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7Ozs7UUFNL0MsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQzs7OztRQU12RCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQXFCLENBQUM7Ozs7UUFNbkQsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQzs7Ozs7UUFPdkQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7OztRQU92QyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQzs7Ozs7O1FBUXJDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7OztRQU90QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3hDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7OztRQU9yQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFpQi9ELENBQUM7Ozs7Ozs7Ozs7SUFmaUIsYUFBYSxDQUMzQixJQUFZLEVBQ1osVUFBa0IsRUFDbEIsbUJBQXdDLEVBQ3hDLFNBQTBDLEVBQzFDLFFBQXVCOztZQUV2QixJQUFJLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUNoQyxPQUFPO2FBQ1I7O2tCQUVLLGFBQWEsR0FBRyxNQUFNLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUM7WUFDeEUsbUJBQW1CLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQzNFLG1CQUFtQixDQUFDLHVDQUF1QyxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN2RixDQUFDO0tBQUE7OztZQXhHRixTQUFTLFNBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFOzs7c0JBRWhDLEtBQUs7NkJBR0wsS0FBSztxQkFHTCxLQUFLO29CQUdMLEtBQUs7cUJBR0wsS0FBSzsrQkFNTCxNQUFNO3VCQU1OLE1BQU07MkJBTU4sTUFBTTt5QkFNTixNQUFNOzJCQU1OLE1BQU07MEJBT04sTUFBTTt3QkFPTixNQUFNO3lCQVFOLE1BQU07MkJBT04sTUFBTTt3QkFPTixNQUFNO3NCQU9OLE1BQU07Ozs7SUFyRlAsZ0NBQzRDOztJQUU1Qyx1Q0FDbUQ7O0lBRW5ELCtCQUN1RDs7SUFFdkQsOEJBQzZCOztJQUU3QiwrQkFDOEI7Ozs7O0lBSzlCLHlDQUNxRTs7Ozs7SUFLckUsaUNBQytEOzs7OztJQUsvRCxxQ0FDdUU7Ozs7O0lBS3ZFLG1DQUNtRTs7Ozs7SUFLbkUscUNBQ3VFOzs7Ozs7SUFNdkUsb0NBQ3VEOzs7Ozs7SUFNdkQsa0NBQ3FEOzs7Ozs7O0lBT3JELG1DQUNzRDs7Ozs7O0lBTXRELHFDQUN3RDs7Ozs7O0lBTXhELGtDQUNxRDs7Ozs7O0lBTXJELGdDQUM2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGlzUGxhdGZvcm1TZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBsb2FkQW5pbWF0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzJztcbmltcG9ydCB7IExvdHRpZUV2ZW50c1NlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9sb3R0aWUtZXZlbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHtcbiAgTG90dGllT3B0aW9ucyxcbiAgTG90dGllQ1NTU3R5bGVEZWNsYXJhdGlvbixcbiAgQW5pbWF0aW9uSXRlbSxcbiAgQk1Db21wbGV0ZUV2ZW50LFxuICBCTUNvbXBsZXRlTG9vcEV2ZW50LFxuICBCTUVudGVyRnJhbWVFdmVudCxcbiAgQk1TZWdtZW50U3RhcnRFdmVudCxcbiAgQk1EZXN0cm95RXZlbnQsXG4gIExvdHRpZUNvbnRhaW5lckNsYXNzXG59IGZyb20gJy4uLy4uL3N5bWJvbHMnO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbbG90dGllXScgfSlcbmV4cG9ydCBjbGFzcyBCYXNlRGlyZWN0aXZlIHtcbiAgQElucHV0KClcbiAgcHVibGljIG9wdGlvbnM6IExvdHRpZU9wdGlvbnMgfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgY29udGFpbmVyQ2xhc3M6IExvdHRpZUNvbnRhaW5lckNsYXNzID0gbnVsbDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc3R5bGVzOiBMb3R0aWVDU1NTdHlsZURlY2xhcmF0aW9uIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHdpZHRoOiBzdHJpbmcgPSBudWxsITtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaGVpZ2h0OiBzdHJpbmcgPSBudWxsITtcblxuICAvKipcbiAgICogYGFuaW1hdGlvbkNyZWF0ZWRgIGlzIGRpc3BhdGNoZWQgYWZ0ZXIgY2FsbGluZyBgbG9hZEFuaW1hdGlvbmBcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgYW5pbWF0aW9uQ3JlYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcblxuICAvKipcbiAgICogYGNvbXBsZXRlYCBpcyBkaXNwYXRjaGVkIGFmdGVyIGNvbXBsZXRpbmcgdGhlIGxhc3QgZnJhbWVcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPEJNQ29tcGxldGVFdmVudD4oKTtcblxuICAvKipcbiAgICogYGxvb3BDb21wbGV0ZWAgaXMgZGlzcGF0Y2hlZCBhZnRlciBjb21wbGV0aW5nIGZyYW1lIGxvb3BcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgbG9vcENvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxCTUNvbXBsZXRlTG9vcEV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBgZW50ZXJGcmFtZWAgaXMgZGlzcGF0Y2hlZCBhZnRlciBlbnRlcmluZyB0aGUgbmV3IGZyYW1lXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGVudGVyRnJhbWUgPSBuZXcgRXZlbnRFbWl0dGVyPEJNRW50ZXJGcmFtZUV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBgc2VnbWVudFN0YXJ0YCBpcyBkaXNwYXRjaGVkIHdoZW4gdGhlIG5ldyBzZWdtZW50IGlzIGFkanVzdGVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IHNlZ21lbnRTdGFydCA9IG5ldyBFdmVudEVtaXR0ZXI8Qk1TZWdtZW50U3RhcnRFdmVudD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgY29uZmlnX3JlYWR5YC4gYGNvbmZpZ19yZWFkeWAgaXMgZGlzcGF0Y2hlZFxuICAgKiBhZnRlciB0aGUgbmVlZGVkIHJlbmRlcmVyIGlzIGNvbmZpZ3VyZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY29uZmlnUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYGRhdGFfcmVhZHlgLiBgZGF0YV9yZWFkeWAgaXMgZGlzcGF0Y2hlZFxuICAgKiB3aGVuIGFsbCBwYXJ0cyBvZiB0aGUgYW5pbWF0aW9uIGhhdmUgYmVlbiBsb2FkZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgZGF0YVJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBPcmlnaW5hbCBldmVudCBuYW1lIGlzIGBkYXRhX2ZhaWxlZGAuIGBkYXRhX2ZhaWxlZGAgY2FuIGJlIGRpc3BhdGNoZWRcbiAgICogaWYgdGhlIGBYTUxIdHRwUmVxdWVzdGAsIHRoYXQgdHJpZWQgdG8gbG9hZCBhbmltYXRpb24gZGF0YSB1c2luZ1xuICAgKiBwcm92aWRlZCBgcGF0aGAsIGhhcyBlcnJvcmVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRhdGFGYWlsZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYGxvYWRlZF9pbWFnZXNgLiBgbG9hZGVkX2ltYWdlc2AgY2FuIGJlXG4gICAqIGRpc3BhdGNoZWQgYWZ0ZXIgYWxsIGFzc2V0cyBhcmUgcHJlbG9hZGVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGxvYWRlZEltYWdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgRE9NTG9hZGVkYC4gYERPTUxvYWRlZGAgaXMgZGlzcGF0Y2hlZFxuICAgKiB3aGVuIGVsZW1lbnRzIGhhdmUgYmVlbiBhZGRlZCB0byB0aGUgRE9NXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRvbUxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogYGRlc3Ryb3lgIHdpbGwgYmUgZGlzcGF0Y2hlZCBpbiB0aGUgYG5nT25EZXN0cm95YCBob29rIG9mIHRoZSBzZXJ2aWNlLFxuICAgKiBpdCdzIHVzZWZ1bCBmb3IgcmVsZWFzaW5nIHJlc291cmNlc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBkZXN0cm95ID0gbmV3IEV2ZW50RW1pdHRlcjxCTURlc3Ryb3lFdmVudD4oKTtcblxuICBwcm90ZWN0ZWQgYXN5bmMgbG9hZEFuaW1hdGlvbihcbiAgICB6b25lOiBOZ1pvbmUsXG4gICAgcGxhdGZvcm1JZDogc3RyaW5nLFxuICAgIGxvdHRpZUV2ZW50c1NlcnZpY2U6IExvdHRpZUV2ZW50c1NlcnZpY2UsXG4gICAgY29udGFpbmVyOiBIVE1MRWxlbWVudCB8IEhUTUxDYW52YXNFbGVtZW50LFxuICAgIGluc3RhbmNlOiBCYXNlRGlyZWN0aXZlXG4gICk6IFByb21pc2U8dm9pZD4ge1xuICAgIGlmIChpc1BsYXRmb3JtU2VydmVyKHBsYXRmb3JtSWQpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgYW5pbWF0aW9uSXRlbSA9IGF3YWl0IGxvYWRBbmltYXRpb24oem9uZSwgdGhpcy5vcHRpb25zLCBjb250YWluZXIpO1xuICAgIGxvdHRpZUV2ZW50c1NlcnZpY2UuYW5pbWF0aW9uQ3JlYXRlZChhbmltYXRpb25JdGVtLCB0aGlzLmFuaW1hdGlvbkNyZWF0ZWQpO1xuICAgIGxvdHRpZUV2ZW50c1NlcnZpY2Uuc2V0QW5pbWF0aW9uSXRlbUFuZExvdHRpZUV2ZW50TGlzdGVuZXJzKGFuaW1hdGlvbkl0ZW0sIGluc3RhbmNlKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbG90dGllLyIsInNvdXJjZXMiOlsic3JjL2NvcmUvZGlyZWN0aXZlcy9iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTZCLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQWVoRCxNQUFNLE9BQU8sYUFBYTtJQUQxQjtRQUdTLFlBQU8sR0FBeUIsSUFBSSxDQUFDO1FBR3JDLG1CQUFjLEdBQXlCLElBQUksQ0FBQztRQUc1QyxXQUFNLEdBQXFDLElBQUksQ0FBQztRQUdoRCxVQUFLLEdBQVcsbUJBQUEsSUFBSSxFQUFDLENBQUM7UUFHdEIsV0FBTSxHQUFXLG1CQUFBLElBQUksRUFBQyxDQUFDO1FBR3ZCLFdBQU0sR0FBRyxLQUFLLENBQUM7Ozs7UUFNTixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQzs7OztRQU1yRCxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7Ozs7UUFNL0MsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQzs7OztRQU12RCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQXFCLENBQUM7Ozs7UUFNbkQsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQzs7Ozs7UUFPdkQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7OztRQU92QyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQzs7Ozs7O1FBUXJDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7OztRQU90QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3hDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7OztRQU9yQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFzQi9ELENBQUM7Ozs7Ozs7Ozs7O0lBcEJpQixhQUFhLENBQzNCLEdBQXNCLEVBQ3RCLElBQVksRUFDWixVQUFrQixFQUNsQixtQkFBd0MsRUFDeEMsU0FBMEMsRUFDMUMsUUFBdUI7O1lBRXZCLElBQUksZ0JBQWdCLENBQUMsVUFBVSxDQUFDLEVBQUU7Z0JBQ2hDLE9BQU87YUFDUjs7a0JBRUssYUFBYSxHQUFHLE1BQU0sYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQztZQUN4RSxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDM0UsbUJBQW1CLENBQUMsdUNBQXVDLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ3JGLG1FQUFtRTtZQUNuRSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDO2FBQ2Q7UUFDSCxDQUFDO0tBQUE7OztZQWhIRixTQUFTLFNBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFOzs7c0JBRWhDLEtBQUs7NkJBR0wsS0FBSztxQkFHTCxLQUFLO29CQUdMLEtBQUs7cUJBR0wsS0FBSztxQkFHTCxLQUFLOytCQU1MLE1BQU07dUJBTU4sTUFBTTsyQkFNTixNQUFNO3lCQU1OLE1BQU07MkJBTU4sTUFBTTswQkFPTixNQUFNO3dCQU9OLE1BQU07eUJBUU4sTUFBTTsyQkFPTixNQUFNO3dCQU9OLE1BQU07c0JBT04sTUFBTTs7OztJQXhGUCxnQ0FDNEM7O0lBRTVDLHVDQUNtRDs7SUFFbkQsK0JBQ3VEOztJQUV2RCw4QkFDNkI7O0lBRTdCLCtCQUM4Qjs7SUFFOUIsK0JBQ3NCOzs7OztJQUt0Qix5Q0FDcUU7Ozs7O0lBS3JFLGlDQUMrRDs7Ozs7SUFLL0QscUNBQ3VFOzs7OztJQUt2RSxtQ0FDbUU7Ozs7O0lBS25FLHFDQUN1RTs7Ozs7O0lBTXZFLG9DQUN1RDs7Ozs7O0lBTXZELGtDQUNxRDs7Ozs7OztJQU9yRCxtQ0FDc0Q7Ozs7OztJQU10RCxxQ0FDd0Q7Ozs7OztJQU14RCxrQ0FDcUQ7Ozs7OztJQU1yRCxnQ0FDNkQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgTmdab25lLCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNQbGF0Zm9ybVNlcnZlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IGxvYWRBbmltYXRpb24gfSBmcm9tICcuLi8uLi9pbnRlcm5hbHMnO1xuaW1wb3J0IHsgTG90dGllRXZlbnRzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2xvdHRpZS1ldmVudHMuc2VydmljZSc7XG5pbXBvcnQge1xuICBMb3R0aWVPcHRpb25zLFxuICBMb3R0aWVDU1NTdHlsZURlY2xhcmF0aW9uLFxuICBBbmltYXRpb25JdGVtLFxuICBCTUNvbXBsZXRlRXZlbnQsXG4gIEJNQ29tcGxldGVMb29wRXZlbnQsXG4gIEJNRW50ZXJGcmFtZUV2ZW50LFxuICBCTVNlZ21lbnRTdGFydEV2ZW50LFxuICBCTURlc3Ryb3lFdmVudCxcbiAgTG90dGllQ29udGFpbmVyQ2xhc3Ncbn0gZnJvbSAnLi4vLi4vc3ltYm9scyc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tsb3R0aWVdJyB9KVxuZXhwb3J0IGNsYXNzIEJhc2VEaXJlY3RpdmUge1xuICBASW5wdXQoKVxuICBwdWJsaWMgb3B0aW9uczogTG90dGllT3B0aW9ucyB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBjb250YWluZXJDbGFzczogTG90dGllQ29udGFpbmVyQ2xhc3MgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzdHlsZXM6IExvdHRpZUNTU1N0eWxlRGVjbGFyYXRpb24gfCBudWxsID0gbnVsbDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgd2lkdGg6IHN0cmluZyA9IG51bGwhO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZWlnaHQ6IHN0cmluZyA9IG51bGwhO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkZXRhY2ggPSBmYWxzZTtcblxuICAvKipcbiAgICogYGFuaW1hdGlvbkNyZWF0ZWRgIGlzIGRpc3BhdGNoZWQgYWZ0ZXIgY2FsbGluZyBgbG9hZEFuaW1hdGlvbmBcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgYW5pbWF0aW9uQ3JlYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QW5pbWF0aW9uSXRlbT4oKTtcblxuICAvKipcbiAgICogYGNvbXBsZXRlYCBpcyBkaXNwYXRjaGVkIGFmdGVyIGNvbXBsZXRpbmcgdGhlIGxhc3QgZnJhbWVcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPEJNQ29tcGxldGVFdmVudD4oKTtcblxuICAvKipcbiAgICogYGxvb3BDb21wbGV0ZWAgaXMgZGlzcGF0Y2hlZCBhZnRlciBjb21wbGV0aW5nIGZyYW1lIGxvb3BcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgbG9vcENvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxCTUNvbXBsZXRlTG9vcEV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBgZW50ZXJGcmFtZWAgaXMgZGlzcGF0Y2hlZCBhZnRlciBlbnRlcmluZyB0aGUgbmV3IGZyYW1lXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGVudGVyRnJhbWUgPSBuZXcgRXZlbnRFbWl0dGVyPEJNRW50ZXJGcmFtZUV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBgc2VnbWVudFN0YXJ0YCBpcyBkaXNwYXRjaGVkIHdoZW4gdGhlIG5ldyBzZWdtZW50IGlzIGFkanVzdGVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IHNlZ21lbnRTdGFydCA9IG5ldyBFdmVudEVtaXR0ZXI8Qk1TZWdtZW50U3RhcnRFdmVudD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgY29uZmlnX3JlYWR5YC4gYGNvbmZpZ19yZWFkeWAgaXMgZGlzcGF0Y2hlZFxuICAgKiBhZnRlciB0aGUgbmVlZGVkIHJlbmRlcmVyIGlzIGNvbmZpZ3VyZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY29uZmlnUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYGRhdGFfcmVhZHlgLiBgZGF0YV9yZWFkeWAgaXMgZGlzcGF0Y2hlZFxuICAgKiB3aGVuIGFsbCBwYXJ0cyBvZiB0aGUgYW5pbWF0aW9uIGhhdmUgYmVlbiBsb2FkZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgZGF0YVJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBPcmlnaW5hbCBldmVudCBuYW1lIGlzIGBkYXRhX2ZhaWxlZGAuIGBkYXRhX2ZhaWxlZGAgY2FuIGJlIGRpc3BhdGNoZWRcbiAgICogaWYgdGhlIGBYTUxIdHRwUmVxdWVzdGAsIHRoYXQgdHJpZWQgdG8gbG9hZCBhbmltYXRpb24gZGF0YSB1c2luZ1xuICAgKiBwcm92aWRlZCBgcGF0aGAsIGhhcyBlcnJvcmVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRhdGFGYWlsZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYGxvYWRlZF9pbWFnZXNgLiBgbG9hZGVkX2ltYWdlc2AgY2FuIGJlXG4gICAqIGRpc3BhdGNoZWQgYWZ0ZXIgYWxsIGFzc2V0cyBhcmUgcHJlbG9hZGVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGxvYWRlZEltYWdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgRE9NTG9hZGVkYC4gYERPTUxvYWRlZGAgaXMgZGlzcGF0Y2hlZFxuICAgKiB3aGVuIGVsZW1lbnRzIGhhdmUgYmVlbiBhZGRlZCB0byB0aGUgRE9NXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRvbUxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogYGRlc3Ryb3lgIHdpbGwgYmUgZGlzcGF0Y2hlZCBpbiB0aGUgYG5nT25EZXN0cm95YCBob29rIG9mIHRoZSBzZXJ2aWNlLFxuICAgKiBpdCdzIHVzZWZ1bCBmb3IgcmVsZWFzaW5nIHJlc291cmNlc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBkZXN0cm95ID0gbmV3IEV2ZW50RW1pdHRlcjxCTURlc3Ryb3lFdmVudD4oKTtcblxuICBwcm90ZWN0ZWQgYXN5bmMgbG9hZEFuaW1hdGlvbihcbiAgICByZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHpvbmU6IE5nWm9uZSxcbiAgICBwbGF0Zm9ybUlkOiBzdHJpbmcsXG4gICAgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZSxcbiAgICBjb250YWluZXI6IEhUTUxFbGVtZW50IHwgSFRNTENhbnZhc0VsZW1lbnQsXG4gICAgaW5zdGFuY2U6IEJhc2VEaXJlY3RpdmVcbiAgKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKGlzUGxhdGZvcm1TZXJ2ZXIocGxhdGZvcm1JZCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBhbmltYXRpb25JdGVtID0gYXdhaXQgbG9hZEFuaW1hdGlvbih6b25lLCB0aGlzLm9wdGlvbnMsIGNvbnRhaW5lcik7XG4gICAgbG90dGllRXZlbnRzU2VydmljZS5hbmltYXRpb25DcmVhdGVkKGFuaW1hdGlvbkl0ZW0sIHRoaXMuYW5pbWF0aW9uQ3JlYXRlZCk7XG4gICAgbG90dGllRXZlbnRzU2VydmljZS5zZXRBbmltYXRpb25JdGVtQW5kTG90dGllRXZlbnRMaXN0ZW5lcnMoYW5pbWF0aW9uSXRlbSwgaW5zdGFuY2UpO1xuICAgIC8vIEJhc2ljYWxseSBtYWtlIHRoaXMgdmlldyBzdGF0aWMgYW5kIG5ldmVyIGNoZWNrIGl0IGluIHRoZSBmdXR1cmVcbiAgICBpZiAodGhpcy5kZXRhY2gpIHtcbiAgICAgIHJlZi5kZXRhY2goKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

esm2015/src/core/directives/lottie.directive.js

@@ -5,3 +5,3 @@ /**
  */
-import { Directive, NgZone, Inject, Self, PLATFORM_ID, ElementRef } from '@angular/core';
+import { Directive, ChangeDetectorRef, NgZone, Inject, Self, PLATFORM_ID, ElementRef } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
@@ -11,2 +11,3 @@ import { BaseDirective } from './base.directive';
     /**
+     * @param {?} ref
      * @param {?} zone
@@ -17,4 +18,5 @@ * @param {?} platformId
      */
-    constructor(zone, platformId, lottieEventsService, host) {
+    constructor(ref, zone, platformId, lottieEventsService, host) {
         super();
+        this.ref = ref;
         this.zone = zone;
@@ -29,3 +31,3 @@ this.platformId = platformId;
     ngOnInit() {
-        super.loadAnimation(this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
+        super.loadAnimation(this.ref, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
     }
@@ -41,2 +43,3 @@ }
 LottieDirective.ctorParameters = () => [
+    { type: ChangeDetectorRef },
     { type: NgZone },
@@ -52,2 +55,7 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
      */
+    LottieDirective.prototype.ref;
+    /**
+     * @type {?}
+     * @private
+     */
     LottieDirective.prototype.zone;
@@ -70,2 +78,2 @@ /**
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9kaXJlY3RpdmVzL2xvdHRpZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFNakQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsYUFBYTs7Ozs7OztJQUNoRCxZQUNtQixJQUFZLEVBQ1MsVUFBa0IsRUFDL0IsbUJBQXdDLEVBQ3hDLElBQTZCO1FBRXRELEtBQUssRUFBRSxDQUFDO1FBTFMsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNTLGVBQVUsR0FBVixVQUFVLENBQVE7UUFDL0Isd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN4QyxTQUFJLEdBQUosSUFBSSxDQUF5QjtJQUd4RCxDQUFDOzs7O0lBRU0sUUFBUTtRQUNiLEtBQUssQ0FBQyxhQUFhLENBQ2pCLElBQUksQ0FBQyxJQUFJLEVBQ1QsSUFBSSxDQUFDLFVBQVUsRUFDZixJQUFJLENBQUMsbUJBQW1CLEVBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUN2QixJQUFJLENBQ0wsQ0FBQztJQUNKLENBQUM7OztZQXRCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ2pDOzs7O1lBUjJCLE1BQU07eUNBWTdCLE1BQU0sU0FBQyxXQUFXO1lBVmQsbUJBQW1CLHVCQVd2QixJQUFJO1lBYnNELFVBQVUsdUJBY3BFLElBQUk7Ozs7Ozs7SUFITCwrQkFBNkI7Ozs7O0lBQzdCLHFDQUF3RDs7Ozs7SUFDeEQsOENBQWlFOzs7OztJQUNqRSwrQkFBc0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIE9uSW5pdCwgTmdab25lLCBJbmplY3QsIFNlbGYsIFBMQVRGT1JNX0lELCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IExvdHRpZUV2ZW50c1NlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9sb3R0aWUtZXZlbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4vYmFzZS5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbG90dGllXScsXG4gIHByb3ZpZGVyczogW0xvdHRpZUV2ZW50c1NlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIExvdHRpZURpcmVjdGl2ZSBleHRlbmRzIEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZSxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgaG9zdDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5sb2FkQW5pbWF0aW9uKFxuICAgICAgdGhpcy56b25lLFxuICAgICAgdGhpcy5wbGF0Zm9ybUlkLFxuICAgICAgdGhpcy5sb3R0aWVFdmVudHNTZXJ2aWNlLFxuICAgICAgdGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICB0aGlzXG4gICAgKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9kaXJlY3RpdmVzL2xvdHRpZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixNQUFNLEVBQ04sSUFBSSxFQUNKLFdBQVcsRUFDWCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBTWpELE1BQU0sT0FBTyxlQUFnQixTQUFRLGFBQWE7Ozs7Ozs7O0lBQ2hELFlBQ21CLEdBQXNCLEVBQ3RCLElBQVksRUFDUyxVQUFrQixFQUMvQixtQkFBd0MsRUFDeEMsSUFBNkI7UUFFdEQsS0FBSyxFQUFFLENBQUM7UUFOUyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFRO1FBQ1MsZUFBVSxHQUFWLFVBQVUsQ0FBUTtRQUMvQix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBQ3hDLFNBQUksR0FBSixJQUFJLENBQXlCO0lBR3hELENBQUM7Ozs7SUFFTSxRQUFRO1FBQ2IsS0FBSyxDQUFDLGFBQWEsQ0FDakIsSUFBSSxDQUFDLEdBQUcsRUFDUixJQUFJLENBQUMsSUFBSSxFQUNULElBQUksQ0FBQyxVQUFVLEVBQ2YsSUFBSSxDQUFDLG1CQUFtQixFQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFDdkIsSUFBSSxDQUNMLENBQUM7SUFDSixDQUFDOzs7WUF4QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQixTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUNqQzs7OztZQWRDLGlCQUFpQjtZQUNqQixNQUFNO3lDQWtCSCxNQUFNLFNBQUMsV0FBVztZQVhkLG1CQUFtQix1QkFZdkIsSUFBSTtZQWZQLFVBQVUsdUJBZ0JQLElBQUk7Ozs7Ozs7SUFKTCw4QkFBdUM7Ozs7O0lBQ3ZDLCtCQUE2Qjs7Ozs7SUFDN0IscUNBQXdEOzs7OztJQUN4RCw4Q0FBaUU7Ozs7O0lBQ2pFLCtCQUFzRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgT25Jbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgTmdab25lLFxuICBJbmplY3QsXG4gIFNlbGYsXG4gIFBMQVRGT1JNX0lELFxuICBFbGVtZW50UmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBMb3R0aWVFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvbG90dGllLWV2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL2Jhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2xvdHRpZV0nLFxuICBwcm92aWRlcnM6IFtMb3R0aWVFdmVudHNTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBMb3R0aWVEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSByZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgem9uZTogTmdab25lLFxuICAgIEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcmVhZG9ubHkgcGxhdGZvcm1JZDogc3RyaW5nLFxuICAgIEBTZWxmKCkgcHJpdmF0ZSByZWFkb25seSBsb3R0aWVFdmVudHNTZXJ2aWNlOiBMb3R0aWVFdmVudHNTZXJ2aWNlLFxuICAgIEBTZWxmKCkgcHJpdmF0ZSByZWFkb25seSBob3N0OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PlxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLmxvYWRBbmltYXRpb24oXG4gICAgICB0aGlzLnJlZixcbiAgICAgIHRoaXMuem9uZSxcbiAgICAgIHRoaXMucGxhdGZvcm1JZCxcbiAgICAgIHRoaXMubG90dGllRXZlbnRzU2VydmljZSxcbiAgICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LFxuICAgICAgdGhpc1xuICAgICk7XG4gIH1cbn1cbiJdfQ==

esm5/src/core/components/lottie.component.js

@@ -6,3 +6,3 @@ /**
 import * as tslib_1 from "tslib";
-import { Component, ChangeDetectionStrategy, Inject, NgZone, ElementRef, ViewChild, Self, PLATFORM_ID } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef, NgZone, ElementRef, ViewChild, Self, PLATFORM_ID } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
@@ -12,4 +12,5 @@ import { BaseDirective } from '../directives/base.directive';
     tslib_1.__extends(LottieComponent, _super);
-    function LottieComponent(zone, platformId, lottieEventsService) {
+    function LottieComponent(ref, zone, platformId, lottieEventsService) {
         var _this = _super.call(this) || this;
+        _this.ref = ref;
         _this.zone = zone;
@@ -28,3 +29,3 @@ _this.platformId = platformId;
     function () {
-        _super.prototype.loadAnimation.call(this, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
+        _super.prototype.loadAnimation.call(this, this.ref, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
     };
@@ -41,2 +42,3 @@ LottieComponent.decorators = [
     LottieComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef },
         { type: NgZone },
@@ -59,2 +61,7 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
      */
+    LottieComponent.prototype.ref;
+    /**
+     * @type {?}
+     * @private
+     */
     LottieComponent.prototype.zone;
@@ -72,2 +79,2 @@ /**
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9jb21wb25lbnRzL2xvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUV2QixNQUFNLEVBQ04sTUFBTSxFQUNOLFVBQVUsRUFDVixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFN0Q7SUFlcUMsMkNBQWE7SUFJaEQseUJBQ21CLElBQVksRUFDUyxVQUFrQixFQUMvQixtQkFBd0M7UUFIbkUsWUFLRSxpQkFBTyxTQUNSO1FBTGtCLFVBQUksR0FBSixJQUFJLENBQVE7UUFDUyxnQkFBVSxHQUFWLFVBQVUsQ0FBUTtRQUMvQix5QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBTDVELGVBQVMsR0FBNEIsbUJBQUEsSUFBSSxFQUFDLENBQUM7O0lBUWxELENBQUM7Ozs7SUFFTSxrQ0FBUTs7O0lBQWY7UUFDRSxpQkFBTSxhQUFhLFlBQ2pCLElBQUksQ0FBQyxJQUFJLEVBQ1QsSUFBSSxDQUFDLFVBQVUsRUFDZixJQUFJLENBQUMsbUJBQW1CLEVBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUM1QixJQUFJLENBQ0wsQ0FBQztJQUNKLENBQUM7O2dCQW5DRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSxxTkFTVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQ2pDOzs7O2dCQXhCQyxNQUFNOzZDQStCSCxNQUFNLFNBQUMsV0FBVztnQkF4QmQsbUJBQW1CLHVCQXlCdkIsSUFBSTs7OzRCQU5OLFNBQVMsU0FBQyxXQUFXOztJQW9CeEIsc0JBQUM7Q0FBQSxBQXBDRCxDQWVxQyxhQUFhLEdBcUJqRDtTQXJCWSxlQUFlOzs7SUFDMUIsb0NBQ2tEOzs7OztJQUdoRCwrQkFBNkI7Ozs7O0lBQzdCLHFDQUF3RDs7Ozs7SUFDeEQsOENBQWlFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgT25Jbml0LFxuICBJbmplY3QsXG4gIE5nWm9uZSxcbiAgRWxlbWVudFJlZixcbiAgVmlld0NoaWxkLFxuICBTZWxmLFxuICBQTEFURk9STV9JRFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTG90dGllRXZlbnRzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2xvdHRpZS1ldmVudHMuc2VydmljZSc7XG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZGlyZWN0aXZlcy9iYXNlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWxvdHRpZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgI2NvbnRhaW5lclxuICAgICAgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCJcbiAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCJcbiAgICAgIHN0eWxlPVwibWFyZ2luOiAwIGF1dG9cIlxuICAgICAgW25nU3R5bGVdPVwic3R5bGVzXCJcbiAgICAgIFtuZ0NsYXNzXT1cImNvbnRhaW5lckNsYXNzXCJcbiAgICA+PC9kaXY+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtMb3R0aWVFdmVudHNTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBMb3R0aWVDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJylcbiAgcHVibGljIGNvbnRhaW5lcjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gPSBudWxsITtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLmxvYWRBbmltYXRpb24oXG4gICAgICB0aGlzLnpvbmUsXG4gICAgICB0aGlzLnBsYXRmb3JtSWQsXG4gICAgICB0aGlzLmxvdHRpZUV2ZW50c1NlcnZpY2UsXG4gICAgICB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LFxuICAgICAgdGhpc1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9jb21wb25lbnRzL2xvdHRpZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUV2QixNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixVQUFVLEVBQ1YsU0FBUyxFQUNULElBQUksRUFDSixXQUFXLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTdEO0lBZXFDLDJDQUFhO0lBSWhELHlCQUNtQixHQUFzQixFQUN0QixJQUFZLEVBQ1MsVUFBa0IsRUFDL0IsbUJBQXdDO1FBSm5FLFlBTUUsaUJBQU8sU0FDUjtRQU5rQixTQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixVQUFJLEdBQUosSUFBSSxDQUFRO1FBQ1MsZ0JBQVUsR0FBVixVQUFVLENBQVE7UUFDL0IseUJBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQU41RCxlQUFTLEdBQTRCLG1CQUFBLElBQUksRUFBQyxDQUFDOztJQVNsRCxDQUFDOzs7O0lBRU0sa0NBQVE7OztJQUFmO1FBQ0UsaUJBQU0sYUFBYSxZQUNqQixJQUFJLENBQUMsR0FBRyxFQUNSLElBQUksQ0FBQyxJQUFJLEVBQ1QsSUFBSSxDQUFDLFVBQVUsRUFDZixJQUFJLENBQUMsbUJBQW1CLEVBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUM1QixJQUFJLENBQ0wsQ0FBQztJQUNKLENBQUM7O2dCQXJDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSxxTkFTVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQ2pDOzs7O2dCQXpCQyxpQkFBaUI7Z0JBQ2pCLE1BQU07NkNBZ0NILE1BQU0sU0FBQyxXQUFXO2dCQXpCZCxtQkFBbUIsdUJBMEJ2QixJQUFJOzs7NEJBUE4sU0FBUyxTQUFDLFdBQVc7O0lBc0J4QixzQkFBQztDQUFBLEFBdENELENBZXFDLGFBQWEsR0F1QmpEO1NBdkJZLGVBQWU7OztJQUMxQixvQ0FDa0Q7Ozs7O0lBR2hELDhCQUF1Qzs7Ozs7SUFDdkMsK0JBQTZCOzs7OztJQUM3QixxQ0FBd0Q7Ozs7O0lBQ3hELDhDQUFpRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uSW5pdCxcbiAgSW5qZWN0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgTmdab25lLFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIFNlbGYsXG4gIFBMQVRGT1JNX0lEXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBMb3R0aWVFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvbG90dGllLWV2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2Jhc2UuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctbG90dGllJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICAjY29udGFpbmVyXG4gICAgICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIlxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIlxuICAgICAgc3R5bGU9XCJtYXJnaW46IDAgYXV0b1wiXG4gICAgICBbbmdTdHlsZV09XCJzdHlsZXNcIlxuICAgICAgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIlxuICAgID48L2Rpdj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW0xvdHRpZUV2ZW50c1NlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIExvdHRpZUNvbXBvbmVudCBleHRlbmRzIEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdjb250YWluZXInKVxuICBwdWJsaWMgY29udGFpbmVyOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiA9IG51bGwhO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLmxvYWRBbmltYXRpb24oXG4gICAgICB0aGlzLnJlZixcbiAgICAgIHRoaXMuem9uZSxcbiAgICAgIHRoaXMucGxhdGZvcm1JZCxcbiAgICAgIHRoaXMubG90dGllRXZlbnRzU2VydmljZSxcbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsXG4gICAgICB0aGlzXG4gICAgKTtcbiAgfVxufVxuIl19

esm5/src/core/directives/base.directive.js

@@ -16,2 +16,3 @@ /**
         this.height = (/** @type {?} */ (null));
+        this.detach = false;
         /**
@@ -71,2 +72,3 @@ * `animationCreated` is dispatched after calling `loadAnimation`
      * @protected
+     * @param {?} ref
      * @param {?} zone
@@ -81,2 +83,3 @@ * @param {?} platformId
      * @protected
+     * @param {?} ref
      * @param {?} zone
@@ -89,3 +92,3 @@ * @param {?} platformId
      */
-    function (zone, platformId, lottieEventsService, container, instance) {
+    function (ref, zone, platformId, lottieEventsService, container, instance) {
         return tslib_1.__awaiter(this, void 0, void 0, function () {
@@ -104,2 +107,6 @@ var animationItem;
                         lottieEventsService.setAnimationItemAndLottieEventListeners(animationItem, instance);
+                        // Basically make this view static and never check it in the future
+                        if (this.detach) {
+                            ref.detach();
+                        }
                         return [2 /*return*/];
@@ -119,2 +126,3 @@ }
         height: [{ type: Input }],
+        detach: [{ type: Input }],
         animationCreated: [{ type: Output }],
@@ -146,2 +154,4 @@ complete: [{ type: Output }],
     BaseDirective.prototype.height;
+    /** @type {?} */
+    BaseDirective.prototype.detach;
     /**
@@ -210,2 +220,2 @@ * `animationCreated` is dispatched after calling `loadAnimation`
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbG90dGllLyIsInNvdXJjZXMiOlsic3JjL2NvcmUvZGlyZWN0aXZlcy9iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBY2hEO0lBQUE7UUFHUyxZQUFPLEdBQXlCLElBQUksQ0FBQztRQUdyQyxtQkFBYyxHQUF5QixJQUFJLENBQUM7UUFHNUMsV0FBTSxHQUFxQyxJQUFJLENBQUM7UUFHaEQsVUFBSyxHQUFXLG1CQUFBLElBQUksRUFBQyxDQUFDO1FBR3RCLFdBQU0sR0FBVyxtQkFBQSxJQUFJLEVBQUMsQ0FBQzs7OztRQU1kLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDOzs7O1FBTXJELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQzs7OztRQU0vQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDOzs7O1FBTXZELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBcUIsQ0FBQzs7OztRQU1uRCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDOzs7OztRQU92RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3ZDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7Ozs7UUFRckMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3RDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQzs7Ozs7UUFPeEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3JDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQWlCL0QsQ0FBQzs7Ozs7Ozs7OztJQWZpQixxQ0FBYTs7Ozs7Ozs7O0lBQTdCLFVBQ0UsSUFBWSxFQUNaLFVBQWtCLEVBQ2xCLG1CQUF3QyxFQUN4QyxTQUEwQyxFQUMxQyxRQUF1Qjs7Ozs7O3dCQUV2QixJQUFJLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxFQUFFOzRCQUNoQyxzQkFBTzt5QkFDUjt3QkFFcUIscUJBQU0sYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFBOzt3QkFBbEUsYUFBYSxHQUFHLFNBQWtEO3dCQUN4RSxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7d0JBQzNFLG1CQUFtQixDQUFDLHVDQUF1QyxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQzs7Ozs7S0FDdEY7O2dCQXhHRixTQUFTLFNBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFOzs7MEJBRWhDLEtBQUs7aUNBR0wsS0FBSzt5QkFHTCxLQUFLO3dCQUdMLEtBQUs7eUJBR0wsS0FBSzttQ0FNTCxNQUFNOzJCQU1OLE1BQU07K0JBTU4sTUFBTTs2QkFNTixNQUFNOytCQU1OLE1BQU07OEJBT04sTUFBTTs0QkFPTixNQUFNOzZCQVFOLE1BQU07K0JBT04sTUFBTTs0QkFPTixNQUFNOzBCQU9OLE1BQU07O0lBa0JULG9CQUFDO0NBQUEsQUF6R0QsSUF5R0M7U0F4R1ksYUFBYTs7O0lBQ3hCLGdDQUM0Qzs7SUFFNUMsdUNBQ21EOztJQUVuRCwrQkFDdUQ7O0lBRXZELDhCQUM2Qjs7SUFFN0IsK0JBQzhCOzs7OztJQUs5Qix5Q0FDcUU7Ozs7O0lBS3JFLGlDQUMrRDs7Ozs7SUFLL0QscUNBQ3VFOzs7OztJQUt2RSxtQ0FDbUU7Ozs7O0lBS25FLHFDQUN1RTs7Ozs7O0lBTXZFLG9DQUN1RDs7Ozs7O0lBTXZELGtDQUNxRDs7Ozs7OztJQU9yRCxtQ0FDc0Q7Ozs7OztJQU10RCxxQ0FDd0Q7Ozs7OztJQU14RCxrQ0FDcUQ7Ozs7OztJQU1yRCxnQ0FDNkQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpc1BsYXRmb3JtU2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgbG9hZEFuaW1hdGlvbiB9IGZyb20gJy4uLy4uL2ludGVybmFscyc7XG5pbXBvcnQgeyBMb3R0aWVFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvbG90dGllLWV2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7XG4gIExvdHRpZU9wdGlvbnMsXG4gIExvdHRpZUNTU1N0eWxlRGVjbGFyYXRpb24sXG4gIEFuaW1hdGlvbkl0ZW0sXG4gIEJNQ29tcGxldGVFdmVudCxcbiAgQk1Db21wbGV0ZUxvb3BFdmVudCxcbiAgQk1FbnRlckZyYW1lRXZlbnQsXG4gIEJNU2VnbWVudFN0YXJ0RXZlbnQsXG4gIEJNRGVzdHJveUV2ZW50LFxuICBMb3R0aWVDb250YWluZXJDbGFzc1xufSBmcm9tICcuLi8uLi9zeW1ib2xzJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2xvdHRpZV0nIH0pXG5leHBvcnQgY2xhc3MgQmFzZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvcHRpb25zOiBMb3R0aWVPcHRpb25zIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNvbnRhaW5lckNsYXNzOiBMb3R0aWVDb250YWluZXJDbGFzcyA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHN0eWxlczogTG90dGllQ1NTU3R5bGVEZWNsYXJhdGlvbiB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB3aWR0aDogc3RyaW5nID0gbnVsbCE7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGhlaWdodDogc3RyaW5nID0gbnVsbCE7XG5cbiAgLyoqXG4gICAqIGBhbmltYXRpb25DcmVhdGVkYCBpcyBkaXNwYXRjaGVkIGFmdGVyIGNhbGxpbmcgYGxvYWRBbmltYXRpb25gXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGFuaW1hdGlvbkNyZWF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFuaW1hdGlvbkl0ZW0+KCk7XG5cbiAgLyoqXG4gICAqIGBjb21wbGV0ZWAgaXMgZGlzcGF0Y2hlZCBhZnRlciBjb21wbGV0aW5nIHRoZSBsYXN0IGZyYW1lXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGNvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxCTUNvbXBsZXRlRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIGBsb29wQ29tcGxldGVgIGlzIGRpc3BhdGNoZWQgYWZ0ZXIgY29tcGxldGluZyBmcmFtZSBsb29wXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGxvb3BDb21wbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8Qk1Db21wbGV0ZUxvb3BFdmVudD4oKTtcblxuICAvKipcbiAgICogYGVudGVyRnJhbWVgIGlzIGRpc3BhdGNoZWQgYWZ0ZXIgZW50ZXJpbmcgdGhlIG5ldyBmcmFtZVxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBlbnRlckZyYW1lID0gbmV3IEV2ZW50RW1pdHRlcjxCTUVudGVyRnJhbWVFdmVudD4oKTtcblxuICAvKipcbiAgICogYHNlZ21lbnRTdGFydGAgaXMgZGlzcGF0Y2hlZCB3aGVuIHRoZSBuZXcgc2VnbWVudCBpcyBhZGp1c3RlZFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBzZWdtZW50U3RhcnQgPSBuZXcgRXZlbnRFbWl0dGVyPEJNU2VnbWVudFN0YXJ0RXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYGNvbmZpZ19yZWFkeWAuIGBjb25maWdfcmVhZHlgIGlzIGRpc3BhdGNoZWRcbiAgICogYWZ0ZXIgdGhlIG5lZWRlZCByZW5kZXJlciBpcyBjb25maWd1cmVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGNvbmZpZ1JlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBPcmlnaW5hbCBldmVudCBuYW1lIGlzIGBkYXRhX3JlYWR5YC4gYGRhdGFfcmVhZHlgIGlzIGRpc3BhdGNoZWRcbiAgICogd2hlbiBhbGwgcGFydHMgb2YgdGhlIGFuaW1hdGlvbiBoYXZlIGJlZW4gbG9hZGVkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRhdGFSZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgZGF0YV9mYWlsZWRgLiBgZGF0YV9mYWlsZWRgIGNhbiBiZSBkaXNwYXRjaGVkXG4gICAqIGlmIHRoZSBgWE1MSHR0cFJlcXVlc3RgLCB0aGF0IHRyaWVkIHRvIGxvYWQgYW5pbWF0aW9uIGRhdGEgdXNpbmdcbiAgICogcHJvdmlkZWQgYHBhdGhgLCBoYXMgZXJyb3JlZFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBkYXRhRmFpbGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBPcmlnaW5hbCBldmVudCBuYW1lIGlzIGBsb2FkZWRfaW1hZ2VzYC4gYGxvYWRlZF9pbWFnZXNgIGNhbiBiZVxuICAgKiBkaXNwYXRjaGVkIGFmdGVyIGFsbCBhc3NldHMgYXJlIHByZWxvYWRlZFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBsb2FkZWRJbWFnZXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYERPTUxvYWRlZGAuIGBET01Mb2FkZWRgIGlzIGRpc3BhdGNoZWRcbiAgICogd2hlbiBlbGVtZW50cyBoYXZlIGJlZW4gYWRkZWQgdG8gdGhlIERPTVxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBkb21Mb2FkZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIGBkZXN0cm95YCB3aWxsIGJlIGRpc3BhdGNoZWQgaW4gdGhlIGBuZ09uRGVzdHJveWAgaG9vayBvZiB0aGUgc2VydmljZSxcbiAgICogaXQncyB1c2VmdWwgZm9yIHJlbGVhc2luZyByZXNvdXJjZXNcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgZGVzdHJveSA9IG5ldyBFdmVudEVtaXR0ZXI8Qk1EZXN0cm95RXZlbnQ+KCk7XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGxvYWRBbmltYXRpb24oXG4gICAgem9uZTogTmdab25lLFxuICAgIHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBsb3R0aWVFdmVudHNTZXJ2aWNlOiBMb3R0aWVFdmVudHNTZXJ2aWNlLFxuICAgIGNvbnRhaW5lcjogSFRNTEVsZW1lbnQgfCBIVE1MQ2FudmFzRWxlbWVudCxcbiAgICBpbnN0YW5jZTogQmFzZURpcmVjdGl2ZVxuICApOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcihwbGF0Zm9ybUlkKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGFuaW1hdGlvbkl0ZW0gPSBhd2FpdCBsb2FkQW5pbWF0aW9uKHpvbmUsIHRoaXMub3B0aW9ucywgY29udGFpbmVyKTtcbiAgICBsb3R0aWVFdmVudHNTZXJ2aWNlLmFuaW1hdGlvbkNyZWF0ZWQoYW5pbWF0aW9uSXRlbSwgdGhpcy5hbmltYXRpb25DcmVhdGVkKTtcbiAgICBsb3R0aWVFdmVudHNTZXJ2aWNlLnNldEFuaW1hdGlvbkl0ZW1BbmRMb3R0aWVFdmVudExpc3RlbmVycyhhbmltYXRpb25JdGVtLCBpbnN0YW5jZSk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtbG90dGllLyIsInNvdXJjZXMiOlsic3JjL2NvcmUvZGlyZWN0aXZlcy9iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTZCLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQWNoRDtJQUFBO1FBR1MsWUFBTyxHQUF5QixJQUFJLENBQUM7UUFHckMsbUJBQWMsR0FBeUIsSUFBSSxDQUFDO1FBRzVDLFdBQU0sR0FBcUMsSUFBSSxDQUFDO1FBR2hELFVBQUssR0FBVyxtQkFBQSxJQUFJLEVBQUMsQ0FBQztRQUd0QixXQUFNLEdBQVcsbUJBQUEsSUFBSSxFQUFDLENBQUM7UUFHdkIsV0FBTSxHQUFHLEtBQUssQ0FBQzs7OztRQU1OLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDOzs7O1FBTXJELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBbUIsQ0FBQzs7OztRQU0vQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDOzs7O1FBTXZELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBcUIsQ0FBQzs7OztRQU1uRCxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUF1QixDQUFDOzs7OztRQU92RCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3ZDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDOzs7Ozs7UUFRckMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3RDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQzs7Ozs7UUFPeEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7Ozs7O1FBT3JDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQXNCL0QsQ0FBQzs7Ozs7Ozs7Ozs7SUFwQmlCLHFDQUFhOzs7Ozs7Ozs7O0lBQTdCLFVBQ0UsR0FBc0IsRUFDdEIsSUFBWSxFQUNaLFVBQWtCLEVBQ2xCLG1CQUF3QyxFQUN4QyxTQUEwQyxFQUMxQyxRQUF1Qjs7Ozs7O3dCQUV2QixJQUFJLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxFQUFFOzRCQUNoQyxzQkFBTzt5QkFDUjt3QkFFcUIscUJBQU0sYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFBOzt3QkFBbEUsYUFBYSxHQUFHLFNBQWtEO3dCQUN4RSxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7d0JBQzNFLG1CQUFtQixDQUFDLHVDQUF1QyxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQzt3QkFDckYsbUVBQW1FO3dCQUNuRSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7NEJBQ2YsR0FBRyxDQUFDLE1BQU0sRUFBRSxDQUFDO3lCQUNkOzs7OztLQUNGOztnQkFoSEYsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRTs7OzBCQUVoQyxLQUFLO2lDQUdMLEtBQUs7eUJBR0wsS0FBSzt3QkFHTCxLQUFLO3lCQUdMLEtBQUs7eUJBR0wsS0FBSzttQ0FNTCxNQUFNOzJCQU1OLE1BQU07K0JBTU4sTUFBTTs2QkFNTixNQUFNOytCQU1OLE1BQU07OEJBT04sTUFBTTs0QkFPTixNQUFNOzZCQVFOLE1BQU07K0JBT04sTUFBTTs0QkFPTixNQUFNOzBCQU9OLE1BQU07O0lBdUJULG9CQUFDO0NBQUEsQUFqSEQsSUFpSEM7U0FoSFksYUFBYTs7O0lBQ3hCLGdDQUM0Qzs7SUFFNUMsdUNBQ21EOztJQUVuRCwrQkFDdUQ7O0lBRXZELDhCQUM2Qjs7SUFFN0IsK0JBQzhCOztJQUU5QiwrQkFDc0I7Ozs7O0lBS3RCLHlDQUNxRTs7Ozs7SUFLckUsaUNBQytEOzs7OztJQUsvRCxxQ0FDdUU7Ozs7O0lBS3ZFLG1DQUNtRTs7Ozs7SUFLbkUscUNBQ3VFOzs7Ozs7SUFNdkUsb0NBQ3VEOzs7Ozs7SUFNdkQsa0NBQ3FEOzs7Ozs7O0lBT3JELG1DQUNzRDs7Ozs7O0lBTXRELHFDQUN3RDs7Ozs7O0lBTXhELGtDQUNxRDs7Ozs7O0lBTXJELGdDQUM2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBOZ1pvbmUsIENoYW5nZURldGVjdG9yUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpc1BsYXRmb3JtU2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgbG9hZEFuaW1hdGlvbiB9IGZyb20gJy4uLy4uL2ludGVybmFscyc7XG5pbXBvcnQgeyBMb3R0aWVFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvbG90dGllLWV2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7XG4gIExvdHRpZU9wdGlvbnMsXG4gIExvdHRpZUNTU1N0eWxlRGVjbGFyYXRpb24sXG4gIEFuaW1hdGlvbkl0ZW0sXG4gIEJNQ29tcGxldGVFdmVudCxcbiAgQk1Db21wbGV0ZUxvb3BFdmVudCxcbiAgQk1FbnRlckZyYW1lRXZlbnQsXG4gIEJNU2VnbWVudFN0YXJ0RXZlbnQsXG4gIEJNRGVzdHJveUV2ZW50LFxuICBMb3R0aWVDb250YWluZXJDbGFzc1xufSBmcm9tICcuLi8uLi9zeW1ib2xzJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2xvdHRpZV0nIH0pXG5leHBvcnQgY2xhc3MgQmFzZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvcHRpb25zOiBMb3R0aWVPcHRpb25zIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNvbnRhaW5lckNsYXNzOiBMb3R0aWVDb250YWluZXJDbGFzcyA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHN0eWxlczogTG90dGllQ1NTU3R5bGVEZWNsYXJhdGlvbiB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB3aWR0aDogc3RyaW5nID0gbnVsbCE7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGhlaWdodDogc3RyaW5nID0gbnVsbCE7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGRldGFjaCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBgYW5pbWF0aW9uQ3JlYXRlZGAgaXMgZGlzcGF0Y2hlZCBhZnRlciBjYWxsaW5nIGBsb2FkQW5pbWF0aW9uYFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBhbmltYXRpb25DcmVhdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxBbmltYXRpb25JdGVtPigpO1xuXG4gIC8qKlxuICAgKiBgY29tcGxldGVgIGlzIGRpc3BhdGNoZWQgYWZ0ZXIgY29tcGxldGluZyB0aGUgbGFzdCBmcmFtZVxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBjb21wbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8Qk1Db21wbGV0ZUV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBgbG9vcENvbXBsZXRlYCBpcyBkaXNwYXRjaGVkIGFmdGVyIGNvbXBsZXRpbmcgZnJhbWUgbG9vcFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBsb29wQ29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPEJNQ29tcGxldGVMb29wRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIGBlbnRlckZyYW1lYCBpcyBkaXNwYXRjaGVkIGFmdGVyIGVudGVyaW5nIHRoZSBuZXcgZnJhbWVcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgZW50ZXJGcmFtZSA9IG5ldyBFdmVudEVtaXR0ZXI8Qk1FbnRlckZyYW1lRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIGBzZWdtZW50U3RhcnRgIGlzIGRpc3BhdGNoZWQgd2hlbiB0aGUgbmV3IHNlZ21lbnQgaXMgYWRqdXN0ZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgc2VnbWVudFN0YXJ0ID0gbmV3IEV2ZW50RW1pdHRlcjxCTVNlZ21lbnRTdGFydEV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBPcmlnaW5hbCBldmVudCBuYW1lIGlzIGBjb25maWdfcmVhZHlgLiBgY29uZmlnX3JlYWR5YCBpcyBkaXNwYXRjaGVkXG4gICAqIGFmdGVyIHRoZSBuZWVkZWQgcmVuZGVyZXIgaXMgY29uZmlndXJlZFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBjb25maWdSZWFkeSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgZGF0YV9yZWFkeWAuIGBkYXRhX3JlYWR5YCBpcyBkaXNwYXRjaGVkXG4gICAqIHdoZW4gYWxsIHBhcnRzIG9mIHRoZSBhbmltYXRpb24gaGF2ZSBiZWVuIGxvYWRlZFxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBkYXRhUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIE9yaWdpbmFsIGV2ZW50IG5hbWUgaXMgYGRhdGFfZmFpbGVkYC4gYGRhdGFfZmFpbGVkYCBjYW4gYmUgZGlzcGF0Y2hlZFxuICAgKiBpZiB0aGUgYFhNTEh0dHBSZXF1ZXN0YCwgdGhhdCB0cmllZCB0byBsb2FkIGFuaW1hdGlvbiBkYXRhIHVzaW5nXG4gICAqIHByb3ZpZGVkIGBwYXRoYCwgaGFzIGVycm9yZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgZGF0YUZhaWxlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogT3JpZ2luYWwgZXZlbnQgbmFtZSBpcyBgbG9hZGVkX2ltYWdlc2AuIGBsb2FkZWRfaW1hZ2VzYCBjYW4gYmVcbiAgICogZGlzcGF0Y2hlZCBhZnRlciBhbGwgYXNzZXRzIGFyZSBwcmVsb2FkZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgbG9hZGVkSW1hZ2VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBPcmlnaW5hbCBldmVudCBuYW1lIGlzIGBET01Mb2FkZWRgLiBgRE9NTG9hZGVkYCBpcyBkaXNwYXRjaGVkXG4gICAqIHdoZW4gZWxlbWVudHMgaGF2ZSBiZWVuIGFkZGVkIHRvIHRoZSBET01cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgZG9tTG9hZGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBgZGVzdHJveWAgd2lsbCBiZSBkaXNwYXRjaGVkIGluIHRoZSBgbmdPbkRlc3Ryb3lgIGhvb2sgb2YgdGhlIHNlcnZpY2UsXG4gICAqIGl0J3MgdXNlZnVsIGZvciByZWxlYXNpbmcgcmVzb3VyY2VzXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRlc3Ryb3kgPSBuZXcgRXZlbnRFbWl0dGVyPEJNRGVzdHJveUV2ZW50PigpO1xuXG4gIHByb3RlY3RlZCBhc3luYyBsb2FkQW5pbWF0aW9uKFxuICAgIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgem9uZTogTmdab25lLFxuICAgIHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBsb3R0aWVFdmVudHNTZXJ2aWNlOiBMb3R0aWVFdmVudHNTZXJ2aWNlLFxuICAgIGNvbnRhaW5lcjogSFRNTEVsZW1lbnQgfCBIVE1MQ2FudmFzRWxlbWVudCxcbiAgICBpbnN0YW5jZTogQmFzZURpcmVjdGl2ZVxuICApOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoaXNQbGF0Zm9ybVNlcnZlcihwbGF0Zm9ybUlkKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGFuaW1hdGlvbkl0ZW0gPSBhd2FpdCBsb2FkQW5pbWF0aW9uKHpvbmUsIHRoaXMub3B0aW9ucywgY29udGFpbmVyKTtcbiAgICBsb3R0aWVFdmVudHNTZXJ2aWNlLmFuaW1hdGlvbkNyZWF0ZWQoYW5pbWF0aW9uSXRlbSwgdGhpcy5hbmltYXRpb25DcmVhdGVkKTtcbiAgICBsb3R0aWVFdmVudHNTZXJ2aWNlLnNldEFuaW1hdGlvbkl0ZW1BbmRMb3R0aWVFdmVudExpc3RlbmVycyhhbmltYXRpb25JdGVtLCBpbnN0YW5jZSk7XG4gICAgLy8gQmFzaWNhbGx5IG1ha2UgdGhpcyB2aWV3IHN0YXRpYyBhbmQgbmV2ZXIgY2hlY2sgaXQgaW4gdGhlIGZ1dHVyZVxuICAgIGlmICh0aGlzLmRldGFjaCkge1xuICAgICAgcmVmLmRldGFjaCgpO1xuICAgIH1cbiAgfVxufVxuIl19

esm5/src/core/directives/lottie.directive.js

@@ -6,3 +6,3 @@ /**
 import * as tslib_1 from "tslib";
-import { Directive, NgZone, Inject, Self, PLATFORM_ID, ElementRef } from '@angular/core';
+import { Directive, ChangeDetectorRef, NgZone, Inject, Self, PLATFORM_ID, ElementRef } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
@@ -12,4 +12,5 @@ import { BaseDirective } from './base.directive';
     tslib_1.__extends(LottieDirective, _super);
-    function LottieDirective(zone, platformId, lottieEventsService, host) {
+    function LottieDirective(ref, zone, platformId, lottieEventsService, host) {
         var _this = _super.call(this) || this;
+        _this.ref = ref;
         _this.zone = zone;
@@ -28,3 +29,3 @@ _this.platformId = platformId;
     function () {
-        _super.prototype.loadAnimation.call(this, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
+        _super.prototype.loadAnimation.call(this, this.ref, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
     };
@@ -39,2 +40,3 @@ LottieDirective.decorators = [
     LottieDirective.ctorParameters = function () { return [
+        { type: ChangeDetectorRef },
         { type: NgZone },
@@ -53,2 +55,7 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
      */
+    LottieDirective.prototype.ref;
+    /**
+     * @type {?}
+     * @private
+     */
     LottieDirective.prototype.zone;
@@ -71,2 +78,2 @@ /**
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9kaXJlY3RpdmVzL2xvdHRpZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRWpEO0lBSXFDLDJDQUFhO0lBQ2hELHlCQUNtQixJQUFZLEVBQ1MsVUFBa0IsRUFDL0IsbUJBQXdDLEVBQ3hDLElBQTZCO1FBSnhELFlBTUUsaUJBQU8sU0FDUjtRQU5rQixVQUFJLEdBQUosSUFBSSxDQUFRO1FBQ1MsZ0JBQVUsR0FBVixVQUFVLENBQVE7UUFDL0IseUJBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN4QyxVQUFJLEdBQUosSUFBSSxDQUF5Qjs7SUFHeEQsQ0FBQzs7OztJQUVNLGtDQUFROzs7SUFBZjtRQUNFLGlCQUFNLGFBQWEsWUFDakIsSUFBSSxDQUFDLElBQUksRUFDVCxJQUFJLENBQUMsVUFBVSxFQUNmLElBQUksQ0FBQyxtQkFBbUIsRUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQ3ZCLElBQUksQ0FDTCxDQUFDO0lBQ0osQ0FBQzs7Z0JBdEJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQ2pDOzs7O2dCQVIyQixNQUFNOzZDQVk3QixNQUFNLFNBQUMsV0FBVztnQkFWZCxtQkFBbUIsdUJBV3ZCLElBQUk7Z0JBYnNELFVBQVUsdUJBY3BFLElBQUk7O0lBY1Qsc0JBQUM7Q0FBQSxBQXZCRCxDQUlxQyxhQUFhLEdBbUJqRDtTQW5CWSxlQUFlOzs7Ozs7SUFFeEIsK0JBQTZCOzs7OztJQUM3QixxQ0FBd0Q7Ozs7O0lBQ3hELDhDQUFpRTs7Ozs7SUFDakUsK0JBQXNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBPbkluaXQsIE5nWm9uZSwgSW5qZWN0LCBTZWxmLCBQTEFURk9STV9JRCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBMb3R0aWVFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvbG90dGllLWV2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL2Jhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2xvdHRpZV0nLFxuICBwcm92aWRlcnM6IFtMb3R0aWVFdmVudHNTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBMb3R0aWVEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSB6b25lOiBOZ1pvbmUsXG4gICAgQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSByZWFkb25seSBwbGF0Zm9ybUlkOiBzdHJpbmcsXG4gICAgQFNlbGYoKSBwcml2YXRlIHJlYWRvbmx5IGxvdHRpZUV2ZW50c1NlcnZpY2U6IExvdHRpZUV2ZW50c1NlcnZpY2UsXG4gICAgQFNlbGYoKSBwcml2YXRlIHJlYWRvbmx5IGhvc3Q6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubG9hZEFuaW1hdGlvbihcbiAgICAgIHRoaXMuem9uZSxcbiAgICAgIHRoaXMucGxhdGZvcm1JZCxcbiAgICAgIHRoaXMubG90dGllRXZlbnRzU2VydmljZSxcbiAgICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LFxuICAgICAgdGhpc1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG90dGllLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1sb3R0aWUvIiwic291cmNlcyI6WyJzcmMvY29yZS9kaXJlY3RpdmVzL2xvdHRpZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULGlCQUFpQixFQUNqQixNQUFNLEVBQ04sTUFBTSxFQUNOLElBQUksRUFDSixXQUFXLEVBQ1gsVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVqRDtJQUlxQywyQ0FBYTtJQUNoRCx5QkFDbUIsR0FBc0IsRUFDdEIsSUFBWSxFQUNTLFVBQWtCLEVBQy9CLG1CQUF3QyxFQUN4QyxJQUE2QjtRQUx4RCxZQU9FLGlCQUFPLFNBQ1I7UUFQa0IsU0FBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsVUFBSSxHQUFKLElBQUksQ0FBUTtRQUNTLGdCQUFVLEdBQVYsVUFBVSxDQUFRO1FBQy9CLHlCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFDeEMsVUFBSSxHQUFKLElBQUksQ0FBeUI7O0lBR3hELENBQUM7Ozs7SUFFTSxrQ0FBUTs7O0lBQWY7UUFDRSxpQkFBTSxhQUFhLFlBQ2pCLElBQUksQ0FBQyxHQUFHLEVBQ1IsSUFBSSxDQUFDLElBQUksRUFDVCxJQUFJLENBQUMsVUFBVSxFQUNmLElBQUksQ0FBQyxtQkFBbUIsRUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQ3ZCLElBQUksQ0FDTCxDQUFDO0lBQ0osQ0FBQzs7Z0JBeEJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQ2pDOzs7O2dCQWRDLGlCQUFpQjtnQkFDakIsTUFBTTs2Q0FrQkgsTUFBTSxTQUFDLFdBQVc7Z0JBWGQsbUJBQW1CLHVCQVl2QixJQUFJO2dCQWZQLFVBQVUsdUJBZ0JQLElBQUk7O0lBZVQsc0JBQUM7Q0FBQSxBQXpCRCxDQUlxQyxhQUFhLEdBcUJqRDtTQXJCWSxlQUFlOzs7Ozs7SUFFeEIsOEJBQXVDOzs7OztJQUN2QywrQkFBNkI7Ozs7O0lBQzdCLHFDQUF3RDs7Ozs7SUFDeEQsOENBQWlFOzs7OztJQUNqRSwrQkFBc0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIE9uSW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIE5nWm9uZSxcbiAgSW5qZWN0LFxuICBTZWxmLFxuICBQTEFURk9STV9JRCxcbiAgRWxlbWVudFJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTG90dGllRXZlbnRzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2xvdHRpZS1ldmVudHMuc2VydmljZSc7XG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tsb3R0aWVdJyxcbiAgcHJvdmlkZXJzOiBbTG90dGllRXZlbnRzU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgTG90dGllRGlyZWN0aXZlIGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBASW5qZWN0KFBMQVRGT1JNX0lEKSBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtSWQ6IHN0cmluZyxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgbG90dGllRXZlbnRzU2VydmljZTogTG90dGllRXZlbnRzU2VydmljZSxcbiAgICBAU2VsZigpIHByaXZhdGUgcmVhZG9ubHkgaG9zdDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5sb2FkQW5pbWF0aW9uKFxuICAgICAgdGhpcy5yZWYsXG4gICAgICB0aGlzLnpvbmUsXG4gICAgICB0aGlzLnBsYXRmb3JtSWQsXG4gICAgICB0aGlzLmxvdHRpZUV2ZW50c1NlcnZpY2UsXG4gICAgICB0aGlzLmhvc3QubmF0aXZlRWxlbWVudCxcbiAgICAgIHRoaXNcbiAgICApO1xuICB9XG59XG4iXX0=

fesm2015/ngx-lottie.js

 import { __awaiter } from 'tslib';
 import { isPlatformServer, CommonModule } from '@angular/common';
-import { Directive, Input, Output, EventEmitter, Injectable, NgZone, Inject, PLATFORM_ID, Self, ElementRef, Component, ChangeDetectionStrategy, ViewChild, NgModule, defineInjectable, inject } from '@angular/core';
+import { Directive, Input, Output, EventEmitter, Injectable, NgZone, Inject, PLATFORM_ID, ChangeDetectorRef, Self, ElementRef, Component, ChangeDetectionStrategy, ViewChild, NgModule, defineInjectable, inject } from '@angular/core';
 import { TransferState, makeStateKey } from '@angular/platform-browser';
@@ -104,2 +104,3 @@
         this.height = (/** @type {?} */ (null));
+        this.detach = false;
         /**
@@ -159,2 +160,3 @@ * `animationCreated` is dispatched after calling `loadAnimation`
      * @protected
+     * @param {?} ref
      * @param {?} zone
@@ -167,3 +169,3 @@ * @param {?} platformId
      */
-    loadAnimation(zone, platformId, lottieEventsService, container, instance) {
+    loadAnimation(ref, zone, platformId, lottieEventsService, container, instance) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -177,2 +179,6 @@ if (isPlatformServer(platformId)) {
             lottieEventsService.setAnimationItemAndLottieEventListeners(animationItem, instance);
+            // Basically make this view static and never check it in the future
+            if (this.detach) {
+                ref.detach();
+            }
         });
@@ -190,2 +196,3 @@ }
     height: [{ type: Input }],
+    detach: [{ type: Input }],
     animationCreated: [{ type: Output }],
@@ -312,2 +319,3 @@ complete: [{ type: Output }],
     /**
+     * @param {?} ref
      * @param {?} zone
@@ -318,4 +326,5 @@ * @param {?} platformId
      */
-    constructor(zone, platformId, lottieEventsService, host) {
+    constructor(ref, zone, platformId, lottieEventsService, host) {
         super();
+        this.ref = ref;
         this.zone = zone;
@@ -330,3 +339,3 @@ this.platformId = platformId;
     ngOnInit() {
-        super.loadAnimation(this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
+        super.loadAnimation(this.ref, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
     }
@@ -342,2 +351,3 @@ }
 LottieDirective.ctorParameters = () => [
+    { type: ChangeDetectorRef },
     { type: NgZone },
@@ -355,2 +365,3 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
     /**
+     * @param {?} ref
      * @param {?} zone
@@ -360,4 +371,5 @@ * @param {?} platformId
      */
-    constructor(zone, platformId, lottieEventsService) {
+    constructor(ref, zone, platformId, lottieEventsService) {
         super();
+        this.ref = ref;
         this.zone = zone;
@@ -372,3 +384,3 @@ this.platformId = platformId;
     ngOnInit() {
-        super.loadAnimation(this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
+        super.loadAnimation(this.ref, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
     }
@@ -395,2 +407,3 @@ }
 LottieComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
     { type: NgZone },
@@ -397,0 +410,0 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },

fesm5/ngx-lottie.js

 import { isPlatformServer, CommonModule } from '@angular/common';
-import { __values, __read, __awaiter, __generator, __extends } from 'tslib';
-import { Directive, Input, Output, EventEmitter, Injectable, NgZone, Inject, PLATFORM_ID, Self, ElementRef, Component, ChangeDetectionStrategy, ViewChild, NgModule, defineInjectable, inject } from '@angular/core';
+import { __awaiter, __generator, __values, __read, __extends } from 'tslib';
+import { Directive, Input, Output, EventEmitter, Injectable, NgZone, Inject, PLATFORM_ID, ChangeDetectorRef, Self, ElementRef, Component, ChangeDetectionStrategy, ViewChild, NgModule, defineInjectable, inject } from '@angular/core';
 import { TransferState, makeStateKey } from '@angular/platform-browser';
@@ -111,2 +111,3 @@
         this.height = (/** @type {?} */ (null));
+        this.detach = false;
         /**
@@ -166,2 +167,3 @@ * `animationCreated` is dispatched after calling `loadAnimation`
      * @protected
+     * @param {?} ref
      * @param {?} zone
@@ -176,2 +178,3 @@ * @param {?} platformId
      * @protected
+     * @param {?} ref
      * @param {?} zone
@@ -184,3 +187,3 @@ * @param {?} platformId
      */
-    function (zone, platformId, lottieEventsService, container, instance) {
+    function (ref, zone, platformId, lottieEventsService, container, instance) {
         return __awaiter(this, void 0, void 0, function () {
@@ -199,2 +202,6 @@ var animationItem;
                         lottieEventsService.setAnimationItemAndLottieEventListeners(animationItem, instance);
+                        // Basically make this view static and never check it in the future
+                        if (this.detach) {
+                            ref.detach();
+                        }
                         return [2 /*return*/];
@@ -214,2 +221,3 @@ }
         height: [{ type: Input }],
+        detach: [{ type: Input }],
         animationCreated: [{ type: Output }],
@@ -382,4 +390,5 @@ complete: [{ type: Output }],
     __extends(LottieDirective, _super);
-    function LottieDirective(zone, platformId, lottieEventsService, host) {
+    function LottieDirective(ref, zone, platformId, lottieEventsService, host) {
         var _this = _super.call(this) || this;
+        _this.ref = ref;
         _this.zone = zone;
@@ -398,3 +407,3 @@ _this.platformId = platformId;
     function () {
-        _super.prototype.loadAnimation.call(this, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
+        _super.prototype.loadAnimation.call(this, this.ref, this.zone, this.platformId, this.lottieEventsService, this.host.nativeElement, this);
     };
@@ -409,2 +418,3 @@ LottieDirective.decorators = [
     LottieDirective.ctorParameters = function () { return [
+        { type: ChangeDetectorRef },
         { type: NgZone },
@@ -424,4 +434,5 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
     __extends(LottieComponent, _super);
-    function LottieComponent(zone, platformId, lottieEventsService) {
+    function LottieComponent(ref, zone, platformId, lottieEventsService) {
         var _this = _super.call(this) || this;
+        _this.ref = ref;
         _this.zone = zone;
@@ -440,3 +451,3 @@ _this.platformId = platformId;
     function () {
-        _super.prototype.loadAnimation.call(this, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
+        _super.prototype.loadAnimation.call(this, this.ref, this.zone, this.platformId, this.lottieEventsService, this.container.nativeElement, this);
     };
@@ -453,2 +464,3 @@ LottieComponent.decorators = [
     LottieComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef },
         { type: NgZone },
@@ -455,0 +467,0 @@ { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },

ngx-lottie.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"LottieModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}]}]}],"members":{}},"LottieDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[lottie]","providers":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":12,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":13,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":14,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":11,"character":27},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":46,"context":{"typeName":"HTMLElement"},"module":"./src/core/directives/lottie.directive"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LottieComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ng-lottie","template":"\n    <div\n      #container\n      [style.width.px]=\"width\"\n      [style.height.px]=\"height\"\n      style=\"margin: 0 auto\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"containerClass\"\n    ></div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":36,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":37,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":35,"character":27},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LottieTransferState":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"TransferState","line":8,"character":29}]}],"get":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"LottieOptions":{"__symbolic":"interface"},"Lottie":{"__symbolic":"interface"},"AnimationItem":{"__symbolic":"interface"},"BMEnterFrameEvent":{"__symbolic":"interface"},"BMCompleteLoopEvent":{"__symbolic":"interface"},"BMCompleteEvent":{"__symbolic":"interface"},"BMSegmentStartEvent":{"__symbolic":"interface"},"BMDestroyEvent":{"__symbolic":"interface"},"LottieEvent":{"__symbolic":"interface"},"LottieCSSStyleDeclaration":{"__symbolic":"interface"},"LottieContainerClass":{"__symbolic":"interface"},"AnimationFilename":{"__symbolic":"interface"},"transformAnimationFilenameToKey":{"__symbolic":"function","parameters":["animation"],"value":{"__symbolic":"binop","operator":"+","left":"animation-","right":{"__symbolic":"index","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"animation"},"member":"split"},"arguments":[".json"]},"index":0}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[lottie]"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"animationCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"complete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"loopComplete":[{"__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":55,"character":3}}]}],"segmentStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"configReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"dataReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"dataFailed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"loadedImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"domLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"loadAnimation":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":19,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":18,"character":27},{"__symbolic":"reference","name":"string"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"animationCreated":[{"__symbolic":"method"}],"setAnimationItemAndLottieEventListeners":[{"__symbolic":"method"}],"setupLottieEventListeners":[{"__symbolic":"method"}],"setupLottieEventListener":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}}},"origins":{"LottieModule":"./src/lottie.module","LottieDirective":"./src/core/directives/lottie.directive","LottieComponent":"./src/core/components/lottie.component","LottieTransferState":"./src/core/services/lottie-transfer-state","LottieOptions":"./src/symbols","Lottie":"./src/symbols","AnimationItem":"./src/symbols","BMEnterFrameEvent":"./src/symbols","BMCompleteLoopEvent":"./src/symbols","BMCompleteEvent":"./src/symbols","BMSegmentStartEvent":"./src/symbols","BMDestroyEvent":"./src/symbols","LottieEvent":"./src/symbols","LottieCSSStyleDeclaration":"./src/symbols","LottieContainerClass":"./src/symbols","AnimationFilename":"./src/symbols","transformAnimationFilenameToKey":"./src/utils","ɵa":"./src/core/directives/base.directive","ɵb":"./src/core/services/lottie-events.service"},"importAs":"ngx-lottie"}
+{"__symbolic":"module","version":4,"metadata":{"LottieModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}]}]}],"members":{}},"LottieDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[lottie]","providers":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":22,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":23,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":24,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":20,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":21,"character":27},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":24,"character":46,"context":{"typeName":"HTMLElement"},"module":"./src/core/directives/lottie.directive"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LottieComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"ng-lottie","template":"\n    <div\n      #container\n      [style.width.px]=\"width\"\n      [style.height.px]=\"height\"\n      style=\"margin: 0 auto\"\n      [ngStyle]=\"styles\"\n      [ngClass]=\"containerClass\"\n    ></div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":38,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":39,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":36,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":37,"character":27},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LottieTransferState":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"TransferState","line":8,"character":29}]}],"get":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"LottieOptions":{"__symbolic":"interface"},"Lottie":{"__symbolic":"interface"},"AnimationItem":{"__symbolic":"interface"},"BMEnterFrameEvent":{"__symbolic":"interface"},"BMCompleteLoopEvent":{"__symbolic":"interface"},"BMCompleteEvent":{"__symbolic":"interface"},"BMSegmentStartEvent":{"__symbolic":"interface"},"BMDestroyEvent":{"__symbolic":"interface"},"LottieEvent":{"__symbolic":"interface"},"LottieCSSStyleDeclaration":{"__symbolic":"interface"},"LottieContainerClass":{"__symbolic":"interface"},"AnimationFilename":{"__symbolic":"interface"},"transformAnimationFilenameToKey":{"__symbolic":"function","parameters":["animation"],"value":{"__symbolic":"binop","operator":"+","left":"animation-","right":{"__symbolic":"index","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"animation"},"member":"split"},"arguments":[".json"]},"index":0}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[lottie]"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"detach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"animationCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"complete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"loopComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"enterFrame":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"segmentStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"configReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"dataReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"dataFailed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"loadedImages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"domLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":107,"character":3}}]}],"loadAnimation":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":19,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":18,"character":27},{"__symbolic":"reference","name":"string"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"animationCreated":[{"__symbolic":"method"}],"setAnimationItemAndLottieEventListeners":[{"__symbolic":"method"}],"setupLottieEventListeners":[{"__symbolic":"method"}],"setupLottieEventListener":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}}},"origins":{"LottieModule":"./src/lottie.module","LottieDirective":"./src/core/directives/lottie.directive","LottieComponent":"./src/core/components/lottie.component","LottieTransferState":"./src/core/services/lottie-transfer-state","LottieOptions":"./src/symbols","Lottie":"./src/symbols","AnimationItem":"./src/symbols","BMEnterFrameEvent":"./src/symbols","BMCompleteLoopEvent":"./src/symbols","BMCompleteEvent":"./src/symbols","BMSegmentStartEvent":"./src/symbols","BMDestroyEvent":"./src/symbols","LottieEvent":"./src/symbols","LottieCSSStyleDeclaration":"./src/symbols","LottieContainerClass":"./src/symbols","AnimationFilename":"./src/symbols","transformAnimationFilenameToKey":"./src/utils","ɵa":"./src/core/directives/base.directive","ɵb":"./src/core/services/lottie-events.service"},"importAs":"ngx-lottie"}

package.json

 {
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
   "name": "ngx-lottie",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "repository": {
@@ -6,0 +6,0 @@ "type": "git",

README.md

@@ -155,2 +155,3 @@ <h1 align="center">
 | containerClass | `LottieContainerClass` | optional | `null` | Custom class applied to the container
+| detach | `boolean` | optional | `false` | Determines whether to detach view from the change-detection tree or not
 
@@ -179,2 +180,10 @@ ### Events
 
+Also you can provide a `detach` binding:
+
+```html
+<ng-lottie [options]="options" [detach]="true"></ng-lottie>
+```
+
+This will tell `ng-lottie` component or `lottie` directive to detach its view from the change-detection tree, so this component or directive will never be checked.
+
 ## Server side rendering
@@ -181,0 +190,0 @@

src/core/components/lottie.component.d.ts

@@ -1,5 +0,6 @@
-import { OnInit, NgZone, ElementRef } from '@angular/core';
+import { OnInit, ChangeDetectorRef, NgZone, ElementRef } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
 import { BaseDirective } from '../directives/base.directive';
 export declare class LottieComponent extends BaseDirective implements OnInit {
+    private readonly ref;
     private readonly zone;
@@ -9,4 +10,4 @@ private readonly platformId;
     container: ElementRef<HTMLElement>;
-    constructor(zone: NgZone, platformId: string, lottieEventsService: LottieEventsService);
+    constructor(ref: ChangeDetectorRef, zone: NgZone, platformId: string, lottieEventsService: LottieEventsService);
     ngOnInit(): void;
 }

src/core/directives/base.directive.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter, NgZone } from '@angular/core';
+import { EventEmitter, NgZone, ChangeDetectorRef } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
@@ -10,2 +10,3 @@ import { LottieOptions, LottieCSSStyleDeclaration, AnimationItem, BMCompleteEvent, BMCompleteLoopEvent, BMEnterFrameEvent, BMSegmentStartEvent, BMDestroyEvent, LottieContainerClass } from '../../symbols';
     height: string;
+    detach: boolean;
     /**
@@ -62,3 +63,3 @@ * `animationCreated` is dispatched after calling `loadAnimation`
     readonly destroy: EventEmitter<BMDestroyEvent>;
-    protected loadAnimation(zone: NgZone, platformId: string, lottieEventsService: LottieEventsService, container: HTMLElement | HTMLCanvasElement, instance: BaseDirective): Promise<void>;
+    protected loadAnimation(ref: ChangeDetectorRef, zone: NgZone, platformId: string, lottieEventsService: LottieEventsService, container: HTMLElement | HTMLCanvasElement, instance: BaseDirective): Promise<void>;
 }

src/core/directives/lottie.directive.d.ts

@@ -1,5 +0,6 @@
-import { OnInit, NgZone, ElementRef } from '@angular/core';
+import { OnInit, ChangeDetectorRef, NgZone, ElementRef } from '@angular/core';
 import { LottieEventsService } from '../services/lottie-events.service';
 import { BaseDirective } from './base.directive';
 export declare class LottieDirective extends BaseDirective implements OnInit {
+    private readonly ref;
     private readonly zone;
@@ -9,4 +10,4 @@ private readonly platformId;
     private readonly host;
-    constructor(zone: NgZone, platformId: string, lottieEventsService: LottieEventsService, host: ElementRef<HTMLElement>);
+    constructor(ref: ChangeDetectorRef, zone: NgZone, platformId: string, lottieEventsService: LottieEventsService, host: ElementRef<HTMLElement>);
     ngOnInit(): void;
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

422569

increased by2.11%

Lines of code

4813

increased by1.91%

Number of lines in readme file

277

increased by3.36%

No dependency changes