@aarsteinmedia/dotlottie-player 5.0.2 → 5.0.4

package/CHANGELOG.md

@@ -7,7 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Changelog was only added since [3.2.3], so it's not exhaustive. [Please report any missing noteable changes to us](https://github.com/aarsteinmedia/dotlottie-player/issues), and we'll add them promptly.
 
-## [5.0.2] - 23-05-2025
+## [5.0.4] - 31-05-2025
+
+### Changed
+
+- Fixed bug preventing autoplay on some animations
+
+## [5.0.3] - 28-05-2025
 
 ### Changed
 
@@ -217,6 +223,8 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 - Removed dependencies
   - `@lit`
 
+[5.0.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.4
+[5.0.3]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.3
 [5.0.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.1
 [5.0.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.0
 [4.0.14]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.14

package/dist/index.js

@@ -632,6 +632,7 @@ const unzip = async (resp)=>{
     }
 };
 
+const generator = '@aarsteinmedia/dotlottie-player';
 /**
  * DotLottie Player Web Component.
  */ class DotLottiePlayer extends PropertyCallbackElement {
@@ -934,7 +935,7 @@ const unzip = async (resp)=>{
             if (!manifest) {
                 throw new Error('Manifest is not set');
             }
-            manifest.generator = '@aarsteinmedia/dotlottie-player';
+            manifest.generator = generator;
             const { length } = configs;
             for(let i = 0; i < length; i++){
                 const { url } = configs[i], { animations: animationsToAdd } = await getAnimationData(url);
@@ -971,7 +972,7 @@ const unzip = async (resp)=>{
     /**
    * Runs when the value of an attribute is changed on the component.
    */ async attributeChangedCallback(name, _oldValue, value) {
-        if (!this._lottieInstance) {
+        if (!this._lottieInstance || !this.shadow) {
             return;
         }
         if (name === 'animateOnScroll') {
@@ -1015,14 +1016,14 @@ const unzip = async (resp)=>{
             this._container.removeEventListener('mouseleave', this._mouseLeave);
         }
         if (name === 'loop') {
-            const toggleLoop = this.shadow?.querySelector('.toggleLoop');
+            const toggleLoop = this.shadow.querySelector('.toggleLoop');
             if (toggleLoop instanceof HTMLButtonElement) {
                 toggleLoop.dataset.active = value;
             }
             this.setLoop(value === '' || Boolean(value));
         }
         if (name === 'mode') {
-            const toggleBoomerang = this.shadow?.querySelector('.toggleBoomerang');
+            const toggleBoomerang = this.shadow.querySelector('.toggleBoomerang');
             if (toggleBoomerang instanceof HTMLButtonElement) {
                 toggleBoomerang.dataset.active = (value === PlayMode.Bounce).toString();
             }
@@ -1085,7 +1086,7 @@ const unzip = async (resp)=>{
             fileName: `${getFilename(fileName || src || 'converted')}.lottie`,
             manifest: {
                 ...manifest ?? this._manifest,
-                generator: '[[GENERATOR]]'
+                generator
             },
             shouldDownload
         });
@@ -1093,7 +1094,7 @@ const unzip = async (resp)=>{
     /**
    * Destroy animation and element.
    */ destroy() {
-        if (!this._lottieInstance) {
+        if (!this._lottieInstance?.destroy) {
             return;
         }
         this.playerState = PlayerState.Destroyed;
@@ -1111,12 +1112,10 @@ const unzip = async (resp)=>{
             this._intersectionObserver.disconnect();
             this._intersectionObserver = undefined;
         }
-        // Destroy the animation instance
-        if (this._lottieInstance) {
-            this._lottieInstance.destroy();
-        }
         // Remove the attached Visibility API's change event listener
         document.removeEventListener('visibilitychange', this._onVisibilityChange);
+        // Destroy the animation instance
+        this.destroy();
     }
     /**
    * Returns the lottie-web instance used in the component.
@@ -1157,6 +1156,10 @@ const unzip = async (resp)=>{
             if (this._multiAnimationSettings.length > 0 && this._multiAnimationSettings[this._currentAnimation]?.mode) {
                 this._isBounce = this._multiAnimationSettings[this._currentAnimation].mode === PlayMode.Bounce;
             }
+            if (manifest?.animations.length === 1) {
+                manifest.animations[0].autoplay = this.autoplay;
+                manifest.animations[0].loop = this.loop;
+            }
             this._isDotLottie = Boolean(isDotLottie);
             this._animations = animations;
             this._manifest = manifest ?? {
@@ -1172,9 +1175,7 @@ const unzip = async (resp)=>{
                 ]
             };
             // Clear previous animation, if any
-            if (this._lottieInstance) {
-                this._lottieInstance.destroy();
-            }
+            this._lottieInstance?.destroy();
             this.playerState = PlayerState.Stopped;
             if (!this.animateOnScroll && (this.autoplay || this._multiAnimationSettings[this._currentAnimation]?.autoplay)) {
                 this.playerState = PlayerState.Playing;