@aarsteinmedia/dotlottie-player 6.4.5 → 6.4.7

package/CHANGELOG.md

@@ -7,6 +7,11 @@ 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.4.6] - 28-08-2026
+
+- Small adjustment to how accessibility is handled.
+- Minor fixes.
+
 ## [6.4.4] - 10-08-2026
 
 - Improved how masks are parsed in CanvasRenderer, and how window resize is handled.

package/README.md

@@ -395,7 +395,7 @@ We've made a free WordPress plugin that works with Gutenberg Blocks, Elementor,
 
 It's super lightweight – and only loads on pages where animations are used.
 
-We've also made a premium WordPress plugin for purchase: [AM LottiePlayer PRO](https://www.aarstein.media/en/am-lottieplayer/pro). It has an easy-to-use GUI for combining and controlling multiple Lottie animations in a single file, converting JSON to dotLottie with drag-and-drop, and many more exclusive features.
+We've also made a premium WordPress plugin for purchase: [AM LottiePlayer PRO](https://www.am-lottieplayer.com). It has an easy-to-use GUI for combining and controlling multiple Lottie animations in a single file, converting JSON to dotLottie with drag-and-drop, and many more exclusive features.
 
 ## License
 

package/custom-elements.json

@@ -50,7 +50,7 @@
           ],
           "superclass": {
             "name": "DotLottiePlayerBase",
-            "module": "/dist/chunks/DotLottiePlayerBase-EYV9k8CY.js"
+            "module": "/dist/chunks/DotLottiePlayerBase-DdpA5NST.js"
           },
           "tagName": "tagName",
           "customElement": true
@@ -86,7 +86,7 @@
           "name": "MouseOut",
           "declaration": {
             "name": "M",
-            "module": "./chunks/DotLottiePlayerBase-EYV9k8CY.js"
+            "module": "./chunks/DotLottiePlayerBase-DdpA5NST.js"
           }
         },
         {
@@ -94,7 +94,7 @@
           "name": "PlayerState",
           "declaration": {
             "name": "P",
-            "module": "./chunks/DotLottiePlayerBase-EYV9k8CY.js"
+            "module": "./chunks/DotLottiePlayerBase-DdpA5NST.js"
           }
         },
         {

package/dist/canvas.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import Lottie from '@aarsteinmedia/lottie-web/canvas';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/chunks/{DotLottiePlayerBase-EYV9k8CY.js → DotLottiePlayerBase-DdpA5NST.js}

@@ -298,7 +298,19 @@ var controls = /*#__PURE__*/Object.freeze({
     if (!this.shadow || !this.template) {
         throw new Error('No Shadow Element or Template');
     }
-    this.template.innerHTML = /* HTML */ `<div class="animation-container main" data-controls="${this.controls ?? false}" lang="${this.description ? document.documentElement.lang : 'en'}" data-loaded="${this._playerState.loaded}"><figure class="animation" style="background:${this.background}" ${this.description ? /* HTML */ `
+    let langAttribute = '';
+    /**
+   * If player has aria-description, it's safe to assume
+   * language should be the same as `document.documentElement.lang`.
+   * Accessible labels on controls are only in English, so with no
+   * aria tag, and controls enabled, lang should reflect this.
+   * With neither controls or description, the lang attribute is
+   * not needed.
+   */ if (this.description || this.controls) {
+        const lang = this.description ? document.documentElement.lang : 'en';
+        langAttribute = `lang="${lang}"`;
+    }
+    this.template.innerHTML = /* HTML */ `<div class="animation-container main" data-controls="${this.controls ?? false}" ${langAttribute}><figure class="animation" style="background:${this.background}" ${this.description ? /* HTML */ `
             aria-label="${this.description}"
           ` : ''}></figure><slot name="controls"></slot></div>`;
     this.shadow.adoptedStyleSheets = [
@@ -1480,7 +1492,6 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         this.dispatchEvent(new CustomEvent(PlayerEvent.Load));
     }
     _DOMLoaded() {
-        this._playerState.loaded = true;
         this.dispatchEvent(new CustomEvent(PlayerEvent.Ready));
     }
     _enterFrame() {

package/dist/full.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import { loadAnimation } from '@aarsteinmedia/lottie-web';
-import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
+import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/light.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import { loadAnimation } from '@aarsteinmedia/lottie-web/light';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/svg.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import { loadAnimation } from '@aarsteinmedia/lottie-web/svg';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-EYV9k8CY.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**