@aarsteinmedia/dotlottie-player 5.0.0 → 5.0.1

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import * as Lottie from 'lottie-web/build/player/lottie.js';
-import { AnimationDirection, RendererType, AnimationSegment } from 'lottie-web';
+import { AnimationSettings, AnimationDirection, Vector2, LottieManifest, AnimationItem, AnimationData } from '@aarsteinmedia/lottie-web';
 
 declare function renderPlayer(this: DotLottiePlayer): void;
 
@@ -41,87 +40,18 @@ 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;
@@ -161,12 +91,12 @@ declare module 'react/jsx-dev-runtime' {
     }
 }
 
-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;
@@ -218,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;
@@ -232,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;
@@ -244,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;
@@ -266,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;
@@ -292,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;