@angular/animations 14.0.0-next.10 → 14.0.0-next.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Angular v14.0.0-next.10
2
+ * @license Angular v14.0.0-next.13
3
3
  * (c) 2010-2022 Google LLC. https://angular.io/
4
4
  * License: MIT
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Angular v14.0.0-next.10
2
+ * @license Angular v14.0.0-next.13
3
3
  * (c) 2010-2022 Google LLC. https://angular.io/
4
4
  * License: MIT
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Angular v14.0.0-next.10
2
+ * @license Angular v14.0.0-next.13
3
3
  * (c) 2010-2022 Google LLC. https://angular.io/
4
4
  * License: MIT
5
5
  */
@@ -580,9 +580,9 @@ class NoopAnimationDriver {
580
580
  return new NoopAnimationPlayer(duration, delay);
581
581
  }
582
582
  }
583
- NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.10", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
584
- NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.10", ngImport: i0, type: NoopAnimationDriver });
585
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.10", ngImport: i0, type: NoopAnimationDriver, decorators: [{
583
+ NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
584
+ NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: NoopAnimationDriver });
585
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.13", ngImport: i0, type: NoopAnimationDriver, decorators: [{
586
586
  type: Injectable
587
587
  }] });
588
588
  /**
@@ -918,7 +918,7 @@ function triggerParsingWarnings(name, warnings) {
918
918
  console.warn(`Animation parsing for the ${name} trigger presents the following warnings:${createListOfWarnings(warnings)}`);
919
919
  }
920
920
  function pushUnrecognizedPropertiesWarning(warnings, props) {
921
- if (ngDevMode && props.length) {
921
+ if (props.length) {
922
922
  warnings.push(`The following provided properties are not recognized: ${props.join(', ')}`);
923
923
  }
924
924
  }
@@ -1063,12 +1063,13 @@ class AnimationAstBuilderVisitor {
1063
1063
  const context = new AnimationAstBuilderContext(errors);
1064
1064
  this._resetContextStyleTimingState(context);
1065
1065
  const ast = visitDslNode(this, normalizeAnimationEntry(metadata), context);
1066
- if (context.unsupportedCSSPropertiesFound.size) {
1067
- pushUnrecognizedPropertiesWarning(warnings, [...context.unsupportedCSSPropertiesFound.keys()]);
1068
- }
1069
- if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
1070
- context.nonAnimatableCSSPropertiesFound.size) {
1071
- pushNonAnimatablePropertiesWarning(warnings, [...context.nonAnimatableCSSPropertiesFound.keys()]);
1066
+ if (typeof ngDevMode === 'undefined' || ngDevMode) {
1067
+ if (context.unsupportedCSSPropertiesFound.size) {
1068
+ pushUnrecognizedPropertiesWarning(warnings, [...context.unsupportedCSSPropertiesFound.keys()]);
1069
+ }
1070
+ if (context.nonAnimatableCSSPropertiesFound.size) {
1071
+ pushNonAnimatablePropertiesWarning(warnings, [...context.nonAnimatableCSSPropertiesFound.keys()]);
1072
+ }
1072
1073
  }
1073
1074
  return ast;
1074
1075
  }
@@ -1274,19 +1275,20 @@ class AnimationAstBuilderVisitor {
1274
1275
  if (typeof tuple === 'string')
1275
1276
  return;
1276
1277
  tuple.forEach((value, prop) => {
1277
- if (!this._driver.validateStyleProperty(prop)) {
1278
- tuple.delete(prop);
1279
- context.unsupportedCSSPropertiesFound.add(prop);
1280
- return;
1281
- }
1282
- if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
1283
- this._driver.validateAnimatableStyleProperty) {
1284
- if (!this._driver.validateAnimatableStyleProperty(prop)) {
1285
- context.nonAnimatableCSSPropertiesFound.add(prop);
1286
- // note: non animatable properties are not removed for the tuple just in case they are
1287
- // categorized as non animatable but can actually be animated
1278
+ if (typeof ngDevMode === 'undefined' || ngDevMode) {
1279
+ if (!this._driver.validateStyleProperty(prop)) {
1280
+ tuple.delete(prop);
1281
+ context.unsupportedCSSPropertiesFound.add(prop);
1288
1282
  return;
1289
1283
  }
1284
+ if (this._driver.validateAnimatableStyleProperty) {
1285
+ if (!this._driver.validateAnimatableStyleProperty(prop)) {
1286
+ context.nonAnimatableCSSPropertiesFound.add(prop);
1287
+ // note: non animatable properties are not removed for the tuple just in case they are
1288
+ // categorized as non animatable but can actually be animated
1289
+ return;
1290
+ }
1291
+ }
1290
1292
  }
1291
1293
  // This is guaranteed to have a defined Map at this querySelector location making it
1292
1294
  // safe to add the assertion here. It is set as a default empty map in prior methods.
@@ -1479,11 +1481,10 @@ function consumeOffset(styles) {
1479
1481
  return offset;
1480
1482
  }
1481
1483
  function constructTimingAst(value, errors) {
1482
- let timings = null;
1483
1484
  if (value.hasOwnProperty('duration')) {
1484
- timings = value;
1485
+ return value;
1485
1486
  }
1486
- else if (typeof value == 'number') {
1487
+ if (typeof value == 'number') {
1487
1488
  const duration = resolveTiming(value, errors).duration;
1488
1489
  return makeTimingAst(duration, 0, '');
1489
1490
  }
@@ -1495,7 +1496,7 @@ function constructTimingAst(value, errors) {
1495
1496
  ast.strValue = strValue;
1496
1497
  return ast;
1497
1498
  }
1498
- timings = timings || resolveTiming(strValue, errors);
1499
+ const timings = resolveTiming(strValue, errors);
1499
1500
  return makeTimingAst(timings.duration, timings.delay, timings.easing);
1500
1501
  }
1501
1502
  function normalizeAnimationOptions(options) {
@@ -4584,11 +4585,15 @@ class WebAnimationsPlayer {
4584
4585
 
4585
4586
  class WebAnimationsDriver {
4586
4587
  validateStyleProperty(prop) {
4587
- return validateStyleProperty(prop);
4588
+ // Perform actual validation in dev mode only, in prod mode this check is a noop.
4589
+ if (typeof ngDevMode === 'undefined' || ngDevMode) {
4590
+ return validateStyleProperty(prop);
4591
+ }
4592
+ return true;
4588
4593
  }
4589
4594
  validateAnimatableStyleProperty(prop) {
4590
4595
  // Perform actual validation in dev mode only, in prod mode this check is a noop.
4591
- if (ngDevMode) {
4596
+ if (typeof ngDevMode === 'undefined' || ngDevMode) {
4592
4597
  const cssProp = camelCaseToDashCase(prop);
4593
4598
  return validateWebAnimatableStyleProperty(cssProp);
4594
4599
  }