@angular/core 20.2.0-next.6 → 20.2.0-rc.1

package/fesm2022/debug_node.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v20.2.0-next.6
+ * @license Angular v20.2.0-rc.1
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -4896,12 +4896,6 @@ var ViewEncapsulation;
      * all the Component's styling.
      */
     ViewEncapsulation[ViewEncapsulation["ShadowDom"] = 3] = "ShadowDom";
-    /**
-     * Similar to `ShadowDom`, but prevents any external styles from leaking into the
-     * component's ShadowRoot. This is useful when you want to ensure that the component's
-     * styles are completely isolated from the rest of the application, including global styles.
-     */
-    ViewEncapsulation[ViewEncapsulation["IsolatedShadowDom"] = 4] = "IsolatedShadowDom";
 })(ViewEncapsulation || (ViewEncapsulation = {}));
 
 /**
@@ -7996,9 +7990,7 @@ function locateHostElement(renderer, elementOrSelector, encapsulation, injector)
     const preserveHostContent = injector.get(PRESERVE_HOST_CONTENT, PRESERVE_HOST_CONTENT_DEFAULT);
     // When using native Shadow DOM, do not clear host element to allow native slot
     // projection.
-    const preserveContent = preserveHostContent ||
-        encapsulation === ViewEncapsulation.ShadowDom ||
-        encapsulation === ViewEncapsulation.IsolatedShadowDom;
+    const preserveContent = preserveHostContent || encapsulation === ViewEncapsulation.ShadowDom;
     const rootElement = renderer.selectRootElement(elementOrSelector, preserveContent);
     applyRootElementTransform(rootElement);
     return rootElement;
@@ -13523,7 +13515,7 @@ class ComponentFactory extends ComponentFactory$1 {
 }
 function createRootTView(rootSelectorOrNode, componentDef, componentBindings, directives) {
     const tAttributes = rootSelectorOrNode
-        ? ['ng-version', '20.2.0-next.6']
+        ? ['ng-version', '20.2.0-rc.1']
         : // Extract attributes and classes from the first selector only to match VE behavior.
             extractAttrsAndClassesFromSelector(componentDef.selectors[0]);
     let creationBindings = null;
@@ -21962,6 +21954,10 @@ const noOpAnimationComplete = () => { };
 // we remove all of the classes in the case of animation composition via host bindings.
 const enterClassMap = new WeakMap();
 const longestAnimations = new WeakMap();
+// Tracks nodes that are animating away for the duration of the animation. This is
+// used to prevent duplicate nodes from showing up when nodes have been toggled quickly
+// from an `@if` or `@for`.
+const leavingNodes = new WeakMap();
 /**
  * Instruction to handle the `animate.enter` behavior for class bindings.
  *
@@ -22012,6 +22008,14 @@ function ɵɵanimateEnter(value) {
             cleanupFns.push(renderer.listen(nativeElement, 'animationstart', handleAnimationStart));
             cleanupFns.push(renderer.listen(nativeElement, 'transitionstart', handleAnimationStart));
         });
+        // In the case that we have an existing node that's animating away, like when
+        // an `@if` toggles quickly or `@for` adds and removes elements quickly, we
+        // need to end the animation for the former node and remove it right away to
+        // prevent duplicate nodes showing up.
+        leavingNodes
+            .get(tNode)
+            ?.pop()
+            ?.dispatchEvent(new CustomEvent('animationend', { detail: { cancel: true } }));
         trackEnterClasses(nativeElement, activeClasses, cleanupFns);
         for (const klass of activeClasses) {
             renderer.addClass(nativeElement, klass);
@@ -22099,7 +22103,7 @@ function ɵɵanimateLeave(value) {
     // begins.
     const animate = (el, value, resolvers) => {
         return (removalFn) => {
-            animateLeaveClassRunner(el, getClassList(value, resolvers), removalFn, renderer, animationsDisabled, ngZone);
+            animateLeaveClassRunner(el, tNode, getClassList(value, resolvers), removalFn, renderer, animationsDisabled, ngZone);
         };
     };
     // Ensure cleanup if the LView is destroyed before the animation runs.
@@ -22273,7 +22277,7 @@ function assertAnimationTypes(value, instruction) {
  * This function actually adds the classes that animate element that's leaving the DOM.
  * Once it finishes, it calls the remove function that was provided by the DOM renderer.
  */
-function animateLeaveClassRunner(el, classList, finalRemoveFn, renderer, animationsDisabled, ngZone) {
+function animateLeaveClassRunner(el, tNode, classList, finalRemoveFn, renderer, animationsDisabled, ngZone) {
     if (animationsDisabled) {
         longestAnimations.delete(el);
         finalRemoveFn();
@@ -22283,13 +22287,16 @@ function animateLeaveClassRunner(el, classList, finalRemoveFn, renderer, animati
         determineLongestAnimation(event, el, longestAnimations, areAnimationSupported);
     };
     const handleOutAnimationEnd = (event) => {
-        if (isLongestAnimation(event, el)) {
+        if (event instanceof CustomEvent || isLongestAnimation(event, el)) {
             // Now that we've found the longest animation, there's no need
             // to keep bubbling up this event as it's not going to apply to
             // other elements further up. We don't want it to inadvertently
             // affect any other animations on the page.
             event.stopImmediatePropagation();
             longestAnimations.delete(el);
+            if (leavingNodes.get(tNode)?.length === 0) {
+                leavingNodes.delete(tNode);
+            }
             finalRemoveFn();
         }
     };
@@ -22300,6 +22307,15 @@ function animateLeaveClassRunner(el, classList, finalRemoveFn, renderer, animati
             renderer.listen(el, 'animationend', handleOutAnimationEnd);
             renderer.listen(el, 'transitionend', handleOutAnimationEnd);
         });
+        // We need to track this tNode's element just to be sure we don't add
+        // a new RNode for this TNode while this one is still animating away.
+        // once the animation is complete, we remove this reference.
+        if (leavingNodes.has(tNode)) {
+            leavingNodes.get(tNode)?.push(el);
+        }
+        else {
+            leavingNodes.set(tNode, [el]);
+        }
         for (const item of classList) {
             renderer.addClass(el, item);
         }
@@ -29053,8 +29069,7 @@ function recreateLView(importMeta, id, newDef, oldDef, lView) {
         // shadow root. The browser will throw if we attempt to attach another one and there's no way
         // to detach it. Our only option is to make a clone only of the root node, replace the node
         // with the clone and use it for the newly-created LView.
-        if (oldDef.encapsulation === ViewEncapsulation.ShadowDom ||
-            oldDef.encapsulation === ViewEncapsulation.IsolatedShadowDom) {
+        if (oldDef.encapsulation === ViewEncapsulation.ShadowDom) {
             const newHost = host.cloneNode(false);
             host.replaceWith(newHost);
             host = newHost;