@angular/animations - npm Package Compare versions

Comparing version 4.3.3 to 4.3.4

@angular/animations.es5.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -428,6 +428,7 @@ * License: MIT
  * @param {?} styles
+ * @param {?=} options
  * @return {?}
  */
-function state(name, styles) {
-    return { type: 0 /* State */, name: name, styles: styles };
+function state(name, styles, options) {
+    return { type: 0 /* State */, name: name, styles: styles, options: options };
 }
@@ -434,0 +435,0 @@ /**

@angular/animations.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -420,6 +420,7 @@ * License: MIT
  * @param {?} styles
+ * @param {?=} options
  * @return {?}
  */
-function state(name, styles) {
-    return { type: 0 /* State */, name, styles };
+function state(name, styles, options) {
+    return { type: 0 /* State */, name, styles, options };
 }
@@ -426,0 +427,0 @@ /**

@angular/animations/browser/testing.es5.js

 import * as tslib_1 from "tslib";
 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -5,0 +5,0 @@ * License: MIT

@angular/animations/browser/testing.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -88,2 +88,5 @@ * License: MIT
 
+
+
+
 function allowPreviousPlayerStylesMerge(duration, delay) {
@@ -90,0 +93,0 @@ return duration === 0 || delay === 0;

animations.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"AnimationBuilder":{"__symbolic":"class","members":{"build":[{"__symbolic":"method"}]}},"AnimationFactory":{"__symbolic":"class","members":{"create":[{"__symbolic":"method"}]}},"AnimationEvent":{"__symbolic":"interface"},"AUTO_STYLE":"*","AnimateChildOptions":{"__symbolic":"interface"},"AnimationAnimateChildMetadata":{"__symbolic":"interface"},"AnimationAnimateMetadata":{"__symbolic":"interface"},"AnimationAnimateRefMetadata":{"__symbolic":"interface"},"AnimationGroupMetadata":{"__symbolic":"interface"},"AnimationKeyframesSequenceMetadata":{"__symbolic":"interface"},"AnimationMetadata":{"__symbolic":"interface"},"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},"AnimationOptions":{"__symbolic":"interface"},"AnimationQueryMetadata":{"__symbolic":"interface"},"AnimationQueryOptions":{"__symbolic":"interface"},"AnimationReferenceMetadata":{"__symbolic":"interface"},"AnimationSequenceMetadata":{"__symbolic":"interface"},"AnimationStaggerMetadata":{"__symbolic":"interface"},"AnimationStateMetadata":{"__symbolic":"interface"},"AnimationStyleMetadata":{"__symbolic":"interface"},"AnimationTransitionMetadata":{"__symbolic":"interface"},"AnimationTriggerMetadata":{"__symbolic":"interface"},"animate":{"__symbolic":"function","parameters":["timings","styles"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Animate"},"styles":{"__symbolic":"reference","name":"styles"},"timings":{"__symbolic":"reference","name":"timings"}}},"animateChild":{"__symbolic":"function","parameters":["options"],"defaults":[null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"AnimateChild"},"options":{"__symbolic":"reference","name":"options"}}},"animation":{"__symbolic":"function","parameters":["steps","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Reference"},"animation":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"group":{"__symbolic":"function","parameters":["steps","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Group"},"steps":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"keyframes":{"__symbolic":"function","parameters":["steps"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Keyframes"},"steps":{"__symbolic":"reference","name":"steps"}}},"query":{"__symbolic":"function","parameters":["selector","animation","options"],"defaults":[null,null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Query"},"selector":{"__symbolic":"reference","name":"selector"},"animation":{"__symbolic":"reference","name":"animation"},"options":{"__symbolic":"reference","name":"options"}}},"sequence":{"__symbolic":"function","parameters":["steps","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Sequence"},"steps":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"stagger":{"__symbolic":"function","parameters":["timings","animation"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Stagger"},"timings":{"__symbolic":"reference","name":"timings"},"animation":{"__symbolic":"reference","name":"animation"}}},"state":{"__symbolic":"function","parameters":["name","styles"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"State"},"name":{"__symbolic":"reference","name":"name"},"styles":{"__symbolic":"reference","name":"styles"}}},"style":{"__symbolic":"function","parameters":["tokens"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Style"},"styles":{"__symbolic":"reference","name":"tokens"},"offset":null}},"transition":{"__symbolic":"function","parameters":["stateChangeExpr","steps","options"],"defaults":[null,null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Transition"},"expr":{"__symbolic":"reference","name":"stateChangeExpr"},"animation":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"trigger":{"__symbolic":"function","parameters":["name","definitions"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Trigger"},"name":{"__symbolic":"reference","name":"name"},"definitions":{"__symbolic":"reference","name":"definitions"},"options":{}}},"useAnimation":{"__symbolic":"function","parameters":["animation","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"AnimateRef"},"animation":{"__symbolic":"reference","name":"animation"},"options":{"__symbolic":"reference","name":"options"}}},"ɵStyleData":{"__symbolic":"interface"},"AnimationPlayer":{"__symbolic":"interface"},"NoopAnimationPlayer":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"_onFinish":[{"__symbolic":"method"}],"onStart":[{"__symbolic":"method"}],"onDone":[{"__symbolic":"method"}],"onDestroy":[{"__symbolic":"method"}],"hasStarted":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"triggerMicrotask":[{"__symbolic":"method"}],"_onStart":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"restart":[{"__symbolic":"method"}],"finish":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"getPosition":[{"__symbolic":"method"}]}},"ɵPRE_STYLE":"!","ɵAnimationGroupPlayer":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"AnimationPlayer"}]}]}],"_onFinish":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"onStart":[{"__symbolic":"method"}],"_onStart":[{"__symbolic":"method"}],"onDone":[{"__symbolic":"method"}],"onDestroy":[{"__symbolic":"method"}],"hasStarted":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"restart":[{"__symbolic":"method"}],"finish":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"_onDestroy":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"getPosition":[{"__symbolic":"method"}],"beforeDestroy":[{"__symbolic":"method"}]}}},"origins":{"AnimationBuilder":"./src/animation_builder","AnimationFactory":"./src/animation_builder","AnimationEvent":"./src/animation_event","AUTO_STYLE":"./src/animation_metadata","AnimateChildOptions":"./src/animation_metadata","AnimateTimings":"./src/animation_metadata","AnimationAnimateChildMetadata":"./src/animation_metadata","AnimationAnimateMetadata":"./src/animation_metadata","AnimationAnimateRefMetadata":"./src/animation_metadata","AnimationGroupMetadata":"./src/animation_metadata","AnimationKeyframesSequenceMetadata":"./src/animation_metadata","AnimationMetadata":"./src/animation_metadata","AnimationMetadataType":"./src/animation_metadata","AnimationOptions":"./src/animation_metadata","AnimationQueryMetadata":"./src/animation_metadata","AnimationQueryOptions":"./src/animation_metadata","AnimationReferenceMetadata":"./src/animation_metadata","AnimationSequenceMetadata":"./src/animation_metadata","AnimationStaggerMetadata":"./src/animation_metadata","AnimationStateMetadata":"./src/animation_metadata","AnimationStyleMetadata":"./src/animation_metadata","AnimationTransitionMetadata":"./src/animation_metadata","AnimationTriggerMetadata":"./src/animation_metadata","animate":"./src/animation_metadata","animateChild":"./src/animation_metadata","animation":"./src/animation_metadata","group":"./src/animation_metadata","keyframes":"./src/animation_metadata","query":"./src/animation_metadata","sequence":"./src/animation_metadata","stagger":"./src/animation_metadata","state":"./src/animation_metadata","style":"./src/animation_metadata","transition":"./src/animation_metadata","trigger":"./src/animation_metadata","useAnimation":"./src/animation_metadata","ɵStyleData":"./src/animation_metadata","AnimationPlayer":"./src/players/animation_player","NoopAnimationPlayer":"./src/players/animation_player","ɵPRE_STYLE":"./src/private_export","ɵAnimationGroupPlayer":"./src/players/animation_group_player"},"importAs":"@angular/animations"}
+{"__symbolic":"module","version":3,"metadata":{"AnimationBuilder":{"__symbolic":"class","members":{"build":[{"__symbolic":"method"}]}},"AnimationFactory":{"__symbolic":"class","members":{"create":[{"__symbolic":"method"}]}},"AnimationEvent":{"__symbolic":"interface"},"AUTO_STYLE":"*","AnimateChildOptions":{"__symbolic":"interface"},"AnimationAnimateChildMetadata":{"__symbolic":"interface"},"AnimationAnimateMetadata":{"__symbolic":"interface"},"AnimationAnimateRefMetadata":{"__symbolic":"interface"},"AnimationGroupMetadata":{"__symbolic":"interface"},"AnimationKeyframesSequenceMetadata":{"__symbolic":"interface"},"AnimationMetadata":{"__symbolic":"interface"},"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},"AnimationOptions":{"__symbolic":"interface"},"AnimationQueryMetadata":{"__symbolic":"interface"},"AnimationQueryOptions":{"__symbolic":"interface"},"AnimationReferenceMetadata":{"__symbolic":"interface"},"AnimationSequenceMetadata":{"__symbolic":"interface"},"AnimationStaggerMetadata":{"__symbolic":"interface"},"AnimationStateMetadata":{"__symbolic":"interface"},"AnimationStyleMetadata":{"__symbolic":"interface"},"AnimationTransitionMetadata":{"__symbolic":"interface"},"AnimationTriggerMetadata":{"__symbolic":"interface"},"animate":{"__symbolic":"function","parameters":["timings","styles"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Animate"},"styles":{"__symbolic":"reference","name":"styles"},"timings":{"__symbolic":"reference","name":"timings"}}},"animateChild":{"__symbolic":"function","parameters":["options"],"defaults":[null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"AnimateChild"},"options":{"__symbolic":"reference","name":"options"}}},"animation":{"__symbolic":"function","parameters":["steps","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Reference"},"animation":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"group":{"__symbolic":"function","parameters":["steps","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Group"},"steps":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"keyframes":{"__symbolic":"function","parameters":["steps"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Keyframes"},"steps":{"__symbolic":"reference","name":"steps"}}},"query":{"__symbolic":"function","parameters":["selector","animation","options"],"defaults":[null,null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Query"},"selector":{"__symbolic":"reference","name":"selector"},"animation":{"__symbolic":"reference","name":"animation"},"options":{"__symbolic":"reference","name":"options"}}},"sequence":{"__symbolic":"function","parameters":["steps","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Sequence"},"steps":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"stagger":{"__symbolic":"function","parameters":["timings","animation"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Stagger"},"timings":{"__symbolic":"reference","name":"timings"},"animation":{"__symbolic":"reference","name":"animation"}}},"state":{"__symbolic":"function","parameters":["name","styles","options"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"State"},"name":{"__symbolic":"reference","name":"name"},"styles":{"__symbolic":"reference","name":"styles"},"options":{"__symbolic":"reference","name":"options"}}},"style":{"__symbolic":"function","parameters":["tokens"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Style"},"styles":{"__symbolic":"reference","name":"tokens"},"offset":null}},"transition":{"__symbolic":"function","parameters":["stateChangeExpr","steps","options"],"defaults":[null,null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Transition"},"expr":{"__symbolic":"reference","name":"stateChangeExpr"},"animation":{"__symbolic":"reference","name":"steps"},"options":{"__symbolic":"reference","name":"options"}}},"trigger":{"__symbolic":"function","parameters":["name","definitions"],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"Trigger"},"name":{"__symbolic":"reference","name":"name"},"definitions":{"__symbolic":"reference","name":"definitions"},"options":{}}},"useAnimation":{"__symbolic":"function","parameters":["animation","options"],"defaults":[null,null],"value":{"type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"AnimationMetadataType"},"member":"AnimateRef"},"animation":{"__symbolic":"reference","name":"animation"},"options":{"__symbolic":"reference","name":"options"}}},"ɵStyleData":{"__symbolic":"interface"},"AnimationPlayer":{"__symbolic":"interface"},"NoopAnimationPlayer":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"_onFinish":[{"__symbolic":"method"}],"onStart":[{"__symbolic":"method"}],"onDone":[{"__symbolic":"method"}],"onDestroy":[{"__symbolic":"method"}],"hasStarted":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"triggerMicrotask":[{"__symbolic":"method"}],"_onStart":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"restart":[{"__symbolic":"method"}],"finish":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"getPosition":[{"__symbolic":"method"}]}},"ɵPRE_STYLE":"!","ɵAnimationGroupPlayer":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"AnimationPlayer"}]}]}],"_onFinish":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"onStart":[{"__symbolic":"method"}],"_onStart":[{"__symbolic":"method"}],"onDone":[{"__symbolic":"method"}],"onDestroy":[{"__symbolic":"method"}],"hasStarted":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"pause":[{"__symbolic":"method"}],"restart":[{"__symbolic":"method"}],"finish":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"_onDestroy":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"getPosition":[{"__symbolic":"method"}],"beforeDestroy":[{"__symbolic":"method"}]}}},"origins":{"AnimationBuilder":"./src/animation_builder","AnimationFactory":"./src/animation_builder","AnimationEvent":"./src/animation_event","AUTO_STYLE":"./src/animation_metadata","AnimateChildOptions":"./src/animation_metadata","AnimateTimings":"./src/animation_metadata","AnimationAnimateChildMetadata":"./src/animation_metadata","AnimationAnimateMetadata":"./src/animation_metadata","AnimationAnimateRefMetadata":"./src/animation_metadata","AnimationGroupMetadata":"./src/animation_metadata","AnimationKeyframesSequenceMetadata":"./src/animation_metadata","AnimationMetadata":"./src/animation_metadata","AnimationMetadataType":"./src/animation_metadata","AnimationOptions":"./src/animation_metadata","AnimationQueryMetadata":"./src/animation_metadata","AnimationQueryOptions":"./src/animation_metadata","AnimationReferenceMetadata":"./src/animation_metadata","AnimationSequenceMetadata":"./src/animation_metadata","AnimationStaggerMetadata":"./src/animation_metadata","AnimationStateMetadata":"./src/animation_metadata","AnimationStyleMetadata":"./src/animation_metadata","AnimationTransitionMetadata":"./src/animation_metadata","AnimationTriggerMetadata":"./src/animation_metadata","animate":"./src/animation_metadata","animateChild":"./src/animation_metadata","animation":"./src/animation_metadata","group":"./src/animation_metadata","keyframes":"./src/animation_metadata","query":"./src/animation_metadata","sequence":"./src/animation_metadata","stagger":"./src/animation_metadata","state":"./src/animation_metadata","style":"./src/animation_metadata","transition":"./src/animation_metadata","trigger":"./src/animation_metadata","useAnimation":"./src/animation_metadata","ɵStyleData":"./src/animation_metadata","AnimationPlayer":"./src/players/animation_player","NoopAnimationPlayer":"./src/players/animation_player","ɵPRE_STYLE":"./src/private_export","ɵAnimationGroupPlayer":"./src/players/animation_group_player"},"importAs":"@angular/animations"}

browser.d.ts

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -4,0 +4,0 @@ * License: MIT

browser/src/dsl/animation_ast.d.ts

@@ -76,2 +76,3 @@ /**
     isEmptyStep: boolean;
+    containsDynamicStyles: boolean;
     constructor(styles: (ɵStyleData | string)[], easing: string | null, offset: number | null);
@@ -78,0 +79,0 @@ visit(visitor: AstVisitor, context: any): any;

browser/src/dsl/animation_transition_factory.d.ts

@@ -10,3 +10,3 @@ /**
 import { AnimationDriver } from '../render/animation_driver';
-import { TransitionAst } from './animation_ast';
+import { StyleAst, TransitionAst } from './animation_ast';
 import { AnimationTransitionInstruction } from './animation_transition_instruction';
@@ -19,6 +19,19 @@ import { ElementInstructionMap } from './element_instruction_map';
     constructor(_triggerName: string, ast: TransitionAst, _stateStyles: {
-        [stateName: string]: ɵStyleData;
+        [stateName: string]: AnimationStateStyles;
     });
     match(currentState: any, nextState: any): boolean;
-    build(driver: AnimationDriver, element: any, currentState: any, nextState: any, options?: AnimationOptions, subInstructions?: ElementInstructionMap): AnimationTransitionInstruction;
+    buildStyles(stateName: string, params: {
+        [key: string]: any;
+    }, errors: any[]): ɵStyleData;
+    build(driver: AnimationDriver, element: any, currentState: any, nextState: any, currentOptions?: AnimationOptions, nextOptions?: AnimationOptions, subInstructions?: ElementInstructionMap): AnimationTransitionInstruction;
 }
+export declare class AnimationStateStyles {
+    private styles;
+    private defaultParams;
+    constructor(styles: StyleAst, defaultParams: {
+        [key: string]: any;
+    });
+    buildStyles(params: {
+        [key: string]: any;
+    }, errors: string[]): ɵStyleData;
+}

browser/src/dsl/animation_trigger.d.ts

@@ -10,3 +10,3 @@ /**
 import { TriggerAst } from './animation_ast';
-import { AnimationTransitionFactory } from './animation_transition_factory';
+import { AnimationStateStyles, AnimationTransitionFactory } from './animation_transition_factory';
 /**
@@ -25,3 +25,3 @@ * @experimental Animation support is experimental.
     states: {
-        [stateName: string]: ɵStyleData;
+        [stateName: string]: AnimationStateStyles;
     };
@@ -31,2 +31,5 @@ constructor(name: string, ast: TriggerAst);
     matchTransition(currentState: any, nextState: any): AnimationTransitionFactory | null;
+    matchStyles(currentState: any, params: {
+        [key: string]: any;
+    }, errors: any[]): ɵStyleData;
 }

browser/src/render/transition_animation_engine.d.ts

@@ -33,2 +33,5 @@ /**
     options: AnimationOptions;
+    readonly params: {
+        [key: string]: any;
+    };
     constructor(input: any);
@@ -110,2 +113,3 @@ absorbOptions(options: AnimationOptions): void;
     flush(microtaskId?: number): void;
+    reportError(errors: string[]): void;
     private _flushAnimations(cleanupFns, microtaskId);
@@ -112,0 +116,0 @@ elementContainsData(namespaceId: string, element: any): boolean;

browser/src/util.d.ts

@@ -10,2 +10,4 @@ /**
 export declare const ONE_SECOND = 1000;
+export declare const SUBSTITUTION_EXPR_START = "{{";
+export declare const SUBSTITUTION_EXPR_END = "}}";
 export declare const ENTER_CLASSNAME = "ng-enter";
@@ -34,2 +36,3 @@ export declare const LEAVE_CLASSNAME = "ng-leave";
 export declare function validateStyleParams(value: string | number, options: AnimationOptions, errors: any[]): void;
+export declare function extractStyleParams(value: string | number): string[];
 export declare function interpolateParams(value: string | number, params: {
@@ -36,0 +39,0 @@ [name: string]: any;

browser/src/util.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ONE_SECOND":1000,"ENTER_CLASSNAME":"ng-enter","LEAVE_CLASSNAME":"ng-leave","ENTER_SELECTOR":".ng-enter","LEAVE_SELECTOR":".ng-leave","NG_TRIGGER_CLASSNAME":"ng-trigger","NG_TRIGGER_SELECTOR":".ng-trigger","NG_ANIMATING_CLASSNAME":"ng-animating","NG_ANIMATING_SELECTOR":".ng-animating","resolveTimingValue":{"__symbolic":"function"},"resolveTiming":{"__symbolic":"function","parameters":["timings","errors","allowNegativeValues"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"timings"},"member":"hasOwnProperty"},"arguments":["duration"]},"thenExpression":{"__symbolic":"reference","name":"timings"},"elseExpression":{"__symbolic":"error","message":"Reference to a non-exported function","line":45,"character":9,"context":{"name":"parseTimeExpression"}}}},"copyObj":{"__symbolic":"function"},"normalizeStyles":{"__symbolic":"function"},"copyStyles":{"__symbolic":"function"},"setStyles":{"__symbolic":"function"},"eraseStyles":{"__symbolic":"function"},"normalizeAnimationEntry":{"__symbolic":"function"},"validateStyleParams":{"__symbolic":"function"},"interpolateParams":{"__symbolic":"function"},"iteratorToArray":{"__symbolic":"function"},"mergeAnimationOptions":{"__symbolic":"function"},"dashCaseToCamelCase":{"__symbolic":"function","parameters":["input"],"value":{"__symbolic":"error","message":"Reference to a local symbol","line":211,"character":6,"context":{"name":"DASH_CASE_REGEXP"}}},"allowPreviousPlayerStylesMerge":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"duration"},"right":0},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"delay"},"right":0}}}}},{"__symbolic":"module","version":1,"metadata":{"ONE_SECOND":1000,"ENTER_CLASSNAME":"ng-enter","LEAVE_CLASSNAME":"ng-leave","ENTER_SELECTOR":".ng-enter","LEAVE_SELECTOR":".ng-leave","NG_TRIGGER_CLASSNAME":"ng-trigger","NG_TRIGGER_SELECTOR":".ng-trigger","NG_ANIMATING_CLASSNAME":"ng-animating","NG_ANIMATING_SELECTOR":".ng-animating","resolveTimingValue":{"__symbolic":"function"},"resolveTiming":{"__symbolic":"function","parameters":["timings","errors","allowNegativeValues"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"timings"},"member":"hasOwnProperty"},"arguments":["duration"]},"thenExpression":{"__symbolic":"reference","name":"timings"},"elseExpression":{"__symbolic":"error","message":"Reference to a non-exported function","line":45,"character":9,"context":{"name":"parseTimeExpression"}}}},"copyObj":{"__symbolic":"function"},"normalizeStyles":{"__symbolic":"function"},"copyStyles":{"__symbolic":"function"},"setStyles":{"__symbolic":"function"},"eraseStyles":{"__symbolic":"function"},"normalizeAnimationEntry":{"__symbolic":"function"},"validateStyleParams":{"__symbolic":"function"},"interpolateParams":{"__symbolic":"function"},"iteratorToArray":{"__symbolic":"function"},"mergeAnimationOptions":{"__symbolic":"function"},"dashCaseToCamelCase":{"__symbolic":"function","parameters":["input"],"value":{"__symbolic":"error","message":"Reference to a local symbol","line":211,"character":6,"context":{"name":"DASH_CASE_REGEXP"}}},"allowPreviousPlayerStylesMerge":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"duration"},"right":0},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"delay"},"right":0}}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ONE_SECOND":1000,"SUBSTITUTION_EXPR_START":"{{","SUBSTITUTION_EXPR_END":"}}","ENTER_CLASSNAME":"ng-enter","LEAVE_CLASSNAME":"ng-leave","ENTER_SELECTOR":".ng-enter","LEAVE_SELECTOR":".ng-leave","NG_TRIGGER_CLASSNAME":"ng-trigger","NG_TRIGGER_SELECTOR":".ng-trigger","NG_ANIMATING_CLASSNAME":"ng-animating","NG_ANIMATING_SELECTOR":".ng-animating","resolveTimingValue":{"__symbolic":"function"},"resolveTiming":{"__symbolic":"function","parameters":["timings","errors","allowNegativeValues"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"timings"},"member":"hasOwnProperty"},"arguments":["duration"]},"thenExpression":{"__symbolic":"reference","name":"timings"},"elseExpression":{"__symbolic":"error","message":"Reference to a non-exported function","line":47,"character":9,"context":{"name":"parseTimeExpression"}}}},"copyObj":{"__symbolic":"function"},"normalizeStyles":{"__symbolic":"function"},"copyStyles":{"__symbolic":"function"},"setStyles":{"__symbolic":"function"},"eraseStyles":{"__symbolic":"function"},"normalizeAnimationEntry":{"__symbolic":"function"},"validateStyleParams":{"__symbolic":"function"},"extractStyleParams":{"__symbolic":"function"},"interpolateParams":{"__symbolic":"function"},"iteratorToArray":{"__symbolic":"function"},"mergeAnimationOptions":{"__symbolic":"function"},"dashCaseToCamelCase":{"__symbolic":"function","parameters":["input"],"value":{"__symbolic":"error","message":"Reference to a local symbol","line":226,"character":6,"context":{"name":"DASH_CASE_REGEXP"}}},"allowPreviousPlayerStylesMerge":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"duration"},"right":0},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"delay"},"right":0}}}}},{"__symbolic":"module","version":1,"metadata":{"ONE_SECOND":1000,"SUBSTITUTION_EXPR_START":"{{","SUBSTITUTION_EXPR_END":"}}","ENTER_CLASSNAME":"ng-enter","LEAVE_CLASSNAME":"ng-leave","ENTER_SELECTOR":".ng-enter","LEAVE_SELECTOR":".ng-leave","NG_TRIGGER_CLASSNAME":"ng-trigger","NG_TRIGGER_SELECTOR":".ng-trigger","NG_ANIMATING_CLASSNAME":"ng-animating","NG_ANIMATING_SELECTOR":".ng-animating","resolveTimingValue":{"__symbolic":"function"},"resolveTiming":{"__symbolic":"function","parameters":["timings","errors","allowNegativeValues"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"timings"},"member":"hasOwnProperty"},"arguments":["duration"]},"thenExpression":{"__symbolic":"reference","name":"timings"},"elseExpression":{"__symbolic":"error","message":"Reference to a non-exported function","line":47,"character":9,"context":{"name":"parseTimeExpression"}}}},"copyObj":{"__symbolic":"function"},"normalizeStyles":{"__symbolic":"function"},"copyStyles":{"__symbolic":"function"},"setStyles":{"__symbolic":"function"},"eraseStyles":{"__symbolic":"function"},"normalizeAnimationEntry":{"__symbolic":"function"},"validateStyleParams":{"__symbolic":"function"},"extractStyleParams":{"__symbolic":"function"},"interpolateParams":{"__symbolic":"function"},"iteratorToArray":{"__symbolic":"function"},"mergeAnimationOptions":{"__symbolic":"function"},"dashCaseToCamelCase":{"__symbolic":"function","parameters":["input"],"value":{"__symbolic":"error","message":"Reference to a local symbol","line":226,"character":6,"context":{"name":"DASH_CASE_REGEXP"}}},"allowPreviousPlayerStylesMerge":{"__symbolic":"function","parameters":["duration","delay"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"duration"},"right":0},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"delay"},"right":0}}}}}]

browser/testing.d.ts

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -4,0 +4,0 @@ * License: MIT

bundles/animations-browser-testing.umd.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -39,3 +39,3 @@ * License: MIT
 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -42,0 +42,0 @@ * License: MIT

bundles/animations-browser-testing.umd.min.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -4,0 +4,0 @@ * License: MIT

bundles/animations.umd.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -13,3 +13,3 @@ * License: MIT
 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -440,6 +440,7 @@ * License: MIT
  * @param {?} styles
+ * @param {?=} options
  * @return {?}
  */
-function state(name, styles) {
-    return { type: 0 /* State */, name: name, styles: styles };
+function state(name, styles, options) {
+    return { type: 0 /* State */, name: name, styles: styles, options: options };
 }
@@ -446,0 +447,0 @@ /**

bundles/animations.umd.min.js

 /**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
  * License: MIT
  */
-!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?factory(exports):"function"==typeof define&&define.amd?define(["exports"],factory):factory((global.ng=global.ng||{},global.ng.animations=global.ng.animations||{}))}(this,function(exports){"use strict";function trigger(name,definitions){return{type:7,name:name,definitions:definitions,options:{}}}function animate(timings,styles){return void 0===styles&&(styles=null),{type:4,styles:styles,timings:timings}}function group(steps,options){return void 0===options&&(options=null),{type:3,steps:steps,options:options}}function sequence(steps,options){return void 0===options&&(options=null),{type:2,steps:steps,options:options}}function style(tokens){return{type:6,styles:tokens,offset:null}}function state(name,styles){return{type:0,name:name,styles:styles}}function keyframes(steps){return{type:5,steps:steps}}function transition(stateChangeExpr,steps,options){return void 0===options&&(options=null),{type:1,expr:stateChangeExpr,animation:steps,options:options}}function animation(steps,options){return void 0===options&&(options=null),{type:8,animation:steps,options:options}}function animateChild(options){return void 0===options&&(options=null),{type:9,options:options}}function useAnimation(animation,options){return void 0===options&&(options=null),{type:10,animation:animation,options:options}}function query(selector,animation,options){return void 0===options&&(options=null),{type:11,selector:selector,animation:animation,options:options}}function stagger(timings,animation){return{type:12,timings:timings,animation:animation}}/**
+!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?factory(exports):"function"==typeof define&&define.amd?define(["exports"],factory):factory((global.ng=global.ng||{},global.ng.animations=global.ng.animations||{}))}(this,function(exports){"use strict";function trigger(name,definitions){return{type:7,name:name,definitions:definitions,options:{}}}function animate(timings,styles){return void 0===styles&&(styles=null),{type:4,styles:styles,timings:timings}}function group(steps,options){return void 0===options&&(options=null),{type:3,steps:steps,options:options}}function sequence(steps,options){return void 0===options&&(options=null),{type:2,steps:steps,options:options}}function style(tokens){return{type:6,styles:tokens,offset:null}}function state(name,styles,options){return{type:0,name:name,styles:styles,options:options}}function keyframes(steps){return{type:5,steps:steps}}function transition(stateChangeExpr,steps,options){return void 0===options&&(options=null),{type:1,expr:stateChangeExpr,animation:steps,options:options}}function animation(steps,options){return void 0===options&&(options=null),{type:8,animation:steps,options:options}}function animateChild(options){return void 0===options&&(options=null),{type:9,options:options}}function useAnimation(animation,options){return void 0===options&&(options=null),{type:10,animation:animation,options:options}}function query(selector,animation,options){return void 0===options&&(options=null),{type:11,selector:selector,animation:animation,options:options}}function stagger(timings,animation){return{type:12,timings:timings,animation:animation}}/**
  * @license
@@ -16,3 +16,3 @@ * Copyright Google Inc. All Rights Reserved.
 function scheduleMicroTask(cb){Promise.resolve(null).then(cb)}/**
- * @license Angular v4.3.3
+ * @license Angular v4.3.4
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -19,0 +19,0 @@ * License: MIT

package.json

 {
   "name": "@angular/animations",
-  "version": "4.3.3",
+  "version": "4.3.4",
   "description": "Angular - animations integration with web-animationss",
@@ -15,3 +15,3 @@ "main": "./bundles/animations.umd.js",
   "peerDependencies": {
-    "@angular/core": "4.3.3"
+    "@angular/core": "4.3.4"
   },
@@ -18,0 +18,0 @@ "repository": {

src/animation_metadata.d.ts

@@ -112,2 +112,7 @@ /**
     styles: AnimationStyleMetadata;
+    options?: {
+        params: {
+            [name: string]: any;
+        };
+    };
 }
@@ -549,3 +554,7 @@ /**
  */
-export declare function state(name: string, styles: AnimationStyleMetadata): AnimationStateMetadata;
+export declare function state(name: string, styles: AnimationStyleMetadata, options?: {
+    params: {
+        [name: string]: any;
+    };
+}): AnimationStateMetadata;
 /**
@@ -552,0 +561,0 @@ * `keyframes` is an animation-specific function that is designed to be used inside of Angular's

No alert changes

Improved metrics

Total package byte prevSize

2488354

increased by2.81%

Lines of code

22484

increased by2.29%

No dependency changes