@aarsteinmedia/dotlottie-player 6.5.1 → 6.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -2
- package/custom-elements.json +3 -3
- package/dist/canvas.js +2 -2
- package/dist/chunks/{DotLottiePlayerBase-BfEbTiu6.js → DotLottiePlayerBase-B9TsipSe.js} +5 -2
- package/dist/full.js +2 -2
- package/dist/light.js +2 -2
- package/dist/svg.js +2 -2
- package/dist/unpkg-canvas.js +1 -1
- package/dist/unpkg-full.js +1 -1
- package/dist/unpkg-light.js +1 -1
- package/dist/unpkg-svg.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
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.
|
|
9
9
|
|
|
10
|
-
## [6.5.
|
|
10
|
+
## [6.5.2] - 17-09-2026
|
|
11
11
|
|
|
12
12
|
- 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.
|
|
13
13
|
- Added accessibility check for `prefers-reduced-motion: reduce`. This overrides and disables `autoplay`, `animateOnScroll`, `playOnVisible`, and `mouseOver`/`mouseLeave`.
|
|
@@ -406,7 +406,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
|
|
|
406
406
|
- Removed dependencies
|
|
407
407
|
- `@lit`
|
|
408
408
|
|
|
409
|
-
[6.5.
|
|
409
|
+
[6.5.2]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.5.2
|
|
410
410
|
[6.3.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.3.0
|
|
411
411
|
[6.0.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.0.1
|
|
412
412
|
[5.3.2]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.3.2
|
package/custom-elements.json
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
],
|
|
51
51
|
"superclass": {
|
|
52
52
|
"name": "DotLottiePlayerBase",
|
|
53
|
-
"module": "/dist/chunks/DotLottiePlayerBase-
|
|
53
|
+
"module": "/dist/chunks/DotLottiePlayerBase-B9TsipSe.js"
|
|
54
54
|
},
|
|
55
55
|
"tagName": "tagName",
|
|
56
56
|
"customElement": true
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"name": "MouseOut",
|
|
87
87
|
"declaration": {
|
|
88
88
|
"name": "M",
|
|
89
|
-
"module": "./chunks/DotLottiePlayerBase-
|
|
89
|
+
"module": "./chunks/DotLottiePlayerBase-B9TsipSe.js"
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
{
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"name": "PlayerState",
|
|
95
95
|
"declaration": {
|
|
96
96
|
"name": "P",
|
|
97
|
-
"module": "./chunks/DotLottiePlayerBase-
|
|
97
|
+
"module": "./chunks/DotLottiePlayerBase-B9TsipSe.js"
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
100
|
{
|
package/dist/canvas.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
|
|
3
3
|
import { loadAnimation } from '@aarsteinmedia/lottie-web/canvas';
|
|
4
|
-
import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-
|
|
5
|
-
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-
|
|
4
|
+
import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
5
|
+
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
6
6
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -481,7 +481,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
|
|
|
481
481
|
return parseHTMLBooleans(val);
|
|
482
482
|
}
|
|
483
483
|
/**
|
|
484
|
-
* Pause between loop
|
|
484
|
+
* Pause between loop iterations, in milliseconds.
|
|
485
485
|
*/ set intermission(value) {
|
|
486
486
|
this.setAttribute('intermission', value.toString());
|
|
487
487
|
}
|
|
@@ -1373,7 +1373,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
|
|
|
1373
1373
|
}
|
|
1374
1374
|
return;
|
|
1375
1375
|
}
|
|
1376
|
-
if (!this.playOnVisible && this.playerState === PlayerState.Frozen) {
|
|
1376
|
+
if (!this.playOnVisible && this.playerState === PlayerState.Frozen && !(this.autoplay && hasReducedMotion)) {
|
|
1377
1377
|
this.play();
|
|
1378
1378
|
}
|
|
1379
1379
|
if (!this.playOnVisible || hasReducedMotion) {
|
|
@@ -1675,6 +1675,9 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
|
|
|
1675
1675
|
/**
|
|
1676
1676
|
* Handle visibility change events.
|
|
1677
1677
|
*/ _onVisibilityChange() {
|
|
1678
|
+
if (this.autoplay && hasReducedMotion) {
|
|
1679
|
+
return;
|
|
1680
|
+
}
|
|
1678
1681
|
if (document.hidden && this.playerState === PlayerState.Playing) {
|
|
1679
1682
|
this._freeze();
|
|
1680
1683
|
return;
|
package/dist/full.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
|
|
3
3
|
import { loadAnimation } from '@aarsteinmedia/lottie-web';
|
|
4
|
-
import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-
|
|
5
|
-
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-
|
|
4
|
+
import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
5
|
+
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
6
6
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
7
7
|
|
|
8
8
|
/**
|
package/dist/light.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
|
|
3
3
|
import { loadAnimation } from '@aarsteinmedia/lottie-web/light';
|
|
4
|
-
import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-
|
|
5
|
-
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-
|
|
4
|
+
import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
5
|
+
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
6
6
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
7
7
|
|
|
8
8
|
/**
|
package/dist/svg.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
|
|
3
3
|
import { loadAnimation } from '@aarsteinmedia/lottie-web/svg';
|
|
4
|
-
import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-
|
|
5
|
-
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-
|
|
4
|
+
import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
5
|
+
export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
|
|
6
6
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
7
7
|
|
|
8
8
|
/**
|