ngx-lottie - npm Package Compare versions

Comparing version 7.0.4-beta to 7.0.4

bundles/ngx-lottie.umd.js

@@ -344,3 +344,3 @@ (function (global, factory) {
 
-    function streamifyPlayerOrLoader(player) {
+    function convertPlayerOrLoaderToObservable(player) {
         var playerOrLoader = player();
@@ -358,3 +358,3 @@ if (playerOrLoader instanceof Promise) {
             this.options = options;
-            this.player$ = streamifyPlayerOrLoader(this.options.player).pipe(operators.observeOn(rxjs.animationFrameScheduler));
+            this.player$ = convertPlayerOrLoaderToObservable(this.options.player).pipe(operators.observeOn(rxjs.animationFrameScheduler));
         }
@@ -647,2 +647,5 @@ AnimationLoader.prototype.loadAnimation = function (options) {
         }
+        CacheableAnimationLoader.prototype.ngOnDestroy = function () {
+            this.cache.clear();
+        };
         CacheableAnimationLoader.prototype.loadAnimation = function (options) {
@@ -753,2 +756,3 @@ var _this = this;
 
+    exports.AnimationLoader = AnimationLoader;
     exports.BaseDirective = BaseDirective;
@@ -762,4 +766,3 @@ exports.LottieCacheModule = LottieCacheModule;
     exports.ɵb = LOTTIE_OPTIONS;
-    exports.ɵc = AnimationLoader;
-    exports.ɵd = CacheableAnimationLoader;
+    exports.ɵc = CacheableAnimationLoader;
 
@@ -766,0 +769,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

esm2015/index.js

@@ -6,2 +6,3 @@ /**
 export { LottieCacheModule } from './lib/cacheable-animation-loader/lottie-cache.module';
+export { AnimationLoader } from './lib/animation-loader';
 export { BaseDirective } from './lib/base.directive';
@@ -8,0 +9,0 @@ export { LottieDirective } from './lib/lottie.directive';

esm2015/index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./lib/lottie.module","export":["LottieModule"]},{"from":"./lib/cacheable-animation-loader/lottie-cache.module","export":["LottieCacheModule"]},{"from":"./lib/base.directive","export":["BaseDirective"]},{"from":"./lib/lottie.directive","export":["LottieDirective"]},{"from":"./lib/lottie.component","export":["LottieComponent"]},{"from":"./lib/transfer-state","export":["LottieTransferState"]},{"from":"./lib/symbols","export":["BMEnterFrameEvent","BMCompleteLoopEvent","BMCompleteEvent","BMSegmentStartEvent","BMDestroyEvent","BMRenderFrameErrorEvent","BMConfigErrorEvent","AnimationOptions","AnimationFilename"]},{"from":"./lib/server","export":["transformAnimationFilenameToKey"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./lib/lottie.module","export":["LottieModule"]},{"from":"./lib/cacheable-animation-loader/lottie-cache.module","export":["LottieCacheModule"]},{"from":"./lib/animation-loader","export":["AnimationLoader"]},{"from":"./lib/base.directive","export":["BaseDirective"]},{"from":"./lib/lottie.directive","export":["LottieDirective"]},{"from":"./lib/lottie.component","export":["LottieComponent"]},{"from":"./lib/transfer-state","export":["LottieTransferState"]},{"from":"./lib/symbols","export":["BMEnterFrameEvent","BMCompleteLoopEvent","BMCompleteEvent","BMSegmentStartEvent","BMDestroyEvent","BMRenderFrameErrorEvent","BMConfigErrorEvent","AnimationOptions","AnimationFilename"]},{"from":"./lib/server","export":["transformAnimationFilenameToKey"]}]}]

esm2015/lib/animation-loader.js

@@ -5,3 +5,3 @@ import { Injectable, NgZone, Inject } from '@angular/core';
 import { LOTTIE_OPTIONS, } from './symbols';
-function streamifyPlayerOrLoader(player) {
+function convertPlayerOrLoaderToObservable(player) {
     const playerOrLoader = player();
@@ -19,3 +19,3 @@ if (playerOrLoader instanceof Promise) {
         this.options = options;
-        this.player$ = streamifyPlayerOrLoader(this.options.player).pipe(observeOn(animationFrameScheduler));
+        this.player$ = convertPlayerOrLoaderToObservable(this.options.player).pipe(observeOn(animationFrameScheduler));
     }
@@ -22,0 +22,0 @@ loadAnimation(options) {

esm2015/lib/animation-loader.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AnimationLoader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":30,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":39},"arguments":[{"__symbolic":"reference","module":"./symbols","name":"LOTTIE_OPTIONS","line":36,"character":46}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":36,"character":30},{"__symbolic":"reference","module":"./symbols","name":"LottieOptions","line":36,"character":79}]}],"loadAnimation":[{"__symbolic":"method"}],"resolveOptions":[{"__symbolic":"method"}],"createAnimationItem":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AnimationLoader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":32,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":39},"arguments":[{"__symbolic":"reference","module":"./symbols","name":"LOTTIE_OPTIONS","line":38,"character":46}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":38,"character":30},{"__symbolic":"reference","module":"./symbols","name":"LottieOptions","line":38,"character":79}]}],"loadAnimation":[{"__symbolic":"method"}],"resolveOptions":[{"__symbolic":"method"}],"createAnimationItem":[{"__symbolic":"method"}]}}}}]

esm2015/lib/cacheable-animation-loader/cacheable-animation-loader.js

@@ -9,2 +9,5 @@ import { Injectable } from '@angular/core';
     }
+    ngOnDestroy() {
+        this.cache.clear();
+    }
     loadAnimation(options) {
@@ -11,0 +14,0 @@ return this.player$.pipe(map(player => {

esm2015/lib/cacheable-animation-loader/cacheable-animation-loader.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CacheableAnimationLoader":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../animation-loader","name":"AnimationLoader","line":7,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"loadAnimation":[{"__symbolic":"method"}],"awaitConfigAndCache":[{"__symbolic":"method"}],"transformOptions":[{"__symbolic":"method"}],"isAnimationConfigWithPath":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CacheableAnimationLoader":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../animation-loader","name":"AnimationLoader","line":7,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"loadAnimation":[{"__symbolic":"method"}],"awaitConfigAndCache":[{"__symbolic":"method"}],"transformOptions":[{"__symbolic":"method"}],"isAnimationConfigWithPath":[{"__symbolic":"method"}]}}}}]

esm2015/ngx-lottie.js

@@ -5,5 +5,4 @@ /**
 export * from './index';
-export { AnimationLoader as ɵc } from './lib/animation-loader';
-export { CacheableAnimationLoader as ɵd } from './lib/cacheable-animation-loader/cacheable-animation-loader';
+export { CacheableAnimationLoader as ɵc } from './lib/cacheable-animation-loader/cacheable-animation-loader';
 export { LOTTIE_OPTIONS as ɵb } from './lib/symbols';
 //# sourceMappingURL=ngx-lottie.js.map

esm2015/ngx-lottie.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./index"},{"from":"./lib/animation-loader","export":[{"name":"AnimationLoader","as":"ɵc"}]},{"from":"./lib/cacheable-animation-loader/cacheable-animation-loader","export":[{"name":"CacheableAnimationLoader","as":"ɵd"}]},{"from":"./lib/symbols","export":[{"name":"LOTTIE_OPTIONS","as":"ɵb"},{"name":"LottieOptions","as":"ɵa"}]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./index"},{"from":"./lib/cacheable-animation-loader/cacheable-animation-loader","export":[{"name":"CacheableAnimationLoader","as":"ɵc"}]},{"from":"./lib/symbols","export":[{"name":"LOTTIE_OPTIONS","as":"ɵb"},{"name":"LottieOptions","as":"ɵa"}]}]}]

fesm2015/ngx-lottie.js

@@ -11,3 +11,3 @@ import * as i0 from '@angular/core';
 
-function streamifyPlayerOrLoader(player) {
+function convertPlayerOrLoaderToObservable(player) {
     const playerOrLoader = player();
@@ -25,3 +25,3 @@ if (playerOrLoader instanceof Promise) {
         this.options = options;
-        this.player$ = streamifyPlayerOrLoader(this.options.player).pipe(observeOn(animationFrameScheduler));
+        this.player$ = convertPlayerOrLoaderToObservable(this.options.player).pipe(observeOn(animationFrameScheduler));
     }
@@ -300,2 +300,5 @@ loadAnimation(options) {
     }
+    ngOnDestroy() {
+        this.cache.clear();
+    }
     loadAnimation(options) {
@@ -399,3 +402,3 @@ return this.player$.pipe(map(player => {
 
-export { BaseDirective, LottieCacheModule, LottieComponent, LottieDirective, LottieModule, LottieTransferState, transformAnimationFilenameToKey, LOTTIE_OPTIONS as ɵb, AnimationLoader as ɵc, CacheableAnimationLoader as ɵd };
+export { AnimationLoader, BaseDirective, LottieCacheModule, LottieComponent, LottieDirective, LottieModule, LottieTransferState, transformAnimationFilenameToKey, LOTTIE_OPTIONS as ɵb, CacheableAnimationLoader as ɵc };
 //# sourceMappingURL=ngx-lottie.js.map

index.d.ts

@@ -6,2 +6,3 @@ /**
 export { LottieCacheModule } from './lib/cacheable-animation-loader/lottie-cache.module';
+export { AnimationLoader } from './lib/animation-loader';
 export { BaseDirective } from './lib/base.directive';
@@ -8,0 +9,0 @@ export { LottieDirective } from './lib/lottie.directive';

lib/cacheable-animation-loader/cacheable-animation-loader.d.ts

@@ -0,5 +1,7 @@
+import { OnDestroy } from '@angular/core';
 import { AnimationLoader } from '../animation-loader';
 import { AnimationConfigWithData, AnimationConfigWithPath } from '../symbols';
-export declare class CacheableAnimationLoader extends AnimationLoader {
+export declare class CacheableAnimationLoader extends AnimationLoader implements OnDestroy {
     private cache;
+    ngOnDestroy(): void;
     loadAnimation(options: AnimationConfigWithData | AnimationConfigWithPath): import("rxjs").Observable<import("lottie-web").AnimationItem>;
@@ -6,0 +8,0 @@ private awaitConfigAndCache;

ngx-lottie.d.ts

@@ -5,4 +5,3 @@ /**
 export * from './index';
-export { AnimationLoader as ɵc } from './lib/animation-loader';
-export { CacheableAnimationLoader as ɵd } from './lib/cacheable-animation-loader/cacheable-animation-loader';
+export { CacheableAnimationLoader as ɵc } from './lib/cacheable-animation-loader/cacheable-animation-loader';
 export { LOTTIE_OPTIONS as ɵb, LottieOptions as ɵa } from './lib/symbols';

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":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"declarations":[{"__symbolic":"reference","name":"BaseDirective"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}],"exports":[{"__symbolic":"reference","name":"BaseDirective"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"LottieModule"},"providers":[{"__symbolic":"reference","name":"ɵc"},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"reference","name":"options"}}]}}}},"LottieCacheModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1}}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LottieCacheModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵc"},"useClass":{"__symbolic":"reference","name":"ɵd"}}]}}}},"BaseDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":29,"character":1},"arguments":[{"selector":"[lottie]"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"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":45,"character":3}}]}],"loopComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"enterFrame":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"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":74,"character":3}}]}],"domLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":101,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":100,"character":20},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"loadAnimation":[{"__symbolic":"method"}],"getAnimationItem":[{"__symbolic":"method"}],"awaitAnimationItemAndStartListening":[{"__symbolic":"method"}],"setupLoadAnimationListener":[{"__symbolic":"method"}],"destroyAnimation":[{"__symbolic":"method"}]}},"LottieDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseDirective"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[lottie]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":18,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":19,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":17,"character":12},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":37,"context":{"typeName":"HTMLElement"},"module":"./lib/lottie.directive"}]},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"LottieComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseDirective"},"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]=\"width || '100%'\"\n      [style.height]=\"height || '100%'\"\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"}}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["container",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":37,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":36,"character":12},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnChanges":[{"__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":37}]}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":95,"character":34},"arguments":["LottieOptions"]},"BMEnterFrameEvent":{"__symbolic":"interface"},"BMCompleteLoopEvent":{"__symbolic":"interface"},"BMCompleteEvent":{"__symbolic":"interface"},"BMSegmentStartEvent":{"__symbolic":"interface"},"BMDestroyEvent":{"__symbolic":"interface"},"BMRenderFrameErrorEvent":{"__symbolic":"interface"},"BMConfigErrorEvent":{"__symbolic":"interface"},"AnimationOptions":{"__symbolic":"interface"},"AnimationFilename":{"__symbolic":"interface"},"transformAnimationFilenameToKey":{"__symbolic":"function"},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":30,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":39},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":36,"character":30},{"__symbolic":"reference","name":"ɵa"}]}],"loadAnimation":[{"__symbolic":"method"}],"resolveOptions":[{"__symbolic":"method"}],"createAnimationItem":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"loadAnimation":[{"__symbolic":"method"}],"awaitConfigAndCache":[{"__symbolic":"method"}],"transformOptions":[{"__symbolic":"method"}],"isAnimationConfigWithPath":[{"__symbolic":"method"}]}}},"origins":{"LottieModule":"./lib/lottie.module","LottieCacheModule":"./lib/cacheable-animation-loader/lottie-cache.module","BaseDirective":"./lib/base.directive","LottieDirective":"./lib/lottie.directive","LottieComponent":"./lib/lottie.component","LottieTransferState":"./lib/transfer-state","ɵa":"./lib/symbols","ɵb":"./lib/symbols","BMEnterFrameEvent":"./lib/symbols","BMCompleteLoopEvent":"./lib/symbols","BMCompleteEvent":"./lib/symbols","BMSegmentStartEvent":"./lib/symbols","BMDestroyEvent":"./lib/symbols","BMRenderFrameErrorEvent":"./lib/symbols","BMConfigErrorEvent":"./lib/symbols","AnimationOptions":"./lib/symbols","AnimationFilename":"./lib/symbols","transformAnimationFilenameToKey":"./lib/server","ɵc":"./lib/animation-loader","ɵd":"./lib/cacheable-animation-loader/cacheable-animation-loader"},"importAs":"ngx-lottie"}
+{"__symbolic":"module","version":4,"metadata":{"LottieModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"declarations":[{"__symbolic":"reference","name":"BaseDirective"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}],"exports":[{"__symbolic":"reference","name":"BaseDirective"},{"__symbolic":"reference","name":"LottieDirective"},{"__symbolic":"reference","name":"LottieComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"LottieModule"},"providers":[{"__symbolic":"reference","name":"AnimationLoader"},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"reference","name":"options"}}]}}}},"LottieCacheModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1}}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LottieCacheModule"},"providers":[{"provide":{"__symbolic":"reference","name":"AnimationLoader"},"useClass":{"__symbolic":"reference","name":"ɵc"}}]}}}},"AnimationLoader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":32,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":39},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":38,"character":30},{"__symbolic":"reference","name":"ɵa"}]}],"loadAnimation":[{"__symbolic":"method"}],"resolveOptions":[{"__symbolic":"method"}],"createAnimationItem":[{"__symbolic":"method"}]}},"BaseDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":29,"character":1},"arguments":[{"selector":"[lottie]"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"containerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"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":45,"character":3}}]}],"loopComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"enterFrame":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"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":74,"character":3}}]}],"domLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":101,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":100,"character":20},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"AnimationLoader"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"loadAnimation":[{"__symbolic":"method"}],"getAnimationItem":[{"__symbolic":"method"}],"awaitAnimationItemAndStartListening":[{"__symbolic":"method"}],"setupLoadAnimationListener":[{"__symbolic":"method"}],"destroyAnimation":[{"__symbolic":"method"}]}},"LottieDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseDirective"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[lottie]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":18,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":19,"character":5}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":17,"character":12},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":37,"context":{"typeName":"HTMLElement"},"module":"./lib/lottie.directive"}]},{"__symbolic":"reference","name":"AnimationLoader"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"LottieComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseDirective"},"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]=\"width || '100%'\"\n      [style.height]=\"height || '100%'\"\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"}}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["container",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":37,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":36,"character":12},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"AnimationLoader"}]}],"ngOnChanges":[{"__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":37}]}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":95,"character":34},"arguments":["LottieOptions"]},"BMEnterFrameEvent":{"__symbolic":"interface"},"BMCompleteLoopEvent":{"__symbolic":"interface"},"BMCompleteEvent":{"__symbolic":"interface"},"BMSegmentStartEvent":{"__symbolic":"interface"},"BMDestroyEvent":{"__symbolic":"interface"},"BMRenderFrameErrorEvent":{"__symbolic":"interface"},"BMConfigErrorEvent":{"__symbolic":"interface"},"AnimationOptions":{"__symbolic":"interface"},"AnimationFilename":{"__symbolic":"interface"},"transformAnimationFilenameToKey":{"__symbolic":"function"},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AnimationLoader"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"loadAnimation":[{"__symbolic":"method"}],"awaitConfigAndCache":[{"__symbolic":"method"}],"transformOptions":[{"__symbolic":"method"}],"isAnimationConfigWithPath":[{"__symbolic":"method"}]}}},"origins":{"LottieModule":"./lib/lottie.module","LottieCacheModule":"./lib/cacheable-animation-loader/lottie-cache.module","AnimationLoader":"./lib/animation-loader","BaseDirective":"./lib/base.directive","LottieDirective":"./lib/lottie.directive","LottieComponent":"./lib/lottie.component","LottieTransferState":"./lib/transfer-state","ɵa":"./lib/symbols","ɵb":"./lib/symbols","BMEnterFrameEvent":"./lib/symbols","BMCompleteLoopEvent":"./lib/symbols","BMCompleteEvent":"./lib/symbols","BMSegmentStartEvent":"./lib/symbols","BMDestroyEvent":"./lib/symbols","BMRenderFrameErrorEvent":"./lib/symbols","BMConfigErrorEvent":"./lib/symbols","AnimationOptions":"./lib/symbols","AnimationFilename":"./lib/symbols","transformAnimationFilenameToKey":"./lib/server","ɵc":"./lib/cacheable-animation-loader/cacheable-animation-loader"},"importAs":"ngx-lottie"}

package.json

 {
   "name": "ngx-lottie",
-  "version": "7.0.4-beta+exp.sha.4334b8f",
+  "version": "7.0.4",
   "repository": {
@@ -5,0 +5,0 @@ "type": "git",

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

240046

increased by0.43%

Lines of code

2019

increased by0.55%

Number of low quality alerts

0

decreased by-100%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes