@aarsteinmedia/dotlottie-player 6.6.1 → 6.6.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/custom-elements.json +1 -1
- package/dist/canvas.d.ts +2 -2
- package/dist/canvas.js +1 -1
- package/dist/chunks/{DotLottiePlayerBase-BDutF_6O.js → DotLottiePlayerBase-Cjk0_f2y.js} +24 -21
- package/dist/chunks/{DotLottiePlayerCanvas.d-CRQYBqlf.d.ts → DotLottiePlayerCanvas.d-Bgw-biRK.d.ts} +2 -1
- package/dist/chunks/{errorScreen-B5U8u-AX.js → errorScreen-Do0IgwBv.js} +1 -1
- package/dist/full.d.ts +2 -2
- package/dist/full.js +1 -1
- package/dist/light.d.ts +2 -2
- package/dist/light.js +1 -1
- package/dist/svg.d.ts +2 -2
- package/dist/svg.js +1 -1
- package/dist/unpkg-canvas.js +1 -1
- package/dist/unpkg-full.js +1 -1
- package/dist/unpkg-light.js +2 -2
- package/dist/unpkg-svg.js +1 -1
- package/package.json +2 -2
package/custom-elements.json
CHANGED
package/dist/canvas.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as DotLottiePlayerCanvas } from './chunks/DotLottiePlayerCanvas.d-
|
|
2
|
-
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-
|
|
1
|
+
import { D as DotLottiePlayerCanvas } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
2
|
+
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
3
3
|
import '@aarsteinmedia/lottie-web';
|
|
4
4
|
import '@aarsteinmedia/lottie-web/utils';
|
|
5
5
|
import './utilities.js';
|
package/dist/canvas.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
import { loadAnimation } from '@aarsteinmedia/lottie-web/canvas';
|
|
3
|
-
import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-
|
|
3
|
+
import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-Cjk0_f2y.js';
|
|
4
4
|
import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
|
|
5
5
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
6
6
|
|
|
@@ -10,7 +10,7 @@ function loadControlsModule() {
|
|
|
10
10
|
|
|
11
11
|
let modulePromise = null;
|
|
12
12
|
function loadErrorModule() {
|
|
13
|
-
modulePromise = modulePromise ?? import('./errorScreen-
|
|
13
|
+
modulePromise = modulePromise ?? import('./errorScreen-Do0IgwBv.js');
|
|
14
14
|
return modulePromise;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -512,21 +512,7 @@ class ScrollElement extends BaseElement {
|
|
|
512
512
|
if (!this.playOnVisible && this.playerState === PlayerState.Frozen && !(this.autoplay && reducedMotionQuery?.matches)) {
|
|
513
513
|
this.play();
|
|
514
514
|
}
|
|
515
|
-
|
|
516
|
-
return;
|
|
517
|
-
}
|
|
518
|
-
if (this.playerState === PlayerState.Completed && !this.once) {
|
|
519
|
-
this.playerState = PlayerState.Playing;
|
|
520
|
-
this._lottieInstance?.goToAndPlay(this.direction === 1 ? 0 : this._lottieInstance.totalFrames);
|
|
521
|
-
return;
|
|
522
|
-
}
|
|
523
|
-
this._playerState.playTimeout = setTimeout(()=>{
|
|
524
|
-
this.play();
|
|
525
|
-
}, this.delay);
|
|
526
|
-
if (this.playerState !== PlayerState.Playing) {
|
|
527
|
-
return;
|
|
528
|
-
}
|
|
529
|
-
clearTimeout(this._playerState.playTimeout);
|
|
515
|
+
this._playOnVisible();
|
|
530
516
|
});
|
|
531
517
|
this._observeIntersectionTarget();
|
|
532
518
|
}
|
|
@@ -583,6 +569,23 @@ class ScrollElement extends BaseElement {
|
|
|
583
569
|
// use overflow-* (IO / layout interaction quirks).
|
|
584
570
|
this._intersectionObserver.observe(this._container);
|
|
585
571
|
}
|
|
572
|
+
_playOnVisible() {
|
|
573
|
+
if (!this.playOnVisible || reducedMotionQuery?.matches) {
|
|
574
|
+
return;
|
|
575
|
+
}
|
|
576
|
+
if (this.playerState === PlayerState.Completed && !this.once) {
|
|
577
|
+
this.playerState = PlayerState.Playing;
|
|
578
|
+
this._lottieInstance?.goToAndPlay(this.direction === 1 ? 0 : this._lottieInstance.totalFrames);
|
|
579
|
+
return;
|
|
580
|
+
}
|
|
581
|
+
this._playerState.playTimeout = setTimeout(()=>{
|
|
582
|
+
this.play();
|
|
583
|
+
}, this.delay);
|
|
584
|
+
if (this.playerState !== PlayerState.Playing) {
|
|
585
|
+
return;
|
|
586
|
+
}
|
|
587
|
+
clearTimeout(this._playerState.playTimeout);
|
|
588
|
+
}
|
|
586
589
|
constructor(...args){
|
|
587
590
|
super(...args), this.isIntersecting = false, this._useGeometricScroll = false;
|
|
588
591
|
}
|
|
@@ -1074,7 +1077,7 @@ var controls = /*#__PURE__*/Object.freeze({
|
|
|
1074
1077
|
if (!animations?.every(isLottie)) {
|
|
1075
1078
|
throw new Error('Broken or corrupted file');
|
|
1076
1079
|
}
|
|
1077
|
-
this.
|
|
1080
|
+
this._handleInlineScript();
|
|
1078
1081
|
this._isBounce = this.mode === PlayMode.Bounce;
|
|
1079
1082
|
if (this._multiAnimationSettings.length > 0 && this._multiAnimationSettings[this._currentAnimation]?.mode) {
|
|
1080
1083
|
this._isBounce = this._multiAnimationSettings[this._currentAnimation]?.mode === PlayMode.Bounce;
|
|
@@ -1601,13 +1604,13 @@ var controls = /*#__PURE__*/Object.freeze({
|
|
|
1601
1604
|
this.dispatchEvent(new CustomEvent(PlayerEvent.Error));
|
|
1602
1605
|
this.devLog(error);
|
|
1603
1606
|
}
|
|
1604
|
-
|
|
1605
|
-
const
|
|
1606
|
-
if (!
|
|
1607
|
+
_handleInlineScript() {
|
|
1608
|
+
const inlineScript = this.parentElement?.querySelector(':scope > script.aamd_inline_script');
|
|
1609
|
+
if (!inlineScript) {
|
|
1607
1610
|
return;
|
|
1608
1611
|
}
|
|
1609
1612
|
try {
|
|
1610
|
-
const settings = JSON.parse(
|
|
1613
|
+
const settings = JSON.parse(inlineScript.innerHTML);
|
|
1611
1614
|
if (settings.selector) {
|
|
1612
1615
|
this.selector = settings.selector;
|
|
1613
1616
|
}
|
package/dist/chunks/{DotLottiePlayerCanvas.d-CRQYBqlf.d.ts → DotLottiePlayerCanvas.d-Bgw-biRK.d.ts}
RENAMED
|
@@ -102,6 +102,7 @@ declare abstract class ScrollElement extends BaseElement {
|
|
|
102
102
|
private _getGeometricScrollProgress;
|
|
103
103
|
private _getScrollProgress;
|
|
104
104
|
private _observeIntersectionTarget;
|
|
105
|
+
private _playOnVisible;
|
|
105
106
|
}
|
|
106
107
|
|
|
107
108
|
declare abstract class DotLottiePlayerBase extends ScrollElement {
|
|
@@ -181,7 +182,7 @@ declare abstract class DotLottiePlayerBase extends ScrollElement {
|
|
|
181
182
|
private _enterFrame;
|
|
182
183
|
private _getOptions;
|
|
183
184
|
private _handleError;
|
|
184
|
-
private
|
|
185
|
+
private _handleInlineScript;
|
|
185
186
|
private _handleSelector;
|
|
186
187
|
private _handleWindowBlur;
|
|
187
188
|
private _loopComplete;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PreserveAspectRatio, namespaceSVG } from '@aarsteinmedia/lottie-web/utils';
|
|
2
|
-
import { e as escapeHTML } from './DotLottiePlayerBase-
|
|
2
|
+
import { e as escapeHTML } from './DotLottiePlayerBase-Cjk0_f2y.js';
|
|
3
3
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
4
4
|
import './utilities-CC4oA5Yh.js';
|
|
5
5
|
|
package/dist/full.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as DotLottiePlayer } from './chunks/DotLottiePlayerCanvas.d-
|
|
2
|
-
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-
|
|
1
|
+
import { b as DotLottiePlayer } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
2
|
+
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
3
3
|
import '@aarsteinmedia/lottie-web';
|
|
4
4
|
import '@aarsteinmedia/lottie-web/utils';
|
|
5
5
|
import './utilities.js';
|
package/dist/full.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
import { loadAnimation } from '@aarsteinmedia/lottie-web';
|
|
3
|
-
import { D as DotLottiePlayerBase, l as loadDotLottieTools } from './chunks/DotLottiePlayerBase-
|
|
3
|
+
import { D as DotLottiePlayerBase, l as loadDotLottieTools } from './chunks/DotLottiePlayerBase-Cjk0_f2y.js';
|
|
4
4
|
import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
|
|
5
5
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
6
6
|
|
package/dist/light.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { c as DotLottiePlayerLight } from './chunks/DotLottiePlayerCanvas.d-
|
|
2
|
-
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-
|
|
1
|
+
import { c as DotLottiePlayerLight } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
2
|
+
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
3
3
|
import '@aarsteinmedia/lottie-web';
|
|
4
4
|
import '@aarsteinmedia/lottie-web/utils';
|
|
5
5
|
import './utilities.js';
|
package/dist/light.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
import { loadAnimation } from '@aarsteinmedia/lottie-web/light';
|
|
3
|
-
import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-
|
|
3
|
+
import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-Cjk0_f2y.js';
|
|
4
4
|
import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
|
|
5
5
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
6
6
|
|
package/dist/svg.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as DotLottiePlayerSVG } from './chunks/DotLottiePlayerCanvas.d-
|
|
2
|
-
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-
|
|
1
|
+
import { d as DotLottiePlayerSVG } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
2
|
+
export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-Bgw-biRK.js';
|
|
3
3
|
import '@aarsteinmedia/lottie-web';
|
|
4
4
|
import '@aarsteinmedia/lottie-web/utils';
|
|
5
5
|
import './utilities.js';
|
package/dist/svg.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
|
|
2
2
|
import { loadAnimation } from '@aarsteinmedia/lottie-web/svg';
|
|
3
|
-
import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-
|
|
3
|
+
import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-Cjk0_f2y.js';
|
|
4
4
|
import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
|
|
5
5
|
import '@aarsteinmedia/lottie-web/dotlottie';
|
|
6
6
|
|