@angular/animations - npm Package Compare versions

Comparing version 4.4.5 to 4.4.6

@angular/animations.es5.js

 /**
- * @license Angular v4.4.5
+ * @license Angular v4.4.6
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -103,2 +103,7 @@ * License: MIT
  *
+ * Animation trigger bindings strigify values and then match the previous and current values against
+ * any linked transitions. If a boolean value is provided into the trigger binding then it will both
+ * be represented as `1` or `true` and `0` or `false` for a true and false boolean values
+ * respectively.
+ *
  * ### Usage
@@ -589,2 +594,17 @@ *
  *
+ * ### Boolean values
+ * if a trigger binding value is a boolean value then it can be matched using a transition
+ * expression that compares `true` and `false` or `1` and `0`.
+ *
+ * ```
+ * // in the template
+ * <div [\@openClose]="open ? true : false">...</div>
+ *
+ * // in the component metadata
+ * trigger('openClose', [
+ *   state('true', style({ height: '*' })),
+ *   state('false', style({ height: '0px' })),
+ *   transition('false <=> true', animate(500))
+ * ])
+ * ```
  * {\@example core/animation/ts/dsl/animation_example.ts region='Component'}
@@ -614,3 +634,3 @@ *
  *   animate('{{ time }}',
- *     style({ opacity: '{{ end }}'))
+ *     style({ opacity: '{{ end }}'}))
  * ], { params: { time: '1000ms', start: 0, end: 1 }});
@@ -617,0 +637,0 @@ * ```

@angular/animations.js

 /**
- * @license Angular v4.4.5
+ * @license Angular v4.4.6
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -98,2 +98,7 @@ * License: MIT
  *
+ * Animation trigger bindings strigify values and then match the previous and current values against
+ * any linked transitions. If a boolean value is provided into the trigger binding then it will both
+ * be represented as `1` or `true` and `0` or `false` for a true and false boolean values
+ * respectively.
+ *
  * ### Usage
@@ -581,2 +586,17 @@ *
  *
+ * ### Boolean values
+ * if a trigger binding value is a boolean value then it can be matched using a transition
+ * expression that compares `true` and `false` or `1` and `0`.
+ *
+ * ```
+ * // in the template
+ * <div [\@openClose]="open ? true : false">...</div>
+ *
+ * // in the component metadata
+ * trigger('openClose', [
+ *   state('true', style({ height: '*' })),
+ *   state('false', style({ height: '0px' })),
+ *   transition('false <=> true', animate(500))
+ * ])
+ * ```
  * {\@example core/animation/ts/dsl/animation_example.ts region='Component'}
@@ -605,3 +625,3 @@ *
  *   animate('{{ time }}',
- *     style({ opacity: '{{ end }}'))
+ *     style({ opacity: '{{ end }}'}))
  * ], { params: { time: '1000ms', start: 0, end: 1 }});
@@ -608,0 +628,0 @@ * ```

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

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

@angular/animations/browser/testing.js

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

browser.d.ts

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

browser/src/dsl/animation_ast_builder.d.ts

@@ -8,8 +8,8 @@ /**
  */
-import { AnimationAnimateChildMetadata, AnimationAnimateMetadata, AnimationAnimateRefMetadata, AnimationGroupMetadata, AnimationKeyframesSequenceMetadata, AnimationMetadata, AnimationOptions, AnimationQueryMetadata, AnimationReferenceMetadata, AnimationSequenceMetadata, AnimationStaggerMetadata, AnimationStateMetadata, AnimationStyleMetadata, AnimationTransitionMetadata, AnimationTriggerMetadata } from '@angular/animations';
+import { AnimationAnimateChildMetadata, AnimationAnimateMetadata, AnimationAnimateRefMetadata, AnimationGroupMetadata, AnimationKeyframesSequenceMetadata, AnimationMetadata, AnimationMetadataType, AnimationOptions, AnimationQueryMetadata, AnimationReferenceMetadata, AnimationSequenceMetadata, AnimationStaggerMetadata, AnimationStateMetadata, AnimationStyleMetadata, AnimationTransitionMetadata, AnimationTriggerMetadata } from '@angular/animations';
 import { AnimateAst, AnimateChildAst, AnimateRefAst, Ast, GroupAst, KeyframesAst, QueryAst, ReferenceAst, SequenceAst, StaggerAst, StateAst, StyleAst, TimingAst, TransitionAst, TriggerAst } from './animation_ast';
 import { AnimationDslVisitor } from './animation_dsl_visitor';
-export declare function buildAnimationAst(metadata: AnimationMetadata | AnimationMetadata[], errors: any[]): Ast;
+export declare function buildAnimationAst(metadata: AnimationMetadata | AnimationMetadata[], errors: any[]): Ast<AnimationMetadataType>;
 export declare class AnimationAstBuilderVisitor implements AnimationDslVisitor {
-    build(metadata: AnimationMetadata | AnimationMetadata[], errors: any[]): Ast;
+    build(metadata: AnimationMetadata | AnimationMetadata[], errors: any[]): Ast<AnimationMetadataType>;
     private _resetContextStyleTimingState(context);
@@ -16,0 +16,0 @@ visitTrigger(metadata: AnimationTriggerMetadata, context: AnimationAstBuilderContext): TriggerAst;

browser/src/dsl/animation_ast.d.ts

@@ -8,3 +8,3 @@ /**
  */
-import { AnimateTimings, AnimationOptions, ɵStyleData } from '@angular/animations';
+import { AnimateTimings, AnimationMetadataType, AnimationOptions, ɵStyleData } from '@angular/animations';
 export interface AstVisitor {
@@ -24,12 +24,9 @@ visitTrigger(ast: TriggerAst, context: any): any;
     visitStagger(ast: StaggerAst, context: any): any;
-    visitTiming(ast: TimingAst, context: any): any;
 }
-export declare abstract class Ast {
-    abstract visit(ast: AstVisitor, context: any): any;
-    options: AnimationOptions;
-    readonly params: {
-        [name: string]: any;
-    } | null;
+export interface Ast<T extends AnimationMetadataType> {
+    type: T;
+    options: AnimationOptions | null;
 }
-export declare class TriggerAst extends Ast {
+export interface TriggerAst extends Ast<AnimationMetadataType.Trigger> {
+    type: AnimationMetadataType.Trigger;
     name: string;
@@ -40,64 +37,43 @@ states: StateAst[];
     depCount: number;
-    constructor(name: string, states: StateAst[], transitions: TransitionAst[]);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class StateAst extends Ast {
+export interface StateAst extends Ast<AnimationMetadataType.State> {
+    type: AnimationMetadataType.State;
     name: string;
     style: StyleAst;
-    constructor(name: string, style: StyleAst);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class TransitionAst extends Ast {
+export interface TransitionAst extends Ast<AnimationMetadataType.Transition> {
     matchers: ((fromState: string, toState: string) => boolean)[];
-    animation: Ast;
+    animation: Ast<AnimationMetadataType>;
     queryCount: number;
     depCount: number;
-    constructor(matchers: ((fromState: string, toState: string) => boolean)[], animation: Ast);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class SequenceAst extends Ast {
-    steps: Ast[];
-    constructor(steps: Ast[]);
-    visit(visitor: AstVisitor, context: any): any;
+export interface SequenceAst extends Ast<AnimationMetadataType.Sequence> {
+    steps: Ast<AnimationMetadataType>[];
 }
-export declare class GroupAst extends Ast {
-    steps: Ast[];
-    constructor(steps: Ast[]);
-    visit(visitor: AstVisitor, context: any): any;
+export interface GroupAst extends Ast<AnimationMetadataType.Group> {
+    steps: Ast<AnimationMetadataType>[];
 }
-export declare class AnimateAst extends Ast {
+export interface AnimateAst extends Ast<AnimationMetadataType.Animate> {
     timings: TimingAst;
     style: StyleAst | KeyframesAst;
-    constructor(timings: TimingAst, style: StyleAst | KeyframesAst);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class StyleAst extends Ast {
+export interface StyleAst extends Ast<AnimationMetadataType.Style> {
     styles: (ɵStyleData | string)[];
     easing: string | null;
     offset: number | null;
-    isEmptyStep: boolean;
     containsDynamicStyles: boolean;
-    constructor(styles: (ɵStyleData | string)[], easing: string | null, offset: number | null);
-    visit(visitor: AstVisitor, context: any): any;
+    isEmptyStep?: boolean;
 }
-export declare class KeyframesAst extends Ast {
+export interface KeyframesAst extends Ast<AnimationMetadataType.Keyframes> {
     styles: StyleAst[];
-    constructor(styles: StyleAst[]);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class ReferenceAst extends Ast {
-    animation: Ast;
-    constructor(animation: Ast);
-    visit(visitor: AstVisitor, context: any): any;
+export interface ReferenceAst extends Ast<AnimationMetadataType.Reference> {
+    animation: Ast<AnimationMetadataType>;
 }
-export declare class AnimateChildAst extends Ast {
-    constructor();
-    visit(visitor: AstVisitor, context: any): any;
+export interface AnimateChildAst extends Ast<AnimationMetadataType.AnimateChild> {
 }
-export declare class AnimateRefAst extends Ast {
+export interface AnimateRefAst extends Ast<AnimationMetadataType.AnimateRef> {
     animation: ReferenceAst;
-    constructor(animation: ReferenceAst);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class QueryAst extends Ast {
+export interface QueryAst extends Ast<AnimationMetadataType.Query> {
     selector: string;
@@ -107,24 +83,18 @@ limit: number;
     includeSelf: boolean;
-    animation: Ast;
+    animation: Ast<AnimationMetadataType>;
     originalSelector: string;
-    constructor(selector: string, limit: number, optional: boolean, includeSelf: boolean, animation: Ast);
-    visit(visitor: AstVisitor, context: any): any;
 }
-export declare class StaggerAst extends Ast {
+export interface StaggerAst extends Ast<AnimationMetadataType.Stagger> {
     timings: AnimateTimings;
-    animation: Ast;
-    constructor(timings: AnimateTimings, animation: Ast);
-    visit(visitor: AstVisitor, context: any): any;
+    animation: Ast<AnimationMetadataType>;
 }
-export declare class TimingAst extends Ast {
+export interface TimingAst {
     duration: number;
     delay: number;
     easing: string | null;
-    constructor(duration: number, delay?: number, easing?: string | null);
-    visit(visitor: AstVisitor, context: any): any;
+    dynamic?: boolean;
 }
-export declare class DynamicTimingAst extends TimingAst {
-    value: string;
-    constructor(value: string);
-    visit(visitor: AstVisitor, context: any): any;
+export interface DynamicTimingAst extends TimingAst {
+    strValue: string;
+    dynamic: true;
 }

browser/src/dsl/animation_dsl_visitor.d.ts

@@ -8,18 +8,17 @@ /**
  */
-import { AnimationAnimateChildMetadata, AnimationAnimateMetadata, AnimationAnimateRefMetadata, AnimationGroupMetadata, AnimationKeyframesSequenceMetadata, AnimationMetadata, AnimationQueryMetadata, AnimationReferenceMetadata, AnimationSequenceMetadata, AnimationStaggerMetadata, AnimationStateMetadata, AnimationStyleMetadata, AnimationTransitionMetadata, AnimationTriggerMetadata } from '@angular/animations';
+import { AnimationAnimateChildMetadata, AnimationAnimateMetadata, AnimationAnimateRefMetadata, AnimationGroupMetadata, AnimationKeyframesSequenceMetadata, AnimationQueryMetadata, AnimationReferenceMetadata, AnimationSequenceMetadata, AnimationStaggerMetadata, AnimationStateMetadata, AnimationStyleMetadata, AnimationTransitionMetadata, AnimationTriggerMetadata } from '@angular/animations';
 export interface AnimationDslVisitor {
-    visitTrigger(ast: AnimationTriggerMetadata, context: any): any;
-    visitState(ast: AnimationStateMetadata, context: any): any;
-    visitTransition(ast: AnimationTransitionMetadata, context: any): any;
-    visitSequence(ast: AnimationSequenceMetadata, context: any): any;
-    visitGroup(ast: AnimationGroupMetadata, context: any): any;
-    visitAnimate(ast: AnimationAnimateMetadata, context: any): any;
-    visitStyle(ast: AnimationStyleMetadata, context: any): any;
-    visitKeyframes(ast: AnimationKeyframesSequenceMetadata, context: any): any;
-    visitReference(ast: AnimationReferenceMetadata, context: any): any;
-    visitAnimateChild(ast: AnimationAnimateChildMetadata, context: any): any;
-    visitAnimateRef(ast: AnimationAnimateRefMetadata, context: any): any;
-    visitQuery(ast: AnimationQueryMetadata, context: any): any;
-    visitStagger(ast: AnimationStaggerMetadata, context: any): any;
+    visitTrigger(node: AnimationTriggerMetadata, context: any): any;
+    visitState(node: AnimationStateMetadata, context: any): any;
+    visitTransition(node: AnimationTransitionMetadata, context: any): any;
+    visitSequence(node: AnimationSequenceMetadata, context: any): any;
+    visitGroup(node: AnimationGroupMetadata, context: any): any;
+    visitAnimate(node: AnimationAnimateMetadata, context: any): any;
+    visitStyle(node: AnimationStyleMetadata, context: any): any;
+    visitKeyframes(node: AnimationKeyframesSequenceMetadata, context: any): any;
+    visitReference(node: AnimationReferenceMetadata, context: any): any;
+    visitAnimateChild(node: AnimationAnimateChildMetadata, context: any): any;
+    visitAnimateRef(node: AnimationAnimateRefMetadata, context: any): any;
+    visitQuery(node: AnimationQueryMetadata, context: any): any;
+    visitStagger(node: AnimationStaggerMetadata, context: any): any;
 }
-export declare function visitAnimationNode(visitor: AnimationDslVisitor, node: AnimationMetadata, context: any): any;

browser/src/dsl/animation_timeline_builder.d.ts

@@ -8,10 +8,10 @@ /**
  */
-import { AnimateTimings, AnimationOptions, ɵStyleData } from '@angular/animations';
+import { AnimateTimings, AnimationMetadataType, AnimationOptions, ɵStyleData } from '@angular/animations';
 import { AnimationDriver } from '../render/animation_driver';
-import { AnimateAst, AnimateChildAst, AnimateRefAst, Ast, AstVisitor, GroupAst, KeyframesAst, QueryAst, ReferenceAst, SequenceAst, StaggerAst, StateAst, StyleAst, TimingAst, TransitionAst, TriggerAst } from './animation_ast';
+import { AnimateAst, AnimateChildAst, AnimateRefAst, Ast, AstVisitor, GroupAst, KeyframesAst, QueryAst, ReferenceAst, SequenceAst, StaggerAst, StateAst, StyleAst, TransitionAst, TriggerAst } from './animation_ast';
 import { AnimationTimelineInstruction } from './animation_timeline_instruction';
 import { ElementInstructionMap } from './element_instruction_map';
-export declare function buildAnimationTimelines(driver: AnimationDriver, rootElement: any, ast: Ast, startingStyles: ɵStyleData | undefined, finalStyles: ɵStyleData | undefined, options: AnimationOptions, subInstructions?: ElementInstructionMap, errors?: any[]): AnimationTimelineInstruction[];
+export declare function buildAnimationTimelines(driver: AnimationDriver, rootElement: any, ast: Ast<AnimationMetadataType>, startingStyles: ɵStyleData | undefined, finalStyles: ɵStyleData | undefined, options: AnimationOptions, subInstructions?: ElementInstructionMap, errors?: any[]): AnimationTimelineInstruction[];
 export declare class AnimationTimelineBuilderVisitor implements AstVisitor {
-    buildKeyframes(driver: AnimationDriver, rootElement: any, ast: Ast, startingStyles: ɵStyleData, finalStyles: ɵStyleData, options: AnimationOptions, subInstructions?: ElementInstructionMap, errors?: any[]): AnimationTimelineInstruction[];
+    buildKeyframes(driver: AnimationDriver, rootElement: any, ast: Ast<AnimationMetadataType>, startingStyles: ɵStyleData, finalStyles: ɵStyleData, options: AnimationOptions, subInstructions?: ElementInstructionMap, errors?: any[]): AnimationTimelineInstruction[];
     visitTrigger(ast: TriggerAst, context: AnimationTimelineContext): any;
@@ -26,3 +26,3 @@ visitState(ast: StateAst, context: AnimationTimelineContext): any;
     visitGroup(ast: GroupAst, context: AnimationTimelineContext): void;
-    visitTiming(ast: TimingAst, context: AnimationTimelineContext): AnimateTimings;
+    private _visitTiming(ast, context);
     visitAnimate(ast: AnimateAst, context: AnimationTimelineContext): void;
@@ -47,3 +47,3 @@ visitStyle(ast: StyleAst, context: AnimationTimelineContext): void;
     currentAnimateTimings: AnimateTimings | null;
-    previousNode: Ast;
+    previousNode: Ast<AnimationMetadataType>;
     subContextCount: number;
@@ -50,0 +50,0 @@ options: AnimationOptions;

browser/src/util.d.ts

@@ -8,3 +8,5 @@ /**
  */
-import { AnimateTimings, AnimationMetadata, AnimationOptions, ɵStyleData } from '@angular/animations';
+import { AnimateTimings, AnimationMetadata, AnimationMetadataType, AnimationOptions, ɵStyleData } from '@angular/animations';
+import { Ast as AnimationAst, AstVisitor as AnimationAstVisitor } from './dsl/animation_ast';
+import { AnimationDslVisitor } from './dsl/animation_dsl_visitor';
 export declare const ONE_SECOND = 1000;
@@ -44,1 +46,3 @@ export declare const SUBSTITUTION_EXPR_START = "{{";
 export declare function allowPreviousPlayerStylesMerge(duration: number, delay: number): boolean;
+export declare function visitDslNode(visitor: AnimationDslVisitor, node: AnimationMetadata, context: any): any;
+export declare function visitDslNode(visitor: AnimationAstVisitor, node: AnimationAst<AnimationMetadataType>, context: any): any;

browser/src/util.metadata.json

@@ -1,1 +0,1 @@
-[{"__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}}}}}]
+[{"__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":49,"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":228,"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}}},"visitDslNode":{"__symbolic":"function"}}},{"__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":49,"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":228,"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}}},"visitDslNode":{"__symbolic":"function"}}}]

browser/testing.d.ts

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

bundles/animations-browser-testing.umd.js

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

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

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

bundles/animations.umd.js

 /**
- * @license Angular v4.4.5
+ * @license Angular v4.4.6
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -13,3 +13,3 @@ * License: MIT
 /**
- * @license Angular v4.4.5
+ * @license Angular v4.4.6
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -115,2 +115,7 @@ * License: MIT
  *
+ * Animation trigger bindings strigify values and then match the previous and current values against
+ * any linked transitions. If a boolean value is provided into the trigger binding then it will both
+ * be represented as `1` or `true` and `0` or `false` for a true and false boolean values
+ * respectively.
+ *
  * ### Usage
@@ -601,2 +606,17 @@ *
  *
+ * ### Boolean values
+ * if a trigger binding value is a boolean value then it can be matched using a transition
+ * expression that compares `true` and `false` or `1` and `0`.
+ *
+ * ```
+ * // in the template
+ * <div [\@openClose]="open ? true : false">...</div>
+ *
+ * // in the component metadata
+ * trigger('openClose', [
+ *   state('true', style({ height: '*' })),
+ *   state('false', style({ height: '0px' })),
+ *   transition('false <=> true', animate(500))
+ * ])
+ * ```
  * {\@example core/animation/ts/dsl/animation_example.ts region='Component'}
@@ -626,3 +646,3 @@ *
  *   animate('{{ time }}',
- *     style({ opacity: '{{ end }}'))
+ *     style({ opacity: '{{ end }}'}))
  * ], { params: { time: '1000ms', start: 0, end: 1 }});
@@ -629,0 +649,0 @@ * ```

bundles/animations.umd.min.js

 /**
- * @license Angular v4.4.5
+ * @license Angular v4.4.6
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -16,3 +16,3 @@ * License: MIT
 function scheduleMicroTask(cb){Promise.resolve(null).then(cb)}/**
- * @license Angular v4.4.5
+ * @license Angular v4.4.6
  * (c) 2010-2017 Google, Inc. https://angular.io/
@@ -19,0 +19,0 @@ * License: MIT

package.json

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

src/animation_metadata.d.ts

@@ -259,2 +259,7 @@ /**
  *
+ * Animation trigger bindings strigify values and then match the previous and current values against
+ * any linked transitions. If a boolean value is provided into the trigger binding then it will both
+ * be represented as `1` or `true` and `0` or `false` for a true and false boolean values
+ * respectively.
+ *
  * ### Usage
@@ -716,2 +721,17 @@ *
  *
+ * ### Boolean values
+ * if a trigger binding value is a boolean value then it can be matched using a transition
+ * expression that compares `true` and `false` or `1` and `0`.
+ *
+ * ```
+ * // in the template
+ * <div [@openClose]="open ? true : false">...</div>
+ *
+ * // in the component metadata
+ * trigger('openClose', [
+ *   state('true', style({ height: '*' })),
+ *   state('false', style({ height: '0px' })),
+ *   transition('false <=> true', animate(500))
+ * ])
+ * ```
  * {@example core/animation/ts/dsl/animation_example.ts region='Component'}
@@ -734,3 +754,3 @@ *
  *   animate('{{ time }}',
- *     style({ opacity: '{{ end }}'))
+ *     style({ opacity: '{{ end }}'}))
  * ], { params: { time: '1000ms', start: 0, end: 1 }});
@@ -737,0 +757,0 @@ * ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

83

increased by2.47%

Worsened metrics

Total package byte prevSize

2459175

decreased by-2.27%

Lines of code

21901

decreased by-3.49%

No dependency changes