@angular/animations 14.0.0-next.9 → 14.0.0-rc.2

package/fesm2015/browser.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.0.0-next.9
+ * @license Angular v14.0.0-rc.2
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -18,127 +18,127 @@ import { ɵRuntimeError, Injectable } from '@angular/core';
 const NG_DEV_MODE$1 = typeof ngDevMode === 'undefined' || !!ngDevMode;
 const LINE_START = '\n - ';
 function invalidTimingValue(exp) {
-    return new ɵRuntimeError(3000 /* INVALID_TIMING_VALUE */, NG_DEV_MODE$1 && `The provided timing value "${exp}" is invalid.`);
+    return new ɵRuntimeError(3000 /* RuntimeErrorCode.INVALID_TIMING_VALUE */, NG_DEV_MODE$1 && `The provided timing value "${exp}" is invalid.`);
 }
 function negativeStepValue() {
-    return new ɵRuntimeError(3100 /* NEGATIVE_STEP_VALUE */, NG_DEV_MODE$1 && 'Duration values below 0 are not allowed for this animation step.');
+    return new ɵRuntimeError(3100 /* RuntimeErrorCode.NEGATIVE_STEP_VALUE */, NG_DEV_MODE$1 && 'Duration values below 0 are not allowed for this animation step.');
 }
 function negativeDelayValue() {
-    return new ɵRuntimeError(3101 /* NEGATIVE_DELAY_VALUE */, NG_DEV_MODE$1 && 'Delay values below 0 are not allowed for this animation step.');
+    return new ɵRuntimeError(3101 /* RuntimeErrorCode.NEGATIVE_DELAY_VALUE */, NG_DEV_MODE$1 && 'Delay values below 0 are not allowed for this animation step.');
 }
 function invalidStyleParams(varName) {
-    return new ɵRuntimeError(3001 /* INVALID_STYLE_PARAMS */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3001 /* RuntimeErrorCode.INVALID_STYLE_PARAMS */, NG_DEV_MODE$1 &&
         `Unable to resolve the local animation param ${varName} in the given list of values`);
 }
 function invalidParamValue(varName) {
-    return new ɵRuntimeError(3003 /* INVALID_PARAM_VALUE */, NG_DEV_MODE$1 && `Please provide a value for the animation param ${varName}`);
+    return new ɵRuntimeError(3003 /* RuntimeErrorCode.INVALID_PARAM_VALUE */, NG_DEV_MODE$1 && `Please provide a value for the animation param ${varName}`);
 }
 function invalidNodeType(nodeType) {
-    return new ɵRuntimeError(3004 /* INVALID_NODE_TYPE */, NG_DEV_MODE$1 && `Unable to resolve animation metadata node #${nodeType}`);
+    return new ɵRuntimeError(3004 /* RuntimeErrorCode.INVALID_NODE_TYPE */, NG_DEV_MODE$1 && `Unable to resolve animation metadata node #${nodeType}`);
 }
 function invalidCssUnitValue(userProvidedProperty, value) {
-    return new ɵRuntimeError(3005 /* INVALID_CSS_UNIT_VALUE */, NG_DEV_MODE$1 && `Please provide a CSS unit value for ${userProvidedProperty}:${value}`);
+    return new ɵRuntimeError(3005 /* RuntimeErrorCode.INVALID_CSS_UNIT_VALUE */, NG_DEV_MODE$1 && `Please provide a CSS unit value for ${userProvidedProperty}:${value}`);
 }
 function invalidTrigger() {
-    return new ɵRuntimeError(3006 /* INVALID_TRIGGER */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3006 /* RuntimeErrorCode.INVALID_TRIGGER */, NG_DEV_MODE$1 &&
         'animation triggers cannot be prefixed with an `@` sign (e.g. trigger(\'@foo\', [...]))');
 }
 function invalidDefinition() {
-    return new ɵRuntimeError(3007 /* INVALID_DEFINITION */, NG_DEV_MODE$1 && 'only state() and transition() definitions can sit inside of a trigger()');
+    return new ɵRuntimeError(3007 /* RuntimeErrorCode.INVALID_DEFINITION */, NG_DEV_MODE$1 && 'only state() and transition() definitions can sit inside of a trigger()');
 }
 function invalidState(metadataName, missingSubs) {
-    return new ɵRuntimeError(3008 /* INVALID_STATE */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3008 /* RuntimeErrorCode.INVALID_STATE */, NG_DEV_MODE$1 &&
         `state("${metadataName}", ...) must define default values for all the following style substitutions: ${missingSubs.join(', ')}`);
 }
 function invalidStyleValue(value) {
-    return new ɵRuntimeError(3002 /* INVALID_STYLE_VALUE */, NG_DEV_MODE$1 && `The provided style string value ${value} is not allowed.`);
+    return new ɵRuntimeError(3002 /* RuntimeErrorCode.INVALID_STYLE_VALUE */, NG_DEV_MODE$1 && `The provided style string value ${value} is not allowed.`);
 }
 function invalidProperty(prop) {
-    return new ɵRuntimeError(3009 /* INVALID_PROPERTY */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3009 /* RuntimeErrorCode.INVALID_PROPERTY */, NG_DEV_MODE$1 &&
         `The provided animation property "${prop}" is not a supported CSS property for animations`);
 }
 function invalidParallelAnimation(prop, firstStart, firstEnd, secondStart, secondEnd) {
-    return new ɵRuntimeError(3010 /* INVALID_PARALLEL_ANIMATION */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3010 /* RuntimeErrorCode.INVALID_PARALLEL_ANIMATION */, NG_DEV_MODE$1 &&
         `The CSS property "${prop}" that exists between the times of "${firstStart}ms" and "${firstEnd}ms" is also being animated in a parallel animation between the times of "${secondStart}ms" and "${secondEnd}ms"`);
 }
 function invalidKeyframes() {
-    return new ɵRuntimeError(3011 /* INVALID_KEYFRAMES */, NG_DEV_MODE$1 && `keyframes() must be placed inside of a call to animate()`);
+    return new ɵRuntimeError(3011 /* RuntimeErrorCode.INVALID_KEYFRAMES */, NG_DEV_MODE$1 && `keyframes() must be placed inside of a call to animate()`);
 }
 function invalidOffset() {
-    return new ɵRuntimeError(3012 /* INVALID_OFFSET */, NG_DEV_MODE$1 && `Please ensure that all keyframe offsets are between 0 and 1`);
+    return new ɵRuntimeError(3012 /* RuntimeErrorCode.INVALID_OFFSET */, NG_DEV_MODE$1 && `Please ensure that all keyframe offsets are between 0 and 1`);
 }
 function keyframeOffsetsOutOfOrder() {
-    return new ɵRuntimeError(3200 /* KEYFRAME_OFFSETS_OUT_OF_ORDER */, NG_DEV_MODE$1 && `Please ensure that all keyframe offsets are in order`);
+    return new ɵRuntimeError(3200 /* RuntimeErrorCode.KEYFRAME_OFFSETS_OUT_OF_ORDER */, NG_DEV_MODE$1 && `Please ensure that all keyframe offsets are in order`);
 }
 function keyframesMissingOffsets() {
-    return new ɵRuntimeError(3202 /* KEYFRAMES_MISSING_OFFSETS */, NG_DEV_MODE$1 && `Not all style() steps within the declared keyframes() contain offsets`);
+    return new ɵRuntimeError(3202 /* RuntimeErrorCode.KEYFRAMES_MISSING_OFFSETS */, NG_DEV_MODE$1 && `Not all style() steps within the declared keyframes() contain offsets`);
 }
 function invalidStagger() {
-    return new ɵRuntimeError(3013 /* INVALID_STAGGER */, NG_DEV_MODE$1 && `stagger() can only be used inside of query()`);
+    return new ɵRuntimeError(3013 /* RuntimeErrorCode.INVALID_STAGGER */, NG_DEV_MODE$1 && `stagger() can only be used inside of query()`);
 }
 function invalidQuery(selector) {
-    return new ɵRuntimeError(3014 /* INVALID_QUERY */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3014 /* RuntimeErrorCode.INVALID_QUERY */, NG_DEV_MODE$1 &&
         `\`query("${selector}")\` returned zero elements. (Use \`query("${selector}", { optional: true })\` if you wish to allow this.)`);
 }
 function invalidExpression(expr) {
-    return new ɵRuntimeError(3015 /* INVALID_EXPRESSION */, NG_DEV_MODE$1 && `The provided transition expression "${expr}" is not supported`);
+    return new ɵRuntimeError(3015 /* RuntimeErrorCode.INVALID_EXPRESSION */, NG_DEV_MODE$1 && `The provided transition expression "${expr}" is not supported`);
 }
 function invalidTransitionAlias(alias) {
-    return new ɵRuntimeError(3016 /* INVALID_TRANSITION_ALIAS */, NG_DEV_MODE$1 && `The transition alias value "${alias}" is not supported`);
+    return new ɵRuntimeError(3016 /* RuntimeErrorCode.INVALID_TRANSITION_ALIAS */, NG_DEV_MODE$1 && `The transition alias value "${alias}" is not supported`);
 }
 function validationFailed(errors) {
-    return new ɵRuntimeError(3500 /* VALIDATION_FAILED */, NG_DEV_MODE$1 && `animation validation failed:\n${errors.map(err => err.message).join('\n')}`);
+    return new ɵRuntimeError(3500 /* RuntimeErrorCode.VALIDATION_FAILED */, NG_DEV_MODE$1 && `animation validation failed:\n${errors.map(err => err.message).join('\n')}`);
 }
 function buildingFailed(errors) {
-    return new ɵRuntimeError(3501 /* BUILDING_FAILED */, NG_DEV_MODE$1 && `animation building failed:\n${errors.map(err => err.message).join('\n')}`);
+    return new ɵRuntimeError(3501 /* RuntimeErrorCode.BUILDING_FAILED */, NG_DEV_MODE$1 && `animation building failed:\n${errors.map(err => err.message).join('\n')}`);
 }
 function triggerBuildFailed(name, errors) {
-    return new ɵRuntimeError(3404 /* TRIGGER_BUILD_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3404 /* RuntimeErrorCode.TRIGGER_BUILD_FAILED */, NG_DEV_MODE$1 &&
         `The animation trigger "${name}" has failed to build due to the following errors:\n - ${errors.map(err => err.message).join('\n - ')}`);
 }
 function animationFailed(errors) {
-    return new ɵRuntimeError(3502 /* ANIMATION_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3502 /* RuntimeErrorCode.ANIMATION_FAILED */, NG_DEV_MODE$1 &&
         `Unable to animate due to the following errors:${LINE_START}${errors.map(err => err.message).join(LINE_START)}`);
 }
 function registerFailed(errors) {
-    return new ɵRuntimeError(3503 /* REGISTRATION_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3503 /* RuntimeErrorCode.REGISTRATION_FAILED */, NG_DEV_MODE$1 &&
         `Unable to build the animation due to the following errors: ${errors.map(err => err.message).join('\n')}`);
 }
 function missingOrDestroyedAnimation() {
-    return new ɵRuntimeError(3300 /* MISSING_OR_DESTROYED_ANIMATION */, NG_DEV_MODE$1 && 'The requested animation doesn\'t exist or has already been destroyed');
+    return new ɵRuntimeError(3300 /* RuntimeErrorCode.MISSING_OR_DESTROYED_ANIMATION */, NG_DEV_MODE$1 && 'The requested animation doesn\'t exist or has already been destroyed');
 }
 function createAnimationFailed(errors) {
-    return new ɵRuntimeError(3504 /* CREATE_ANIMATION_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3504 /* RuntimeErrorCode.CREATE_ANIMATION_FAILED */, NG_DEV_MODE$1 &&
         `Unable to create the animation due to the following errors:${errors.map(err => err.message).join('\n')}`);
 }
 function missingPlayer(id) {
-    return new ɵRuntimeError(3301 /* MISSING_PLAYER */, NG_DEV_MODE$1 && `Unable to find the timeline player referenced by ${id}`);
+    return new ɵRuntimeError(3301 /* RuntimeErrorCode.MISSING_PLAYER */, NG_DEV_MODE$1 && `Unable to find the timeline player referenced by ${id}`);
 }
 function missingTrigger(phase, name) {
-    return new ɵRuntimeError(3302 /* MISSING_TRIGGER */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3302 /* RuntimeErrorCode.MISSING_TRIGGER */, NG_DEV_MODE$1 &&
         `Unable to listen on the animation trigger event "${phase}" because the animation trigger "${name}" doesn\'t exist!`);
 }
 function missingEvent(name) {
-    return new ɵRuntimeError(3303 /* MISSING_EVENT */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3303 /* RuntimeErrorCode.MISSING_EVENT */, NG_DEV_MODE$1 &&
         `Unable to listen on the animation trigger "${name}" because the provided event is undefined!`);
 }
 function unsupportedTriggerEvent(phase, name) {
-    return new ɵRuntimeError(3400 /* UNSUPPORTED_TRIGGER_EVENT */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3400 /* RuntimeErrorCode.UNSUPPORTED_TRIGGER_EVENT */, NG_DEV_MODE$1 &&
         `The provided animation trigger event "${phase}" for the animation trigger "${name}" is not supported!`);
 }
 function unregisteredTrigger(name) {
-    return new ɵRuntimeError(3401 /* UNREGISTERED_TRIGGER */, NG_DEV_MODE$1 && `The provided animation trigger "${name}" has not been registered!`);
+    return new ɵRuntimeError(3401 /* RuntimeErrorCode.UNREGISTERED_TRIGGER */, NG_DEV_MODE$1 && `The provided animation trigger "${name}" has not been registered!`);
 }
 function triggerTransitionsFailed(errors) {
-    return new ɵRuntimeError(3402 /* TRIGGER_TRANSITIONS_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3402 /* RuntimeErrorCode.TRIGGER_TRANSITIONS_FAILED */, NG_DEV_MODE$1 &&
         `Unable to process animations due to the following failed trigger transitions\n ${errors.map(err => err.message).join('\n')}`);
 }
 function triggerParsingFailed(name, errors) {
-    return new ɵRuntimeError(3403 /* TRIGGER_PARSING_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3403 /* RuntimeErrorCode.TRIGGER_PARSING_FAILED */, NG_DEV_MODE$1 &&
         `Animation parsing for the ${name} trigger have failed:${LINE_START}${errors.map(err => err.message).join(LINE_START)}`);
 }
 function transitionFailed(name, errors) {
-    return new ɵRuntimeError(3505 /* TRANSITION_FAILED */, NG_DEV_MODE$1 &&
+    return new ɵRuntimeError(3505 /* RuntimeErrorCode.TRANSITION_FAILED */, NG_DEV_MODE$1 &&
         `@${name} has failed due to:\n ${errors.map(err => err.message).join('\n- ')}`);
 }
 
@@ -580,9 +580,9 @@ class NoopAnimationDriver {
         return new NoopAnimationPlayer(duration, delay);
     }
 }
-NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.9", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.9", ngImport: i0, type: NoopAnimationDriver });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.9", ngImport: i0, type: NoopAnimationDriver, decorators: [{
+NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-rc.2", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-rc.2", ngImport: i0, type: NoopAnimationDriver });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-rc.2", ngImport: i0, type: NoopAnimationDriver, decorators: [{
             type: Injectable
         }] });
 /**
@@ -856,31 +856,31 @@ function balancePreviousStylesIntoKeyframes(element, keyframes, previousStyles)
 }
 function visitDslNode(visitor, node, context) {
     switch (node.type) {
-        case 7 /* Trigger */:
+        case 7 /* AnimationMetadataType.Trigger */:
             return visitor.visitTrigger(node, context);
-        case 0 /* State */:
+        case 0 /* AnimationMetadataType.State */:
             return visitor.visitState(node, context);
-        case 1 /* Transition */:
+        case 1 /* AnimationMetadataType.Transition */:
             return visitor.visitTransition(node, context);
-        case 2 /* Sequence */:
+        case 2 /* AnimationMetadataType.Sequence */:
             return visitor.visitSequence(node, context);
-        case 3 /* Group */:
+        case 3 /* AnimationMetadataType.Group */:
             return visitor.visitGroup(node, context);
-        case 4 /* Animate */:
+        case 4 /* AnimationMetadataType.Animate */:
             return visitor.visitAnimate(node, context);
-        case 5 /* Keyframes */:
+        case 5 /* AnimationMetadataType.Keyframes */:
             return visitor.visitKeyframes(node, context);
-        case 6 /* Style */:
+        case 6 /* AnimationMetadataType.Style */:
             return visitor.visitStyle(node, context);
-        case 8 /* Reference */:
+        case 8 /* AnimationMetadataType.Reference */:
             return visitor.visitReference(node, context);
-        case 9 /* AnimateChild */:
+        case 9 /* AnimationMetadataType.AnimateChild */:
             return visitor.visitAnimateChild(node, context);
-        case 10 /* AnimateRef */:
+        case 10 /* AnimationMetadataType.AnimateRef */:
             return visitor.visitAnimateRef(node, context);
-        case 11 /* Query */:
+        case 11 /* AnimationMetadataType.Query */:
             return visitor.visitQuery(node, context);
-        case 12 /* Stagger */:
+        case 12 /* AnimationMetadataType.Stagger */:
             return visitor.visitStagger(node, context);
         default:
             throw invalidNodeType(node.type);
@@ -918,7 +918,7 @@ function triggerParsingWarnings(name, warnings) {
         console.warn(`Animation parsing for the ${name} trigger presents the following warnings:${createListOfWarnings(warnings)}`);
 }
 function pushUnrecognizedPropertiesWarning(warnings, props) {
-    if (ngDevMode && props.length) {
+    if (props.length) {
         warnings.push(`The following provided properties are not recognized: ${props.join(', ')}`);
     }
 }
@@ -1063,12 +1063,13 @@ class AnimationAstBuilderVisitor {
         const context = new AnimationAstBuilderContext(errors);
         this._resetContextStyleTimingState(context);
         const ast = visitDslNode(this, normalizeAnimationEntry(metadata), context);
-        if (context.unsupportedCSSPropertiesFound.size) {
-            pushUnrecognizedPropertiesWarning(warnings, [...context.unsupportedCSSPropertiesFound.keys()]);
-        }
-        if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
-            context.nonAnimatableCSSPropertiesFound.size) {
-            pushNonAnimatablePropertiesWarning(warnings, [...context.nonAnimatableCSSPropertiesFound.keys()]);
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (context.unsupportedCSSPropertiesFound.size) {
+                pushUnrecognizedPropertiesWarning(warnings, [...context.unsupportedCSSPropertiesFound.keys()]);
+            }
+            if (context.nonAnimatableCSSPropertiesFound.size) {
+                pushNonAnimatablePropertiesWarning(warnings, [...context.nonAnimatableCSSPropertiesFound.keys()]);
+            }
         }
         return ast;
     }
@@ -1088,7 +1089,7 @@ class AnimationAstBuilderVisitor {
         }
         metadata.definitions.forEach(def => {
             this._resetContextStyleTimingState(context);
-            if (def.type == 0 /* State */) {
+            if (def.type == 0 /* AnimationMetadataType.State */) {
                 const stateDef = def;
                 const name = stateDef.name;
                 name.toString().split(/\s*,\s*/).forEach(n => {
@@ -1097,7 +1098,7 @@ class AnimationAstBuilderVisitor {
                 });
                 stateDef.name = name;
             }
-            else if (def.type == 1 /* Transition */) {
+            else if (def.type == 1 /* AnimationMetadataType.Transition */) {
                 const transition = this.visitTransition(def, context);
                 queryCount += transition.queryCount;
                 depCount += transition.depCount;
@@ -1108,7 +1109,7 @@ class AnimationAstBuilderVisitor {
             }
         });
         return {
-            type: 7 /* Trigger */,
+            type: 7 /* AnimationMetadataType.Trigger */,
             name: metadata.name,
             states,
             transitions,
@@ -1140,7 +1141,7 @@ class AnimationAstBuilderVisitor {
             }
         }
         return {
-            type: 0 /* State */,
+            type: 0 /* AnimationMetadataType.State */,
             name: metadata.name,
             style: styleAst,
             options: astParams ? { params: astParams } : null
@@ -1152,7 +1153,7 @@ class AnimationAstBuilderVisitor {
         const animation = visitDslNode(this, normalizeAnimationEntry(metadata.animation), context);
         const matchers = parseTransitionExpr(metadata.expr, context.errors);
         return {
-            type: 1 /* Transition */,
+            type: 1 /* AnimationMetadataType.Transition */,
             matchers,
             animation,
             queryCount: context.queryCount,
@@ -1162,7 +1163,7 @@ class AnimationAstBuilderVisitor {
     }
     visitSequence(metadata, context) {
         return {
-            type: 2 /* Sequence */,
+            type: 2 /* AnimationMetadataType.Sequence */,
             steps: metadata.steps.map(s => visitDslNode(this, s, context)),
             options: normalizeAnimationOptions(metadata.options)
         };
@@ -1178,7 +1179,7 @@ class AnimationAstBuilderVisitor {
         });
         context.currentTime = furthestTime;
         return {
-            type: 3 /* Group */,
+            type: 3 /* AnimationMetadataType.Group */,
             steps,
             options: normalizeAnimationOptions(metadata.options)
         };
@@ -1188,7 +1189,7 @@ class AnimationAstBuilderVisitor {
         context.currentAnimateTimings = timingAst;
         let styleAst;
         let styleMetadata = metadata.styles ? metadata.styles : style({});
-        if (styleMetadata.type == 5 /* Keyframes */) {
+        if (styleMetadata.type == 5 /* AnimationMetadataType.Keyframes */) {
             styleAst = this.visitKeyframes(styleMetadata, context);
         }
         else {
@@ -1209,7 +1210,7 @@ class AnimationAstBuilderVisitor {
         }
         context.currentAnimateTimings = null;
         return {
-            type: 4 /* Animate */,
+            type: 4 /* AnimationMetadataType.Animate */,
             timings: timingAst,
             style: styleAst,
             options: null
@@ -1255,7 +1256,7 @@ class AnimationAstBuilderVisitor {
             }
         });
         return {
-            type: 6 /* Style */,
+            type: 6 /* AnimationMetadataType.Style */,
             styles,
             easing: collectedEasing,
             offset: metadata.offset,
@@ -1274,19 +1275,20 @@ class AnimationAstBuilderVisitor {
             if (typeof tuple === 'string')
                 return;
             tuple.forEach((value, prop) => {
-                if (!this._driver.validateStyleProperty(prop)) {
-                    tuple.delete(prop);
-                    context.unsupportedCSSPropertiesFound.add(prop);
-                    return;
-                }
-                if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
-                    this._driver.validateAnimatableStyleProperty) {
-                    if (!this._driver.validateAnimatableStyleProperty(prop)) {
-                        context.nonAnimatableCSSPropertiesFound.add(prop);
-                        // note: non animatable properties are not removed for the tuple just in case they are
-                        //       categorized as non animatable but can actually be animated
+                if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                    if (!this._driver.validateStyleProperty(prop)) {
+                        tuple.delete(prop);
+                        context.unsupportedCSSPropertiesFound.add(prop);
                         return;
                     }
+                    if (this._driver.validateAnimatableStyleProperty) {
+                        if (!this._driver.validateAnimatableStyleProperty(prop)) {
+                            context.nonAnimatableCSSPropertiesFound.add(prop);
+                            // note: non animatable properties are not removed for the tuple just in case they are
+                            //       categorized as non animatable but can actually be animated
+                            return;
+                        }
+                    }
                 }
                 // This is guaranteed to have a defined Map at this querySelector location making it
                 // safe to add the assertion here. It is set as a default empty map in prior methods.
@@ -1314,7 +1316,7 @@ class AnimationAstBuilderVisitor {
         });
     }
     visitKeyframes(metadata, context) {
-        const ast = { type: 5 /* Keyframes */, styles: [], options: null };
+        const ast = { type: 5 /* AnimationMetadataType.Keyframes */, styles: [], options: null };
         if (!context.currentAnimateTimings) {
             context.errors.push(invalidKeyframes());
             return ast;
@@ -1370,7 +1372,7 @@ class AnimationAstBuilderVisitor {
     }
     visitReference(metadata, context) {
         return {
-            type: 8 /* Reference */,
+            type: 8 /* AnimationMetadataType.Reference */,
             animation: visitDslNode(this, normalizeAnimationEntry(metadata.animation), context),
             options: normalizeAnimationOptions(metadata.options)
         };
@@ -1378,13 +1380,13 @@ class AnimationAstBuilderVisitor {
     visitAnimateChild(metadata, context) {
         context.depCount++;
         return {
-            type: 9 /* AnimateChild */,
+            type: 9 /* AnimationMetadataType.AnimateChild */,
             options: normalizeAnimationOptions(metadata.options)
         };
     }
     visitAnimateRef(metadata, context) {
         return {
-            type: 10 /* AnimateRef */,
+            type: 10 /* AnimationMetadataType.AnimateRef */,
             animation: this.visitReference(metadata.animation, context),
             options: normalizeAnimationOptions(metadata.options)
         };
@@ -1402,7 +1404,7 @@ class AnimationAstBuilderVisitor {
         context.currentQuery = null;
         context.currentQuerySelector = parentSelector;
         return {
-            type: 11 /* Query */,
+            type: 11 /* AnimationMetadataType.Query */,
             selector,
             limit: options.limit || 0,
             optional: !!options.optional,
@@ -1420,7 +1422,7 @@ class AnimationAstBuilderVisitor {
             { duration: 0, delay: 0, easing: 'full' } :
             resolveTiming(metadata.timings, context.errors, true);
         return {
-            type: 12 /* Stagger */,
+            type: 12 /* AnimationMetadataType.Stagger */,
             animation: visitDslNode(this, normalizeAnimationEntry(metadata.animation), context),
             timings,
             options: null
@@ -1479,11 +1481,10 @@ function consumeOffset(styles) {
     return offset;
 }
 function constructTimingAst(value, errors) {
-    let timings = null;
     if (value.hasOwnProperty('duration')) {
-        timings = value;
+        return value;
     }
-    else if (typeof value == 'number') {
+    if (typeof value == 'number') {
         const duration = resolveTiming(value, errors).duration;
         return makeTimingAst(duration, 0, '');
     }
@@ -1495,7 +1496,7 @@ function constructTimingAst(value, errors) {
         ast.strValue = strValue;
         return ast;
     }
-    timings = timings || resolveTiming(strValue, errors);
+    const timings = resolveTiming(strValue, errors);
     return makeTimingAst(timings.duration, timings.delay, timings.easing);
 }
 function normalizeAnimationOptions(options) {
@@ -1516,7 +1517,7 @@ function makeTimingAst(duration, delay, easing) {
 
 function createTimelineInstruction(element, keyframes, preStyleProps, postStyleProps, duration, delay, easing = null, subTimeline = false) {
     return {
-        type: 1 /* TimelineAnimation */,
+        type: 1 /* AnimationTransitionInstructionType.TimelineAnimation */,
         element,
         keyframes,
         preStyleProps,
@@ -1736,7 +1737,7 @@ class AnimationTimelineBuilderVisitor {
             ctx = context.createSubContext(options);
             ctx.transformIntoNewTimeline();
             if (options.delay != null) {
-                if (ctx.previousNode.type == 6 /* Style */) {
+                if (ctx.previousNode.type == 6 /* AnimationMetadataType.Style */) {
                     ctx.currentTimeline.snapshotCurrentStyles();
                     ctx.previousNode = DEFAULT_NOOP_PREVIOUS_NODE;
                 }
@@ -1795,7 +1796,7 @@ class AnimationTimelineBuilderVisitor {
             timeline.snapshotCurrentStyles();
         }
         const style = ast.style;
-        if (style.type == 5 /* Keyframes */) {
+        if (style.type == 5 /* AnimationMetadataType.Keyframes */) {
             this.visitKeyframes(style, context);
         }
         else {
@@ -1851,7 +1852,7 @@ class AnimationTimelineBuilderVisitor {
         const options = (ast.options || {});
         const delay = options.delay ? resolveTimingValue(options.delay) : 0;
         if (delay &&
-            (context.previousNode.type === 6 /* Style */ ||
+            (context.previousNode.type === 6 /* AnimationMetadataType.Style */ ||
                 (startTime == 0 && context.currentTimeline.hasCurrentStyleProperties()))) {
             context.currentTimeline.snapshotCurrentStyles();
             context.previousNode = DEFAULT_NOOP_PREVIOUS_NODE;
@@ -2430,7 +2431,7 @@ class WebAnimationsStyleNormalizer extends AnimationStyleNormalizer {
  */
 function createTransitionInstruction(element, triggerName, fromState, toState, isRemovalTransition, fromStyles, toStyles, timelines, queriedElements, preStyleProps, postStyleProps, totalTime, errors) {
     return {
-        type: 0 /* TransitionAnimation */,
+        type: 0 /* AnimationTransitionInstructionType.TransitionAnimation */,
         element,
         triggerName,
         isRemovalTransition,
@@ -2581,9 +2582,9 @@ class AnimationTrigger {
 }
 function createFallbackTransition(triggerName, states, normalizer) {
     const matchers = [(fromState, toState) => true];
-    const animation = { type: 2 /* Sequence */, steps: [], options: null };
+    const animation = { type: 2 /* AnimationMetadataType.Sequence */, steps: [], options: null };
     const transition = {
-        type: 1 /* Transition */,
+        type: 1 /* AnimationMetadataType.Transition */,
         animation,
         matchers,
         options: null,
@@ -4368,7 +4369,7 @@ class SpecialCasedStyles {
         this._element = _element;
         this._startStyles = _startStyles;
         this._endStyles = _endStyles;
-        this._state = 0 /* Pending */;
+        this._state = 0 /* SpecialCasedStylesState.Pending */;
         let initialStyles = SpecialCasedStyles.initialStylesByElement.get(_element);
         if (!initialStyles) {
             SpecialCasedStyles.initialStylesByElement.set(_element, initialStyles = new Map());
@@ -4376,27 +4377,27 @@ class SpecialCasedStyles {
         this._initialStyles = initialStyles;
     }
     start() {
-        if (this._state < 1 /* Started */) {
+        if (this._state < 1 /* SpecialCasedStylesState.Started */) {
             if (this._startStyles) {
                 setStyles(this._element, this._startStyles, this._initialStyles);
             }
-            this._state = 1 /* Started */;
+            this._state = 1 /* SpecialCasedStylesState.Started */;
         }
     }
     finish() {
         this.start();
-        if (this._state < 2 /* Finished */) {
+        if (this._state < 2 /* SpecialCasedStylesState.Finished */) {
             setStyles(this._element, this._initialStyles);
             if (this._endStyles) {
                 setStyles(this._element, this._endStyles);
                 this._endStyles = null;
             }
-            this._state = 1 /* Started */;
+            this._state = 1 /* SpecialCasedStylesState.Started */;
         }
     }
     destroy() {
         this.finish();
-        if (this._state < 3 /* Destroyed */) {
+        if (this._state < 3 /* SpecialCasedStylesState.Destroyed */) {
             SpecialCasedStyles.initialStylesByElement.delete(this._element);
             if (this._startStyles) {
                 eraseStyles(this._element, this._startStyles);
@@ -4407,7 +4408,7 @@ class SpecialCasedStyles {
                 this._endStyles = null;
             }
             setStyles(this._element, this._initialStyles);
-            this._state = 3 /* Destroyed */;
+            this._state = 3 /* SpecialCasedStylesState.Destroyed */;
         }
     }
 }
@@ -4589,11 +4590,15 @@ class WebAnimationsPlayer {
 
 class WebAnimationsDriver {
     validateStyleProperty(prop) {
-        return validateStyleProperty(prop);
+        // Perform actual validation in dev mode only, in prod mode this check is a noop.
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            return validateStyleProperty(prop);
+        }
+        return true;
     }
     validateAnimatableStyleProperty(prop) {
         // Perform actual validation in dev mode only, in prod mode this check is a noop.
-        if (ngDevMode) {
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
             const cssProp = camelCaseToDashCase(prop);
             return validateWebAnimatableStyleProperty(cssProp);
         }