49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
import { AnimationPlaybackOptions, Transition, MotionValue, UnresolvedValueKeyframe, ElementOrSelector, DOMKeyframesDefinition, AnimationOptions, GroupAnimationWithThen, AnimationPlaybackControlsWithThen } from 'motion-dom';
|
|
|
|
type ObjectTarget<O> = {
|
|
[K in keyof O]?: O[K] | UnresolvedValueKeyframe[];
|
|
};
|
|
type SequenceTime = number | "<" | `+${number}` | `-${number}` | `${string}`;
|
|
type SequenceLabel = string;
|
|
interface SequenceLabelWithTime {
|
|
name: SequenceLabel;
|
|
at: SequenceTime;
|
|
}
|
|
interface At {
|
|
at?: SequenceTime;
|
|
}
|
|
type MotionValueSegment = [
|
|
MotionValue,
|
|
UnresolvedValueKeyframe | UnresolvedValueKeyframe[]
|
|
];
|
|
type MotionValueSegmentWithTransition = [
|
|
MotionValue,
|
|
UnresolvedValueKeyframe | UnresolvedValueKeyframe[],
|
|
Transition & At
|
|
];
|
|
type DOMSegment = [ElementOrSelector, DOMKeyframesDefinition];
|
|
type DOMSegmentWithTransition = [
|
|
ElementOrSelector,
|
|
DOMKeyframesDefinition,
|
|
AnimationOptions & At
|
|
];
|
|
type ObjectSegment<O extends {} = {}> = [O, ObjectTarget<O>];
|
|
type ObjectSegmentWithTransition<O extends {} = {}> = [
|
|
O,
|
|
ObjectTarget<O>,
|
|
AnimationOptions & At
|
|
];
|
|
type Segment = ObjectSegment | ObjectSegmentWithTransition | SequenceLabel | SequenceLabelWithTime | MotionValueSegment | MotionValueSegmentWithTransition | DOMSegment | DOMSegmentWithTransition;
|
|
type AnimationSequence = Segment[];
|
|
interface SequenceOptions extends AnimationPlaybackOptions {
|
|
delay?: number;
|
|
duration?: number;
|
|
defaultTransition?: Transition;
|
|
}
|
|
|
|
declare function animateSequence(definition: AnimationSequence, options?: SequenceOptions): GroupAnimationWithThen;
|
|
|
|
declare const animateMini: (elementOrSelector: ElementOrSelector, keyframes: DOMKeyframesDefinition, options?: AnimationOptions) => AnimationPlaybackControlsWithThen;
|
|
|
|
export { animateMini as animate, animateSequence };
|