docs: update animations with `@publicApi` tags (#26595)
PR Close #26595
This commit is contained in:
parent
0bae97a726
commit
42c331bbf2
|
@ -52,6 +52,7 @@ import {AnimationPlayer} from './players/animation_player';
|
||||||
* }
|
* }
|
||||||
* ```
|
* ```
|
||||||
*
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export abstract class AnimationBuilder {
|
export abstract class AnimationBuilder {
|
||||||
/**
|
/**
|
||||||
|
@ -66,6 +67,7 @@ export abstract class AnimationBuilder {
|
||||||
/**
|
/**
|
||||||
* A factory object returned from the `AnimationBuilder`.`build()` method.
|
* A factory object returned from the `AnimationBuilder`.`build()` method.
|
||||||
*
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export abstract class AnimationFactory {
|
export abstract class AnimationFactory {
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -12,9 +12,11 @@
|
||||||
export interface ɵStyleData { [key: string]: string|number; }
|
export interface ɵStyleData { [key: string]: string|number; }
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Represents animation-step timing parameters for an animation step.
|
* Represents animation-step timing parameters for an animation step.
|
||||||
* @see `animate()`
|
* @see `animate()`
|
||||||
*/
|
*
|
||||||
|
* @publicApi
|
||||||
|
*/
|
||||||
export declare type AnimateTimings = {
|
export declare type AnimateTimings = {
|
||||||
/**
|
/**
|
||||||
* The full duration of an animation step. A number and optional time unit,
|
* The full duration of an animation step. A number and optional time unit,
|
||||||
|
@ -53,6 +55,8 @@ export declare type AnimateTimings = {
|
||||||
*
|
*
|
||||||
* Programmatic animations built using the `AnimationBuilder` service also
|
* Programmatic animations built using the `AnimationBuilder` service also
|
||||||
* make use of `AnimationOptions`.
|
* make use of `AnimationOptions`.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export declare interface AnimationOptions {
|
export declare interface AnimationOptions {
|
||||||
/**
|
/**
|
||||||
|
@ -74,6 +78,8 @@ export declare interface AnimationOptions {
|
||||||
* Adds duration options to control animation styling and timing for a child animation.
|
* Adds duration options to control animation styling and timing for a child animation.
|
||||||
*
|
*
|
||||||
* @see `animateChild()`
|
* @see `animateChild()`
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export declare interface AnimateChildOptions extends AnimationOptions { duration?: number|string; }
|
export declare interface AnimateChildOptions extends AnimationOptions { duration?: number|string; }
|
||||||
|
|
||||||
|
@ -82,6 +88,8 @@ export declare interface AnimateChildOptions extends AnimationOptions { duration
|
||||||
*
|
*
|
||||||
* A corresponding function defines a set of parameters for each category, and
|
* A corresponding function defines a set of parameters for each category, and
|
||||||
* collects them into a corresponding `AnimationMetadata` object.
|
* collects them into a corresponding `AnimationMetadata` object.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export const enum AnimationMetadataType {
|
export const enum AnimationMetadataType {
|
||||||
/**
|
/**
|
||||||
|
@ -153,17 +161,23 @@ export const enum AnimationMetadataType {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Specifies automatic styling.
|
* Specifies automatic styling.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export const AUTO_STYLE = '*';
|
export const AUTO_STYLE = '*';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Base for animation data structures.
|
* Base for animation data structures.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationMetadata { type: AnimationMetadataType; }
|
export interface AnimationMetadata { type: AnimationMetadataType; }
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Contains an animation trigger. Instantiated and returned by the
|
* Contains an animation trigger. Instantiated and returned by the
|
||||||
* `trigger()` function.
|
* `trigger()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationTriggerMetadata extends AnimationMetadata {
|
export interface AnimationTriggerMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -185,6 +199,8 @@ export interface AnimationTriggerMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation state by associating a state name with a set of CSS styles.
|
* Encapsulates an animation state by associating a state name with a set of CSS styles.
|
||||||
* Instantiated and returned by the `state()` function.
|
* Instantiated and returned by the `state()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationStateMetadata extends AnimationMetadata {
|
export interface AnimationStateMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -206,6 +222,8 @@ export interface AnimationStateMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation transition. Instantiated and returned by the
|
* Encapsulates an animation transition. Instantiated and returned by the
|
||||||
* `transition()` function.
|
* `transition()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationTransitionMetadata extends AnimationMetadata {
|
export interface AnimationTransitionMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -230,6 +248,8 @@ export interface AnimationTransitionMetadata extends AnimationMetadata {
|
||||||
* Encapsulates a reusable animation, which is a collection of individual animation steps.
|
* Encapsulates a reusable animation, which is a collection of individual animation steps.
|
||||||
* Instantiated and returned by the `animation()` function, and
|
* Instantiated and returned by the `animation()` function, and
|
||||||
* passed to the `useAnimation()` function.
|
* passed to the `useAnimation()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationReferenceMetadata extends AnimationMetadata {
|
export interface AnimationReferenceMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -247,6 +267,8 @@ export interface AnimationReferenceMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation query. Instantiated and returned by
|
* Encapsulates an animation query. Instantiated and returned by
|
||||||
* the `query()` function.
|
* the `query()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationQueryMetadata extends AnimationMetadata {
|
export interface AnimationQueryMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -266,6 +288,8 @@ export interface AnimationQueryMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates a keyframes sequence. Instantiated and returned by
|
* Encapsulates a keyframes sequence. Instantiated and returned by
|
||||||
* the `keyframes()` function.
|
* the `keyframes()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationKeyframesSequenceMetadata extends AnimationMetadata {
|
export interface AnimationKeyframesSequenceMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -277,6 +301,8 @@ export interface AnimationKeyframesSequenceMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation style. Instantiated and returned by
|
* Encapsulates an animation style. Instantiated and returned by
|
||||||
* the `style()` function.
|
* the `style()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationStyleMetadata extends AnimationMetadata {
|
export interface AnimationStyleMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -292,6 +318,8 @@ export interface AnimationStyleMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation step. Instantiated and returned by
|
* Encapsulates an animation step. Instantiated and returned by
|
||||||
* the `animate()` function.
|
* the `animate()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationAnimateMetadata extends AnimationMetadata {
|
export interface AnimationAnimateMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -307,6 +335,8 @@ export interface AnimationAnimateMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates a child animation, that can be run explicitly when the parent is run.
|
* Encapsulates a child animation, that can be run explicitly when the parent is run.
|
||||||
* Instantiated and returned by the `animateChild` function.
|
* Instantiated and returned by the `animateChild` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationAnimateChildMetadata extends AnimationMetadata {
|
export interface AnimationAnimateChildMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -320,6 +350,8 @@ export interface AnimationAnimateChildMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates a reusable animation.
|
* Encapsulates a reusable animation.
|
||||||
* Instantiated and returned by the `useAnimation()` function.
|
* Instantiated and returned by the `useAnimation()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationAnimateRefMetadata extends AnimationMetadata {
|
export interface AnimationAnimateRefMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -337,6 +369,8 @@ export interface AnimationAnimateRefMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation sequence.
|
* Encapsulates an animation sequence.
|
||||||
* Instantiated and returned by the `sequence()` function.
|
* Instantiated and returned by the `sequence()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationSequenceMetadata extends AnimationMetadata {
|
export interface AnimationSequenceMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -354,6 +388,8 @@ export interface AnimationSequenceMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates an animation group.
|
* Encapsulates an animation group.
|
||||||
* Instantiated and returned by the `{@link animations/group group()}` function.
|
* Instantiated and returned by the `{@link animations/group group()}` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationGroupMetadata extends AnimationMetadata {
|
export interface AnimationGroupMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -371,6 +407,8 @@ export interface AnimationGroupMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
* Encapsulates animation query options.
|
* Encapsulates animation query options.
|
||||||
* Passed to the `query()` function.
|
* Passed to the `query()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export declare interface AnimationQueryOptions extends AnimationOptions {
|
export declare interface AnimationQueryOptions extends AnimationOptions {
|
||||||
/**
|
/**
|
||||||
|
@ -391,6 +429,8 @@ export declare interface AnimationQueryOptions extends AnimationOptions {
|
||||||
/**
|
/**
|
||||||
* Encapsulates parameters for staggering the start times of a set of animation steps.
|
* Encapsulates parameters for staggering the start times of a set of animation steps.
|
||||||
* Instantiated and returned by the `stagger()` function.
|
* Instantiated and returned by the `stagger()` function.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
**/
|
**/
|
||||||
export interface AnimationStaggerMetadata extends AnimationMetadata {
|
export interface AnimationStaggerMetadata extends AnimationMetadata {
|
||||||
/**
|
/**
|
||||||
|
@ -610,6 +650,8 @@ export function trigger(name: string, definitions: AnimationMetadata[]): Animati
|
||||||
* style({ background: "red" }))
|
* style({ background: "red" }))
|
||||||
* ])
|
* ])
|
||||||
* ```
|
* ```
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function animate(
|
export function animate(
|
||||||
timings: string | number, styles: AnimationStyleMetadata | AnimationKeyframesSequenceMetadata |
|
timings: string | number, styles: AnimationStyleMetadata | AnimationKeyframesSequenceMetadata |
|
||||||
|
@ -647,6 +689,8 @@ export function animate(
|
||||||
* When called within a `sequence()` or a
|
* When called within a `sequence()` or a
|
||||||
* `transition()` call, does not continue to the next
|
* `transition()` call, does not continue to the next
|
||||||
* instruction until all of the inner animation steps have completed.
|
* instruction until all of the inner animation steps have completed.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function group(
|
export function group(
|
||||||
steps: AnimationMetadata[], options: AnimationOptions | null = null): AnimationGroupMetadata {
|
steps: AnimationMetadata[], options: AnimationOptions | null = null): AnimationGroupMetadata {
|
||||||
|
@ -683,6 +727,7 @@ export function group(
|
||||||
* execution continues to the next instruction only after each of the inner animation
|
* execution continues to the next instruction only after each of the inner animation
|
||||||
* steps have completed.
|
* steps have completed.
|
||||||
*
|
*
|
||||||
|
* @publicApi
|
||||||
**/
|
**/
|
||||||
export function sequence(steps: AnimationMetadata[], options: AnimationOptions | null = null):
|
export function sequence(steps: AnimationMetadata[], options: AnimationOptions | null = null):
|
||||||
AnimationSequenceMetadata {
|
AnimationSequenceMetadata {
|
||||||
|
@ -726,6 +771,7 @@ export function sequence(steps: AnimationMetadata[], options: AnimationOptions |
|
||||||
* animate("1s", style({ height: "*" }))
|
* animate("1s", style({ height: "*" }))
|
||||||
* ```
|
* ```
|
||||||
*
|
*
|
||||||
|
* @publicApi
|
||||||
**/
|
**/
|
||||||
export function style(
|
export function style(
|
||||||
tokens: '*' | {[key: string]: string | number} |
|
tokens: '*' | {[key: string]: string | number} |
|
||||||
|
@ -759,6 +805,8 @@ export function style(
|
||||||
* Use the `transition()` function to animate between states.
|
* Use the `transition()` function to animate between states.
|
||||||
* When a state is active within a component, its associated styles persist on the element,
|
* When a state is active within a component, its associated styles persist on the element,
|
||||||
* even when the animation ends.
|
* even when the animation ends.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
**/
|
**/
|
||||||
export function state(
|
export function state(
|
||||||
name: string, styles: AnimationStyleMetadata,
|
name: string, styles: AnimationStyleMetadata,
|
||||||
|
@ -808,6 +856,8 @@ export function state(
|
||||||
* style({ backgroundColor: "black" }) // offset = 1
|
* style({ backgroundColor: "black" }) // offset = 1
|
||||||
* ]))
|
* ]))
|
||||||
*```
|
*```
|
||||||
|
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function keyframes(steps: AnimationStyleMetadata[]): AnimationKeyframesSequenceMetadata {
|
export function keyframes(steps: AnimationStyleMetadata[]): AnimationKeyframesSequenceMetadata {
|
||||||
return {type: AnimationMetadataType.Keyframes, steps};
|
return {type: AnimationMetadataType.Keyframes, steps};
|
||||||
|
@ -978,6 +1028,8 @@ export function keyframes(steps: AnimationStyleMetadata[]): AnimationKeyframesSe
|
||||||
* transition('false <=> true', animate(500))
|
* transition('false <=> true', animate(500))
|
||||||
* ])
|
* ])
|
||||||
* ```
|
* ```
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
**/
|
**/
|
||||||
export function transition(
|
export function transition(
|
||||||
stateChangeExpr: string | ((fromState: string, toState: string, element?: any,
|
stateChangeExpr: string | ((fromState: string, toState: string, element?: any,
|
||||||
|
@ -1029,6 +1081,8 @@ export function transition(
|
||||||
* If any of the passed-in parameter values are missing from this call,
|
* If any of the passed-in parameter values are missing from this call,
|
||||||
* the default values are used. If one or more parameter values are missing before a step is
|
* the default values are used. If one or more parameter values are missing before a step is
|
||||||
* animated, `useAnimation()` throws an error.
|
* animated, `useAnimation()` throws an error.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function animation(
|
export function animation(
|
||||||
steps: AnimationMetadata | AnimationMetadata[],
|
steps: AnimationMetadata | AnimationMetadata[],
|
||||||
|
@ -1052,6 +1106,8 @@ export function animation(
|
||||||
* Note that this feature designed to be used with `query()` and it will only work
|
* Note that this feature designed to be used with `query()` and it will only work
|
||||||
* with animations that are assigned using the Angular animation library. CSS keyframes
|
* with animations that are assigned using the Angular animation library. CSS keyframes
|
||||||
* and transitions are not handled by this API.
|
* and transitions are not handled by this API.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function animateChild(options: AnimateChildOptions | null = null):
|
export function animateChild(options: AnimateChildOptions | null = null):
|
||||||
AnimationAnimateChildMetadata {
|
AnimationAnimateChildMetadata {
|
||||||
|
@ -1065,6 +1121,8 @@ export function animateChild(options: AnimateChildOptions | null = null):
|
||||||
* @param options An options object that can contain a delay value for the start of
|
* @param options An options object that can contain a delay value for the start of
|
||||||
* the animation, and additional override values for developer-defined parameters.
|
* the animation, and additional override values for developer-defined parameters.
|
||||||
* @return An object that contains the animation parameters.
|
* @return An object that contains the animation parameters.
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function useAnimation(
|
export function useAnimation(
|
||||||
animation: AnimationReferenceMetadata,
|
animation: AnimationReferenceMetadata,
|
||||||
|
@ -1156,6 +1214,8 @@ export function useAnimation(
|
||||||
* }
|
* }
|
||||||
* }
|
* }
|
||||||
* ```
|
* ```
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function query(
|
export function query(
|
||||||
selector: string, animation: AnimationMetadata | AnimationMetadata[],
|
selector: string, animation: AnimationMetadata | AnimationMetadata[],
|
||||||
|
@ -1240,6 +1300,8 @@ export function query(
|
||||||
* ])
|
* ])
|
||||||
* ])
|
* ])
|
||||||
* ```
|
* ```
|
||||||
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export function stagger(
|
export function stagger(
|
||||||
timings: string | number,
|
timings: string | number,
|
||||||
|
|
|
@ -16,6 +16,7 @@ import {scheduleMicroTask} from '../util';
|
||||||
* @see `AnimationFactory`
|
* @see `AnimationFactory`
|
||||||
* @see `animate()`
|
* @see `animate()`
|
||||||
*
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export interface AnimationPlayer {
|
export interface AnimationPlayer {
|
||||||
/**
|
/**
|
||||||
|
@ -112,6 +113,7 @@ export interface AnimationPlayer {
|
||||||
* @see `AnimationPlayer`
|
* @see `AnimationPlayer`
|
||||||
* @see `GroupPlayer`
|
* @see `GroupPlayer`
|
||||||
*
|
*
|
||||||
|
* @publicApi
|
||||||
*/
|
*/
|
||||||
export class NoopAnimationPlayer implements AnimationPlayer {
|
export class NoopAnimationPlayer implements AnimationPlayer {
|
||||||
private _onDoneFns: Function[] = [];
|
private _onDoneFns: Function[] = [];
|
||||||
|
|
|
@ -32,7 +32,6 @@ export declare abstract class AnimationBuilder {
|
||||||
abstract build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;
|
abstract build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @experimental */
|
|
||||||
export interface AnimationEvent {
|
export interface AnimationEvent {
|
||||||
disabled: boolean;
|
disabled: boolean;
|
||||||
element: any;
|
element: any;
|
||||||
|
@ -212,7 +211,6 @@ export declare function transition(stateChangeExpr: string | ((fromState: string
|
||||||
[key: string]: any;
|
[key: string]: any;
|
||||||
}) => boolean), steps: AnimationMetadata | AnimationMetadata[], options?: AnimationOptions | null): AnimationTransitionMetadata;
|
}) => boolean), steps: AnimationMetadata | AnimationMetadata[], options?: AnimationOptions | null): AnimationTransitionMetadata;
|
||||||
|
|
||||||
/** @experimental */
|
|
||||||
export declare function trigger(name: string, definitions: AnimationMetadata[]): AnimationTriggerMetadata;
|
export declare function trigger(name: string, definitions: AnimationMetadata[]): AnimationTriggerMetadata;
|
||||||
|
|
||||||
export declare function useAnimation(animation: AnimationReferenceMetadata, options?: AnimationOptions | null): AnimationAnimateRefMetadata;
|
export declare function useAnimation(animation: AnimationReferenceMetadata, options?: AnimationOptions | null): AnimationAnimateRefMetadata;
|
||||||
|
|
Loading…
Reference in New Issue