@aarsteinmedia/dotlottie-player 3.2.0 → 3.2.2

package/dist/index.d.ts

@@ -1,11 +1,43 @@
 import { AnimationDirection, RendererType, AnimationSegment, AnimationItem } from 'lottie-web';
+import renderPlayer from 'src/templates/player';
+import renderControls from 'src/templates/controls';
 import { RefObject, CSSProperties } from 'react';
 
-declare class EnhancedElement extends HTMLElement {
-    [key: symbol]: unknown;
-    constructor();
-    static observedProperties: (keyof EnhancedElement)[];
-    connectedCallback(): void;
+declare enum PlayerState {
+    Completed = "completed",
+    Destroyed = "destroyed",
+    Error = "error",
+    Frozen = "frozen",
+    Loading = "loading",
+    Paused = "paused",
+    Playing = "playing",
+    Stopped = "stopped"
+}
+declare enum PlayMode {
+    Bounce = "bounce",
+    Normal = "normal"
+}
+declare enum PlayerEvents {
+    Complete = "complete",
+    Destroyed = "destroyed",
+    Error = "error",
+    Frame = "frame",
+    Freeze = "freeze",
+    Load = "load",
+    Loop = "loop",
+    Next = "next",
+    Pause = "pause",
+    Play = "play",
+    Previous = "previous",
+    Ready = "ready",
+    Rendered = "rendered",
+    Stop = "stop"
+}
+declare enum PreserveAspectRatio {
+    Contain = "xMidYMid meet",
+    Cover = "xMidYMid slice",
+    None = "xMinYMin slice",
+    Initial = "none"
 }
 
 type BoolInt = 0 | 1;
@@ -111,41 +143,9 @@ declare global {
     }
 }
 
-declare enum PlayerState {
-    Completed = "completed",
-    Destroyed = "destroyed",
-    Error = "error",
-    Frozen = "frozen",
-    Loading = "loading",
-    Paused = "paused",
-    Playing = "playing",
-    Stopped = "stopped"
-}
-declare enum PlayMode {
-    Bounce = "bounce",
-    Normal = "normal"
-}
-declare enum PlayerEvents {
-    Complete = "complete",
-    Destroyed = "destroyed",
-    Error = "error",
-    Frame = "frame",
-    Freeze = "freeze",
-    Load = "load",
-    Loop = "loop",
-    Next = "next",
-    Pause = "pause",
-    Play = "play",
-    Previous = "previous",
-    Ready = "ready",
-    Rendered = "rendered",
-    Stop = "stop"
-}
-declare enum PreserveAspectRatio {
-    Contain = "xMidYMid meet",
-    Cover = "xMidYMid slice",
-    None = "xMinYMin slice",
-    Initial = "none"
+declare class EnhancedElement extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
 }
 
 declare class DotLottiePlayer extends EnhancedElement {
@@ -154,9 +154,11 @@ declare class DotLottiePlayer extends EnhancedElement {
     disconnectedCallback(): void;
     shadow: ShadowRoot;
     template: HTMLTemplateElement;
+    protected _renderControls: typeof renderControls;
+    protected _render: typeof renderPlayer;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, _oldValue: unknown, value: string): void;
-    static get observedProperties(): (keyof EnhancedElement)[];
+    static get observedProperties(): string[];
     propertyChangedCallback(name: string, _oldValue: unknown, value: unknown): void;
     set animateOnScroll(value: AnimateOnScroll);
     get animateOnScroll(): AnimateOnScroll;
@@ -200,18 +202,25 @@ declare class DotLottiePlayer extends EnhancedElement {
     get subframe(): Subframe;
     protected _container: Element | null;
     playerState?: PlayerState;
-    private _isSettingsOpen;
-    private _seeker;
+    protected _isSettingsOpen: boolean;
+    protected _seeker: number;
     private _currentAnimation;
     private _animations;
     private _intersectionObserver?;
     private _lottieInstance;
-    private _identifier;
-    private _errorMessage;
+    protected _identifier: string;
+    protected _errorMessage: string;
     private _isBounce;
     private _isDotLottie;
     private _manifest;
-    private _playerState;
+    protected _playerState: {
+        prev: PlayerState;
+        count: number;
+        loaded: boolean;
+        visible: boolean;
+        scrollY: number;
+        scrollTimeout: NodeJS.Timeout | null;
+    };
     private _getOptions;
     private _addIntersectionObserver;
     load(src: string | null): Promise<void>;
@@ -230,15 +239,15 @@ declare class DotLottiePlayer extends EnhancedElement {
     private _mouseLeave;
     private _onVisibilityChange;
     private _handleScroll;
-    private _handleSeekChange;
+    protected _handleSeekChange({ target }: Event): void;
     private _isLottie;
     addAnimation(configs: AnimationAttributes[], fileName?: string, shouldDownload?: boolean): Promise<{
-        success: boolean;
         result: void | ArrayBuffer;
+        success: boolean;
         error?: undefined;
     } | {
-        success: boolean;
         error: string;
+        success: boolean;
         result?: undefined;
     }>;
     getLottie(): AnimationItem | null;
@@ -250,7 +259,7 @@ declare class DotLottiePlayer extends EnhancedElement {
     snapshot(): string | undefined;
     setSubframe(value: boolean): void;
     setCount(value: number): void;
-    private _freeze;
+    protected _freeze(): void;
     reload(): Promise<void>;
     setSpeed(value?: number): void;
     setDirection(value: AnimationDirection): void;
@@ -260,12 +269,12 @@ declare class DotLottiePlayer extends EnhancedElement {
     toggleLoop(): void;
     toggleBoomerang(): void;
     private _toggleSettings;
-    private _handleSettingsClick;
-    private _handleBlur;
+    protected _handleSettingsClick: ({ target }: Event) => void;
+    protected _handleBlur(): void;
     private _switchInstance;
     next(): void;
     prev(): void;
-    convert({ typeCheck, manifest, animations, src, fileName, shouldDownload, }: {
+    convert({ animations, fileName, manifest, shouldDownload, src, typeCheck, }: {
         typeCheck?: boolean;
         manifest?: LottieManifest;
         animations?: LottieJSON[];
@@ -274,8 +283,6 @@ declare class DotLottiePlayer extends EnhancedElement {
         shouldDownload?: boolean;
     }): Promise<string | void | ArrayBuffer>;
     static get styles(): CSSStyleSheet;
-    protected renderControls(): void;
-    protected render(): void;
 }
 
 declare const tagName = "dotlottie-player";