@dv.net/ui-kit 1.0.0

package/dist/components/UiAnimation/UiAnimation.vue.d.ts

@@ -0,0 +1,747 @@
+import { UiAnimationProps } from './types';
+declare const _default: import('vue').DefineComponent<UiAnimationProps, {
+    lottie: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<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) => void;
+        setDirection: (direction: "forward" | "reverse") => void;
+        goToAndStop: (frame: number, isFrame?: boolean) => void;
+        goToAndPlay: (frame: number, isFrame?: boolean) => void;
+        playSegments: (segments: import('lottie-web').AnimationSegment | import('lottie-web').AnimationSegment[], forceFlag?: boolean) => void;
+        setSubFrame: (useSubFrame?: boolean) => void;
+        getDuration: (inFrames?: boolean) => number | undefined;
+        updateDocumentData: (documentData: any, index?: number) => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        onComplete: null;
+        onLoopComplete: null;
+        onEnterFrame: null;
+        onSegmentStart: null;
+        onAnimationLoaded: null;
+    }, import('vue').PublicProps, {
+        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, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        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) => void;
+        setDirection: (direction: "forward" | "reverse") => void;
+        goToAndStop: (frame: number, isFrame?: boolean) => void;
+        goToAndPlay: (frame: number, isFrame?: boolean) => void;
+        playSegments: (segments: import('lottie-web').AnimationSegment | import('lottie-web').AnimationSegment[], forceFlag?: boolean) => void;
+        setSubFrame: (useSubFrame?: boolean) => void;
+        getDuration: (inFrames?: boolean) => number | undefined;
+        updateDocumentData: (documentData: any, index?: number) => 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;
+    }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<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) => void;
+        setDirection: (direction: "forward" | "reverse") => void;
+        goToAndStop: (frame: number, isFrame?: boolean) => void;
+        goToAndPlay: (frame: number, isFrame?: boolean) => void;
+        playSegments: (segments: import('lottie-web').AnimationSegment | import('lottie-web').AnimationSegment[], forceFlag?: boolean) => void;
+        setSubFrame: (useSubFrame?: boolean) => void;
+        getDuration: (inFrames?: boolean) => number | undefined;
+        updateDocumentData: (documentData: any, index?: number) => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        onComplete: null;
+        onLoopComplete: null;
+        onEnterFrame: null;
+        onSegmentStart: null;
+        onAnimationLoaded: null;
+    }, import('vue').PublicProps, {
+        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, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        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) => void;
+        setDirection: (direction: "forward" | "reverse") => void;
+        goToAndStop: (frame: number, isFrame?: boolean) => void;
+        goToAndPlay: (frame: number, isFrame?: boolean) => void;
+        playSegments: (segments: import('lottie-web').AnimationSegment | import('lottie-web').AnimationSegment[], forceFlag?: boolean) => void;
+        setSubFrame: (useSubFrame?: boolean) => void;
+        getDuration: (inFrames?: boolean) => number | undefined;
+        updateDocumentData: (documentData: any, index?: number) => 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;
+    }> | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onAnimationLoaded: (...args: any[]) => void;
+    onLoopComplete: (...args: any[]) => void;
+    onOnComplete: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<UiAnimationProps> & Readonly<{
+    onOnAnimationLoaded?: ((...args: any[]) => any) | undefined;
+    onOnLoopComplete?: ((...args: any[]) => any) | undefined;
+    onOnOnComplete?: ((...args: any[]) => any) | undefined;
+}>, {
+    autoPlay: boolean;
+    loop: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    lottieRef: import('vue').CreateComponentPublicInstanceWithMixins<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) => void;
+        setDirection: (direction: "forward" | "reverse") => void;
+        goToAndStop: (frame: number, isFrame?: boolean) => void;
+        goToAndPlay: (frame: number, isFrame?: boolean) => void;
+        playSegments: (segments: import('lottie-web').AnimationSegment | import('lottie-web').AnimationSegment[], forceFlag?: boolean) => void;
+        setSubFrame: (useSubFrame?: boolean) => void;
+        getDuration: (inFrames?: boolean) => number | undefined;
+        updateDocumentData: (documentData: any, index?: number) => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        onComplete: null;
+        onLoopComplete: null;
+        onEnterFrame: null;
+        onSegmentStart: null;
+        onAnimationLoaded: null;
+    }, import('vue').PublicProps, {
+        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, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        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) => void;
+        setDirection: (direction: "forward" | "reverse") => void;
+        goToAndStop: (frame: number, isFrame?: boolean) => void;
+        goToAndPlay: (frame: number, isFrame?: boolean) => void;
+        playSegments: (segments: import('lottie-web').AnimationSegment | import('lottie-web').AnimationSegment[], forceFlag?: boolean) => void;
+        setSubFrame: (useSubFrame?: boolean) => void;
+        getDuration: (inFrames?: boolean) => number | undefined;
+        updateDocumentData: (documentData: any, index?: number) => 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;
+}, any>;
+export default _default;