watercolor-ui/dist/src/components/Marquee/Marquee.vue.d.ts

A modern minimalist cross-framework component library

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    text: {
        type: StringConstructor;
        default: string;
    };
    speed: {
        type: NumberConstructor;
        default: number;
        validator: (value: unknown) => boolean;
    };
    direction: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    variant: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    pauseOnHover: {
        type: BooleanConstructor;
        default: boolean;
    };
    loop: {
        type: BooleanConstructor;
        default: boolean;
    };
    showGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    showControls: {
        type: BooleanConstructor;
        default: boolean;
    };
    allowReverse: {
        type: BooleanConstructor;
        default: boolean;
    };
    allowSpeedControl: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoStart: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    height: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    backgroundColor: {
        type: StringConstructor;
        default: string;
    };
    textColor: {
        type: StringConstructor;
        default: string;
    };
}>, {
    marqueeRef: import('vue').Ref<null, null>;
    isPaused: import('vue').Ref<boolean, boolean>;
    currentDirection: import('vue').Ref<string, string>;
    currentSpeed: import('vue').Ref<number, number>;
    isHovered: import('vue').Ref<boolean, boolean>;
    containerStyle: import('vue').ComputedRef<{
        height: string;
        backgroundColor: string;
        color: string;
    }>;
    contentStyle: import('vue').ComputedRef<{
        animationName: string | undefined;
        animationDuration: string;
        animationTimingFunction: string;
        animationIterationCount: string;
        flexDirection: string;
    }>;
    paused: import('vue').ComputedRef<boolean>;
    handleMouseEnter: () => void;
    handleMouseLeave: () => void;
    togglePause: () => void;
    toggleDirection: () => void;
    toggleSpeed: () => void;
    start: () => void;
    pause: () => void;
    resume: () => void;
    setSpeed: (speed: any) => void;
    setDirection: (direction: any) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("start" | "pause" | "resume" | "complete" | "direction-change" | "speed-change")[], "start" | "pause" | "resume" | "complete" | "direction-change" | "speed-change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    text: {
        type: StringConstructor;
        default: string;
    };
    speed: {
        type: NumberConstructor;
        default: number;
        validator: (value: unknown) => boolean;
    };
    direction: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    variant: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (value: unknown) => boolean;
    };
    pauseOnHover: {
        type: BooleanConstructor;
        default: boolean;
    };
    loop: {
        type: BooleanConstructor;
        default: boolean;
    };
    showGradient: {
        type: BooleanConstructor;
        default: boolean;
    };
    showControls: {
        type: BooleanConstructor;
        default: boolean;
    };
    allowReverse: {
        type: BooleanConstructor;
        default: boolean;
    };
    allowSpeedControl: {
        type: BooleanConstructor;
        default: boolean;
    };
    autoStart: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    height: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    backgroundColor: {
        type: StringConstructor;
        default: string;
    };
    textColor: {
        type: StringConstructor;
        default: string;
    };
}>> & Readonly<{
    onPause?: ((...args: any[]) => any) | undefined;
    onStart?: ((...args: any[]) => any) | undefined;
    onResume?: ((...args: any[]) => any) | undefined;
    onComplete?: ((...args: any[]) => any) | undefined;
    "onDirection-change"?: ((...args: any[]) => any) | undefined;
    "onSpeed-change"?: ((...args: any[]) => any) | undefined;
}>, {
    variant: string;
    size: string;
    height: string | number;
    text: string;
    loading: boolean;
    autoStart: boolean;
    direction: string;
    speed: number;
    pauseOnHover: boolean;
    loop: boolean;
    showGradient: boolean;
    showControls: boolean;
    allowReverse: boolean;
    allowSpeedControl: boolean;
    backgroundColor: string;
    textColor: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=Marquee.vue.d.ts.map