@aarsteinmedia/dotlottie-player 4.0.14 → 5.0.1

package/dist/index.d.ts

@@ -1,6 +1,4 @@
-import * as Lottie from 'lottie-web/build/player/lottie.js';
-import { AnimationDirection, RendererType, AnimationSegment } from 'lottie-web';
-import { RefObject, CSSProperties } from 'react';
+import { AnimationSettings, AnimationDirection, Vector2, LottieManifest, AnimationItem, AnimationData } from '@aarsteinmedia/lottie-web';
 
 declare function renderPlayer(this: DotLottiePlayer): void;
 
@@ -42,103 +40,50 @@ declare enum PreserveAspectRatio {
     None = "xMinYMin slice",
     Initial = "none"
 }
-
-type BoolInt = 0 | 1;
-interface Shape {
-    a: ShapeData;
-    o: ShapeData;
-    p: ShapeData;
-    r: ShapeData;
-    s: ShapeData;
-}
-interface ShapeData {
-    a: BoolInt;
-    k: number | number[];
-    ix: number;
-}
-interface Layer {
-    ao: BoolInt;
-    bm: number;
-    completed: boolean;
-    ddd: BoolInt;
-    ip: number;
-    ks: object;
-    nm: string;
-    op: number;
-    shapes: Shape[];
-    sr: number;
-    st: number;
-    td: number;
-    ty: number;
-}
-interface LottieAsset {
-    e?: BoolInt;
-    layers?: Layer[];
-    h?: number;
-    id?: string;
-    nm?: string;
-    p?: string;
-    u?: string;
-    xt?: number;
-    w?: number;
-}
-interface LottieJSON {
-    assets?: LottieAsset[];
-    ddd: BoolInt;
-    fr: number;
-    h: number;
-    ip: number;
-    layers: Layer[];
-    markers: unknown[];
-    meta: {
-        a: string;
-        d: string;
-        g: string;
-        k: string;
-        tc: string;
-    };
-    nm: string;
-    op: number;
-    v: string;
-    w: number;
-}
-interface AnimationSettings {
-    autoplay?: Autoplay;
-    loop?: Loop;
-    direction?: AnimationDirection;
-    mode?: PlayMode;
-    speed?: number;
+declare enum RendererType {
+    SVG = "svg",
+    HTML = "html",
+    Canvas = "canvas"
 }
+
 interface Animation extends AnimationSettings {
     id: string;
 }
 interface AnimationAttributes extends Animation {
     url: string;
 }
-interface LottieManifest {
-    animations: Animation[];
-    author?: string;
-    description?: string;
-    generator?: string;
-    keywords?: string;
-    version?: string;
-}
 type AnimateOnScroll = boolean | '' | null;
 type Autoplay = boolean | '' | 'autoplay' | null;
 type Controls = boolean | '' | 'controls' | null;
 type Loop = boolean | '' | 'loop' | null;
 type Subframe = boolean | '' | null;
-type JSXLottiePlayer = Omit<Partial<DotLottiePlayer>, 'style'> & {
-    class?: string;
-    ref?: RefObject<unknown>;
-    style?: CSSProperties;
-    src: string;
-};
 declare global {
     interface HTMLElementTagNameMap {
         'dotlottie-player': DotLottiePlayer;
     }
     function dotLottiePlayer(): DotLottiePlayer;
+}
+type JSXLottiePlayer = Omit<Partial<DotLottiePlayer>, 'style'> & {
+    class?: string;
+    ref?: React.RefObject<unknown>;
+    style?: React.CSSProperties;
+    src: string;
+};
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dotlottie-player': JSXLottiePlayer;
+        }
+    }
+}
+declare module 'react/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dotlottie-player': JSXLottiePlayer;
+        }
+    }
+}
+declare module 'react/jsx-dev-runtime' {
     namespace JSX {
         interface IntrinsicElements {
             'dotlottie-player': JSXLottiePlayer;
@@ -146,12 +91,12 @@ declare global {
     }
 }
 
-declare class EnhancedElement extends HTMLElement {
+declare class PropertyCallbackElement extends HTMLElement {
     constructor();
     connectedCallback(): void;
 }
 
-declare class DotLottiePlayer extends EnhancedElement {
+declare class DotLottiePlayer extends PropertyCallbackElement {
     constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
@@ -203,10 +148,10 @@ declare class DotLottiePlayer extends EnhancedElement {
     getMultiAnimationSettings(): AnimationSettings[];
     setMultiAnimationSettings(settings: AnimationSettings[]): void;
     private _segment?;
-    setSegment(segment: AnimationSegment): void;
-    getSegment(): Lottie.AnimationSegment | undefined;
-    protected _container: Element | null;
-    playerState?: PlayerState;
+    setSegment(segment: Vector2): void;
+    getSegment(): Vector2 | undefined;
+    protected _container: HTMLElement | null;
+    playerState: PlayerState;
     protected _isSettingsOpen: boolean;
     protected _seeker: number;
     private _currentAnimation;
@@ -217,7 +162,7 @@ declare class DotLottiePlayer extends EnhancedElement {
     protected _errorMessage: string;
     private _isBounce;
     private _isDotLottie;
-    private _manifest;
+    private _manifest?;
     protected _playerState: {
         prev: PlayerState;
         count: number;
@@ -229,7 +174,7 @@ declare class DotLottiePlayer extends EnhancedElement {
     private _getOptions;
     private _addIntersectionObserver;
     load(src: string | null): Promise<void>;
-    getManifest(): LottieManifest;
+    getManifest(): LottieManifest | undefined;
     private _toggleEventListeners;
     private _addEventListeners;
     private _removeEventListeners;
@@ -251,7 +196,7 @@ declare class DotLottiePlayer extends EnhancedElement {
         success: boolean;
         error?: string;
     }>;
-    getLottie(): Lottie.AnimationItem | null;
+    getLottie(): AnimationItem | null;
     play(): Promise<void>;
     pause(): void;
     stop(): void;
@@ -277,7 +222,7 @@ declare class DotLottiePlayer extends EnhancedElement {
     convert({ animations, fileName, manifest, shouldDownload, src, typeCheck, }: {
         typeCheck?: boolean;
         manifest?: LottieManifest;
-        animations?: LottieJSON[];
+        animations?: AnimationData[];
         src?: string;
         fileName?: string;
         shouldDownload?: boolean;