vue-emerge
Version:
A simple Vue component to animate elements when they enter the viewport on scroll.
148 lines (147 loc) • 3.8 kB
TypeScript
import { Component, PropType } from 'vue';
type AnimationDirection = 'vertical' | 'horizontal';
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {
element: unknown;
};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
root: {
type: StringConstructor;
default: undefined;
};
triggerOffset: {
type: StringConstructor;
default: string;
};
threshold: {
type: PropType<number | number[]>;
default: number;
validator: (value: number | number[]) => boolean;
};
trigger: {
type: StringConstructor;
default: undefined;
};
tag: {
type: PropType<string | Component>;
default: string;
};
direction: {
type: PropType<AnimationDirection>;
default: string;
validator: (value: string) => boolean;
};
moveAmount: {
type: StringConstructor;
default: string;
};
finalMoveAmount: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animationDelay: {
type: NumberConstructor;
default: number;
};
timingFunction: {
type: StringConstructor;
default: string;
};
blockHoverOnEnter: {
type: BooleanConstructor;
default: boolean;
};
componentProps: {
type: ObjectConstructor;
default: () => {};
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
root: {
type: StringConstructor;
default: undefined;
};
triggerOffset: {
type: StringConstructor;
default: string;
};
threshold: {
type: PropType<number | number[]>;
default: number;
validator: (value: number | number[]) => boolean;
};
trigger: {
type: StringConstructor;
default: undefined;
};
tag: {
type: PropType<string | Component>;
default: string;
};
direction: {
type: PropType<AnimationDirection>;
default: string;
validator: (value: string) => boolean;
};
moveAmount: {
type: StringConstructor;
default: string;
};
finalMoveAmount: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animationDelay: {
type: NumberConstructor;
default: number;
};
timingFunction: {
type: StringConstructor;
default: string;
};
blockHoverOnEnter: {
type: BooleanConstructor;
default: boolean;
};
componentProps: {
type: ObjectConstructor;
default: () => {};
};
}>> & Readonly<{}>, {
root: string;
threshold: number | number[];
triggerOffset: string;
trigger: string;
tag: string | Component;
direction: AnimationDirection;
moveAmount: string;
finalMoveAmount: string;
animationDuration: number;
animationDelay: number;
timingFunction: string;
blockHoverOnEnter: boolean;
componentProps: Record<string, any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
element: unknown;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};