@aarsteinmedia/dotlottie-player 2.1.8 → 2.2.0

package/dist/esm/index.js

@@ -36,7 +36,6 @@ var PlayerEvents;
 })(PlayerEvents || (PlayerEvents = {}));
 class CustomError extends Error {
 }
-
 const addExt = (ext, str)=>{
     if (!str) return;
     if (getExt(str)) {
@@ -298,7 +297,7 @@ const addExt = (ext, str)=>{
 };
 
 var name = "@aarsteinmedia/dotlottie-player";
-var version = "2.1.8";
+var version = "2.2.0";
 var description = "Web Component for playing Lottie animations in your web app. Previously @johanaarstein/dotlottie-player";
 var exports = {
 	".": {
@@ -429,13 +428,13 @@ function _ts_decorate(decorators, target, key, desc) {
 }
 class DotLottiePlayer extends LitElement {
     _getOptions() {
-        const preserveAspectRatio = this.preserveAspectRatio ?? (this.objectfit && aspectRatio(this.objectfit)), initialSegment = !this.segment || this.segment.some((val)=>val < 0) ? undefined : this.segment.every((val)=>val > 0) ? [
+        const preserveAspectRatio = this.preserveAspectRatio ?? (this.objectfit && aspectRatio(this.objectfit)), currentAnimation = this._manifest.animations[this._currentAnimation], loop = this.loop !== undefined ? !!this.loop : currentAnimation.loop !== undefined && !!currentAnimation.loop, autoplay = this.autoplay !== undefined ? !!this.autoplay : currentAnimation.autoplay !== undefined && !!currentAnimation.autoplay, initialSegment = !this.segment || this.segment.some((val)=>val < 0) ? undefined : this.segment.every((val)=>val > 0) ? [
             this.segment[0] - 1,
             this.segment[1] - 1
         ] : this.segment, options = {
             container: this.container,
-            loop: !!this.loop,
-            autoplay: !!this.autoplay,
+            loop,
+            autoplay,
             renderer: this.renderer,
             initialSegment,
             rendererSettings: {

package/dist/index.d.ts

@@ -3,34 +3,6 @@ import { LitElement, CSSResult } from 'lit';
 import { AnimationDirection, RendererType, AnimationSegment, AnimationItem } from 'lottie-web';
 import { RefObject, CSSProperties } from 'react';
 
-declare enum PlayerState {
-    Completed = "completed",
-    Destroyed = "destroyed",
-    Error = "error",
-    Frozen = "frozen",
-    Loading = "loading",
-    Paused = "paused",
-    Playing = "playing",
-    Stopped = "stopped"
-}
-declare enum PlayMode {
-    Bounce = "bounce",
-    Normal = "normal"
-}
-declare enum PlayerEvents {
-    Complete = "complete",
-    Destroyed = "destroyed",
-    Error = "error",
-    Frame = "frame",
-    Freeze = "freeze",
-    Load = "load",
-    Loop = "loop",
-    Pause = "pause",
-    Play = "play",
-    Ready = "ready",
-    Rendered = "rendered",
-    Stop = "stop"
-}
 interface LottieAsset {
     e: 0 | 1;
     id: string;
@@ -98,6 +70,35 @@ declare global {
     }
 }
 
+declare enum PlayerState {
+    Completed = "completed",
+    Destroyed = "destroyed",
+    Error = "error",
+    Frozen = "frozen",
+    Loading = "loading",
+    Paused = "paused",
+    Playing = "playing",
+    Stopped = "stopped"
+}
+declare enum PlayMode {
+    Bounce = "bounce",
+    Normal = "normal"
+}
+declare enum PlayerEvents {
+    Complete = "complete",
+    Destroyed = "destroyed",
+    Error = "error",
+    Frame = "frame",
+    Freeze = "freeze",
+    Load = "load",
+    Loop = "loop",
+    Pause = "pause",
+    Play = "play",
+    Ready = "ready",
+    Rendered = "rendered",
+    Stop = "stop"
+}
+
 declare class DotLottiePlayer extends LitElement {
     autoplay?: Autoplay;
     background?: string;