@aarsteinmedia/dotlottie-player 2.1.8 → 2.2.1

package/dist/cjs/index.js

@@ -38,7 +38,6 @@ exports.PlayerEvents = void 0;
 })(exports.PlayerEvents || (exports.PlayerEvents = {}));
 class CustomError extends Error {
 }
-
 const addExt = (ext, str)=>{
     if (!str) return;
     if (getExt(str)) {
@@ -300,7 +299,7 @@ const addExt = (ext, str)=>{
 };
 
 var name = "@aarsteinmedia/dotlottie-player";
-var version = "2.1.8";
+var version = "2.2.1";
 var description = "Web Component for playing Lottie animations in your web app. Previously @johanaarstein/dotlottie-player";
 var exports$1 = {
 	".": {
@@ -431,13 +430,13 @@ function _ts_decorate(decorators, target, key, desc) {
 }
 class DotLottiePlayer extends lit.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)), currentAnimationSettings = this.multiAnimationSettings?.[this._currentAnimation], currentAnimationManifest = this._manifest.animations[this._currentAnimation], loop = currentAnimationSettings?.loop !== undefined ? !!currentAnimationSettings.loop : this.loop !== undefined ? !!this.loop : currentAnimationManifest.loop !== undefined && !!currentAnimationManifest.loop, autoplay = currentAnimationSettings?.autoplay !== undefined ? !!currentAnimationSettings.autoplay : this.autoplay !== undefined ? !!this.autoplay : currentAnimationManifest.autoplay !== undefined && !!currentAnimationManifest.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: {
@@ -502,8 +501,9 @@ class DotLottiePlayer extends lit.LitElement {
             return;
         }
         this._addEventListeners();
-        this.setSpeed(this.speed);
-        this.setDirection(this.direction ?? 1);
+        const speed = this.multiAnimationSettings?.[this._currentAnimation]?.speed ?? this.speed ?? this._manifest.animations[this._currentAnimation].speed, direction = this.multiAnimationSettings?.[this._currentAnimation]?.direction ?? this.direction ?? this._manifest.animations[this._currentAnimation].direction ?? 1;
+        this.setSpeed(speed);
+        this.setDirection(direction);
         this.setSubframe(!!this.subframe);
         if (this.autoplay) {
             if (this.direction === -1) this.seek('99%');
@@ -538,9 +538,9 @@ class DotLottiePlayer extends lit.LitElement {
             if (!this._lottieInstance) {
                 return;
             }
-            const { firstFrame, totalFrames, playDirection } = this._lottieInstance;
+            const { firstFrame, totalFrames, playDirection } = this._lottieInstance, isBounce = this.mode === exports.PlayMode.Bounce || this._manifest.animations[this._currentAnimation].mode === exports.PlayMode.Bounce;
             if (this.count) {
-                this.mode === exports.PlayMode.Bounce ? this._playerState.count += 1 : this._playerState.count += 0.5;
+                isBounce ? this._playerState.count += 1 : this._playerState.count += 0.5;
                 if (this._playerState.count >= this.count) {
                     this.setLooping(false);
                     this.currentState = exports.PlayerState.Completed;
@@ -549,7 +549,7 @@ class DotLottiePlayer extends lit.LitElement {
                 }
             }
             this.dispatchEvent(new CustomEvent(exports.PlayerEvents.Loop));
-            if (this.mode === exports.PlayMode.Bounce) {
+            if (isBounce) {
                 this._lottieInstance?.goToAndStop(playDirection === -1 ? firstFrame : totalFrames * 0.99, true);
                 this._lottieInstance?.setDirection(playDirection * -1);
                 return setTimeout(()=>{
@@ -761,6 +761,11 @@ class DotLottiePlayer extends lit.LitElement {
             this._lottieInstance.setLoop(value);
         }
     }
+    setMultiAnimationSettings(settings) {
+        if (this._lottieInstance) {
+            this.multiAnimationSettings = settings;
+        }
+    }
     togglePlay() {
         if (!this._lottieInstance) return;
         const { currentFrame, playDirection, totalFrames } = this._lottieInstance;
@@ -966,6 +971,11 @@ _ts_decorate([
         type: String
     })
 ], DotLottiePlayer.prototype, "mode", void 0);
+_ts_decorate([
+    decorators_js.property({
+        type: Array
+    })
+], DotLottiePlayer.prototype, "multiAnimationSettings", void 0);
 _ts_decorate([
     decorators_js.property({
         type: String