223 lines
6.6 KiB
TypeScript
223 lines
6.6 KiB
TypeScript
export declare function animate(timings: string | number, styles?: AnimationStyleMetadata | AnimationKeyframesSequenceMetadata | null): AnimationAnimateMetadata;
|
|
|
|
export declare function animateChild(options?: AnimateChildOptions | null): AnimationAnimateChildMetadata;
|
|
|
|
export declare interface AnimateChildOptions extends AnimationOptions {
|
|
duration?: number | string;
|
|
}
|
|
|
|
export declare type AnimateTimings = {
|
|
duration: number;
|
|
delay: number;
|
|
easing: string | null;
|
|
};
|
|
|
|
export declare function animation(steps: AnimationMetadata | AnimationMetadata[], options?: AnimationOptions | null): AnimationReferenceMetadata;
|
|
|
|
export interface AnimationAnimateChildMetadata extends AnimationMetadata {
|
|
options: AnimationOptions | null;
|
|
}
|
|
|
|
export interface AnimationAnimateMetadata extends AnimationMetadata {
|
|
styles: AnimationStyleMetadata | AnimationKeyframesSequenceMetadata | null;
|
|
timings: string | number | AnimateTimings;
|
|
}
|
|
|
|
export interface AnimationAnimateRefMetadata extends AnimationMetadata {
|
|
animation: AnimationReferenceMetadata;
|
|
options: AnimationOptions | null;
|
|
}
|
|
|
|
/** @experimental */
|
|
export declare abstract class AnimationBuilder {
|
|
abstract build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;
|
|
}
|
|
|
|
/** @experimental */
|
|
export interface AnimationEvent {
|
|
disabled: boolean;
|
|
element: any;
|
|
fromState: string;
|
|
phaseName: string;
|
|
toState: string;
|
|
totalTime: number;
|
|
triggerName: string;
|
|
}
|
|
|
|
/** @experimental */
|
|
export declare abstract class AnimationFactory {
|
|
abstract create(element: any, options?: AnimationOptions): AnimationPlayer;
|
|
}
|
|
|
|
export interface AnimationGroupMetadata extends AnimationMetadata {
|
|
options: AnimationOptions | null;
|
|
steps: AnimationMetadata[];
|
|
}
|
|
|
|
export interface AnimationKeyframesSequenceMetadata extends AnimationMetadata {
|
|
steps: AnimationStyleMetadata[];
|
|
}
|
|
|
|
export interface AnimationMetadata {
|
|
type: AnimationMetadataType;
|
|
}
|
|
|
|
export declare const enum AnimationMetadataType {
|
|
State = 0,
|
|
Transition = 1,
|
|
Sequence = 2,
|
|
Group = 3,
|
|
Animate = 4,
|
|
Keyframes = 5,
|
|
Style = 6,
|
|
Trigger = 7,
|
|
Reference = 8,
|
|
AnimateChild = 9,
|
|
AnimateRef = 10,
|
|
Query = 11,
|
|
Stagger = 12
|
|
}
|
|
|
|
export declare interface AnimationOptions {
|
|
delay?: number | string;
|
|
params?: {
|
|
[name: string]: any;
|
|
};
|
|
}
|
|
|
|
/** @experimental */
|
|
export interface AnimationPlayer {
|
|
beforeDestroy?: () => any;
|
|
parentPlayer: AnimationPlayer | null;
|
|
readonly totalTime: number;
|
|
destroy(): void;
|
|
finish(): void;
|
|
getPosition(): number;
|
|
hasStarted(): boolean;
|
|
init(): void;
|
|
onDestroy(fn: () => void): void;
|
|
onDone(fn: () => void): void;
|
|
onStart(fn: () => void): void;
|
|
pause(): void;
|
|
play(): void;
|
|
reset(): void;
|
|
restart(): void;
|
|
setPosition(position: any /** TODO #9100 */): void;
|
|
}
|
|
|
|
export interface AnimationQueryMetadata extends AnimationMetadata {
|
|
animation: AnimationMetadata | AnimationMetadata[];
|
|
options: AnimationQueryOptions | null;
|
|
selector: string;
|
|
}
|
|
|
|
export declare interface AnimationQueryOptions extends AnimationOptions {
|
|
limit?: number;
|
|
optional?: boolean;
|
|
}
|
|
|
|
export interface AnimationReferenceMetadata extends AnimationMetadata {
|
|
animation: AnimationMetadata | AnimationMetadata[];
|
|
options: AnimationOptions | null;
|
|
}
|
|
|
|
export interface AnimationSequenceMetadata extends AnimationMetadata {
|
|
options: AnimationOptions | null;
|
|
steps: AnimationMetadata[];
|
|
}
|
|
|
|
export interface AnimationStaggerMetadata extends AnimationMetadata {
|
|
animation: AnimationMetadata | AnimationMetadata[];
|
|
timings: string | number;
|
|
}
|
|
|
|
export interface AnimationStateMetadata extends AnimationMetadata {
|
|
name: string;
|
|
options?: {
|
|
params: {
|
|
[name: string]: any;
|
|
};
|
|
};
|
|
styles: AnimationStyleMetadata;
|
|
}
|
|
|
|
export interface AnimationStyleMetadata extends AnimationMetadata {
|
|
offset: number | null;
|
|
styles: '*' | {
|
|
[key: string]: string | number;
|
|
} | Array<{
|
|
[key: string]: string | number;
|
|
} | '*'>;
|
|
}
|
|
|
|
export interface AnimationTransitionMetadata extends AnimationMetadata {
|
|
animation: AnimationMetadata | AnimationMetadata[];
|
|
expr: string | ((fromState: string, toState: string, element?: any, params?: {
|
|
[key: string]: any;
|
|
}) => boolean);
|
|
options: AnimationOptions | null;
|
|
}
|
|
|
|
export interface AnimationTriggerMetadata extends AnimationMetadata {
|
|
definitions: AnimationMetadata[];
|
|
name: string;
|
|
options: {
|
|
params?: {
|
|
[name: string]: any;
|
|
};
|
|
} | null;
|
|
}
|
|
|
|
export declare const AUTO_STYLE = "*";
|
|
|
|
export declare function group(steps: AnimationMetadata[], options?: AnimationOptions | null): AnimationGroupMetadata;
|
|
|
|
export declare function keyframes(steps: AnimationStyleMetadata[]): AnimationKeyframesSequenceMetadata;
|
|
|
|
/** @experimental */
|
|
export declare class NoopAnimationPlayer implements AnimationPlayer {
|
|
parentPlayer: AnimationPlayer | null;
|
|
readonly totalTime: number;
|
|
constructor(duration?: number, delay?: number);
|
|
destroy(): void;
|
|
finish(): void;
|
|
getPosition(): number;
|
|
hasStarted(): boolean;
|
|
init(): void;
|
|
onDestroy(fn: () => void): void;
|
|
onDone(fn: () => void): void;
|
|
onStart(fn: () => void): void;
|
|
pause(): void;
|
|
play(): void;
|
|
reset(): void;
|
|
restart(): void;
|
|
setPosition(position: number): void;
|
|
}
|
|
|
|
export declare function query(selector: string, animation: AnimationMetadata | AnimationMetadata[], options?: AnimationQueryOptions | null): AnimationQueryMetadata;
|
|
|
|
export declare function sequence(steps: AnimationMetadata[], options?: AnimationOptions | null): AnimationSequenceMetadata;
|
|
|
|
export declare function stagger(timings: string | number, animation: AnimationMetadata | AnimationMetadata[]): AnimationStaggerMetadata;
|
|
|
|
export declare function state(name: string, styles: AnimationStyleMetadata, options?: {
|
|
params: {
|
|
[name: string]: any;
|
|
};
|
|
}): AnimationStateMetadata;
|
|
|
|
export declare function style(tokens: '*' | {
|
|
[key: string]: string | number;
|
|
} | Array<'*' | {
|
|
[key: string]: string | number;
|
|
}>): AnimationStyleMetadata;
|
|
|
|
export declare function transition(stateChangeExpr: string | ((fromState: string, toState: string, element?: any, params?: {
|
|
[key: string]: any;
|
|
}) => boolean), steps: AnimationMetadata | AnimationMetadata[], options?: AnimationOptions | null): AnimationTransitionMetadata;
|
|
|
|
/** @experimental */
|
|
export declare function trigger(name: string, definitions: AnimationMetadata[]): AnimationTriggerMetadata;
|
|
|
|
export declare function useAnimation(animation: AnimationReferenceMetadata, options?: AnimationOptions | null): AnimationAnimateRefMetadata;
|