48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
/**
|
|
* An instance of this class is returned as an event parameter when an animation
|
|
* callback is captured for an animation either during the start or done phase.
|
|
*
|
|
* ```typescript
|
|
* @Component({
|
|
* host: {
|
|
* '[@myAnimationTrigger]': 'someExpression',
|
|
* '(@myAnimationTrigger.start)': 'captureStartEvent($event)',
|
|
* '(@myAnimationTrigger.done)': 'captureDoneEvent($event)',
|
|
* },
|
|
* animations: [
|
|
* trigger("myAnimationTrigger", [
|
|
* // ...
|
|
* ])
|
|
* ]
|
|
* })
|
|
* class MyComponent {
|
|
* someExpression: any = false;
|
|
* captureStartEvent(event: AnimationEvent) {
|
|
* // the toState, fromState and totalTime data is accessible from the event variable
|
|
* }
|
|
*
|
|
* captureDoneEvent(event: AnimationEvent) {
|
|
* // the toState, fromState and totalTime data is accessible from the event variable
|
|
* }
|
|
* }
|
|
* ```
|
|
*
|
|
* @experimental Animation support is experimental.
|
|
*/
|
|
export interface AnimationEvent {
|
|
fromState: string;
|
|
toState: string;
|
|
totalTime: number;
|
|
phaseName: string;
|
|
element: any;
|
|
triggerName: string;
|
|
}
|