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

Unika Vue3 components library

export declare const defaultStyles: string[];
declare const _default: import("vue").DefineComponent<{
    [x: string]: any;
}, {
    styleProps: import("vue").ComputedRef<Pick<any, string>>;
    handleClick: () => void;
    lottieAnimation: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        animationData: {
            type: import("vue").PropType<any>;
            default: () => {};
        };
        animationLink: {
            type: import("vue").PropType<string>;
            default: string;
        };
        loop: {
            type: import("vue").PropType<number | boolean>;
            default: boolean;
        };
        autoPlay: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        width: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        height: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        speed: {
            type: import("vue").PropType<number>;
            default: number;
        };
        delay: {
            type: import("vue").PropType<number>;
            default: number;
        };
        direction: {
            type: import("vue").PropType<string>;
            default: string;
        };
        pauseOnHover: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        playOnHover: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        backgroundColor: {
            type: import("vue").PropType<string>;
            default: string;
        };
        pauseAnimation: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        noMargin: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        scale: {
            type: import("vue").PropType<number>;
            default: number;
        };
        renderer: {
            type: import("vue").PropType<string>;
            default: string;
        };
        rendererSettings: {
            type: import("vue").PropType<any>;
            default: () => {};
        };
        assetsPath: {
            type: import("vue").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: import("vue").PropType<any>;
            default: () => {};
        };
        animationLink: {
            type: import("vue").PropType<string>;
            default: string;
        };
        loop: {
            type: import("vue").PropType<number | boolean>;
            default: boolean;
        };
        autoPlay: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        width: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        height: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        speed: {
            type: import("vue").PropType<number>;
            default: number;
        };
        delay: {
            type: import("vue").PropType<number>;
            default: number;
        };
        direction: {
            type: import("vue").PropType<string>;
            default: string;
        };
        pauseOnHover: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        playOnHover: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        backgroundColor: {
            type: import("vue").PropType<string>;
            default: string;
        };
        pauseAnimation: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        noMargin: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        scale: {
            type: import("vue").PropType<number>;
            default: number;
        };
        renderer: {
            type: import("vue").PropType<string>;
            default: string;
        };
        rendererSettings: {
            type: import("vue").PropType<any>;
            default: () => {};
        };
        assetsPath: {
            type: import("vue").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: import("vue").PropType<any>;
            default: () => {};
        };
        animationLink: {
            type: import("vue").PropType<string>;
            default: string;
        };
        loop: {
            type: import("vue").PropType<number | boolean>;
            default: boolean;
        };
        autoPlay: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        width: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        height: {
            type: import("vue").PropType<string | number>;
            default: string;
        };
        speed: {
            type: import("vue").PropType<number>;
            default: number;
        };
        delay: {
            type: import("vue").PropType<number>;
            default: number;
        };
        direction: {
            type: import("vue").PropType<string>;
            default: string;
        };
        pauseOnHover: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        playOnHover: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        backgroundColor: {
            type: import("vue").PropType<string>;
            default: string;
        };
        pauseAnimation: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        noMargin: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
        scale: {
            type: import("vue").PropType<number>;
            default: number;
        };
        renderer: {
            type: import("vue").PropType<string>;
            default: string;
        };
        rendererSettings: {
            type: import("vue").PropType<any>;
            default: () => {};
        };
        assetsPath: {
            type: import("vue").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>;
    loopC: import("vue").Ref<any>;
    delayC: import("vue").Ref<any>;
    animationLinkC: import("vue").Ref<any>;
    lottieKey: import("vue").Ref<number>;
    play: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    [x: string]: any;
}>>, {
    [x: string]: any;
}, {}>;
export default _default;