@angular/core 20.3.1 → 20.3.3

package/fesm2022/debug_node.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v20.3.1
+ * @license Angular v20.3.3
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -6804,9 +6804,11 @@ function nativeAppendOrInsertBefore(renderer, parent, child, beforeNode, isMove)
  * @param renderer A renderer to be used
  * @param rNode The native node that should be removed
  * @param isHostElement A flag indicating if a node to be removed is a host of a component.
+ * @param requireSynchronousElementRemoval A flag indicating if a node requires synchronous
+ * removal from the DOM.
  */
-function nativeRemoveNode(renderer, rNode, isHostElement) {
-    renderer.removeChild(null, rNode, isHostElement);
+function nativeRemoveNode(renderer, rNode, isHostElement, requireSynchronousElementRemoval) {
+    renderer.removeChild(null, rNode, isHostElement, requireSynchronousElementRemoval);
 }
 /**
  * Clears the contents of a given RElement.
@@ -7357,8 +7359,11 @@ function applyToElementOrContainer(action, renderer, parent, lNodeToHandle, befo
             nativeInsertBefore(renderer, parent, rNode, beforeNode || null, true);
         }
         else if (action === 2 /* WalkTNodeTreeAction.Detach */) {
-            runLeaveAnimationsWithCallback(parentLView, () => {
-                nativeRemoveNode(renderer, rNode, isComponent);
+            runLeaveAnimationsWithCallback(parentLView, (nodeHasLeaveAnimations) => {
+                // the nodeHasLeaveAnimations indicates to the renderer that the element needs to
+                // be removed synchronously and sets the requireSynchronousElementRemoval flag in
+                // the renderer.
+                nativeRemoveNode(renderer, rNode, isComponent, nodeHasLeaveAnimations);
             });
         }
         else if (action === 3 /* WalkTNodeTreeAction.Destroy */) {
@@ -7569,11 +7574,11 @@ function runAfterLeaveAnimations(lView, callback) {
                 lView[ANIMATIONS].running = undefined;
             }
             allLeavingAnimations.delete(lView);
-            callback();
+            callback(true);
         });
         return;
     }
-    callback();
+    callback(false);
 }
 /** Removes listeners and unsubscribes from output subscriptions */
 function processCleanups(tView, lView) {
@@ -13650,13 +13655,8 @@ class ComponentFactory extends ComponentFactory$1 {
             try {
                 const hostTNode = directiveHostFirstCreatePass(HEADER_OFFSET, rootLView, 2 /* TNodeType.Element */, '#host', () => rootTView.directiveRegistry, true, 0);
                 // ---- element instruction
-                // TODO(crisbeto): in practice `hostElement` should always be defined, but there are some
-                // tests where the renderer is mocked out and `undefined` is returned. We should update the
-                // tests so that this check can be removed.
-                if (hostElement) {
-                    setupStaticAttributes(hostRenderer, hostElement, hostTNode);
-                    attachPatchData(hostElement, rootLView);
-                }
+                setupStaticAttributes(hostRenderer, hostElement, hostTNode);
+                attachPatchData(hostElement, rootLView);
                 // TODO(pk): this logic is similar to the instruction code where a node can have directives
                 createDirectivesInstances(rootTView, rootLView, hostTNode);
                 executeContentQueries(rootTView, hostTNode, rootLView);
@@ -13691,7 +13691,7 @@ class ComponentFactory extends ComponentFactory$1 {
 }
 function createRootTView(rootSelectorOrNode, componentDef, componentBindings, directives) {
     const tAttributes = rootSelectorOrNode
-        ? ['ng-version', '20.3.1']
+        ? ['ng-version', '20.3.3']
         : // Extract attributes and classes from the first selector only to match VE behavior.
             extractAttrsAndClassesFromSelector(componentDef.selectors[0]);
     let creationBindings = null;
@@ -21405,7 +21405,6 @@ function ɵɵdeferPrefetchWhen(rawValue) {
         try {
             const value = Boolean(rawValue); // handle truthy or falsy values
             const tView = lView[TVIEW];
-            const tNode = getSelectedTNode();
             const tDetails = getTDeferBlockDetails(tView, tNode);
             if (value === true && tDetails.loadingState === DeferDependenciesLoadingState.NOT_STARTED) {
                 // If loading has not been started yet, trigger it now.
@@ -21831,14 +21830,13 @@ function ɵɵdeferHydrateOnViewport() {
     // since these instructions won't exist for dehydrated content.
 }
 
-const ARIA_PREFIX = 'aria';
 /**
- * Update an ARIA attribute by either its attribute or property name on a selected element.
+ * Update an ARIA attribute on a selected element.
  *
- * If the property name also exists as an input property on any of the element's directives, those
- * inputs will be set instead of the element property.
+ * If the attribute name also exists as an input property on any of the element's directives, those
+ * inputs will be set instead of the element attribute.
  *
- * @param name Name of the ARIA attribute or property (beginning with `aria`).
+ * @param name Name of the ARIA attribute (beginning with `aria-`).
  * @param value New value to write.
  * @returns This function returns itself so that it may be chained.
  *
@@ -21858,31 +21856,12 @@ function ɵɵariaProperty(name, value) {
         else {
             ngDevMode && assertTNodeType(tNode, 2 /* TNodeType.Element */);
             const element = getNativeByTNode(tNode, lView);
-            const attributeName = ariaAttrName(name);
-            setElementAttribute(lView[RENDERER], element, null, tNode.value, attributeName, value, null);
+            setElementAttribute(lView[RENDERER], element, null, tNode.value, name, value, null);
         }
         ngDevMode && storePropertyBindingMetadata(tView.data, tNode, name, bindingIndex);
     }
     return ɵɵariaProperty;
 }
-/**
- * Converts an ARIA property name to its corresponding attribute name, if necessary.
- *
- * For example, converts `ariaLabel` to `aria-label`.
- *
- * https://www.w3.org/TR/wai-aria-1.2/#accessibilityroleandproperties-correspondence
- *
- * This must be kept in sync with the the function of the same name in
- * packages/compiler/src/template/pipeline/src/phases/reify.ts
- *
- * @param name A property name that starts with `aria`.
- * @returns The corresponding attribute name.
- */
-function ariaAttrName(name) {
-    return name.charAt(ARIA_PREFIX.length) !== '-'
-        ? ARIA_PREFIX + '-' + name.slice(ARIA_PREFIX.length).toLowerCase()
-        : name; // Property already has attribute name.
-}
 
 /**
  * Updates the value of or removes a bound attribute on an Element.
@@ -22166,6 +22145,9 @@ function runEnterAnimation(lView, tNode, value) {
     // This also allows us to setup cancellation of animations in progress if the
     // gets removed early.
     const handleEnterAnimationStart = (event) => {
+        // this early exit case is to prevent issues with bubbling events that are from child element animations
+        if (event.target !== nativeElement)
+            return;
         const eventName = event instanceof AnimationEvent ? 'animationend' : 'transitionend';
         ngZone.runOutsideAngular(() => {
             cleanupFns.push(renderer.listen(nativeElement, eventName, handleEnterAnimationEnd));
@@ -22173,6 +22155,9 @@ function runEnterAnimation(lView, tNode, value) {
     };
     // When the longest animation ends, we can remove all the classes
     const handleEnterAnimationEnd = (event) => {
+        // this early exit case is to prevent issues with bubbling events that are from child element animations
+        if (event.target !== nativeElement)
+            return;
         enterAnimationEnd(event, nativeElement, renderer);
     };
     // We only need to add these event listeners if there are actual classes to apply
@@ -22203,7 +22188,8 @@ function runEnterAnimation(lView, tNode, value) {
 }
 function enterAnimationEnd(event, nativeElement, renderer) {
     const elementData = enterClassMap.get(nativeElement);
-    if (!elementData)
+    // this event.target check is to prevent issues with bubbling events that are from child element animations
+    if (event.target !== nativeElement || !elementData)
         return;
     if (isLongestAnimation(event, nativeElement)) {
         // Now that we've found the longest animation, there's no need
@@ -22302,6 +22288,9 @@ function animateLeaveClassRunner(el, tNode, classList, renderer, animationsDisab
     }
     cancelAnimationsIfRunning(el, renderer);
     const handleOutAnimationEnd = (event) => {
+        // this early exit case is to prevent issues with bubbling events that are from child element animations
+        if (event.target !== el)
+            return;
         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