@angular/core 20.3.2 → 20.3.3

package/fesm2022/debug_node.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v20.3.2
+ * @license Angular v20.3.3
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -13691,7 +13691,7 @@ class ComponentFactory extends ComponentFactory$1 {
 }
 function createRootTView(rootSelectorOrNode, componentDef, componentBindings, directives) {
     const tAttributes = rootSelectorOrNode
-        ? ['ng-version', '20.3.2']
+        ? ['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;
@@ -21830,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.
  *
@@ -21857,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.
@@ -22165,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));
@@ -22172,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
@@ -22202,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
@@ -22301,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