@angular/animations 13.2.0-next.2 → 14.0.0-next.0

package/fesm2020/animations.mjs

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

package/fesm2020/browser/testing.mjs

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

package/fesm2020/browser.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v13.2.0-next.2
+ * @license Angular v14.0.0-next.0
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -148,27 +148,11 @@ if (_isNode || typeof Element !== 'undefined') {
         };
     }
     _query = (element, selector, multi) => {
-        let results = [];
         if (multi) {
-            // DO NOT REFACTOR TO USE SPREAD SYNTAX.
-            // For element queries that return sufficiently large NodeList objects,
-            // using spread syntax to populate the results array causes a RangeError
-            // due to the call stack limit being reached. `Array.from` can not be used
-            // as well, since NodeList is not iterable in IE 11, see
-            // https://developer.mozilla.org/en-US/docs/Web/API/NodeList
-            // More info is available in #38551.
-            const elems = element.querySelectorAll(selector);
-            for (let i = 0; i < elems.length; i++) {
-                results.push(elems[i]);
-            }
-        }
-        else {
-            const elm = element.querySelector(selector);
-            if (elm) {
-                results.push(elm);
-            }
+            return Array.from(element.querySelectorAll(selector));
         }
-        return results;
+        const elem = element.querySelector(selector);
+        return elem ? [elem] : [];
     };
 }
 function containsVendorPrefix(prop) {
@@ -241,9 +225,9 @@ class NoopAnimationDriver {
         return new NoopAnimationPlayer(duration, delay);
     }
 }
-NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0-next.2", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0-next.2", ngImport: i0, type: NoopAnimationDriver });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0-next.2", ngImport: i0, type: NoopAnimationDriver, decorators: [{
+NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.0", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0-next.0", ngImport: i0, type: NoopAnimationDriver });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.0", ngImport: i0, type: NoopAnimationDriver, decorators: [{
             type: Injectable
         }] });
 /**
@@ -1263,10 +1247,21 @@ class AnimationTimelineBuilderVisitor {
         visitDslNode(this, ast, context);
         // this checks to see if an actual animation happened
         const timelines = context.timelines.filter(timeline => timeline.containsAnimation());
-        if (timelines.length && Object.keys(finalStyles).length) {
-            const tl = timelines[timelines.length - 1];
-            if (!tl.allowOnlyTimelineStyles()) {
-                tl.setStyles([finalStyles], null, context.errors, options);
+        if (Object.keys(finalStyles).length) {
+            // note: we just want to apply the final styles for the rootElement, so we do not
+            //       just apply the styles to the last timeline but the last timeline which
+            //       element is the root one (basically `*`-styles are replaced with the actual
+            //       state style values only for the root element)
+            let lastRootTimeline;
+            for (let i = timelines.length - 1; i >= 0; i--) {
+                const timeline = timelines[i];
+                if (timeline.element === rootElement) {
+                    lastRootTimeline = timeline;
+                    break;
+                }
+            }
+            if (lastRootTimeline && !lastRootTimeline.allowOnlyTimelineStyles()) {
+                lastRootTimeline.setStyles([finalStyles], null, context.errors, options);
             }
         }
         return timelines.length ? timelines.map(timeline => timeline.buildKeyframes()) :