@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.
- package/animations.d.ts +1 -1
- package/browser/browser.d.ts +1 -1
- package/browser/testing/testing.d.ts +1 -1
- package/esm2020/browser/src/dsl/animation_ast_builder.mjs +23 -22
- package/esm2020/browser/src/render/animation_driver.mjs +3 -3
- package/esm2020/browser/src/render/web_animations/web_animations_driver.mjs +7 -3
- package/esm2020/browser/src/warning_helpers.mjs +2 -2
- package/esm2020/src/version.mjs +1 -1
- package/fesm2015/animations.mjs +1 -1
- package/fesm2015/browser/testing.mjs +1 -1
- package/fesm2015/browser.mjs +33 -28
- package/fesm2015/browser.mjs.map +1 -1
- package/fesm2020/animations.mjs +1 -1
- package/fesm2020/browser/testing.mjs +1 -1
- package/fesm2020/browser.mjs +33 -28
- package/fesm2020/browser.mjs.map +1 -1
- package/package.json +2 -2
package/fesm2020/animations.mjs
CHANGED
package/fesm2020/browser.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v14.0.0-next.
|
|
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.
|
|
584
|
-
NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
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 (
|
|
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 (
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
context.nonAnimatableCSSPropertiesFound.size) {
|
|
1071
|
-
|
|
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 (
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
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
|
-
|
|
1485
|
+
return value;
|
|
1485
1486
|
}
|
|
1486
|
-
|
|
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 =
|
|
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
|
-
|
|
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
|
}
|