@aarsteinmedia/dotlottie-player 6.0.2 → 6.0.3

package/CHANGELOG.md

@@ -7,6 +7,12 @@ 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.
 
+## [6.0.3] - 13-08-2025
+
+### Changed
+
+- Minor optimizations.
+
 ## [6.0.2] - 04-07-2025
 
 ### Changed

package/dist/full.js

@@ -172,7 +172,7 @@ const tagName = 'dotlottie-player';
         slot.innerHTML = '';
         return;
     }
-    slot.innerHTML = /* HTML */ `<div class="lottie-controls toolbar ${this.playerState === PlayerState.Error ? 'has-error' : ''}" aria-label="Lottie Animation controls"><button class="togglePlay" data-active="${this.autoplay}" aria-label="Toggle Play/Pause">${playIcon}</button> <button class="stop" data-active="${!this.autoplay}" aria-label="Stop">${stopIcon}</button> <button class="prev" aria-label="Previous animation" hidden="false">${prevIcon}</button> <button class="next" aria-label="Next animation" hidden>${nextIcon}</button><form class="progress-container${this.simple ? ' simple' : ''}"><input type="range" class="seeker" min="0" max="100" step="1" value="${this._seeker.toString()}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${this._seeker.toString()}" tabindex="0" aria-label="Slider for search"><progress max="100" value="${this._seeker}"></progress></form>${this.simple ? '' : /* HTML */ `<button class="toggleLoop" data-active="${this.loop}" tabindex="0" aria-label="Toggle loop">${loopIcon}</button> <button class="toggleBoomerang" data-active="${this.mode === PlayMode.Bounce}" aria-label="Toggle boomerang" tabindex="0">${boomerangIcon}</button> <button class="toggleSettings" aria-label="Settings" aria-haspopup="true" aria-expanded="${Boolean(this._isSettingsOpen)}" aria-controls="${this._identifier}-settings">${settingsIcon}</button><div id="${this._identifier}-settings" class="popover" hidden><button class="convert" aria-label="Convert JSON animation to dotLottie format" aria-label="Convert ${this.isDotLottie ? 'dotLottie animation to JSON format' : 'JSON animation to dotLottie format'}" hidden>${convertIcon} ${this.isDotLottie ? 'Convert to JSON' : 'Convert to dotLottie'}</button> <button class="snapshot" aria-label="Download still image">${downloadIcon} Download still image</button></div>`}</div>`;
+    slot.innerHTML = /* HTML */ `<div class="lottie-controls toolbar ${this.playerState === PlayerState.Error ? 'has-error' : ''}" aria-label="Lottie Animation controls"><button class="togglePlay" data-active="${this.autoplay}" aria-label="Toggle Play/Pause">${playIcon}</button> <button class="stop" data-active="${!this.autoplay}" aria-label="Stop">${stopIcon}</button> <button class="prev" aria-label="Previous animation" hidden="false">${prevIcon}</button> <button class="next" aria-label="Next animation" hidden>${nextIcon}</button><form class="progress-container${this.simple ? ' simple' : ''}"><input type="range" class="seeker" min="0" max="100" step="1" value="${this._seeker.toString()}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${this._seeker.toString()}" tabindex="0" aria-label="Slider for search"><progress max="100" value="${this._seeker}"></progress></form>${this.simple ? '' : /* HTML */ `<button class="toggleLoop" data-active="${this.loop}" tabindex="0" aria-label="Toggle loop">${loopIcon}</button> <button class="toggleBoomerang" data-active="${this.mode === PlayMode.Bounce}" aria-label="Toggle boomerang" tabindex="0">${boomerangIcon}</button> <button class="toggleSettings" aria-label="Settings" aria-haspopup="true" aria-expanded="${this._isSettingsOpen}" aria-controls="${this._identifier}-settings">${settingsIcon}</button><div id="${this._identifier}-settings" class="popover" hidden><button class="convert" aria-label="Convert JSON animation to dotLottie format" aria-label="Convert ${this.isDotLottie ? 'dotLottie animation to JSON format' : 'JSON animation to dotLottie format'}" hidden>${convertIcon} ${this.isDotLottie ? 'Convert to JSON' : 'Convert to dotLottie'}</button> <button class="snapshot" aria-label="Download still image">${downloadIcon} Download still image</button></div>`}</div>`;
     const togglePlay = this.shadow.querySelector('.togglePlay');
     if (togglePlay instanceof HTMLButtonElement) {
         togglePlay.onclick = this.togglePlay;
@@ -350,7 +350,7 @@ const notImplemented = 'Method is not implemented';
     }
     get animateOnScroll() {
         const val = this.getAttribute('animateOnScroll');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     get animations() {
         return this._animations;
@@ -362,7 +362,7 @@ const notImplemented = 'Method is not implemented';
     }
     get autoplay() {
         const val = this.getAttribute('autoplay');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Background color.
@@ -379,7 +379,7 @@ const notImplemented = 'Method is not implemented';
     }
     get controls() {
         const val = this.getAttribute('controls');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Number of times to loop.
@@ -458,12 +458,12 @@ const notImplemented = 'Method is not implemented';
     }
     get loop() {
         const val = this.getAttribute('loop');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Play mode.
    */ set mode(value) {
-        this.setAttribute('mode', value.toString());
+        this.setAttribute('mode', value);
     }
     get mode() {
         const val = this.getAttribute('mode');
@@ -515,7 +515,7 @@ const notImplemented = 'Method is not implemented';
     }
     get simple() {
         const val = this.getAttribute('simple');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Speed.
@@ -544,7 +544,7 @@ const notImplemented = 'Method is not implemented';
     }
     get subframe() {
         const val = this.getAttribute('subframe');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     constructor(){
         super(), this.isLight = false, /**

package/dist/light.js

@@ -172,7 +172,7 @@ const tagName = 'dotlottie-player';
         slot.innerHTML = '';
         return;
     }
-    slot.innerHTML = /* HTML */ `<div class="lottie-controls toolbar ${this.playerState === PlayerState.Error ? 'has-error' : ''}" aria-label="Lottie Animation controls"><button class="togglePlay" data-active="${this.autoplay}" aria-label="Toggle Play/Pause">${playIcon}</button> <button class="stop" data-active="${!this.autoplay}" aria-label="Stop">${stopIcon}</button> <button class="prev" aria-label="Previous animation" hidden="false">${prevIcon}</button> <button class="next" aria-label="Next animation" hidden>${nextIcon}</button><form class="progress-container${this.simple ? ' simple' : ''}"><input type="range" class="seeker" min="0" max="100" step="1" value="${this._seeker.toString()}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${this._seeker.toString()}" tabindex="0" aria-label="Slider for search"><progress max="100" value="${this._seeker}"></progress></form>${this.simple ? '' : /* HTML */ `<button class="toggleLoop" data-active="${this.loop}" tabindex="0" aria-label="Toggle loop">${loopIcon}</button> <button class="toggleBoomerang" data-active="${this.mode === PlayMode.Bounce}" aria-label="Toggle boomerang" tabindex="0">${boomerangIcon}</button> <button class="toggleSettings" aria-label="Settings" aria-haspopup="true" aria-expanded="${Boolean(this._isSettingsOpen)}" aria-controls="${this._identifier}-settings">${settingsIcon}</button><div id="${this._identifier}-settings" class="popover" hidden><button class="convert" aria-label="Convert JSON animation to dotLottie format" aria-label="Convert ${this.isDotLottie ? 'dotLottie animation to JSON format' : 'JSON animation to dotLottie format'}" hidden>${convertIcon} ${this.isDotLottie ? 'Convert to JSON' : 'Convert to dotLottie'}</button> <button class="snapshot" aria-label="Download still image">${downloadIcon} Download still image</button></div>`}</div>`;
+    slot.innerHTML = /* HTML */ `<div class="lottie-controls toolbar ${this.playerState === PlayerState.Error ? 'has-error' : ''}" aria-label="Lottie Animation controls"><button class="togglePlay" data-active="${this.autoplay}" aria-label="Toggle Play/Pause">${playIcon}</button> <button class="stop" data-active="${!this.autoplay}" aria-label="Stop">${stopIcon}</button> <button class="prev" aria-label="Previous animation" hidden="false">${prevIcon}</button> <button class="next" aria-label="Next animation" hidden>${nextIcon}</button><form class="progress-container${this.simple ? ' simple' : ''}"><input type="range" class="seeker" min="0" max="100" step="1" value="${this._seeker.toString()}" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${this._seeker.toString()}" tabindex="0" aria-label="Slider for search"><progress max="100" value="${this._seeker}"></progress></form>${this.simple ? '' : /* HTML */ `<button class="toggleLoop" data-active="${this.loop}" tabindex="0" aria-label="Toggle loop">${loopIcon}</button> <button class="toggleBoomerang" data-active="${this.mode === PlayMode.Bounce}" aria-label="Toggle boomerang" tabindex="0">${boomerangIcon}</button> <button class="toggleSettings" aria-label="Settings" aria-haspopup="true" aria-expanded="${this._isSettingsOpen}" aria-controls="${this._identifier}-settings">${settingsIcon}</button><div id="${this._identifier}-settings" class="popover" hidden><button class="convert" aria-label="Convert JSON animation to dotLottie format" aria-label="Convert ${this.isDotLottie ? 'dotLottie animation to JSON format' : 'JSON animation to dotLottie format'}" hidden>${convertIcon} ${this.isDotLottie ? 'Convert to JSON' : 'Convert to dotLottie'}</button> <button class="snapshot" aria-label="Download still image">${downloadIcon} Download still image</button></div>`}</div>`;
     const togglePlay = this.shadow.querySelector('.togglePlay');
     if (togglePlay instanceof HTMLButtonElement) {
         togglePlay.onclick = this.togglePlay;
@@ -350,7 +350,7 @@ const notImplemented = 'Method is not implemented';
     }
     get animateOnScroll() {
         const val = this.getAttribute('animateOnScroll');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     get animations() {
         return this._animations;
@@ -362,7 +362,7 @@ const notImplemented = 'Method is not implemented';
     }
     get autoplay() {
         const val = this.getAttribute('autoplay');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Background color.
@@ -379,7 +379,7 @@ const notImplemented = 'Method is not implemented';
     }
     get controls() {
         const val = this.getAttribute('controls');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Number of times to loop.
@@ -458,12 +458,12 @@ const notImplemented = 'Method is not implemented';
     }
     get loop() {
         const val = this.getAttribute('loop');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Play mode.
    */ set mode(value) {
-        this.setAttribute('mode', value.toString());
+        this.setAttribute('mode', value);
     }
     get mode() {
         const val = this.getAttribute('mode');
@@ -515,7 +515,7 @@ const notImplemented = 'Method is not implemented';
     }
     get simple() {
         const val = this.getAttribute('simple');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     /**
    * Speed.
@@ -544,7 +544,7 @@ const notImplemented = 'Method is not implemented';
     }
     get subframe() {
         const val = this.getAttribute('subframe');
-        return Boolean(val === 'true' || val === '' || val === '1');
+        return val === 'true' || val === '' || val === '1';
     }
     constructor(){
         super(), this.isLight = false, /**