unika-components/dist/src/components/UniLottie/UniLottie.vue.d.ts

Unika Vue3 components library

import { PropType } from 'vue';
import { ElementData } from '../../defaultProps';
import '../../assets/css/lottie.css';
declare const _default: import("vue").DefineComponent<{
    element: {
        type: PropType<ElementData>;
        required: true;
    };
}, {
    animationData: import("vue").Ref<any>;
    lottieStyle: import("vue").ComputedRef<{
        position: any;
        left: string;
        top: string;
        width: string;
        height: string;
        opacity: number | undefined;
        transform: string;
        display: string;
    }>;
    wrapStyle: import("vue").ComputedRef<{
        width: string;
        height: string;
        animation: string | undefined;
        overflow: string;
    }>;
    animationStyle: import("vue").ComputedRef<{
        width: string;
        height: string;
        transform: string;
    }>;
    lottieAnimation: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        animationData: {
            type: PropType<any>;
            default: () => {};
        };
        animationLink: {
            type: PropType<string>;
            default: string;
        };
        loop: {
            type: PropType<number | boolean>;
            default: boolean;
        };
        autoPlay: {
            type: PropType<boolean>;
            default: boolean;
        };
        width: {
            type: PropType<string | number>;
            default: string;
        };
        height: {
            type: PropType<string | number>;
            default: string;
        };
        speed: {
            type: PropType<number>;
            default: number;
        };
        delay: {
            type: PropType<number>;
            default: number;
        };
        direction: {
            type: PropType<string>;
            default: string;
        };
        pauseOnHover: {
            type: PropType<boolean>;
            default: boolean;
        };
        playOnHover: {
            type: PropType<boolean>;
            default: boolean;
        };
        backgroundColor: {
            type: PropType<string>;
            default: string;
        };
        pauseAnimation: {
            type: PropType<boolean>;
            default: boolean;
        };
        noMargin: {
            type: PropType<boolean>;
            default: boolean;
        };
        scale: {
            type: PropType<number>;
            default: number;
        };
        renderer: {
            type: PropType<string>;
            default: string;
        };
        rendererSettings: {
            type: PropType<any>;
            default: () => {};
        };
        assetsPath: {
            type: PropType<string>;
            default: string;
        };
    }>> & {
        onOnComplete?: ((...args: any[]) => any) | undefined;
        onOnLoopComplete?: ((...args: any[]) => any) | undefined;
        onOnEnterFrame?: ((...args: any[]) => any) | undefined;
        onOnSegmentStart?: ((...args: any[]) => any) | undefined;
        onOnAnimationLoaded?: ((...args: any[]) => any) | undefined;
    }, {
        lottieAnimationContainer: import("vue").Ref<HTMLDivElement | undefined>;
        hoverEnded: () => void;
        hoverStarted: () => void;
        getCurrentStyle: any;
        play: () => void;
        pause: () => void;
        stop: () => void;
        destroy: () => void;
        setSpeed: (speed?: number | undefined) => void;
        setDirection: (direction: "reverse" | "forward") => void;
        goToAndStop: (frame: number, isFrame?: boolean | undefined) => void;
        goToAndPlay: (frame: number, isFrame?: boolean | undefined) => void;
        playSegments: (segments: import("lottie-web").AnimationSegment[], forceFlag?: boolean | undefined) => void;
        setSubFrame: (useSubFrame?: boolean | undefined) => void;
        getDuration: (inFrames?: boolean | undefined) => number | undefined;
        updateDocumentData: (documentData: any, index?: number | undefined) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        onComplete: null;
        onLoopComplete: null;
        onEnterFrame: null;
        onSegmentStart: null;
        onAnimationLoaded: null;
    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        animationData: {
            type: PropType<any>;
            default: () => {};
        };
        animationLink: {
            type: PropType<string>;
            default: string;
        };
        loop: {
            type: PropType<number | boolean>;
            default: boolean;
        };
        autoPlay: {
            type: PropType<boolean>;
            default: boolean;
        };
        width: {
            type: PropType<string | number>;
            default: string;
        };
        height: {
            type: PropType<string | number>;
            default: string;
        };
        speed: {
            type: PropType<number>;
            default: number;
        };
        delay: {
            type: PropType<number>;
            default: number;
        };
        direction: {
            type: PropType<string>;
            default: string;
        };
        pauseOnHover: {
            type: PropType<boolean>;
            default: boolean;
        };
        playOnHover: {
            type: PropType<boolean>;
            default: boolean;
        };
        backgroundColor: {
            type: PropType<string>;
            default: string;
        };
        pauseAnimation: {
            type: PropType<boolean>;
            default: boolean;
        };
        noMargin: {
            type: PropType<boolean>;
            default: boolean;
        };
        scale: {
            type: PropType<number>;
            default: number;
        };
        renderer: {
            type: PropType<string>;
            default: string;
        };
        rendererSettings: {
            type: PropType<any>;
            default: () => {};
        };
        assetsPath: {
            type: PropType<string>;
            default: string;
        };
    }>> & {
        onOnComplete?: ((...args: any[]) => any) | undefined;
        onOnLoopComplete?: ((...args: any[]) => any) | undefined;
        onOnEnterFrame?: ((...args: any[]) => any) | undefined;
        onOnSegmentStart?: ((...args: any[]) => any) | undefined;
        onOnAnimationLoaded?: ((...args: any[]) => any) | undefined;
    }, {
        animationData: any;
        animationLink: string;
        loop: number | boolean;
        autoPlay: boolean;
        width: string | number;
        height: string | number;
        speed: number;
        delay: number;
        direction: string;
        pauseOnHover: boolean;
        playOnHover: boolean;
        backgroundColor: string;
        pauseAnimation: boolean;
        noMargin: boolean;
        scale: number;
        renderer: string;
        rendererSettings: any;
        assetsPath: string;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        animationData: {
            type: PropType<any>;
            default: () => {};
        };
        animationLink: {
            type: PropType<string>;
            default: string;
        };
        loop: {
            type: PropType<number | boolean>;
            default: boolean;
        };
        autoPlay: {
            type: PropType<boolean>;
            default: boolean;
        };
        width: {
            type: PropType<string | number>;
            default: string;
        };
        height: {
            type: PropType<string | number>;
            default: string;
        };
        speed: {
            type: PropType<number>;
            default: number;
        };
        delay: {
            type: PropType<number>;
            default: number;
        };
        direction: {
            type: PropType<string>;
            default: string;
        };
        pauseOnHover: {
            type: PropType<boolean>;
            default: boolean;
        };
        playOnHover: {
            type: PropType<boolean>;
            default: boolean;
        };
        backgroundColor: {
            type: PropType<string>;
            default: string;
        };
        pauseAnimation: {
            type: PropType<boolean>;
            default: boolean;
        };
        noMargin: {
            type: PropType<boolean>;
            default: boolean;
        };
        scale: {
            type: PropType<number>;
            default: number;
        };
        renderer: {
            type: PropType<string>;
            default: string;
        };
        rendererSettings: {
            type: PropType<any>;
            default: () => {};
        };
        assetsPath: {
            type: PropType<string>;
            default: string;
        };
    }>> & {
        onOnComplete?: ((...args: any[]) => any) | undefined;
        onOnLoopComplete?: ((...args: any[]) => any) | undefined;
        onOnEnterFrame?: ((...args: any[]) => any) | undefined;
        onOnSegmentStart?: ((...args: any[]) => any) | undefined;
        onOnAnimationLoaded?: ((...args: any[]) => any) | undefined;
    }, {
        lottieAnimationContainer: import("vue").Ref<HTMLDivElement | undefined>;
        hoverEnded: () => void;
        hoverStarted: () => void;
        getCurrentStyle: any;
        play: () => void;
        pause: () => void;
        stop: () => void;
        destroy: () => void;
        setSpeed: (speed?: number | undefined) => void;
        setDirection: (direction: "reverse" | "forward") => void;
        goToAndStop: (frame: number, isFrame?: boolean | undefined) => void;
        goToAndPlay: (frame: number, isFrame?: boolean | undefined) => void;
        playSegments: (segments: import("lottie-web").AnimationSegment[], forceFlag?: boolean | undefined) => void;
        setSubFrame: (useSubFrame?: boolean | undefined) => void;
        getDuration: (inFrames?: boolean | undefined) => number | undefined;
        updateDocumentData: (documentData: any, index?: number | undefined) => void;
    }, {}, {}, {}, {
        animationData: any;
        animationLink: string;
        loop: number | boolean;
        autoPlay: boolean;
        width: string | number;
        height: string | number;
        speed: number;
        delay: number;
        direction: string;
        pauseOnHover: boolean;
        playOnHover: boolean;
        backgroundColor: string;
        pauseAnimation: boolean;
        noMargin: boolean;
        scale: number;
        renderer: string;
        rendererSettings: any;
        assetsPath: string;
    }> | null>;
    lottieDelayMs: import("vue").ComputedRef<number>;
    play: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    element: {
        type: PropType<ElementData>;
        required: true;
    };
}>>, {}, {}>;
export default _default;