@angular/animations 7.0.0-rc.1 → 7.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/browser/src/dsl/animation_trigger.d.ts +2 -2
- package/browser/src/dsl/style_normalization/animation_style_normalizer.d.ts +2 -2
- package/browser/src/render/animation_driver.d.ts +2 -2
- package/browser/testing/src/mock_animation_driver.d.ts +2 -2
- package/bundles/animations-browser-testing.umd.js +3 -3
- package/bundles/animations-browser-testing.umd.js.map +1 -1
- package/bundles/animations-browser-testing.umd.min.js +1 -1
- package/bundles/animations-browser-testing.umd.min.js.map +1 -1
- package/bundles/animations-browser.umd.js +7 -7
- package/bundles/animations-browser.umd.js.map +1 -1
- package/bundles/animations-browser.umd.min.js +1 -1
- package/bundles/animations-browser.umd.min.js.map +1 -1
- package/bundles/animations.umd.js +29 -2
- package/bundles/animations.umd.js.map +1 -1
- package/bundles/animations.umd.min.js +1 -1
- package/bundles/animations.umd.min.js.map +1 -1
- package/esm2015/browser/src/dsl/animation_trigger.js +3 -3
- package/esm2015/browser/src/dsl/style_normalization/animation_style_normalizer.js +3 -3
- package/esm2015/browser/src/render/animation_driver.js +3 -3
- package/esm2015/browser/testing/src/mock_animation_driver.js +3 -3
- package/esm2015/src/animation_builder.js +3 -1
- package/esm2015/src/animation_event.js +2 -2
- package/esm2015/src/animation_metadata.js +53 -2
- package/esm2015/src/players/animation_player.js +3 -1
- package/esm2015/src/version.js +1 -1
- package/esm5/browser/src/dsl/animation_trigger.js +3 -3
- package/esm5/browser/src/dsl/style_normalization/animation_style_normalizer.js +3 -3
- package/esm5/browser/src/render/animation_driver.js +3 -3
- package/esm5/browser/testing/src/mock_animation_driver.js +3 -3
- package/esm5/src/animation_builder.js +3 -1
- package/esm5/src/animation_event.js +1 -1
- package/esm5/src/animation_metadata.js +26 -2
- package/esm5/src/players/animation_player.js +2 -1
- package/esm5/src/version.js +1 -1
- package/fesm2015/animations.js +28 -2
- package/fesm2015/animations.js.map +1 -1
- package/fesm2015/browser/testing.js +3 -3
- package/fesm2015/browser/testing.js.map +1 -1
- package/fesm2015/browser.js +7 -7
- package/fesm2015/browser.js.map +1 -1
- package/fesm5/animations.js +29 -2
- package/fesm5/animations.js.map +1 -1
- package/fesm5/browser/testing.js +3 -3
- package/fesm5/browser/testing.js.map +1 -1
- package/fesm5/browser.js +7 -7
- package/fesm5/browser.js.map +1 -1
- package/package.json +2 -2
- package/src/animation_builder.d.ts +2 -0
- package/src/animation_event.d.ts +1 -1
- package/src/animation_metadata.d.ts +66 -4
- package/src/players/animation_player.d.ts +2 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@angular/animations",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.3",
|
|
4
4
|
"description": "Angular - animations integration with web-animations",
|
|
5
5
|
"main": "./bundles/animations.umd.js",
|
|
6
6
|
"module": "./fesm5/animations.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"tslib": "^1.9.0"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/core": "7.0.
|
|
19
|
+
"@angular/core": "7.0.3"
|
|
20
20
|
},
|
|
21
21
|
"repository": {
|
|
22
22
|
"type": "git",
|
|
@@ -51,6 +51,7 @@ import { AnimationPlayer } from './players/animation_player';
|
|
|
51
51
|
* }
|
|
52
52
|
* ```
|
|
53
53
|
*
|
|
54
|
+
* @publicApi
|
|
54
55
|
*/
|
|
55
56
|
export declare abstract class AnimationBuilder {
|
|
56
57
|
/**
|
|
@@ -64,6 +65,7 @@ export declare abstract class AnimationBuilder {
|
|
|
64
65
|
/**
|
|
65
66
|
* A factory object returned from the `AnimationBuilder`.`build()` method.
|
|
66
67
|
*
|
|
68
|
+
* @publicApi
|
|
67
69
|
*/
|
|
68
70
|
export declare abstract class AnimationFactory {
|
|
69
71
|
/**
|
package/src/animation_event.d.ts
CHANGED
|
@@ -12,9 +12,11 @@ export interface ɵStyleData {
|
|
|
12
12
|
[key: string]: string | number;
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
|
-
* Represents animation-step timing parameters for an animation step.
|
|
16
|
-
* @see `animate()`
|
|
17
|
-
|
|
15
|
+
* Represents animation-step timing parameters for an animation step.
|
|
16
|
+
* @see `animate()`
|
|
17
|
+
*
|
|
18
|
+
* @publicApi
|
|
19
|
+
*/
|
|
18
20
|
export declare type AnimateTimings = {
|
|
19
21
|
/**
|
|
20
22
|
* The full duration of an animation step. A number and optional time unit,
|
|
@@ -52,6 +54,8 @@ export declare type AnimateTimings = {
|
|
|
52
54
|
*
|
|
53
55
|
* Programmatic animations built using the `AnimationBuilder` service also
|
|
54
56
|
* make use of `AnimationOptions`.
|
|
57
|
+
*
|
|
58
|
+
* @publicApi
|
|
55
59
|
*/
|
|
56
60
|
export declare interface AnimationOptions {
|
|
57
61
|
/**
|
|
@@ -74,6 +78,8 @@ export declare interface AnimationOptions {
|
|
|
74
78
|
* Adds duration options to control animation styling and timing for a child animation.
|
|
75
79
|
*
|
|
76
80
|
* @see `animateChild()`
|
|
81
|
+
*
|
|
82
|
+
* @publicApi
|
|
77
83
|
*/
|
|
78
84
|
export declare interface AnimateChildOptions extends AnimationOptions {
|
|
79
85
|
duration?: number | string;
|
|
@@ -83,6 +89,8 @@ export declare interface AnimateChildOptions extends AnimationOptions {
|
|
|
83
89
|
*
|
|
84
90
|
* A corresponding function defines a set of parameters for each category, and
|
|
85
91
|
* collects them into a corresponding `AnimationMetadata` object.
|
|
92
|
+
*
|
|
93
|
+
* @publicApi
|
|
86
94
|
*/
|
|
87
95
|
export declare const enum AnimationMetadataType {
|
|
88
96
|
/**
|
|
@@ -153,10 +161,14 @@ export declare const enum AnimationMetadataType {
|
|
|
153
161
|
}
|
|
154
162
|
/**
|
|
155
163
|
* Specifies automatic styling.
|
|
164
|
+
*
|
|
165
|
+
* @publicApi
|
|
156
166
|
*/
|
|
157
167
|
export declare const AUTO_STYLE = "*";
|
|
158
168
|
/**
|
|
159
169
|
* Base for animation data structures.
|
|
170
|
+
*
|
|
171
|
+
* @publicApi
|
|
160
172
|
*/
|
|
161
173
|
export interface AnimationMetadata {
|
|
162
174
|
type: AnimationMetadataType;
|
|
@@ -164,6 +176,8 @@ export interface AnimationMetadata {
|
|
|
164
176
|
/**
|
|
165
177
|
* Contains an animation trigger. Instantiated and returned by the
|
|
166
178
|
* `trigger()` function.
|
|
179
|
+
*
|
|
180
|
+
* @publicApi
|
|
167
181
|
*/
|
|
168
182
|
export interface AnimationTriggerMetadata extends AnimationMetadata {
|
|
169
183
|
/**
|
|
@@ -188,6 +202,8 @@ export interface AnimationTriggerMetadata extends AnimationMetadata {
|
|
|
188
202
|
/**
|
|
189
203
|
* Encapsulates an animation state by associating a state name with a set of CSS styles.
|
|
190
204
|
* Instantiated and returned by the `state()` function.
|
|
205
|
+
*
|
|
206
|
+
* @publicApi
|
|
191
207
|
*/
|
|
192
208
|
export interface AnimationStateMetadata extends AnimationMetadata {
|
|
193
209
|
/**
|
|
@@ -212,6 +228,8 @@ export interface AnimationStateMetadata extends AnimationMetadata {
|
|
|
212
228
|
/**
|
|
213
229
|
* Encapsulates an animation transition. Instantiated and returned by the
|
|
214
230
|
* `transition()` function.
|
|
231
|
+
*
|
|
232
|
+
* @publicApi
|
|
215
233
|
*/
|
|
216
234
|
export interface AnimationTransitionMetadata extends AnimationMetadata {
|
|
217
235
|
/**
|
|
@@ -235,6 +253,8 @@ export interface AnimationTransitionMetadata extends AnimationMetadata {
|
|
|
235
253
|
* Encapsulates a reusable animation, which is a collection of individual animation steps.
|
|
236
254
|
* Instantiated and returned by the `animation()` function, and
|
|
237
255
|
* passed to the `useAnimation()` function.
|
|
256
|
+
*
|
|
257
|
+
* @publicApi
|
|
238
258
|
*/
|
|
239
259
|
export interface AnimationReferenceMetadata extends AnimationMetadata {
|
|
240
260
|
/**
|
|
@@ -251,6 +271,8 @@ export interface AnimationReferenceMetadata extends AnimationMetadata {
|
|
|
251
271
|
/**
|
|
252
272
|
* Encapsulates an animation query. Instantiated and returned by
|
|
253
273
|
* the `query()` function.
|
|
274
|
+
*
|
|
275
|
+
* @publicApi
|
|
254
276
|
*/
|
|
255
277
|
export interface AnimationQueryMetadata extends AnimationMetadata {
|
|
256
278
|
/**
|
|
@@ -269,6 +291,8 @@ export interface AnimationQueryMetadata extends AnimationMetadata {
|
|
|
269
291
|
/**
|
|
270
292
|
* Encapsulates a keyframes sequence. Instantiated and returned by
|
|
271
293
|
* the `keyframes()` function.
|
|
294
|
+
*
|
|
295
|
+
* @publicApi
|
|
272
296
|
*/
|
|
273
297
|
export interface AnimationKeyframesSequenceMetadata extends AnimationMetadata {
|
|
274
298
|
/**
|
|
@@ -279,6 +303,8 @@ export interface AnimationKeyframesSequenceMetadata extends AnimationMetadata {
|
|
|
279
303
|
/**
|
|
280
304
|
* Encapsulates an animation style. Instantiated and returned by
|
|
281
305
|
* the `style()` function.
|
|
306
|
+
*
|
|
307
|
+
* @publicApi
|
|
282
308
|
*/
|
|
283
309
|
export interface AnimationStyleMetadata extends AnimationMetadata {
|
|
284
310
|
/**
|
|
@@ -297,6 +323,8 @@ export interface AnimationStyleMetadata extends AnimationMetadata {
|
|
|
297
323
|
/**
|
|
298
324
|
* Encapsulates an animation step. Instantiated and returned by
|
|
299
325
|
* the `animate()` function.
|
|
326
|
+
*
|
|
327
|
+
* @publicApi
|
|
300
328
|
*/
|
|
301
329
|
export interface AnimationAnimateMetadata extends AnimationMetadata {
|
|
302
330
|
/**
|
|
@@ -311,6 +339,8 @@ export interface AnimationAnimateMetadata extends AnimationMetadata {
|
|
|
311
339
|
/**
|
|
312
340
|
* Encapsulates a child animation, that can be run explicitly when the parent is run.
|
|
313
341
|
* Instantiated and returned by the `animateChild` function.
|
|
342
|
+
*
|
|
343
|
+
* @publicApi
|
|
314
344
|
*/
|
|
315
345
|
export interface AnimationAnimateChildMetadata extends AnimationMetadata {
|
|
316
346
|
/**
|
|
@@ -323,6 +353,8 @@ export interface AnimationAnimateChildMetadata extends AnimationMetadata {
|
|
|
323
353
|
/**
|
|
324
354
|
* Encapsulates a reusable animation.
|
|
325
355
|
* Instantiated and returned by the `useAnimation()` function.
|
|
356
|
+
*
|
|
357
|
+
* @publicApi
|
|
326
358
|
*/
|
|
327
359
|
export interface AnimationAnimateRefMetadata extends AnimationMetadata {
|
|
328
360
|
/**
|
|
@@ -339,6 +371,8 @@ export interface AnimationAnimateRefMetadata extends AnimationMetadata {
|
|
|
339
371
|
/**
|
|
340
372
|
* Encapsulates an animation sequence.
|
|
341
373
|
* Instantiated and returned by the `sequence()` function.
|
|
374
|
+
*
|
|
375
|
+
* @publicApi
|
|
342
376
|
*/
|
|
343
377
|
export interface AnimationSequenceMetadata extends AnimationMetadata {
|
|
344
378
|
/**
|
|
@@ -355,6 +389,8 @@ export interface AnimationSequenceMetadata extends AnimationMetadata {
|
|
|
355
389
|
/**
|
|
356
390
|
* Encapsulates an animation group.
|
|
357
391
|
* Instantiated and returned by the `{@link animations/group group()}` function.
|
|
392
|
+
*
|
|
393
|
+
* @publicApi
|
|
358
394
|
*/
|
|
359
395
|
export interface AnimationGroupMetadata extends AnimationMetadata {
|
|
360
396
|
/**
|
|
@@ -371,6 +407,8 @@ export interface AnimationGroupMetadata extends AnimationMetadata {
|
|
|
371
407
|
/**
|
|
372
408
|
* Encapsulates animation query options.
|
|
373
409
|
* Passed to the `query()` function.
|
|
410
|
+
*
|
|
411
|
+
* @publicApi
|
|
374
412
|
*/
|
|
375
413
|
export declare interface AnimationQueryOptions extends AnimationOptions {
|
|
376
414
|
/**
|
|
@@ -390,6 +428,8 @@ export declare interface AnimationQueryOptions extends AnimationOptions {
|
|
|
390
428
|
/**
|
|
391
429
|
* Encapsulates parameters for staggering the start times of a set of animation steps.
|
|
392
430
|
* Instantiated and returned by the `stagger()` function.
|
|
431
|
+
*
|
|
432
|
+
* @publicApi
|
|
393
433
|
**/
|
|
394
434
|
export interface AnimationStaggerMetadata extends AnimationMetadata {
|
|
395
435
|
/**
|
|
@@ -547,7 +587,7 @@ export interface AnimationStaggerMetadata extends AnimationMetadata {
|
|
|
547
587
|
* an instance of an `AnimationEvent`. If animations are disabled,
|
|
548
588
|
* the `.disabled` flag on the event is true.
|
|
549
589
|
*
|
|
550
|
-
* @
|
|
590
|
+
* @publicApi
|
|
551
591
|
*/
|
|
552
592
|
export declare function trigger(name: string, definitions: AnimationMetadata[]): AnimationTriggerMetadata;
|
|
553
593
|
/**
|
|
@@ -605,6 +645,8 @@ export declare function trigger(name: string, definitions: AnimationMetadata[]):
|
|
|
605
645
|
* style({ background: "red" }))
|
|
606
646
|
* ])
|
|
607
647
|
* ```
|
|
648
|
+
*
|
|
649
|
+
* @publicApi
|
|
608
650
|
*/
|
|
609
651
|
export declare function animate(timings: string | number, styles?: AnimationStyleMetadata | AnimationKeyframesSequenceMetadata | null): AnimationAnimateMetadata;
|
|
610
652
|
/**
|
|
@@ -637,6 +679,8 @@ export declare function animate(timings: string | number, styles?: AnimationStyl
|
|
|
637
679
|
* When called within a `sequence()` or a
|
|
638
680
|
* `transition()` call, does not continue to the next
|
|
639
681
|
* instruction until all of the inner animation steps have completed.
|
|
682
|
+
*
|
|
683
|
+
* @publicApi
|
|
640
684
|
*/
|
|
641
685
|
export declare function group(steps: AnimationMetadata[], options?: AnimationOptions | null): AnimationGroupMetadata;
|
|
642
686
|
/**
|
|
@@ -669,6 +713,7 @@ export declare function group(steps: AnimationMetadata[], options?: AnimationOpt
|
|
|
669
713
|
* execution continues to the next instruction only after each of the inner animation
|
|
670
714
|
* steps have completed.
|
|
671
715
|
*
|
|
716
|
+
* @publicApi
|
|
672
717
|
**/
|
|
673
718
|
export declare function sequence(steps: AnimationMetadata[], options?: AnimationOptions | null): AnimationSequenceMetadata;
|
|
674
719
|
/**
|
|
@@ -708,6 +753,7 @@ export declare function sequence(steps: AnimationMetadata[], options?: Animation
|
|
|
708
753
|
* animate("1s", style({ height: "*" }))
|
|
709
754
|
* ```
|
|
710
755
|
*
|
|
756
|
+
* @publicApi
|
|
711
757
|
**/
|
|
712
758
|
export declare function style(tokens: '*' | {
|
|
713
759
|
[key: string]: string | number;
|
|
@@ -740,6 +786,8 @@ export declare function style(tokens: '*' | {
|
|
|
740
786
|
* Use the `transition()` function to animate between states.
|
|
741
787
|
* When a state is active within a component, its associated styles persist on the element,
|
|
742
788
|
* even when the animation ends.
|
|
789
|
+
*
|
|
790
|
+
* @publicApi
|
|
743
791
|
**/
|
|
744
792
|
export declare function state(name: string, styles: AnimationStyleMetadata, options?: {
|
|
745
793
|
params: {
|
|
@@ -788,6 +836,8 @@ export declare function state(name: string, styles: AnimationStyleMetadata, opti
|
|
|
788
836
|
* style({ backgroundColor: "black" }) // offset = 1
|
|
789
837
|
* ]))
|
|
790
838
|
*```
|
|
839
|
+
|
|
840
|
+
* @publicApi
|
|
791
841
|
*/
|
|
792
842
|
export declare function keyframes(steps: AnimationStyleMetadata[]): AnimationKeyframesSequenceMetadata;
|
|
793
843
|
/**
|
|
@@ -955,6 +1005,8 @@ export declare function keyframes(steps: AnimationStyleMetadata[]): AnimationKey
|
|
|
955
1005
|
* transition('false <=> true', animate(500))
|
|
956
1006
|
* ])
|
|
957
1007
|
* ```
|
|
1008
|
+
*
|
|
1009
|
+
* @publicApi
|
|
958
1010
|
**/
|
|
959
1011
|
export declare function transition(stateChangeExpr: string | ((fromState: string, toState: string, element?: any, params?: {
|
|
960
1012
|
[key: string]: any;
|
|
@@ -1001,6 +1053,8 @@ export declare function transition(stateChangeExpr: string | ((fromState: string
|
|
|
1001
1053
|
* If any of the passed-in parameter values are missing from this call,
|
|
1002
1054
|
* the default values are used. If one or more parameter values are missing before a step is
|
|
1003
1055
|
* animated, `useAnimation()` throws an error.
|
|
1056
|
+
*
|
|
1057
|
+
* @publicApi
|
|
1004
1058
|
*/
|
|
1005
1059
|
export declare function animation(steps: AnimationMetadata | AnimationMetadata[], options?: AnimationOptions | null): AnimationReferenceMetadata;
|
|
1006
1060
|
/**
|
|
@@ -1019,6 +1073,8 @@ export declare function animation(steps: AnimationMetadata | AnimationMetadata[]
|
|
|
1019
1073
|
* Note that this feature designed to be used with `query()` and it will only work
|
|
1020
1074
|
* with animations that are assigned using the Angular animation library. CSS keyframes
|
|
1021
1075
|
* and transitions are not handled by this API.
|
|
1076
|
+
*
|
|
1077
|
+
* @publicApi
|
|
1022
1078
|
*/
|
|
1023
1079
|
export declare function animateChild(options?: AnimateChildOptions | null): AnimationAnimateChildMetadata;
|
|
1024
1080
|
/**
|
|
@@ -1028,6 +1084,8 @@ export declare function animateChild(options?: AnimateChildOptions | null): Anim
|
|
|
1028
1084
|
* @param options An options object that can contain a delay value for the start of
|
|
1029
1085
|
* the animation, and additional override values for developer-defined parameters.
|
|
1030
1086
|
* @return An object that contains the animation parameters.
|
|
1087
|
+
*
|
|
1088
|
+
* @publicApi
|
|
1031
1089
|
*/
|
|
1032
1090
|
export declare function useAnimation(animation: AnimationReferenceMetadata, options?: AnimationOptions | null): AnimationAnimateRefMetadata;
|
|
1033
1091
|
/**
|
|
@@ -1114,6 +1172,8 @@ export declare function useAnimation(animation: AnimationReferenceMetadata, opti
|
|
|
1114
1172
|
* }
|
|
1115
1173
|
* }
|
|
1116
1174
|
* ```
|
|
1175
|
+
*
|
|
1176
|
+
* @publicApi
|
|
1117
1177
|
*/
|
|
1118
1178
|
export declare function query(selector: string, animation: AnimationMetadata | AnimationMetadata[], options?: AnimationQueryOptions | null): AnimationQueryMetadata;
|
|
1119
1179
|
/**
|
|
@@ -1193,5 +1253,7 @@ export declare function query(selector: string, animation: AnimationMetadata | A
|
|
|
1193
1253
|
* ])
|
|
1194
1254
|
* ])
|
|
1195
1255
|
* ```
|
|
1256
|
+
*
|
|
1257
|
+
* @publicApi
|
|
1196
1258
|
*/
|
|
1197
1259
|
export declare function stagger(timings: string | number, animation: AnimationMetadata | AnimationMetadata[]): AnimationStaggerMetadata;
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
* @see `AnimationFactory`
|
|
8
8
|
* @see `animate()`
|
|
9
9
|
*
|
|
10
|
+
* @publicApi
|
|
10
11
|
*/
|
|
11
12
|
export interface AnimationPlayer {
|
|
12
13
|
/**
|
|
@@ -94,6 +95,7 @@ export interface AnimationPlayer {
|
|
|
94
95
|
* @see `AnimationPlayer`
|
|
95
96
|
* @see `GroupPlayer`
|
|
96
97
|
*
|
|
98
|
+
* @publicApi
|
|
97
99
|
*/
|
|
98
100
|
export declare class NoopAnimationPlayer implements AnimationPlayer {
|
|
99
101
|
private _onDoneFns;
|