UNPKG

@bardoui/vpopper

Version:

PopperJs powered popup for vue 3

680 lines 56.8 kB
import { PopperOptions } from "./types"; /** * Default popper options */ export declare const GlobalOptions: { enterAnimation?: { top: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; left: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; bottom: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; right: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; } | { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; } | undefined; leaveAnimation?: { top: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; left: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; bottom: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; }[] | undefined; easing?: string | ((el: HTMLElement, index: number, length: number) => (time: number) => number) | ((el: HTMLElement) => string) | undefined; }; right: { [x: string]: any; loop?: number | boolean | undefined; autoplay?: boolean | undefined; direction?: string | undefined; begin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; change?: ((anim: import("animejs").AnimeInstance) => void) | undefined; update?: ((anim: import("animejs").AnimeInstance) => void) | undefined; complete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; loopComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeBegin?: ((anim: import("animejs").AnimeInstance) => void) | undefined; changeComplete?: ((anim: import("animejs").AnimeInstance) => void) | undefined; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly { [x: string]: any; targets?: string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | readonly (string | object | HTMLElement | SVGElement | { [x: number]: Node; readonly length: number; item: (index: number) => Node | null; forEach: (callbackfn: (value: Node, key: number, parent: NodeList) => void, thisArg?: any) => void; entries: () => IterableIterator<[number, Node]>; keys: () => IterableIterator<number>; values: () => IterableIterator<Node>; [Symbol.iterator]: () => IterableIterator<Node>; } | null)[] | null | undefined; duration?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; delay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; endDelay?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; elasticity?: number | ((element: HTMLElement, index: number, length: number) => number) | undefined; round?: number | boolean | ((element: HTMLElement, index: number, length: number) => number) | undefined; keyframes?: readonly any[] | undefined; easing?: string | ((el: HTMLElement, index: