@aarsteinmedia/dotlottie-player 6.5.3 → 6.5.5

package/dist/chunks/{constants.d-D4NjmiZl.d.ts → constants.d-DFJt3bbF.d.ts}

@@ -1,4 +1,4 @@
-import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
+import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AnimationItem, AddAnimationParams, Result, ConvertParams, LottieManifest, AnimationSettings, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
 import { PlayMode, PreserveAspectRatio, RendererType } from '@aarsteinmedia/lottie-web/utils';
 
 declare abstract class PropertyCallbackElement extends HTMLElement {
@@ -7,8 +7,13 @@ declare abstract class PropertyCallbackElement extends HTMLElement {
     propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
-declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
-
+declare enum ObjectFit {
+    Contain = "contain",
+    Cover = "cover",
+    Fill = "fill",
+    None = "none",
+    ScaleDown = "scale-down"
+}
 declare enum MouseOut {
     Pause = "pause",
     Reverse = "reverse",
@@ -26,15 +31,9 @@ declare enum PlayerState {
     Stopped = "stopped"
 }
 
-declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
-    static get observedAttributes(): readonly ["animateOnScroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playOnClick", "playOnVisible", "selector", "speed", "src", "subframe"];
-    static get observedProperties(): readonly ["playerState", "_isSettingsOpen", "_seeker", "_currentAnimation", "_animations"];
+declare abstract class BaseElement extends PropertyCallbackElement {
     static get styles(): () => Promise<CSSStyleSheet>;
-    isLight: boolean;
     playerState: PlayerState;
-    shadow: ShadowRoot | undefined;
-    source?: string;
-    template?: HTMLTemplateElement;
     set animateOnScroll(value: HTMLBooleanAttribute);
     get animateOnScroll(): HTMLBooleanAttribute;
     get animations(): AnimationData[];
@@ -59,7 +58,6 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     get hover(): HTMLBooleanAttribute;
     set intermission(value: number);
     get intermission(): number;
-    get isDotLottie(): boolean;
     set loop(value: HTMLBooleanAttribute);
     get loop(): HTMLBooleanAttribute;
     set mode(value: PlayMode);
@@ -67,7 +65,7 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     set mouseout(value: MouseOut);
     get mouseout(): MouseOut;
     set objectfit(value: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down');
-    get objectfit(): "contain" | "cover" | "fill" | "none" | "scale-down";
+    get objectfit(): ObjectFit;
     set once(value: HTMLBooleanAttribute);
     get once(): HTMLBooleanAttribute;
     set playOnClick(value: HTMLBooleanAttribute);
@@ -90,10 +88,12 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     get src(): string | null;
     set subframe(value: HTMLBooleanAttribute);
     get subframe(): HTMLBooleanAttribute;
+    protected _animations: AnimationData[];
     protected _container: HTMLElement | null;
+    protected _currentAnimation: number;
     protected _errorMessage: string;
     protected _identifier: string;
-    protected _isSettingsOpen: boolean;
+    protected _lottieInstance: AnimationItem | null;
     protected _playerState: {
         prev: PlayerState;
         count: number;
@@ -102,20 +102,46 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
         frame: number;
         playTimeout: ReturnType<typeof setTimeout> | null;
     };
-    protected _render: typeof renderPlayer;
+    private _toLog;
+    clearDevLog(): void;
+    devLog(toLog: unknown, type?: 'error' | 'info' | 'warn'): void;
+    play(): void;
+    protected _freeze(): void;
+}
+
+declare abstract class ScrollElement extends BaseElement {
+    isIntersecting: boolean;
+    private _intersectionObserver?;
+    private _scrollProbe?;
+    applyScrollProgress(): void;
+    cancelIntersectionObserver(): void;
+    cancelScrollProbe(): void;
+    scrollLoop(): void;
+    startScrollLoop(): void;
+    stopScrollLoop(): void;
+    protected _addIntersectionObserver(): void;
+    private _canDriveTimeline;
+    private _getGeometricScrollProgress;
+    private _getScrollProgress;
+    private _observeIntersectionTarget;
+}
+
+declare abstract class DotLottiePlayerBase extends ScrollElement {
+    static get observedAttributes(): readonly ["animateOnScroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playOnClick", "playOnVisible", "selector", "speed", "src", "subframe"];
+    static get observedProperties(): readonly ["playerState", "_isSettingsOpen", "_seeker", "_currentAnimation", "_animations"];
+    isLight: boolean;
+    shadow: ShadowRoot | undefined;
+    source?: string;
+    template?: HTMLTemplateElement;
+    get isDotLottie(): boolean;
+    protected _isSettingsOpen: boolean;
     protected _seeker: number;
-    private _animations;
     private _controlsLoadId;
-    private _currentAnimation;
     private _errorLoadId;
-    private _intersectionObserver?;
     private _isBounce;
     private _isDotLottie;
-    private _isIntersecting;
-    private _lottieInstance;
     private _manifest?;
     private _multiAnimationSettings;
-    private _scrollProbe?;
     private _segment?;
     constructor();
     addAnimation(_params: AddAnimationParams): Promise<Result>;
@@ -154,6 +180,7 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     protected _handleClick(): void;
     protected _handleSeekChange({ target }: Event): void;
     protected _handleSettingsClick({ target }: Event): void;
+    protected _render(): Promise<void>;
     protected _renderControls: () => Promise<void>;
     protected _showError(): Promise<void>;
     protected setOptions(_options: {
@@ -165,9 +192,6 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
         preserveAspectRatio: PreserveAspectRatio;
     }): AnimationConfiguration;
     private _addEventListeners;
-    private _addIntersectionObserver;
-    private _applyScrollProgress;
-    private _cancelScrollProbe;
     private _clearPrevious;
     private _complete;
     private _dataFailed;
@@ -175,7 +199,6 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     private _DOMLoaded;
     private _enterFrame;
     private _getOptions;
-    private _getScrollProgress;
     private _handleError;
     private _handleLdScript;
     private _handleSelector;
@@ -185,9 +208,6 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     private _mouseLeave;
     private _onVisibilityChange;
     private _removeEventListeners;
-    private _scrollLoop;
-    private _startScrollLoop;
-    private _stopScrollLoop;
     private _switchInstance;
     private _toggleEventListeners;
     private _toggleSettings;

package/dist/full.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 { AddAnimationParams, ConvertParams, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
-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';
+import { D as DotLottiePlayerBase } from './chunks/constants.d-DFJt3bbF.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-DFJt3bbF.js';
 
 declare class DotLottiePlayer extends DotLottiePlayerBase {
     addAnimation(params: AddAnimationParams): Promise<_aarsteinmedia_lottie_web.Result>;

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-B9TsipSe.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
+import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-O43LyqdS.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-O43LyqdS.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/light.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/constants.d-D4NjmiZl.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-D4NjmiZl.js';
+import { D as DotLottiePlayerBase } from './chunks/constants.d-DFJt3bbF.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-DFJt3bbF.js';
 
 declare class DotLottiePlayerLight extends DotLottiePlayerBase {
     get renderer(): RendererType;

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-B9TsipSe.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-O43LyqdS.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-O43LyqdS.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/svg.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/constants.d-D4NjmiZl.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-D4NjmiZl.js';
+import { D as DotLottiePlayerBase } from './chunks/constants.d-DFJt3bbF.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-DFJt3bbF.js';
 
 declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
     get renderer(): RendererType;

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-B9TsipSe.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B9TsipSe.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-O43LyqdS.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-O43LyqdS.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**