@angular/animations 13.1.0-next.3 → 13.2.0-next.1

package/fesm2015/browser.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v13.1.0-next.3
+ * @license Angular v13.2.0-next.1
  * (c) 2010-2021 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -126,7 +126,6 @@ function parseTimelineCommand(command) {
     return [id, action];
 }
 let _contains = (elm1, elm2) => false;
-let _matches = (element, selector) => false;
 let _query = (element, selector, multi) => {
     return [];
 };
@@ -148,22 +147,6 @@ if (_isNode || typeof Element !== 'undefined') {
             return false;
         };
     }
-    _matches = (() => {
-        if (_isNode || Element.prototype.matches) {
-            return (element, selector) => element.matches(selector);
-        }
-        else {
-            const proto = Element.prototype;
-            const fn = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector ||
-                proto.oMatchesSelector || proto.webkitMatchesSelector;
-            if (fn) {
-                return (element, selector) => fn.apply(element, [selector]);
-            }
-            else {
-                return _matches;
-            }
-        }
-    })();
     _query = (element, selector, multi) => {
         let results = [];
         if (multi) {
@@ -216,7 +199,6 @@ function getBodyNode() {
     }
     return null;
 }
-const matchesElement = _matches;
 const containsElement = _contains;
 const invokeQuery = _query;
 function hypenatePropsObject(object) {
@@ -242,8 +224,9 @@ class NoopAnimationDriver {
     validateStyleProperty(prop) {
         return validateStyleProperty(prop);
     }
-    matchesElement(element, selector) {
-        return matchesElement(element, selector);
+    matchesElement(_element, _selector) {
+        // This method is deprecated and no longer in use so we return false.
+        return false;
     }
     containsElement(elm1, elm2) {
         return containsElement(elm1, elm2);
@@ -258,9 +241,9 @@ class NoopAnimationDriver {
         return new NoopAnimationPlayer(duration, delay);
     }
 }
-NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0-next.3", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.0-next.3", ngImport: i0, type: NoopAnimationDriver });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0-next.3", ngImport: i0, type: NoopAnimationDriver, decorators: [{
+NoopAnimationDriver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0-next.1", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NoopAnimationDriver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0-next.1", ngImport: i0, type: NoopAnimationDriver });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0-next.1", ngImport: i0, type: NoopAnimationDriver, decorators: [{
             type: Injectable
         }] });
 /**
@@ -282,8 +265,6 @@ const SUBSTITUTION_EXPR_START = '{{';
 const SUBSTITUTION_EXPR_END = '}}';
 const ENTER_CLASSNAME = 'ng-enter';
 const LEAVE_CLASSNAME = 'ng-leave';
-const ENTER_SELECTOR = '.ng-enter';
-const LEAVE_SELECTOR = '.ng-leave';
 const NG_TRIGGER_CLASSNAME = 'ng-trigger';
 const NG_TRIGGER_SELECTOR = '.ng-trigger';
 const NG_ANIMATING_CLASSNAME = 'ng-animating';
@@ -1156,15 +1137,8 @@ class ElementInstructionMap {
     constructor() {
         this._map = new Map();
     }
-    consume(element) {
-        let instructions = this._map.get(element);
-        if (instructions) {
-            this._map.delete(element);
-        }
-        else {
-            instructions = [];
-        }
-        return instructions;
+    get(element) {
+        return this._map.get(element) || [];
     }
     append(element, instructions) {
         let existingInstructions = this._map.get(element);
@@ -1308,7 +1282,7 @@ class AnimationTimelineBuilderVisitor {
         // these values are not visited in this AST
     }
     visitAnimateChild(ast, context) {
-        const elementInstructions = context.subInstructions.consume(context.element);
+        const elementInstructions = context.subInstructions.get(context.element);
         if (elementInstructions) {
             const innerContext = context.createSubContext(ast.options);
             const startTime = context.currentTimeline.currentTime;
@@ -2999,6 +2973,7 @@ class TransitionAnimationEngine {
         });
     }
     processLeaveNode(element) {
+        var _a;
         const details = element[REMOVAL_FLAG];
         if (details && details.setForRemoval) {
             // this will prevent it from removing it twice
@@ -3012,7 +2987,7 @@ class TransitionAnimationEngine {
             }
             this._onRemovalComplete(element, details.setForRemoval);
         }
-        if (this.driver.matchesElement(element, DISABLED_SELECTOR)) {
+        if ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains(DISABLED_CLASSNAME)) {
             this.markElementAsDisabled(element, false);
         }
         this.driver.query(element, DISABLED_SELECTOR, true).forEach(node => {
@@ -3187,7 +3162,14 @@ class TransitionAnimationEngine {
                 // instead stretch the first keyframe gap until the animation starts. This is
                 // important in order to prevent extra initialization styles from being
                 // required by the user for the animation.
-                instruction.timelines.forEach(tl => tl.stretchStartingKeyframe = true);
+                const timelines = [];
+                instruction.timelines.forEach(tl => {
+                    tl.stretchStartingKeyframe = true;
+                    if (!this.disabledNodes.has(tl.element)) {
+                        timelines.push(tl);
+                    }
+                });
+                instruction.timelines = timelines;
                 subTimelines.append(element, instruction.timelines);
                 const tuple = { instruction, player, element };
                 queuedInstructions.push(tuple);
@@ -3760,38 +3742,13 @@ function buildRootMap(roots, nodes) {
     });
     return rootMap;
 }
-const CLASSES_CACHE_KEY = '$$classes';
-function containsClass(element, className) {
-    if (element.classList) {
-        return element.classList.contains(className);
-    }
-    else {
-        const classes = element[CLASSES_CACHE_KEY];
-        return classes && classes[className];
-    }
-}
 function addClass(element, className) {
-    if (element.classList) {
-        element.classList.add(className);
-    }
-    else {
-        let classes = element[CLASSES_CACHE_KEY];
-        if (!classes) {
-            classes = element[CLASSES_CACHE_KEY] = {};
-        }
-        classes[className] = true;
-    }
+    var _a;
+    (_a = element.classList) === null || _a === void 0 ? void 0 : _a.add(className);
 }
 function removeClass(element, className) {
-    if (element.classList) {
-        element.classList.remove(className);
-    }
-    else {
-        let classes = element[CLASSES_CACHE_KEY];
-        if (classes) {
-            delete classes[className];
-        }
-    }
+    var _a;
+    (_a = element.classList) === null || _a === void 0 ? void 0 : _a.remove(className);
 }
 function removeNodesAfterAnimationDone(engine, element, players) {
     optimizeGroupPlayer(players).onDone(() => engine.processLeaveNode(element));
@@ -4342,8 +4299,9 @@ class CssKeyframesDriver {
     validateStyleProperty(prop) {
         return validateStyleProperty(prop);
     }
-    matchesElement(element, selector) {
-        return matchesElement(element, selector);
+    matchesElement(_element, _selector) {
+        // This method is deprecated and no longer in use so we return false.
+        return false;
     }
     containsElement(elm1, elm2) {
         return containsElement(elm1, elm2);
@@ -4583,10 +4541,13 @@ class WebAnimationsPlayer {
     beforeDestroy() {
         const styles = {};
         if (this.hasStarted()) {
-            Object.keys(this._finalKeyframe).forEach(prop => {
+            // note: this code is invoked only when the `play` function was called prior to this
+            // (thus `hasStarted` returns true), this implies that the code that initializes
+            // `_finalKeyframe` has also been executed and the non-null assertion can be safely used here
+            const finalKeyframe = this._finalKeyframe;
+            Object.keys(finalKeyframe).forEach(prop => {
                 if (prop != 'offset') {
-                    styles[prop] =
-                        this._finished ? this._finalKeyframe[prop] : computeStyle(this.element, prop);
+                    styles[prop] = this._finished ? finalKeyframe[prop] : computeStyle(this.element, prop);
                 }
             });
         }
@@ -4608,8 +4569,9 @@ class WebAnimationsDriver {
     validateStyleProperty(prop) {
         return validateStyleProperty(prop);
     }
-    matchesElement(element, selector) {
-        return matchesElement(element, selector);
+    matchesElement(_element, _selector) {
+        // This method is deprecated and no longer in use so we return false.
+        return false;
     }
     containsElement(elm1, elm2) {
         return containsElement(elm1, elm2);
@@ -4692,5 +4654,5 @@ function getElementAnimateFn() {
  * Generated bundle index. Do not edit.
  */
 
-export { AnimationDriver, Animation as ɵAnimation, AnimationEngine as ɵAnimationEngine, AnimationStyleNormalizer as ɵAnimationStyleNormalizer, CssKeyframesDriver as ɵCssKeyframesDriver, CssKeyframesPlayer as ɵCssKeyframesPlayer, NoopAnimationDriver as ɵNoopAnimationDriver, NoopAnimationStyleNormalizer as ɵNoopAnimationStyleNormalizer, WebAnimationsDriver as ɵWebAnimationsDriver, WebAnimationsPlayer as ɵWebAnimationsPlayer, WebAnimationsStyleNormalizer as ɵWebAnimationsStyleNormalizer, allowPreviousPlayerStylesMerge as ɵallowPreviousPlayerStylesMerge, containsElement as ɵcontainsElement, invokeQuery as ɵinvokeQuery, matchesElement as ɵmatchesElement, supportsWebAnimations as ɵsupportsWebAnimations, validateStyleProperty as ɵvalidateStyleProperty };
+export { AnimationDriver, Animation as ɵAnimation, AnimationEngine as ɵAnimationEngine, AnimationStyleNormalizer as ɵAnimationStyleNormalizer, CssKeyframesDriver as ɵCssKeyframesDriver, CssKeyframesPlayer as ɵCssKeyframesPlayer, NoopAnimationDriver as ɵNoopAnimationDriver, NoopAnimationStyleNormalizer as ɵNoopAnimationStyleNormalizer, WebAnimationsDriver as ɵWebAnimationsDriver, WebAnimationsPlayer as ɵWebAnimationsPlayer, WebAnimationsStyleNormalizer as ɵWebAnimationsStyleNormalizer, allowPreviousPlayerStylesMerge as ɵallowPreviousPlayerStylesMerge, containsElement as ɵcontainsElement, invokeQuery as ɵinvokeQuery, supportsWebAnimations as ɵsupportsWebAnimations, validateStyleProperty as ɵvalidateStyleProperty };
 //# sourceMappingURL=browser.mjs.map