@angular/animations 14.0.0-next.11 → 14.0.0-next.12

package/fesm2020/animations.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.0.0-next.11
+ * @license Angular v14.0.0-next.12
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */

package/fesm2020/browser/testing.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.0.0-next.11
+ * @license Angular v14.0.0-next.12
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */

package/fesm2020/browser.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.0.0-next.11
+ * @license Angular v14.0.0-next.12
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -580,9 +580,9 @@ class NoopAnimationDriver {
         return new NoopAnimationPlayer(duration, delay);
     }
 }
-NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.11", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.11", ngImport: i0, type: NoopAnimationDriver });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.11", ngImport: i0, type: NoopAnimationDriver, decorators: [{
+NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.12", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.12", ngImport: i0, type: NoopAnimationDriver });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.12", ngImport: i0, type: NoopAnimationDriver, decorators: [{
             type: Injectable
         }] });
 /**
@@ -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;
     }
@@ -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.
@@ -4583,11 +4585,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);
         }