@aarsteinmedia/dotlottie-player 6.4.10 → 6.5.1

package/CHANGELOG.md

@@ -5,7 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-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.
+Changelog was only added since [3.2.3], so it's not exhaustive. [Please report any missing notable changes to us](https://github.com/aarsteinmedia/dotlottie-player/issues), and we'll add them promptly.
+
+## [6.5.1] - 17-09-2026
+
+- Change to how Animate On Scroll is handled. From being relative to viewport size and scroll position, progress is now entirely determined by position in viewport. This is to improve useability, and gives a significant performance boost. Listener is moved from `scroll` to `IntersectionObserver`, and for browsers that support this the callback is moved to `ViewTimeline` rather than relying on viewport math.
+- Added accessibility check for `prefers-reduced-motion: reduce`. This overrides and disables `autoplay`, `animateOnScroll`, `playOnVisible`, and `mouseOver`/`mouseLeave`.
 
 ## [6.4.6] - 28-08-2026
 
@@ -37,7 +42,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 ### Changed
 
 - Fixed error causing beziers to be dropped from keyframes.
-- Minor bugrixes.
+- Minor bugfixes.
 
 ## [6.3.11] - 20-07-2026
 
@@ -78,7 +83,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 ### Changed
 
 - Added attributes:
-  - `delay` – Delay playback on playOnVisible, in miliseconds
+  - `delay` – Delay playback on playOnVisible, in milliseconds
   - `mouseout` – Action on mouseout
   - `once` – Whether, if playOnVisible is true, to play once or anytime animation is in view
   - `playOnClick` – Whether to toggle play on click
@@ -124,7 +129,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 ### Changed
 
 - Optimization to animation engine:
-  - Prevented needless function calls to check for rendering context, when only one is sufficiant.
+  - Prevented needless function calls to check for rendering context, when only one is sufficient.
   - Swapped deprecated attributes like xml:href and xml:space for modern equivalents.
 
 ## [5.2.1] - 08-06-2025
@@ -134,7 +139,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 ### Changed
 
 - Fixed several issues with Canvas renderer.
-- Removed Hybrid rendere1
+- Removed Hybrid renderer
 
 ## [5.2.0] - 07-06-2025
 
@@ -262,7 +267,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 
 - Made download optional for snapshot
 
-- Made snapshot work for programatically set instances
+- Made snapshot work for programmatically set instances
 
 - Changed CSS to respect hidden-attribute
 
@@ -401,6 +406,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 - Removed dependencies
   - `@lit`
 
+[6.5.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.5.1
 [6.3.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.3.0
 [6.0.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.0.1
 [5.3.2]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.3.2

package/README.md

@@ -61,7 +61,7 @@ Here is [a demo](https://www.aarstein.media/en/dotlottie-player), running on Nex
 
 Because this is a Web Component, you're adding it to the global scope of your web app. Unlike modular components, it should only be imported once – preferably early in your app lifecycle.
 
-If you're using TypeScript and want to import the component type, do it modularly in addition to the global import:
+If you're using TypeScript and want to import the component type, do it modular in addition to the global import:
 
 ```ts
 import '@aarsteinmedia/dotlottie-player' // Do this once globally.

package/custom-elements.json

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

package/dist/canvas.d.ts

@@ -2,8 +2,8 @@ import { RendererType, PreserveAspectRatio } from '@aarsteinmedia/lottie-web/uti
 export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
 import { AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
-import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-BKD2RSo9.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-BKD2RSo9.js';
+import { D as DotLottiePlayerBase } from './chunks/constants.d-D4NjmiZl.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-D4NjmiZl.js';
 
 declare class DotLottiePlayerCanvas extends DotLottiePlayerBase {
     get renderer(): RendererType;

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-DdpA5NST.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-DdpA5NST.js';
+import { loadAnimation } from '@aarsteinmedia/lottie-web/canvas';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-BfEbTiu6.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-BfEbTiu6.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
@@ -16,7 +16,7 @@ import '@aarsteinmedia/lottie-web/dotlottie';
         this.isLight = true;
     }
     loadAnimation(config) {
-        return Lottie.loadAnimation(config);
+        return loadAnimation(config);
     }
     setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio }) {
         const options = {