@angular/core 21.0.0-next.5 → 21.0.0-next.7

package/fesm2022/{debug_node.mjs → _debug_node-chunk.mjs}

@@ -1,15 +1,15 @@
 /**
- * @license Angular v21.0.0-next.5
- * (c) 2010-2025 Google LLC. https://angular.io/
+ * @license Angular v21.0.0-next.7
+ * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
 
-import { attachInjectFlag, _global, ɵɵdefineInjectable as __defineInjectable, ɵɵdefineInjector as __defineInjector, ɵɵinject as __inject, ɵɵinvalidFactoryDep as __invalidFactoryDep, resolveForwardRef, newArray, EMPTY_OBJ, assertString, assertNotEqual, FLAGS, assertEqual, isInCheckNoChangesMode, PREORDER_HOOK_FLAGS, assertFirstCreatePass, assertDefined, throwError, assertNumber, assertGreaterThan, HEADER_OFFSET, DECLARATION_VIEW, NG_FACTORY_DEF, isForwardRef, getFactoryDef, assertIndexInRange, assertTNodeForLView, enterDI, runInInjectorProfilerContext, getCurrentTNode, getLView, emitInjectorToCreateInstanceEvent, emitInstanceCreatedByInjectorEvent, throwProviderNotFoundError, leaveDI, assertNodeInjector, stringifyForError, cyclicDependencyErrorWithDetails, cyclicDependencyError, setInjectorProfilerContext, setInjectImplementation, assertDirectiveDef, NG_ELEMENT_ID, convertToBitFlags, isRootView, T_HOST, TVIEW, injectRootLimpMode, isComponentDef, EMBEDDED_VIEW_INJECTOR, INJECTOR$1 as INJECTOR, DECLARATION_COMPONENT_VIEW, isComponentHost, RuntimeError, NG_PROV_DEF, getClosureSafeProperty, getNativeByTNode, flatten, arrayEquals, ID, isLView, assertDomNode, unwrapRNode, getComponentLViewByIndex, CONTEXT, EMPTY_ARRAY, assertLView, HOST, CHILD_HEAD, NEXT, isLContainer, getLViewParent, Injector, CLEANUP, getComponentDef, getDirectiveDef, InjectionToken, ENVIRONMENT_INITIALIZER, inject, isInSkipHydrationBlock as isInSkipHydrationBlock$1, HYDRATION, isContentQueryHost, setCurrentQueryIndex, XSS_SECURITY_URL, renderStringify, ENVIRONMENT, makeEnvironmentProviders, isDirectiveHost, formatRuntimeError, resetPreOrderHookFlags, PARENT, RENDERER, CHILD_TAIL, assertSame, assertFirstUpdatePass, getSelectedIndex, getTView, assertIndexInDeclRange, setSelectedIndex, assertLContainer, MOVED_VIEWS, isDestroyed, REACTIVE_TEMPLATE_CONSUMER, DECLARATION_LCONTAINER, QUERIES, assertNotReactive, ON_DESTROY_HOOKS, assertFunction, EFFECTS, assertProjectionSlots, NATIVE, ANIMATIONS, assertParentView, CONTAINER_HEADER_OFFSET, assertNotSame, setCurrentDirectiveIndex, setCurrentTNode, getElementDepthCount, increaseElementDepthCount, wasLastNodeCreated, isCurrentTNodeParent, setCurrentTNodeAsNotParent, assertHasParent, INTERNAL_APPLICATION_ERROR_HANDLER, stringify, getCurrentDirectiveIndex, unwrapLView, isCreationMode, enterView, leaveView, AFTER_RENDER_SEQUENCES_TO_ADD, markAncestorsForTraversal, markViewForRefresh, setIsRefreshingViews, isExhaustiveCheckNoChanges, requiresRefreshOrTraversal, setIsInCheckNoChangesMode, CheckNoChangesMode, setBindingIndex, EFFECTS_TO_SCHEDULE, viewAttachedToChangeDetector, setBindingRootForHostBindings, isRefreshingViews, removeFromArray, addToArray, updateAncestorTraversalFlagsOnAttach, storeLViewOnDestroy, VIEW_REFS, assertGreaterThanOrEqual, isInI18nBlock, assertTNodeForTView, getCurrentParentTNode, getCurrentTNodePlaceholderOk, assertTNode, assertTIcu, assertNumberInRange, DEHYDRATED_VIEWS, getNgModuleDef, getPipeDef as getPipeDef$1, getNgModuleDefOrThrow, isStandalone, concatStringsWithSpace, assertInjectImplementationNotEqual, emitInjectEvent, getConstant, assertLessThan, getOrCreateTViewCleanup, getOrCreateLViewCleanup, assertNotDefined, nextBindingIndex, getSelectedTNode, getDirectiveDefOrThrow, getTNode, assertComponentType, debugStringifyTypeForError, ChangeDetectionScheduler, EnvironmentInjector, SVG_NAMESPACE, MATH_ML_NAMESPACE, viewAttachedToContainer, storeCleanupWithContext, signal, createInjectorWithoutInjectorInstances, R3Injector, getNullInjector, internalImportProvidersFrom, initNgDevMode, fillProperties, getBindingsEnabled, lastNodeWasCreated, NgZone, ErrorHandler, assertNotInReactiveContext, assertInInjectionContext, DestroyRef, ViewContext, removeLViewOnDestroy, walkUpViews, getNativeByIndex, assertElement, arrayInsert2, arraySplice, setInjectorProfiler, NullInjector, INJECTOR_DEF_TYPES, walkProviderTree, getInjectorDef, deepForEach, isTypeProvider, isSignal, isInInjectionContext, runInInjectionContext, ZONELESS_ENABLED, EffectScheduler, PendingTasksInternal, PendingTasks, assertTNodeCreationIndex, isSkipHydrationRootTNode, leaveSkipHydrationBlock, decreaseElementDepthCount, getNamespace, enterSkipHydrationBlock, getCurrentDirectiveDef, assertIndexInExpandoRange, getBindingIndex, assertOneOf, setInI18nBlock, nextContextImpl, getCurrentQueryIndex, getContextLView, load, keyValueArrayIndexOf, keyValueArraySet, keyValueArrayGet, incrementBindingIndex, isWritableSignal, store, providerToFactory, emitProviderConfiguredEvent, isClassProvider, getBindingRoot, NG_COMP_DEF, ɵɵresetView as __resetView, ɵɵnamespaceHTML as __namespaceHTML, ɵɵnamespaceMathML as __namespaceMathML, ɵɵnamespaceSVG as __namespaceSVG, ɵɵenableBindings as __enableBindings, ɵɵdisableBindings as __disableBindings, ɵɵrestoreView as __restoreView, forwardRef, NG_MOD_DEF, NG_INJ_DEF, NG_DIR_DEF, NG_PIPE_DEF, angularZoneInstanceIdProperty, SCHEDULE_IN_ROOT_ZONE, scheduleCallbackWithMicrotask, PROVIDED_ZONELESS, NoopNgZone, scheduleCallbackWithRafRace, getNativeByTNodeOrNull } from './root_effect_scheduler.mjs';
-import { setActiveConsumer, SIGNAL, consumerDestroy, REACTIVE_NODE, consumerPollProducersForChange, consumerBeforeComputation, getActiveConsumer, consumerAfterComputation, createComputed, setThrowInvalidWriteToSignalError } from './signal.mjs';
+import { attachInjectFlag, _global, ɵɵdefineInjectable as __defineInjectable, ɵɵdefineInjector as __defineInjector, ɵɵinject as __inject, ɵɵinvalidFactoryDep as __invalidFactoryDep, resolveForwardRef, newArray, EMPTY_OBJ, assertString, assertNotEqual, FLAGS, assertEqual, isInCheckNoChangesMode, PREORDER_HOOK_FLAGS, assertFirstCreatePass, assertDefined, throwError, assertNumber, assertGreaterThan, HEADER_OFFSET, DECLARATION_VIEW, NG_FACTORY_DEF, isForwardRef, getFactoryDef, assertIndexInRange, assertTNodeForLView, enterDI, runInInjectorProfilerContext, getCurrentTNode, getLView, emitInjectorToCreateInstanceEvent, emitInstanceCreatedByInjectorEvent, throwProviderNotFoundError, leaveDI, assertNodeInjector, stringifyForError, cyclicDependencyErrorWithDetails, cyclicDependencyError, setInjectorProfilerContext, setInjectImplementation, assertDirectiveDef, NG_ELEMENT_ID, convertToBitFlags, isRootView, T_HOST, TVIEW, injectRootLimpMode, isComponentDef, EMBEDDED_VIEW_INJECTOR, INJECTOR$1 as INJECTOR, DECLARATION_COMPONENT_VIEW, isComponentHost, RuntimeError, NG_PROV_DEF, getClosureSafeProperty, getNativeByTNode, flatten, arrayEquals, ID, isLView, assertDomNode, unwrapRNode, getComponentLViewByIndex, CONTEXT, EMPTY_ARRAY, assertLView, HOST, CHILD_HEAD, NEXT, isLContainer, getLViewParent, Injector, CLEANUP, getComponentDef, getDirectiveDef, InjectionToken, ENVIRONMENT_INITIALIZER, inject, isInSkipHydrationBlock as isInSkipHydrationBlock$1, HYDRATION, isContentQueryHost, setCurrentQueryIndex, XSS_SECURITY_URL, renderStringify, ENVIRONMENT, makeEnvironmentProviders, isDirectiveHost, formatRuntimeError, resetPreOrderHookFlags, PARENT, RENDERER, CHILD_TAIL, assertSame, assertFirstUpdatePass, getSelectedIndex, getTView, assertIndexInDeclRange, setSelectedIndex, assertLContainer, MOVED_VIEWS, isDestroyed, REACTIVE_TEMPLATE_CONSUMER, DECLARATION_LCONTAINER, QUERIES, assertNotReactive, ON_DESTROY_HOOKS, assertFunction, EFFECTS, assertProjectionSlots, NATIVE, assertParentView, CONTAINER_HEADER_OFFSET, ANIMATIONS, assertNotSame, setCurrentDirectiveIndex, setCurrentTNode, getElementDepthCount, increaseElementDepthCount, wasLastNodeCreated, isCurrentTNodeParent, setCurrentTNodeAsNotParent, assertHasParent, INTERNAL_APPLICATION_ERROR_HANDLER, stringify, getCurrentDirectiveIndex, unwrapLView, isCreationMode, enterView, leaveView, AFTER_RENDER_SEQUENCES_TO_ADD, markAncestorsForTraversal, markViewForRefresh, setIsRefreshingViews, isExhaustiveCheckNoChanges, requiresRefreshOrTraversal, setIsInCheckNoChangesMode, CheckNoChangesMode, setBindingIndex, EFFECTS_TO_SCHEDULE, viewAttachedToChangeDetector, setBindingRootForHostBindings, isRefreshingViews, removeFromArray, addToArray, updateAncestorTraversalFlagsOnAttach, storeLViewOnDestroy, VIEW_REFS, assertGreaterThanOrEqual, isInI18nBlock, assertTNodeForTView, getCurrentParentTNode, getCurrentTNodePlaceholderOk, assertTNode, assertTIcu, assertNumberInRange, DEHYDRATED_VIEWS, getNgModuleDef, getPipeDef as getPipeDef$1, getNgModuleDefOrThrow, isStandalone, concatStringsWithSpace, assertInjectImplementationNotEqual, emitInjectEvent, getConstant, assertLessThan, getOrCreateTViewCleanup, getOrCreateLViewCleanup, assertNotDefined, nextBindingIndex, getSelectedTNode, getDirectiveDefOrThrow, getTNode, assertComponentType, debugStringifyTypeForError, ChangeDetectionScheduler, EnvironmentInjector, SVG_NAMESPACE, MATH_ML_NAMESPACE, viewAttachedToContainer, storeCleanupWithContext, signal, createInjectorWithoutInjectorInstances, R3Injector, getNullInjector, internalImportProvidersFrom, initNgDevMode, fillProperties, getBindingsEnabled, lastNodeWasCreated, NgZone, ErrorHandler, assertNotInReactiveContext, assertInInjectionContext, DestroyRef, ViewContext, removeLViewOnDestroy, walkUpViews, getNativeByIndex, assertElement, arrayInsert2, arraySplice, setInjectorProfiler, NullInjector, INJECTOR_DEF_TYPES, walkProviderTree, getInjectorDef, deepForEach, isTypeProvider, isSignal, isInInjectionContext, runInInjectionContext, ZONELESS_ENABLED, EffectScheduler, PendingTasksInternal, PendingTasks, assertTNodeCreationIndex, isSkipHydrationRootTNode, leaveSkipHydrationBlock, decreaseElementDepthCount, getNamespace, enterSkipHydrationBlock, getCurrentDirectiveDef, assertIndexInExpandoRange, getBindingIndex, assertOneOf, setInI18nBlock, nextContextImpl, getCurrentQueryIndex, getContextLView, load, keyValueArrayIndexOf, keyValueArraySet, keyValueArrayGet, incrementBindingIndex, isWritableSignal, store, providerToFactory, emitProviderConfiguredEvent, isClassProvider, getBindingRoot, NG_COMP_DEF, ɵɵresetView as __resetView, ɵɵnamespaceHTML as __namespaceHTML, ɵɵnamespaceMathML as __namespaceMathML, ɵɵnamespaceSVG as __namespaceSVG, ɵɵenableBindings as __enableBindings, ɵɵdisableBindings as __disableBindings, ɵɵrestoreView as __restoreView, forwardRef, NG_MOD_DEF, NG_INJ_DEF, NG_DIR_DEF, NG_PIPE_DEF, angularZoneInstanceIdProperty, SCHEDULE_IN_ROOT_ZONE, scheduleCallbackWithMicrotask, PROVIDED_ZONELESS, NoopNgZone, scheduleCallbackWithRafRace, getNativeByTNodeOrNull } from './_root_effect_scheduler-chunk.mjs';
+import { setActiveConsumer, SIGNAL, consumerDestroy, REACTIVE_NODE, consumerPollProducersForChange, consumerBeforeComputation, getActiveConsumer, consumerAfterComputation, createComputed, setThrowInvalidWriteToSignalError } from './_signal-chunk.mjs';
 import { Subject, Subscription } from 'rxjs';
 import { setActiveConsumer as setActiveConsumer$1 } from '@angular/core/primitives/signals';
 import { map } from 'rxjs/operators';
-import { Attribute as Attribute$1 } from './attribute.mjs';
+import { Attribute as Attribute$1 } from './_attribute-chunk.mjs';
 
 /**
  * Convince closure compiler that the wrapped function has no side-effects.
@@ -7225,6 +7225,8 @@ function ensureIcuContainerVisitorLoaded(loader) {
 
 /** Parses a CSS time value to milliseconds. */
 function parseCssTimeUnitsToMs(value) {
+    if (!value)
+        return 0;
     // Some browsers will return it in seconds, whereas others will return milliseconds.
     const multiplier = value.toLowerCase().indexOf('ms') > -1 ? 1 : 1000;
     return parseFloat(value) * multiplier;
@@ -7335,11 +7337,54 @@ function determineLongestAnimationFromElementAnimations(el, animationsMap, anima
 }
 const allLeavingAnimations = new Set();
 
+/**
+ * A [DI token](api/core/InjectionToken) that enables or disables all enter and leave animations.
+ */
+const ANIMATIONS_DISABLED = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'AnimationsDisabled' : '', {
+    providedIn: 'root',
+    factory: () => false,
+});
+/**
+ * A [DI token](api/core/InjectionToken) for the queue of all animations.
+ */
+const ANIMATION_QUEUE = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'AnimationQueue' : '', {
+    providedIn: 'root',
+    factory: () => {
+        return {
+            queue: new Set(),
+            isScheduled: false,
+        };
+    },
+});
+/**
+ * A [DI token](api/core/InjectionToken) that configures the maximum animation timeout
+ * before element removal. The default value mirrors from Chrome's cross document
+ * navigation view transition timeout. It's intended to prevent people from accidentally
+ * forgetting to call the removal function in their callback. Also serves as a delay
+ * for when stylesheets are pruned.
+ *
+ * @publicApi 20.2
+ */
+const MAX_ANIMATION_TIMEOUT = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'MaxAnimationTimeout' : '', {
+    providedIn: 'root',
+    factory: () => MAX_ANIMATION_TIMEOUT_DEFAULT,
+});
+const MAX_ANIMATION_TIMEOUT_DEFAULT = 4000;
+
+function maybeQueueEnterAnimation(parentLView, parent, tNode, injector) {
+    const enterAnimations = parentLView?.[ANIMATIONS]?.enter;
+    if (parent !== null && enterAnimations && enterAnimations.has(tNode.index)) {
+        const animationQueue = injector.get(ANIMATION_QUEUE);
+        for (const animateFn of enterAnimations.get(tNode.index).animateFns) {
+            animationQueue.queue.add(animateFn);
+        }
+    }
+}
 /**
  * NOTE: for performance reasons, the possible actions are inlined within the function instead of
  * being passed as an argument.
  */
-function applyToElementOrContainer(action, renderer, parent, lNodeToHandle, beforeNode, parentLView) {
+function applyToElementOrContainer(action, renderer, injector, parent, lNodeToHandle, tNode, beforeNode, parentLView) {
     // If this slot was allocated for a text node dynamically created by i18n, the text node itself
     // won't be created until i18nApply() in the update block, so this node should be skipped.
     // For more info, see "ICU expressions should work inside an ngTemplateOutlet inside an ngFor"
@@ -7360,6 +7405,7 @@ function applyToElementOrContainer(action, renderer, parent, lNodeToHandle, befo
         }
         const rNode = unwrapRNode(lNodeToHandle);
         if (action === 0 /* WalkTNodeTreeAction.Create */ && parent !== null) {
+            maybeQueueEnterAnimation(parentLView, parent, tNode, injector);
             if (beforeNode == null) {
                 nativeAppendChild(renderer, parent, rNode);
             }
@@ -7368,10 +7414,11 @@ function applyToElementOrContainer(action, renderer, parent, lNodeToHandle, befo
             }
         }
         else if (action === 1 /* WalkTNodeTreeAction.Insert */ && parent !== null) {
+            maybeQueueEnterAnimation(parentLView, parent, tNode, injector);
             nativeInsertBefore(renderer, parent, rNode, beforeNode || null, true);
         }
         else if (action === 2 /* WalkTNodeTreeAction.Detach */) {
-            runLeaveAnimationsWithCallback(parentLView, (nodeHasLeaveAnimations) => {
+            runLeaveAnimationsWithCallback(parentLView, tNode, injector, (nodeHasLeaveAnimations) => {
                 // the nodeHasLeaveAnimations indicates to the renderer that the element needs to
                 // be removed synchronously and sets the requireSynchronousElementRemoval flag in
                 // the renderer.
@@ -7379,14 +7426,25 @@ function applyToElementOrContainer(action, renderer, parent, lNodeToHandle, befo
             });
         }
         else if (action === 3 /* WalkTNodeTreeAction.Destroy */) {
-            runLeaveAnimationsWithCallback(parentLView, () => {
+            runLeaveAnimationsWithCallback(parentLView, tNode, injector, () => {
                 renderer.destroyNode(rNode);
             });
         }
         if (lContainer != null) {
-            applyContainer(renderer, action, lContainer, parent, beforeNode);
+            applyContainer(renderer, action, injector, lContainer, tNode, parent, beforeNode);
+        }
+    }
+}
+function addToAnimationQueue(injector, animationFns) {
+    const animationQueue = injector.get(ANIMATION_QUEUE);
+    if (Array.isArray(animationFns)) {
+        for (const animateFn of animationFns) {
+            animationQueue.queue.add(animateFn);
         }
     }
+    else {
+        animationQueue.queue.add(animationFns);
+    }
 }
 /**
  * Removes all DOM elements associated with a view.
@@ -7561,30 +7619,46 @@ function cleanUpView(tView, lView) {
         setActiveConsumer(prevConsumer);
     }
 }
-function runLeaveAnimationsWithCallback(lView, callback) {
-    if (lView && lView[ANIMATIONS] && lView[ANIMATIONS].leave) {
-        if (lView[ANIMATIONS].skipLeaveAnimations) {
-            lView[ANIMATIONS].skipLeaveAnimations = false;
-        }
-        else {
-            const leaveAnimations = lView[ANIMATIONS].leave;
+function runLeaveAnimationsWithCallback(lView, tNode, injector, callback) {
+    const animations = lView?.[ANIMATIONS];
+    if (animations == null || animations.leave == undefined || !animations.leave.has(tNode.index))
+        return callback(false);
+    // this is solely for move operations to prevent leave animations from running
+    // on the moved nodes, which would have deleted the node.
+    if (animations.skipLeaveAnimations) {
+        animations.skipLeaveAnimations = false;
+        return callback(false);
+    }
+    addToAnimationQueue(injector, () => {
+        // it's possible that in the time between when the leave animation was
+        // and the time it was executed, the data structure changed. So we need
+        // to be safe here.
+        if (animations.leave && animations.leave.has(tNode.index)) {
+            const leaveAnimationMap = animations.leave;
+            const leaveAnimations = leaveAnimationMap.get(tNode.index);
             const runningAnimations = [];
-            for (let index = 0; index < leaveAnimations.length; index++) {
-                const animateFn = leaveAnimations[index];
-                runningAnimations.push(animateFn());
+            if (leaveAnimations) {
+                for (let index = 0; index < leaveAnimations.animateFns.length; index++) {
+                    const animationFn = leaveAnimations.animateFns[index];
+                    const { promise } = animationFn();
+                    runningAnimations.push(promise);
+                }
             }
-            lView[ANIMATIONS].running = Promise.allSettled(runningAnimations);
-            lView[ANIMATIONS].leave = undefined;
+            animations.running = Promise.allSettled(runningAnimations);
+            runAfterLeaveAnimations(lView, callback);
         }
-    }
-    runAfterLeaveAnimations(lView, callback);
+        else {
+            if (lView)
+                allLeavingAnimations.delete(lView);
+            callback(false);
+        }
+    });
 }
 function runAfterLeaveAnimations(lView, callback) {
-    if (lView && lView[ANIMATIONS] && lView[ANIMATIONS].running) {
-        lView[ANIMATIONS].running.then(() => {
-            if (lView[ANIMATIONS] && lView[ANIMATIONS].running) {
-                lView[ANIMATIONS].running = undefined;
-            }
+    const runningAnimations = lView[ANIMATIONS]?.running;
+    if (runningAnimations) {
+        runningAnimations.then(() => {
+            lView[ANIMATIONS].running = undefined;
             allLeavingAnimations.delete(lView);
             callback(true);
         });
@@ -7911,6 +7985,7 @@ function getBeforeNodeForView(viewIndexInContainer, lContainer) {
 function applyNodes(renderer, action, tNode, lView, parentRElement, beforeNode, isProjection) {
     while (tNode != null) {
         ngDevMode && assertTNodeForLView(tNode, lView);
+        const injector = lView[INJECTOR];
         // Let declarations don't have corresponding DOM nodes so we skip over them.
         if (tNode.type === 128 /* TNodeType.LetDeclaration */) {
             tNode = tNode.next;
@@ -7929,22 +8004,22 @@ function applyNodes(renderer, action, tNode, lView, parentRElement, beforeNode,
         if (!isDetachedByI18n(tNode)) {
             if (tNodeType & 8 /* TNodeType.ElementContainer */) {
                 applyNodes(renderer, action, tNode.child, lView, parentRElement, beforeNode, false);
-                applyToElementOrContainer(action, renderer, parentRElement, rawSlotValue, beforeNode, lView);
+                applyToElementOrContainer(action, renderer, injector, parentRElement, rawSlotValue, tNode, beforeNode, lView);
             }
             else if (tNodeType & 32 /* TNodeType.Icu */) {
                 const nextRNode = icuContainerIterate(tNode, lView);
                 let rNode;
                 while ((rNode = nextRNode())) {
-                    applyToElementOrContainer(action, renderer, parentRElement, rNode, beforeNode, lView);
+                    applyToElementOrContainer(action, renderer, injector, parentRElement, rNode, tNode, beforeNode, lView);
                 }
-                applyToElementOrContainer(action, renderer, parentRElement, rawSlotValue, beforeNode, lView);
+                applyToElementOrContainer(action, renderer, injector, parentRElement, rawSlotValue, tNode, beforeNode, lView);
             }
             else if (tNodeType & 16 /* TNodeType.Projection */) {
                 applyProjectionRecursive(renderer, action, lView, tNode, parentRElement, beforeNode);
             }
             else {
                 ngDevMode && assertTNodeType(tNode, 3 /* TNodeType.AnyRNode */ | 4 /* TNodeType.Container */);
-                applyToElementOrContainer(action, renderer, parentRElement, rawSlotValue, beforeNode, lView);
+                applyToElementOrContainer(action, renderer, injector, parentRElement, rawSlotValue, tNode, beforeNode, lView);
             }
         }
         tNode = isProjection ? tNode.projectionNext : tNode.next;
@@ -7998,7 +8073,7 @@ function applyProjectionRecursive(renderer, action, lView, tProjectionNode, pare
         // This should be refactored and cleaned up.
         for (let i = 0; i < nodeToProjectOrRNodes.length; i++) {
             const rNode = nodeToProjectOrRNodes[i];
-            applyToElementOrContainer(action, renderer, parentRElement, rNode, beforeNode, lView);
+            applyToElementOrContainer(action, renderer, lView[INJECTOR], parentRElement, rNode, tProjectionNode, beforeNode, lView);
         }
     }
     else {
@@ -8025,7 +8100,7 @@ function applyProjectionRecursive(renderer, action, lView, tProjectionNode, pare
  * @param parentRElement parent DOM element for insertion/removal.
  * @param beforeNode Before which node the insertions should happen.
  */
-function applyContainer(renderer, action, lContainer, parentRElement, beforeNode) {
+function applyContainer(renderer, action, injector, lContainer, tNode, parentRElement, beforeNode) {
     ngDevMode && assertLContainer(lContainer);
     const anchor = lContainer[NATIVE]; // LContainer has its own before node.
     const native = unwrapRNode(lContainer);
@@ -8040,7 +8115,7 @@ function applyContainer(renderer, action, lContainer, parentRElement, beforeNode
         // don't see a reason why they should be different, but they are.
         //
         // If they are we need to process the second anchor as well.
-        applyToElementOrContainer(action, renderer, parentRElement, anchor, beforeNode);
+        applyToElementOrContainer(action, renderer, injector, parentRElement, anchor, tNode, beforeNode);
     }
     for (let i = CONTAINER_HEADER_OFFSET; i < lContainer.length; i++) {
         const lView = lContainer[i];
@@ -9140,7 +9215,6 @@ function refreshView(tView, lView, templateFn, context) {
         if (templateFn !== null) {
             executeTemplate(tView, lView, templateFn, 2 /* RenderFlags.Update */, context);
         }
-        runEnterAnimations(lView);
         const hooksInitPhaseCompleted = (flags & 3 /* LViewFlags.InitPhaseStateMask */) === 3 /* InitPhaseState.InitPhaseCompleted */;
         // execute pre-order hooks (OnInit, OnChanges, DoCheck)
         // PERF WARNING: do NOT extract this to a separate function without running benchmarks
@@ -9268,15 +9342,6 @@ function refreshView(tView, lView, templateFn, context) {
         leaveView();
     }
 }
-function runEnterAnimations(lView) {
-    const animationData = lView[ANIMATIONS];
-    if (animationData?.enter) {
-        for (const animateFn of animationData.enter) {
-            animateFn();
-        }
-        animationData.enter = undefined;
-    }
-}
 /**
  * Goes over embedded views (ones created through ViewContainerRef APIs) and refreshes
  * them by executing an associated template function.
@@ -13706,7 +13771,7 @@ class ComponentFactory extends ComponentFactory$1 {
 }
 function createRootTView(rootSelectorOrNode, componentDef, componentBindings, directives) {
     const tAttributes = rootSelectorOrNode
-        ? ['ng-version', '21.0.0-next.5']
+        ? ['ng-version', '21.0.0-next.7']
         : // Extract attributes and classes from the first selector only to match VE behavior.
             extractAttrsAndClassesFromSelector(componentDef.selectors[0]);
     let creationBindings = null;
@@ -21283,28 +21348,6 @@ function ɵɵattribute(name, value, sanitizer, namespace) {
     return ɵɵattribute;
 }
 
-/**
- * A [DI token](api/core/InjectionToken) that enables or disables all enter and leave animations.
- */
-const ANIMATIONS_DISABLED = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'AnimationsDisabled' : '', {
-    providedIn: 'root',
-    factory: () => false,
-});
-/**
- * A [DI token](api/core/InjectionToken) that configures the maximum animation timeout
- * before element removal. The default value mirrors from Chrome's cross document
- * navigation view transition timeout. It's intended to prevent people from accidentally
- * forgetting to call the removal function in their callback. Also serves as a delay
- * for when stylesheets are pruned.
- *
- * @publicApi 20.2
- */
-const MAX_ANIMATION_TIMEOUT = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'MaxAnimationTimeout' : '', {
-    providedIn: 'root',
-    factory: () => MAX_ANIMATION_TIMEOUT_DEFAULT,
-});
-const MAX_ANIMATION_TIMEOUT_DEFAULT = 4000;
-
 const DEFAULT_ANIMATIONS_DISABLED = false;
 const areAnimationSupported = (typeof ngServerMode === 'undefined' || !ngServerMode) &&
     typeof document !== 'undefined' &&
@@ -21434,14 +21477,14 @@ function trackLeavingNodes(tNode, el) {
  */
 function getLViewEnterAnimations(lView) {
     const animationData = (lView[ANIMATIONS] ??= {});
-    return (animationData.enter ??= []);
+    return (animationData.enter ??= new Map());
 }
 /**
  * Retrieves the list of specified leave animations from the lView
  */
 function getLViewLeaveAnimations(lView) {
     const animationData = (lView[ANIMATIONS] ??= {});
-    return (animationData.leave ??= []);
+    return (animationData.leave ??= new Map());
 }
 /**
  * Gets the list of classes from a passed in value
@@ -21495,13 +21538,43 @@ function elementHasClassList(element, classList) {
  */
 function isLongestAnimation(event, nativeElement) {
     const longestAnimation = longestAnimations.get(nativeElement);
+    // If we don't have any record of a longest animation, then we shouldn't
+    // block the animationend/transitionend event from doing its work.
+    if (longestAnimation === undefined)
+        return true;
     return (nativeElement === event.target &&
-        longestAnimation !== undefined &&
         ((longestAnimation.animationName !== undefined &&
             event.animationName === longestAnimation.animationName) ||
             (longestAnimation.propertyName !== undefined &&
                 event.propertyName === longestAnimation.propertyName)));
 }
+/**
+ * Stores a given animation function in the LView's animation map for later execution
+ *
+ * @param animations Either the enter or leave animation map from the LView
+ * @param tNode The TNode the animation is associated with
+ * @param fn The animation function to be called later
+ */
+function addAnimationToLView(animations, tNode, fn) {
+    const nodeAnimations = animations.get(tNode.index) ?? { animateFns: [] };
+    nodeAnimations.animateFns.push(fn);
+    animations.set(tNode.index, nodeAnimations);
+}
+function cleanupAfterLeaveAnimations(resolvers, cleanupFns) {
+    if (resolvers) {
+        for (const fn of resolvers) {
+            fn();
+        }
+    }
+    for (const fn of cleanupFns) {
+        fn();
+    }
+}
+function clearLViewNodeAnimationResolvers(lView, tNode) {
+    const nodeAnimations = getLViewLeaveAnimations(lView).get(tNode.index);
+    if (nodeAnimations)
+        nodeAnimations.resolvers = undefined;
+}
 
 /**
  * Instruction to handle the `animate.enter` behavior for class bindings.
@@ -21523,7 +21596,8 @@ function ɵɵanimateEnter(value) {
     }
     const tNode = getCurrentTNode();
     cancelLeavingNodes(tNode, lView);
-    getLViewEnterAnimations(lView).push(() => runEnterAnimation(lView, tNode, value));
+    addAnimationToLView(getLViewEnterAnimations(lView), tNode, () => runEnterAnimation(lView, tNode, value));
+    queueEnterAnimations(lView);
     return ɵɵanimateEnter; // For chaining
 }
 function runEnterAnimation(lView, tNode, value) {
@@ -21540,13 +21614,19 @@ 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));
+            renderer.listen(nativeElement, eventName, handleEnterAnimationEnd);
         });
     };
     // 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
@@ -21577,7 +21657,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
@@ -21612,7 +21693,8 @@ function ɵɵanimateEnterListener(value) {
     }
     const tNode = getCurrentTNode();
     cancelLeavingNodes(tNode, lView);
-    getLViewEnterAnimations(lView).push(() => runEnterAnimationFunction(lView, tNode, value));
+    addAnimationToLView(getLViewEnterAnimations(lView), tNode, () => runEnterAnimationFunction(lView, tNode, value));
+    queueEnterAnimations(lView);
     return ɵɵanimateEnterListener;
 }
 /**
@@ -21645,37 +21727,39 @@ function ɵɵanimateLeave(value) {
         return ɵɵanimateLeave;
     }
     const tNode = getCurrentTNode();
-    getLViewLeaveAnimations(lView).push(() => runLeaveAnimations(lView, tNode, value, animationsDisabled));
+    addAnimationToLView(getLViewLeaveAnimations(lView), tNode, () => runLeaveAnimations(lView, tNode, value));
+    enableAnimationQueueScheduler(lView[INJECTOR]);
     return ɵɵanimateLeave; // For chaining
 }
-function runLeaveAnimations(lView, tNode, value, animationsDisabled) {
+function runLeaveAnimations(lView, tNode, value) {
     const { promise, resolve } = promiseWithResolvers();
     const nativeElement = getNativeByTNode(tNode, lView);
     ngDevMode && assertElementNodes(nativeElement, 'animate.leave');
     const renderer = lView[RENDERER];
     const ngZone = lView[INJECTOR].get(NgZone);
     allLeavingAnimations.add(lView);
+    (getLViewLeaveAnimations(lView).get(tNode.index).resolvers ??= []).push(resolve);
     const activeClasses = getClassListFromValue(value);
     if (activeClasses && activeClasses.length > 0) {
-        animateLeaveClassRunner(nativeElement, tNode, activeClasses, renderer, animationsDisabled, ngZone, resolve);
+        animateLeaveClassRunner(nativeElement, tNode, lView, activeClasses, renderer, ngZone);
     }
     else {
         resolve();
     }
-    return promise;
+    return { promise, resolve };
 }
 /**
  * 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, tNode, classList, renderer, animationsDisabled, ngZone, resolver) {
-    if (animationsDisabled) {
-        longestAnimations.delete(el);
-        resolver();
-        return;
-    }
+function animateLeaveClassRunner(el, tNode, lView, classList, renderer, ngZone) {
     cancelAnimationsIfRunning(el, renderer);
+    const cleanupFns = [];
+    const resolvers = getLViewLeaveAnimations(lView).get(tNode.index)?.resolvers;
     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
@@ -21692,12 +21776,13 @@ function animateLeaveClassRunner(el, tNode, classList, renderer, animationsDisab
                     renderer.removeClass(el, item);
                 }
             }
+            cleanupAfterLeaveAnimations(resolvers, cleanupFns);
+            clearLViewNodeAnimationResolvers(lView, tNode);
         }
-        resolver();
     };
     ngZone.runOutsideAngular(() => {
-        renderer.listen(el, 'animationend', handleOutAnimationEnd);
-        renderer.listen(el, 'transitionend', handleOutAnimationEnd);
+        cleanupFns.push(renderer.listen(el, 'animationend', handleOutAnimationEnd));
+        cleanupFns.push(renderer.listen(el, 'transitionend', handleOutAnimationEnd));
     });
     trackLeavingNodes(tNode, el);
     for (const item of classList) {
@@ -21711,7 +21796,8 @@ function animateLeaveClassRunner(el, tNode, classList, renderer, animationsDisab
             determineLongestAnimation(el, longestAnimations, areAnimationSupported);
             if (!longestAnimations.has(el)) {
                 clearLeavingNodes(tNode, el);
-                resolver();
+                cleanupAfterLeaveAnimations(resolvers, cleanupFns);
+                clearLViewNodeAnimationResolvers(lView, tNode);
             }
         });
     });
@@ -21739,7 +21825,8 @@ function ɵɵanimateLeaveListener(value) {
     const lView = getLView();
     const tNode = getCurrentTNode();
     allLeavingAnimations.add(lView);
-    getLViewLeaveAnimations(lView).push(() => runLeaveAnimationFunction(lView, tNode, value));
+    addAnimationToLView(getLViewLeaveAnimations(lView), tNode, () => runLeaveAnimationFunction(lView, tNode, value));
+    enableAnimationQueueScheduler(lView[INJECTOR]);
     return ɵɵanimateLeaveListener; // For chaining
 }
 /**
@@ -21780,6 +21867,35 @@ function runLeaveAnimationFunction(lView, tNode, value) {
     // Ensure cleanup if the LView is destroyed before the animation runs.
     return promise;
 }
+function queueEnterAnimations(lView) {
+    enableAnimationQueueScheduler(lView[INJECTOR]);
+    const enterAnimations = lView[ANIMATIONS]?.enter;
+    if (enterAnimations) {
+        const animationQueue = lView[INJECTOR].get(ANIMATION_QUEUE);
+        for (const [_, nodeAnimations] of enterAnimations) {
+            for (const animateFn of nodeAnimations.animateFns) {
+                animationQueue.queue.add(animateFn);
+            }
+        }
+    }
+}
+function enableAnimationQueueScheduler(injector) {
+    const animationQueue = injector.get(ANIMATION_QUEUE);
+    // We only need to schedule the animation queue runner once per application.
+    if (!animationQueue.isScheduled) {
+        afterEveryRender(() => {
+            runQueuedAnimations(injector);
+        }, { injector });
+        animationQueue.isScheduled = true;
+    }
+}
+function runQueuedAnimations(injector) {
+    const animationQueue = injector.get(ANIMATION_QUEUE);
+    for (let animateFn of animationQueue.queue) {
+        animateFn();
+    }
+    animationQueue.queue.clear();
+}
 
 /*!
  * @license
@@ -21801,6 +21917,402 @@ function ɵɵcomponentInstance() {
     return instance;
 }
 
+/** A unique symbol used to identify {@link ɵControl} implementations. */
+const ɵCONTROL = Symbol('CONTROL');
+
+/**
+ * Possibly sets up a {@link ɵControl} to manage a native or custom form control.
+ *
+ * Setup occurs if a `control` input is bound to a {@link ɵControl} directive on the current node,
+ * but not to a component. If a `control` input is bound to a component, we assume the component
+ * will manage the control in its own template.
+ *
+ * @codeGenApi
+ */
+function ɵɵcontrolCreate() {
+    const lView = getLView();
+    const tNode = getCurrentTNode();
+    // TODO(https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131712274)
+    // * cache the control directive index or instance for reuse.
+    const control = getControlDirective(tNode, lView);
+    if (!control) {
+        return;
+    }
+    // TODO(https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131712274):
+    // * cache the custom control component index or instance for reuse.
+    // * cache the control model name for reuse.
+    const customControl = getCustomControlComponent(tNode);
+    if (customControl) {
+        const [componentIndex, modelName] = customControl;
+        listenToCustomControl(lView, tNode, control, componentIndex, modelName);
+    }
+    else if (isNativeControl(lView, tNode)) {
+        listenToNativeControl(lView, tNode, control);
+    }
+    else {
+        // For example, user wrote <div [control]="f">.
+        // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131860276
+        const tagName = tNode.value;
+        throw new RuntimeError(318 /* RuntimeErrorCode.INVALID_CONTROL_HOST */, `'<${tagName}>' is an invalid control host. The host must be a native form control (such ` +
+            `as <input>', '<select>', or '<textarea>') or a custom form control component with a ` +
+            `'value' or 'checked' model.`);
+    }
+    control.register();
+}
+/**
+ * Updates a `control` property, and possibly other form control properties, on the current element.
+ *
+ * This is a specialized version of the `ɵɵproperty` instruction that handles updating additional
+ * form control properties, if set up to do so by {@link ɵɵcontrolCreate} during creation.
+ *
+ * @param value New value to write.
+ * @param sanitizer An optional function used to sanitize the value.
+ *
+ * @codeGenApi
+ */
+function ɵɵcontrol(value, sanitizer) {
+    const lView = getLView();
+    const bindingIndex = nextBindingIndex();
+    const tNode = getSelectedTNode();
+    if (bindingUpdated(lView, bindingIndex, value)) {
+        const tView = getTView();
+        setPropertyAndInputs(tNode, lView, 'control', value, lView[RENDERER], sanitizer);
+        ngDevMode && storePropertyBindingMetadata(tView.data, tNode, 'control', bindingIndex);
+    }
+    // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131711472
+    // * only run if this is really a control binding determine in the create pass.
+    const control = getControlDirective(tNode, lView);
+    if (!control) {
+        return;
+    }
+    const customControl = getCustomControlComponent(tNode);
+    if (customControl) {
+        const [componentIndex, modelName] = customControl;
+        updateCustomControl(lView, componentIndex, modelName, control);
+    }
+    else {
+        updateNativeControl(tNode, lView, control);
+    }
+}
+/**
+ * Returns the {@link ɵControl} directive on the specified node, if one is present and a `control`
+ * input is bound to it, but not to a component. If a `control` input is bound to a component, we
+ * assume the component will manage the control in its own template and return nothing to indicate
+ * that the directive should not be set up.
+ *
+ * @param tNode The `TNode` of the element to check.
+ * @param lView The `LView` that contains the element.
+ */
+function getControlDirective(tNode, lView) {
+    const directiveIndices = tNode.inputs?.['control'];
+    if (!directiveIndices) {
+        // There are no matching inputs for the `[control]` property binding.
+        return;
+    }
+    if (isComponentHost(tNode)) {
+        const componentIndex = tNode.directiveStart + tNode.componentOffset;
+        if (directiveIndices.includes(componentIndex)) {
+            // If component has a `control` input, we assume that it will handle binding the field to the
+            // appropriate native/custom control in its template, so we do not attempt to bind any inputs
+            // on this component.
+            return;
+        }
+    }
+    // Search for the `Control` directive.
+    for (let index of directiveIndices) {
+        const directive = lView[index];
+        if (ɵCONTROL in directive) {
+            return directive;
+        }
+    }
+    // The `Control` directive was not imported by this component.
+    return;
+}
+/**
+ * Returns information about the component on the specified node, if it appears to be a custom form
+ * control.
+ *
+ * A component is considered a custom form control if it has a model input named `value` or
+ * `checked`.
+ *
+ * @param tNode The `TNode` of the element to check.
+ * @returns an array containing the component index and model input name if it's a custom form
+ *  control, or undefined.
+ */
+function getCustomControlComponent(tNode) {
+    if (!isComponentHost(tNode)) {
+        return;
+    }
+    const tView = getTView();
+    const componentIndex = tNode.directiveStart + tNode.componentOffset;
+    const componentDef = tView.data[componentIndex];
+    if (hasModelInput(componentDef, 'value')) {
+        return [componentIndex, 'value'];
+    }
+    if (hasModelInput(componentDef, 'checked')) {
+        return [componentIndex, 'checked'];
+    }
+    // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131861022
+    // * should we check that any additional field state inputs are signal based?
+    return;
+}
+/** Returns whether the specified `componentDef` has a model input named `name`. */
+function hasModelInput(componentDef, name) {
+    return hasSignalInput(componentDef, name) && hasOutput(componentDef, name + 'Change');
+}
+/** Returns whether the specified `componentDef` has a signal-based input named `name`.*/
+function hasSignalInput(componentDef, name) {
+    const input = componentDef.inputs[name];
+    return input && (input[1] & InputFlags.SignalBased) !== 0;
+}
+/** Returns whether the specified `componentDef` has an output named `name`. */
+function hasOutput(componentDef, name) {
+    return name in componentDef.outputs;
+}
+/**
+ * Adds event listeners to a custom form control component to notify the `control` of changes.
+ *
+ * @param lView The `LView` that contains the custom form control.
+ * @param tNode The `TNode` of the custom form control.
+ * @param control The `ɵControl` directive instance.
+ * @param componentIndex The index of the custom form control component in the `LView`.
+ * @param modelName The name of the model property on the custom form control.
+ */
+function listenToCustomControl(lView, tNode, control, componentIndex, modelName) {
+    const outputName = modelName + 'Change';
+    listenToOutput(tNode, lView, componentIndex, outputName, outputName, wrapListener(tNode, lView, (newValue) => {
+        control.state().value.set(newValue);
+    }));
+    const tView = getTView();
+    const componentDef = tView.data[componentIndex];
+    const touchedOutputName = 'touchedChange';
+    if (hasOutput(componentDef, touchedOutputName)) {
+        listenToOutput(tNode, lView, componentIndex, touchedOutputName, touchedOutputName, wrapListener(tNode, lView, () => {
+            control.state().markAsTouched();
+        }));
+    }
+}
+function isNativeControl(lView, tNode) {
+    const element = lView[tNode.index];
+    return (element instanceof HTMLInputElement ||
+        element instanceof HTMLSelectElement ||
+        element instanceof HTMLTextAreaElement);
+}
+/**
+ * Adds event listeners to a native form control element to notify the `control` of changes.
+ *
+ * @param lView The `LView` that contains the native form control.
+ * @param tNode The `TNode` of the native form control.
+ * @param control The `ɵControl` directive instance.
+ */
+function listenToNativeControl(lView, tNode, control) {
+    const tView = getTView();
+    const renderer = lView[RENDERER];
+    const inputListener = () => {
+        const element = getNativeByTNode(tNode, lView);
+        const value = control.state().value;
+        value.set(getNativeControlValue(element, value));
+    };
+    listenToDomEvent(tNode, tView, lView, undefined, renderer, 'input', inputListener, wrapListener(tNode, lView, inputListener));
+    const blurListener = () => {
+        // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131860538
+        control.state().markAsTouched();
+    };
+    listenToDomEvent(tNode, tView, lView, undefined, renderer, 'blur', blurListener, wrapListener(tNode, lView, blurListener));
+}
+/**
+ * Updates the inputs of a custom form control component with the latest state from the `control`.
+ *
+ * @param lView The `LView` that contains the custom form control.
+ * @param componentIndex The index of the custom form control component in the `LView`.
+ * @param modelName The name of the model property on the custom form control.
+ * @param control The `ɵControl` directive instance.
+ */
+function updateCustomControl(lView, componentIndex, modelName, control) {
+    const tView = getTView();
+    const component = lView[componentIndex];
+    const componentDef = tView.data[componentIndex];
+    const state = control.state();
+    // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131711472
+    // * check if bindings changed before writing.
+    // * cache which inputs exist.
+    writeToDirectiveInput(componentDef, component, modelName, state.value());
+    maybeWriteToDirectiveInput(componentDef, component, 'errors', state.errors);
+    maybeWriteToDirectiveInput(componentDef, component, 'disabled', state.disabled);
+    maybeWriteToDirectiveInput(componentDef, component, 'disabledReasons', state.disabledReasons);
+    maybeWriteToDirectiveInput(componentDef, component, 'max', state.max);
+    maybeWriteToDirectiveInput(componentDef, component, 'maxLength', state.maxLength);
+    maybeWriteToDirectiveInput(componentDef, component, 'min', state.max);
+    maybeWriteToDirectiveInput(componentDef, component, 'minLength', state.minLength);
+    maybeWriteToDirectiveInput(componentDef, component, 'name', state.name);
+    maybeWriteToDirectiveInput(componentDef, component, 'pattern', state.pattern);
+    maybeWriteToDirectiveInput(componentDef, component, 'readOnly', state.readonly);
+    maybeWriteToDirectiveInput(componentDef, component, 'required', state.required);
+    maybeWriteToDirectiveInput(componentDef, component, 'touched', state.touched);
+}
+/**
+ * Writes the specified value to a directive input if the input exists.
+ *
+ * @param componentDef The definition of the component that owns the input.
+ * @param component The component instance.
+ * @param inputName The name of the input to write to.
+ * @param source A function that returns the value to write.
+ */
+function maybeWriteToDirectiveInput(componentDef, component, inputName, source) {
+    if (inputName in componentDef.inputs) {
+        writeToDirectiveInput(componentDef, component, inputName, source());
+    }
+}
+/**
+ * Updates the properties of a native form control element with the latest state from the `control`.
+ *
+ * @param tNode The `TNode` of the native form control.
+ * @param lView The `LView` that contains the native form control.
+ * @param control The `ɵControl` directive instance.
+ */
+function updateNativeControl(tNode, lView, control) {
+    const input = getNativeByTNode(tNode, lView);
+    const renderer = lView[RENDERER];
+    const state = control.state();
+    // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131711472
+    // * check if bindings changed before writing.
+    setNativeControlValue(input, state.value());
+    renderer.setAttribute(input, 'name', state.name());
+    setBooleanAttribute(renderer, input, 'disable', state.disabled());
+    setBooleanAttribute(renderer, input, 'readonly', state.readonly());
+    setBooleanAttribute(renderer, input, 'required', state.required());
+    // TODO: https://github.com/orgs/angular/projects/60/views/1?pane=issue&itemId=131711472
+    // * use tag and type attribute to determine which of these properties to bind.
+    setOptionalAttribute(renderer, input, 'max', state.max());
+    setOptionalAttribute(renderer, input, 'maxLength', state.maxLength());
+    setOptionalAttribute(renderer, input, 'min', state.min());
+    setOptionalAttribute(renderer, input, 'minLength', state.minLength());
+}
+/** Checks if a given value is a Date or null */
+function isDateOrNull(value) {
+    return value === null || value instanceof Date;
+}
+/**
+ * Returns the value from a native control element.
+ *
+ * @param element The native control element.
+ * @param currentValue A function that returns the current value from the control's corresponding
+ *   field state.
+ *
+ * The type of the returned value depends on the `type` property of the control, and will attempt to
+ * match the current value's type. For example, the value of `<input type="number">` can be read as
+ * a `string` or a `number`. If the current value is a `number`, then this will return a `number`.
+ * Otherwise, this will return the value as a `string`.
+ */
+function getNativeControlValue(element, currentValue) {
+    // Special cases for specific input types.
+    switch (element.type) {
+        case 'checkbox':
+            return element.checked;
+        case 'number':
+        case 'range':
+        case 'datetime-local':
+            // We can read a `number` or a `string` from this input type. Prefer whichever is consistent
+            // with the current type.
+            if (typeof currentValue() === 'number') {
+                return element.valueAsNumber;
+            }
+            break;
+        case 'date':
+        case 'month':
+        case 'time':
+        case 'week':
+            // We can read a `Date | null`, `number`, or `string` from this input type. Prefer whichever
+            // is consistent with the current type.
+            const value = currentValue();
+            if (isDateOrNull(value)) {
+                return element.valueAsDate;
+            }
+            else if (typeof value === 'number') {
+                return element.valueAsNumber;
+            }
+            break;
+    }
+    // Default to reading the value as a string.
+    return element.value;
+}
+/**
+ * Sets a native control element's value.
+ *
+ * @param element The native control element.
+ * @param value The new value to set.
+ */
+function setNativeControlValue(element, value) {
+    // Special cases for specific input types.
+    switch (element.type) {
+        case 'checkbox':
+            element.checked = value;
+            return;
+        case 'radio':
+            // Although HTML behavior is to clear the input already, we do this just in case. It seems
+            // like it might be necessary in certain environments (e.g. Domino).
+            element.checked = value === element.value;
+            return;
+        case 'number':
+        case 'range':
+        case 'datetime-local':
+            // This input type can receive a `number` or a `string`.
+            if (typeof value === 'number') {
+                element.valueAsNumber = value;
+                return;
+            }
+            break;
+        case 'date':
+        case 'month':
+        case 'time':
+        case 'week':
+            // This input type can receive a `Date | null` or a `number` or a `string`.
+            if (isDateOrNull(value)) {
+                element.valueAsDate = value;
+                return;
+            }
+            else if (typeof value === 'number') {
+                element.valueAsNumber = value;
+                return;
+            }
+    }
+    // Default to setting the value as a string.
+    element.value = value;
+}
+/**
+ * Sets a boolean attribute on an element.
+ *
+ * @param renderer The `Renderer` instance to use.
+ * @param element The element to set the attribute on.
+ * @param name The name of the attribute.
+ * @param value The boolean value of the attribute. If `true`, the attribute is added. If `false`,
+ *   the attribute is removed.
+ */
+function setBooleanAttribute(renderer, element, name, value) {
+    if (value) {
+        renderer.setAttribute(element, name, '');
+    }
+    else {
+        renderer.removeAttribute(element, name);
+    }
+}
+/**
+ * Sets an attribute on an element if the value is not `undefined`.
+ *
+ * @param renderer The `Renderer` instance to use.
+ * @param element The element to set the attribute on.
+ * @param name The name of the attribute.
+ * @param value The value of the attribute. If `undefined`, the attribute is removed.
+ */
+function setOptionalAttribute(renderer, element, name, value) {
+    if (value !== undefined) {
+        renderer.setAttribute(element, name, value.toString());
+    }
+    else {
+        renderer.removeAttribute(element, name);
+    }
+}
+
 /**
  * A type representing the live collection to be reconciled with any new (incoming) collection. This
  * is an adapter class that makes it possible to work with different internal data structures,
@@ -28723,6 +29235,8 @@ const angularCoreEnv = (() => ({
     'ɵɵdomProperty': ɵɵdomProperty,
     'ɵɵariaProperty': ɵɵariaProperty,
     'ɵɵproperty': ɵɵproperty,
+    'ɵɵcontrol': ɵɵcontrol,
+    'ɵɵcontrolCreate': ɵɵcontrolCreate,
     'ɵɵpipe': ɵɵpipe,
     'ɵɵqueryRefresh': ɵɵqueryRefresh,
     'ɵɵqueryAdvance': ɵɵqueryAdvance,
@@ -31002,5 +31516,5 @@ function getDebugNode(nativeNode) {
     return null;
 }
 
-export { AFTER_RENDER_PHASES, ANIMATIONS_DISABLED, ANIMATION_MODULE_TYPE, APP_BOOTSTRAP_LISTENER, APP_ID, APP_INITIALIZER, AcxChangeDetectionStrategy, AcxViewEncapsulation, AfterRenderImpl, AfterRenderManager, AfterRenderSequence, ApplicationInitStatus, ApplicationRef, Attribute, COMPILER_OPTIONS, CONTAINERS, CSP_NONCE, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionSchedulerImpl, ChangeDetectionStrategy, Compiler, CompilerFactory, Component, ComponentFactory, ComponentFactory$1, ComponentFactoryResolver$1 as ComponentFactoryResolver, ComponentRef$1 as ComponentRef, ComponentRef as ComponentRef$1, Console, DEFAULT_CURRENCY_CODE, DEFAULT_LOCALE_ID, DEFER_BLOCK_CONFIG, DEFER_BLOCK_DEPENDENCY_INTERCEPTOR, DEFER_BLOCK_ID, DEFER_BLOCK_SSR_ID_ATTRIBUTE, DEFER_BLOCK_STATE$1 as DEFER_BLOCK_STATE, DEFER_BLOCK_STATE as DEFER_BLOCK_STATE$1, DEFER_HYDRATE_TRIGGERS, DEFER_PARENT_BLOCK_ID, DEHYDRATED_BLOCK_REGISTRY, DISCONNECTED_NODES, DebugElement, DebugEventListener, DebugNode, DeferBlockBehavior, DeferBlockState, DehydratedBlockRegistry, Directive, ELEMENT_CONTAINERS, EVENT_REPLAY_ENABLED_DEFAULT, ElementRef, EnvironmentNgModuleRefAdapter, Framework, Host, HostBinding, HostListener, HydrationStatus, I18N_DATA, IMAGE_CONFIG, IMAGE_CONFIG_DEFAULTS, IS_ENABLED_BLOCKING_INITIAL_NAVIGATION, IS_EVENT_REPLAY_ENABLED, IS_HYDRATION_DOM_REUSE_ENABLED, IS_I18N_HYDRATION_ENABLED, IS_INCREMENTAL_HYDRATION_ENABLED, Inject, Injectable, Input, JSACTION_BLOCK_ELEMENT_MAP, JSACTION_EVENT_CONTRACT, LContext, LOCALE_ID, LocaleDataIndex, MAX_ANIMATION_TIMEOUT, MULTIPLIER, MissingTranslationStrategy, ModuleWithComponentFactories, NGH_ATTR_NAME, NGH_DATA_KEY, NGH_DEFER_BLOCKS_KEY, NODES, NOOP_AFTER_RENDER_REF, NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR, NO_CHANGE, NO_ERRORS_SCHEMA, NUM_ROOT_NODES, NgModule, NgModuleFactory, NgModuleFactory$1, NgModuleRef, NgModuleRef$1, Optional, Output, PLATFORM_ID, PLATFORM_INITIALIZER, PRESERVE_HOST_CONTENT, Pipe, QueryList, ReflectionCapabilities, Renderer2, RendererFactory2, RendererStyleFlags2, SKIP_HYDRATION_ATTR_NAME, SSR_CONTENT_INTEGRITY_MARKER, Sanitizer, SecurityContext, Self, SimpleChange, SkipSelf, TEMPLATES, TEMPLATE_ID, TESTABILITY, TESTABILITY_GETTER, TRANSLATIONS, TRANSLATIONS_FORMAT, TemplateRef, Testability, TestabilityRegistry, TimerScheduler, TracingAction, TracingService, TransferState, Type, UseExhaustiveCheckNoChanges, ViewContainerRef, ViewEncapsulation, ViewRef, _sanitizeHtml, _sanitizeUrl, afterEveryRender, afterNextRender, allLeavingAnimations, allowSanitizationBypassAndThrow, angularCoreEnv, appendDeferBlocksToJSActionMap, asNativeElements, assertComponentDef, assertStandaloneComponentType, bypassSanitizationTrustHtml, bypassSanitizationTrustResourceUrl, bypassSanitizationTrustScript, bypassSanitizationTrustStyle, bypassSanitizationTrustUrl, calcPathForNode, checkNoChangesInternal, cleanupDehydratedViews, clearResolutionOfComponentResourcesQueue, collectNativeNodes, collectNativeNodesInLContainer, compileComponent, compileDirective, compileNgModule, compileNgModuleDefs, compilePipe, convertHydrateTriggersToJsAction, countBlocksSkippedByHydration, createEnvironmentInjector, createMultiResultQuerySignalFn, createNgModule, createNgModuleRef, createNgModuleRefWithProviders, createSingleResultOptionalQuerySignalFn, createSingleResultRequiredQuerySignalFn, depsTracker, devModeEqual, enableApplyRootElementTransformImpl, enableClaimDehydratedIcuCaseImpl, enableFindMatchingDehydratedViewImpl, enableLocateOrCreateContainerAnchorImpl, enableLocateOrCreateContainerRefImpl, enableLocateOrCreateElementContainerNodeImpl, enableLocateOrCreateElementNodeImpl, enableLocateOrCreateI18nNodeImpl, enableLocateOrCreateTextNodeImpl, enablePrepareI18nBlockForHydrationImpl, enableProfiling, enableRetrieveDeferBlockDataImpl, enableRetrieveHydrationInfoImpl, enableStashEventListenerImpl, findLocaleData, flushModuleScopingQueueAsMuchAsPossible, gatherDeferBlocksCommentNodes, generateStandaloneInDeclarationsError, getAsyncClassMetadataFn, getCompilerFacade, getDebugNode, getDeferBlocks$1 as getDeferBlocks, getDirectives, getDocument, getHostElement, getLContext, getLDeferBlockDetails, getLNodeForHydration, getLocaleCurrencyCode, getLocalePluralCase, getOrComputeI18nChildren, getRegisteredNgModuleType, getSanitizationBypassType, getTDeferBlockDetails, getTransferState, inferTagNameFromDefinition, inputBinding, invokeListeners, isBoundToModule, isComponentDefPendingResolution, isComponentResourceResolutionQueueEmpty, isDeferBlock, isDetachedByI18n, isDisconnectedNode, isI18nHydrationEnabled, isI18nHydrationSupportEnabled, isInSkipHydrationBlock, isIncrementalHydrationEnabled, isJsObject, isLetDeclaration, isListLikeIterable, isNgModule, isPromise, isSubscribable, isTNodeShape, isViewDirty, iterateListLike, makePropDecorator, makeStateKey, markForRefresh, noSideEffects, optionsReducer, outputBinding, patchComponentDefWithScope, performanceMarkFeature, processAndInitTriggers, processBlockData, processTextNodeBeforeSerialization, profiler, provideAppInitializer, provideNgReflectAttributes, provideZonelessChangeDetection, provideZonelessChangeDetectionInternal, publishDefaultGlobalUtils, publishExternalGlobalUtil, publishSignalConfiguration, readHydrationInfo, readPatchedLView, registerLocaleData, registerNgModuleType, remove, removeListeners, renderDeferBlockState, resetCompiledComponents, resetJitOptions, resolveComponentResources, restoreComponentResolutionQueue, setAllowDuplicateNgModuleIdsForTest, setClassMetadata, setClassMetadataAsync, setDocument, setIsI18nHydrationSupportEnabled, setJSActionAttributes, setJitOptions, setLocaleId, setStashFn, setTestabilityGetter, sharedMapFunction, sharedStashFunction, transitiveScopesFor, triggerHydrationFromBlockName, triggerResourceLoading, trySerializeI18nBlock, twoWayBinding, unregisterAllLocaleData, unsupportedProjectionOfDomNodes, unwrapSafeValue, validAppIdInitializer, validateMatchingNode, validateNodeExists, verifySsrContentsIntegrity, ɵgetUnknownElementStrictMode, ɵgetUnknownPropertyStrictMode, ɵsetClassDebugInfo, ɵsetUnknownElementStrictMode, ɵsetUnknownPropertyStrictMode, ɵɵCopyDefinitionFeature, ɵɵExternalStylesFeature, ɵɵHostDirectivesFeature, ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature, ɵɵProvidersFeature, ɵɵadvance, ɵɵanimateEnter, ɵɵanimateEnterListener, ɵɵanimateLeave, ɵɵanimateLeaveListener, ɵɵariaProperty, ɵɵattachSourceLocations, ɵɵattribute, ɵɵclassMap, ɵɵclassProp, ɵɵcomponentInstance, ɵɵconditional, ɵɵconditionalBranchCreate, ɵɵconditionalCreate, ɵɵcontentQuery, ɵɵcontentQuerySignal, ɵɵdeclareLet, ɵɵdefer, ɵɵdeferEnableTimerScheduling, ɵɵdeferHydrateNever, ɵɵdeferHydrateOnHover, ɵɵdeferHydrateOnIdle, ɵɵdeferHydrateOnImmediate, ɵɵdeferHydrateOnInteraction, ɵɵdeferHydrateOnTimer, ɵɵdeferHydrateOnViewport, ɵɵdeferHydrateWhen, ɵɵdeferOnHover, ɵɵdeferOnIdle, ɵɵdeferOnImmediate, ɵɵdeferOnInteraction, ɵɵdeferOnTimer, ɵɵdeferOnViewport, ɵɵdeferPrefetchOnHover, ɵɵdeferPrefetchOnIdle, ɵɵdeferPrefetchOnImmediate, ɵɵdeferPrefetchOnInteraction, ɵɵdeferPrefetchOnTimer, ɵɵdeferPrefetchOnViewport, ɵɵdeferPrefetchWhen, ɵɵdeferWhen, ɵɵdefineComponent, ɵɵdefineDirective, ɵɵdefineNgModule, ɵɵdefinePipe, ɵɵdirectiveInject, ɵɵdomElement, ɵɵdomElementContainer, ɵɵdomElementContainerEnd, ɵɵdomElementContainerStart, ɵɵdomElementEnd, ɵɵdomElementStart, ɵɵdomListener, ɵɵdomProperty, ɵɵdomTemplate, ɵɵelement, ɵɵelementContainer, ɵɵelementContainerEnd, ɵɵelementContainerStart, ɵɵelementEnd, ɵɵelementStart, ɵɵgetComponentDepsFactory, ɵɵgetCurrentView, ɵɵgetInheritedFactory, ɵɵgetReplaceMetadataURL, ɵɵi18n, ɵɵi18nApply, ɵɵi18nAttributes, ɵɵi18nEnd, ɵɵi18nExp, ɵɵi18nPostprocess, ɵɵi18nStart, ɵɵinjectAttribute, ɵɵinterpolate, ɵɵinterpolate1, ɵɵinterpolate2, ɵɵinterpolate3, ɵɵinterpolate4, ɵɵinterpolate5, ɵɵinterpolate6, ɵɵinterpolate7, ɵɵinterpolate8, ɵɵinterpolateV, ɵɵinvalidFactory, ɵɵlistener, ɵɵloadQuery, ɵɵnextContext, ɵɵpipe, ɵɵpipeBind1, ɵɵpipeBind2, ɵɵpipeBind3, ɵɵpipeBind4, ɵɵpipeBindV, ɵɵprojection, ɵɵprojectionDef, ɵɵproperty, ɵɵpureFunction0, ɵɵpureFunction1, ɵɵpureFunction2, ɵɵpureFunction3, ɵɵpureFunction4, ɵɵpureFunction5, ɵɵpureFunction6, ɵɵpureFunction7, ɵɵpureFunction8, ɵɵpureFunctionV, ɵɵqueryAdvance, ɵɵqueryRefresh, ɵɵreadContextLet, ɵɵreference, ɵɵrepeater, ɵɵrepeaterCreate, ɵɵrepeaterTrackByIdentity, ɵɵrepeaterTrackByIndex, ɵɵreplaceMetadata, ɵɵresolveBody, ɵɵresolveDocument, ɵɵresolveWindow, ɵɵsanitizeHtml, ɵɵsanitizeResourceUrl, ɵɵsanitizeScript, ɵɵsanitizeStyle, ɵɵsanitizeUrl, ɵɵsanitizeUrlOrResourceUrl, ɵɵsetComponentScope, ɵɵsetNgModuleScope, ɵɵstoreLet, ɵɵstyleMap, ɵɵstyleProp, ɵɵsyntheticHostListener, ɵɵsyntheticHostProperty, ɵɵtemplate, ɵɵtemplateRefExtractor, ɵɵtext, ɵɵtextInterpolate, ɵɵtextInterpolate1, ɵɵtextInterpolate2, ɵɵtextInterpolate3, ɵɵtextInterpolate4, ɵɵtextInterpolate5, ɵɵtextInterpolate6, ɵɵtextInterpolate7, ɵɵtextInterpolate8, ɵɵtextInterpolateV, ɵɵtrustConstantHtml, ɵɵtrustConstantResourceUrl, ɵɵtwoWayBindingSet, ɵɵtwoWayListener, ɵɵtwoWayProperty, ɵɵvalidateIframeAttribute, ɵɵviewQuery, ɵɵviewQuerySignal };
-//# sourceMappingURL=debug_node.mjs.map
+export { AFTER_RENDER_PHASES, ANIMATIONS_DISABLED, ANIMATION_MODULE_TYPE, APP_BOOTSTRAP_LISTENER, APP_ID, APP_INITIALIZER, AcxChangeDetectionStrategy, AcxViewEncapsulation, AfterRenderImpl, AfterRenderManager, AfterRenderSequence, ApplicationInitStatus, ApplicationRef, Attribute, COMPILER_OPTIONS, CONTAINERS, CSP_NONCE, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionSchedulerImpl, ChangeDetectionStrategy, Compiler, CompilerFactory, Component, ComponentFactory, ComponentFactory$1, ComponentFactoryResolver$1 as ComponentFactoryResolver, ComponentRef$1 as ComponentRef, ComponentRef as ComponentRef$1, Console, DEFAULT_CURRENCY_CODE, DEFAULT_LOCALE_ID, DEFER_BLOCK_CONFIG, DEFER_BLOCK_DEPENDENCY_INTERCEPTOR, DEFER_BLOCK_ID, DEFER_BLOCK_SSR_ID_ATTRIBUTE, DEFER_BLOCK_STATE$1 as DEFER_BLOCK_STATE, DEFER_BLOCK_STATE as DEFER_BLOCK_STATE$1, DEFER_HYDRATE_TRIGGERS, DEFER_PARENT_BLOCK_ID, DEHYDRATED_BLOCK_REGISTRY, DISCONNECTED_NODES, DebugElement, DebugEventListener, DebugNode, DeferBlockBehavior, DeferBlockState, DehydratedBlockRegistry, Directive, ELEMENT_CONTAINERS, EVENT_REPLAY_ENABLED_DEFAULT, ElementRef, EnvironmentNgModuleRefAdapter, Framework, Host, HostBinding, HostListener, HydrationStatus, I18N_DATA, IMAGE_CONFIG, IMAGE_CONFIG_DEFAULTS, IS_ENABLED_BLOCKING_INITIAL_NAVIGATION, IS_EVENT_REPLAY_ENABLED, IS_HYDRATION_DOM_REUSE_ENABLED, IS_I18N_HYDRATION_ENABLED, IS_INCREMENTAL_HYDRATION_ENABLED, Inject, Injectable, Input, JSACTION_BLOCK_ELEMENT_MAP, JSACTION_EVENT_CONTRACT, LContext, LOCALE_ID, LocaleDataIndex, MAX_ANIMATION_TIMEOUT, MULTIPLIER, MissingTranslationStrategy, ModuleWithComponentFactories, NGH_ATTR_NAME, NGH_DATA_KEY, NGH_DEFER_BLOCKS_KEY, NODES, NOOP_AFTER_RENDER_REF, NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR, NO_CHANGE, NO_ERRORS_SCHEMA, NUM_ROOT_NODES, NgModule, NgModuleFactory, NgModuleFactory$1, NgModuleRef, NgModuleRef$1, Optional, Output, PLATFORM_ID, PLATFORM_INITIALIZER, PRESERVE_HOST_CONTENT, Pipe, QueryList, ReflectionCapabilities, Renderer2, RendererFactory2, RendererStyleFlags2, SKIP_HYDRATION_ATTR_NAME, SSR_CONTENT_INTEGRITY_MARKER, Sanitizer, SecurityContext, Self, SimpleChange, SkipSelf, TEMPLATES, TEMPLATE_ID, TESTABILITY, TESTABILITY_GETTER, TRANSLATIONS, TRANSLATIONS_FORMAT, TemplateRef, Testability, TestabilityRegistry, TimerScheduler, TracingAction, TracingService, TransferState, Type, UseExhaustiveCheckNoChanges, ViewContainerRef, ViewEncapsulation, ViewRef, _sanitizeHtml, _sanitizeUrl, afterEveryRender, afterNextRender, allLeavingAnimations, allowSanitizationBypassAndThrow, angularCoreEnv, appendDeferBlocksToJSActionMap, asNativeElements, assertComponentDef, assertStandaloneComponentType, bypassSanitizationTrustHtml, bypassSanitizationTrustResourceUrl, bypassSanitizationTrustScript, bypassSanitizationTrustStyle, bypassSanitizationTrustUrl, calcPathForNode, checkNoChangesInternal, cleanupDehydratedViews, clearResolutionOfComponentResourcesQueue, collectNativeNodes, collectNativeNodesInLContainer, compileComponent, compileDirective, compileNgModule, compileNgModuleDefs, compilePipe, convertHydrateTriggersToJsAction, countBlocksSkippedByHydration, createEnvironmentInjector, createMultiResultQuerySignalFn, createNgModule, createNgModuleRef, createNgModuleRefWithProviders, createSingleResultOptionalQuerySignalFn, createSingleResultRequiredQuerySignalFn, depsTracker, devModeEqual, enableApplyRootElementTransformImpl, enableClaimDehydratedIcuCaseImpl, enableFindMatchingDehydratedViewImpl, enableLocateOrCreateContainerAnchorImpl, enableLocateOrCreateContainerRefImpl, enableLocateOrCreateElementContainerNodeImpl, enableLocateOrCreateElementNodeImpl, enableLocateOrCreateI18nNodeImpl, enableLocateOrCreateTextNodeImpl, enablePrepareI18nBlockForHydrationImpl, enableProfiling, enableRetrieveDeferBlockDataImpl, enableRetrieveHydrationInfoImpl, enableStashEventListenerImpl, findLocaleData, flushModuleScopingQueueAsMuchAsPossible, gatherDeferBlocksCommentNodes, generateStandaloneInDeclarationsError, getAsyncClassMetadataFn, getCompilerFacade, getDebugNode, getDeferBlocks$1 as getDeferBlocks, getDirectives, getDocument, getHostElement, getLContext, getLDeferBlockDetails, getLNodeForHydration, getLocaleCurrencyCode, getLocalePluralCase, getOrComputeI18nChildren, getRegisteredNgModuleType, getSanitizationBypassType, getTDeferBlockDetails, getTransferState, inferTagNameFromDefinition, inputBinding, invokeListeners, isBoundToModule, isComponentDefPendingResolution, isComponentResourceResolutionQueueEmpty, isDeferBlock, isDetachedByI18n, isDisconnectedNode, isI18nHydrationEnabled, isI18nHydrationSupportEnabled, isInSkipHydrationBlock, isIncrementalHydrationEnabled, isJsObject, isLetDeclaration, isListLikeIterable, isNgModule, isPromise, isSubscribable, isTNodeShape, isViewDirty, iterateListLike, makePropDecorator, makeStateKey, markForRefresh, noSideEffects, optionsReducer, outputBinding, patchComponentDefWithScope, performanceMarkFeature, processAndInitTriggers, processBlockData, processTextNodeBeforeSerialization, profiler, provideAppInitializer, provideNgReflectAttributes, provideZonelessChangeDetection, provideZonelessChangeDetectionInternal, publishDefaultGlobalUtils, publishExternalGlobalUtil, publishSignalConfiguration, readHydrationInfo, readPatchedLView, registerLocaleData, registerNgModuleType, remove, removeListeners, renderDeferBlockState, resetCompiledComponents, resetJitOptions, resolveComponentResources, restoreComponentResolutionQueue, setAllowDuplicateNgModuleIdsForTest, setClassMetadata, setClassMetadataAsync, setDocument, setIsI18nHydrationSupportEnabled, setJSActionAttributes, setJitOptions, setLocaleId, setStashFn, setTestabilityGetter, sharedMapFunction, sharedStashFunction, transitiveScopesFor, triggerHydrationFromBlockName, triggerResourceLoading, trySerializeI18nBlock, twoWayBinding, unregisterAllLocaleData, unsupportedProjectionOfDomNodes, unwrapSafeValue, validAppIdInitializer, validateMatchingNode, validateNodeExists, verifySsrContentsIntegrity, ɵCONTROL, ɵgetUnknownElementStrictMode, ɵgetUnknownPropertyStrictMode, ɵsetClassDebugInfo, ɵsetUnknownElementStrictMode, ɵsetUnknownPropertyStrictMode, ɵɵCopyDefinitionFeature, ɵɵExternalStylesFeature, ɵɵHostDirectivesFeature, ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature, ɵɵProvidersFeature, ɵɵadvance, ɵɵanimateEnter, ɵɵanimateEnterListener, ɵɵanimateLeave, ɵɵanimateLeaveListener, ɵɵariaProperty, ɵɵattachSourceLocations, ɵɵattribute, ɵɵclassMap, ɵɵclassProp, ɵɵcomponentInstance, ɵɵconditional, ɵɵconditionalBranchCreate, ɵɵconditionalCreate, ɵɵcontentQuery, ɵɵcontentQuerySignal, ɵɵcontrol, ɵɵcontrolCreate, ɵɵdeclareLet, ɵɵdefer, ɵɵdeferEnableTimerScheduling, ɵɵdeferHydrateNever, ɵɵdeferHydrateOnHover, ɵɵdeferHydrateOnIdle, ɵɵdeferHydrateOnImmediate, ɵɵdeferHydrateOnInteraction, ɵɵdeferHydrateOnTimer, ɵɵdeferHydrateOnViewport, ɵɵdeferHydrateWhen, ɵɵdeferOnHover, ɵɵdeferOnIdle, ɵɵdeferOnImmediate, ɵɵdeferOnInteraction, ɵɵdeferOnTimer, ɵɵdeferOnViewport, ɵɵdeferPrefetchOnHover, ɵɵdeferPrefetchOnIdle, ɵɵdeferPrefetchOnImmediate, ɵɵdeferPrefetchOnInteraction, ɵɵdeferPrefetchOnTimer, ɵɵdeferPrefetchOnViewport, ɵɵdeferPrefetchWhen, ɵɵdeferWhen, ɵɵdefineComponent, ɵɵdefineDirective, ɵɵdefineNgModule, ɵɵdefinePipe, ɵɵdirectiveInject, ɵɵdomElement, ɵɵdomElementContainer, ɵɵdomElementContainerEnd, ɵɵdomElementContainerStart, ɵɵdomElementEnd, ɵɵdomElementStart, ɵɵdomListener, ɵɵdomProperty, ɵɵdomTemplate, ɵɵelement, ɵɵelementContainer, ɵɵelementContainerEnd, ɵɵelementContainerStart, ɵɵelementEnd, ɵɵelementStart, ɵɵgetComponentDepsFactory, ɵɵgetCurrentView, ɵɵgetInheritedFactory, ɵɵgetReplaceMetadataURL, ɵɵi18n, ɵɵi18nApply, ɵɵi18nAttributes, ɵɵi18nEnd, ɵɵi18nExp, ɵɵi18nPostprocess, ɵɵi18nStart, ɵɵinjectAttribute, ɵɵinterpolate, ɵɵinterpolate1, ɵɵinterpolate2, ɵɵinterpolate3, ɵɵinterpolate4, ɵɵinterpolate5, ɵɵinterpolate6, ɵɵinterpolate7, ɵɵinterpolate8, ɵɵinterpolateV, ɵɵinvalidFactory, ɵɵlistener, ɵɵloadQuery, ɵɵnextContext, ɵɵpipe, ɵɵpipeBind1, ɵɵpipeBind2, ɵɵpipeBind3, ɵɵpipeBind4, ɵɵpipeBindV, ɵɵprojection, ɵɵprojectionDef, ɵɵproperty, ɵɵpureFunction0, ɵɵpureFunction1, ɵɵpureFunction2, ɵɵpureFunction3, ɵɵpureFunction4, ɵɵpureFunction5, ɵɵpureFunction6, ɵɵpureFunction7, ɵɵpureFunction8, ɵɵpureFunctionV, ɵɵqueryAdvance, ɵɵqueryRefresh, ɵɵreadContextLet, ɵɵreference, ɵɵrepeater, ɵɵrepeaterCreate, ɵɵrepeaterTrackByIdentity, ɵɵrepeaterTrackByIndex, ɵɵreplaceMetadata, ɵɵresolveBody, ɵɵresolveDocument, ɵɵresolveWindow, ɵɵsanitizeHtml, ɵɵsanitizeResourceUrl, ɵɵsanitizeScript, ɵɵsanitizeStyle, ɵɵsanitizeUrl, ɵɵsanitizeUrlOrResourceUrl, ɵɵsetComponentScope, ɵɵsetNgModuleScope, ɵɵstoreLet, ɵɵstyleMap, ɵɵstyleProp, ɵɵsyntheticHostListener, ɵɵsyntheticHostProperty, ɵɵtemplate, ɵɵtemplateRefExtractor, ɵɵtext, ɵɵtextInterpolate, ɵɵtextInterpolate1, ɵɵtextInterpolate2, ɵɵtextInterpolate3, ɵɵtextInterpolate4, ɵɵtextInterpolate5, ɵɵtextInterpolate6, ɵɵtextInterpolate7, ɵɵtextInterpolate8, ɵɵtextInterpolateV, ɵɵtrustConstantHtml, ɵɵtrustConstantResourceUrl, ɵɵtwoWayBindingSet, ɵɵtwoWayListener, ɵɵtwoWayProperty, ɵɵvalidateIframeAttribute, ɵɵviewQuery, ɵɵviewQuerySignal };
+//# sourceMappingURL=_debug_node-chunk.mjs.map