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

package/fesm2022/_debug_node-chunk.mjs

@@ -1,11 +1,11 @@
 /**
- * @license Angular v21.0.0-next.7
+ * @license Angular v21.0.0-next.9
  * (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, 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 { 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, formatRuntimeError, isInSkipHydrationBlock as isInSkipHydrationBlock$1, HYDRATION, isContentQueryHost, setCurrentQueryIndex, XSS_SECURITY_URL, renderStringify, ENVIRONMENT, makeEnvironmentProviders, isDirectiveHost, resetPreOrderHookFlags, PARENT, RENDERER, CHILD_TAIL, assertSame, assertFirstUpdatePass, getSelectedIndex, getTView, assertIndexInDeclRange, setSelectedIndex, NgZone, ChangeDetectionScheduler, ErrorHandler, AFTER_RENDER_SEQUENCES_TO_ADD, markAncestorsForTraversal, assertNotInReactiveContext, assertInInjectionContext, DestroyRef, ViewContext, 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, 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, EnvironmentInjector, SVG_NAMESPACE, MATH_ML_NAMESPACE, viewAttachedToContainer, storeCleanupWithContext, signal, createInjectorWithoutInjectorInstances, R3Injector, getNullInjector, internalImportProvidersFrom, initNgDevMode, fillProperties, getBindingsEnabled, lastNodeWasCreated, removeLViewOnDestroy, walkUpViews, getNativeByIndex, assertElement, arrayInsert2, arraySplice, setInjectorProfiler, NullInjector, INJECTOR_DEF_TYPES, walkProviderTree, getInjectorDef, deepForEach, EffectRefImpl, 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 './_effect-chunk2.mjs';
+import { setActiveConsumer, SIGNAL, consumerDestroy, REACTIVE_NODE, consumerPollProducersForChange, consumerBeforeComputation, getActiveConsumer, consumerAfterComputation, createComputed, setThrowInvalidWriteToSignalError } from './_effect-chunk.mjs';
 import { Subject, Subscription } from 'rxjs';
 import { setActiveConsumer as setActiveConsumer$1 } from '@angular/core/primitives/signals';
 import { map } from 'rxjs/operators';
@@ -494,6 +494,15 @@ function getParentCtor(ctor) {
     return parentCtor || Object;
 }
 
+function applyValueToInputField(instance, inputSignalNode, privateName, value) {
+    if (inputSignalNode !== null) {
+        inputSignalNode.applyValueToInputSignal(inputSignalNode, value);
+    }
+    else {
+        instance[privateName] = value;
+    }
+}
+
 /**
  * Represents a basic change from a previous to a new value for a single
  * property on a directive instance. Passed as a value in a
@@ -520,15 +529,6 @@ class SimpleChange {
     }
 }
 
-function applyValueToInputField(instance, inputSignalNode, privateName, value) {
-    if (inputSignalNode !== null) {
-        inputSignalNode.applyValueToInputSignal(inputSignalNode, value);
-    }
-    else {
-        instance[privateName] = value;
-    }
-}
-
 /**
  * The NgOnChangesFeature decorates a component with support for the ngOnChanges
  * lifecycle hook, so it should be included in any component that implements
@@ -3880,9 +3880,7 @@ const interactionEventNames = ['click', 'keydown'];
 /** Names of the events considered as hover events. */
 const hoverEventNames = ['mouseenter', 'mouseover', 'focusin'];
 /** `IntersectionObserver` used to observe `viewport` triggers. */
-let intersectionObserver = null;
-/** Number of elements currently observed with `viewport` triggers. */
-let observedViewportElements = 0;
+const intersectionObservers = new Map();
 /** Object keeping track of registered callbacks for a deferred block trigger. */
 class DeferEventEntry {
     callbacks = new Set();
@@ -3965,14 +3963,15 @@ function onHover(trigger, callback) {
  * Used to create an IntersectionObserver instance.
  * @return IntersectionObserver that is used by onViewport
  */
-function createIntersectionObserver() {
+function createIntersectionObserver(options) {
+    const key = getIntersectionObserverKey(options);
     return new IntersectionObserver((entries) => {
         for (const current of entries) {
             if (current.isIntersecting && viewportTriggers.has(current.target)) {
-                viewportTriggers.get(current.target).listener();
+                viewportTriggers.get(current.target)?.get(key)?.listener();
             }
         }
-    });
+    }, options);
 }
 /**
  * Registers a viewport trigger.
@@ -3983,32 +3982,57 @@ function createIntersectionObserver() {
  * and tells the intersection observer to stop observing trigger Element and set
  * intersectionObserver to null if there are no more Elements to observe
  */
-function onViewport(trigger, callback, observerFactoryFn) {
-    let entry = viewportTriggers.get(trigger);
-    intersectionObserver = intersectionObserver || observerFactoryFn();
+function onViewport(trigger, callback, observerFactoryFn, options) {
+    const key = getIntersectionObserverKey(options);
+    let entry = viewportTriggers.get(trigger)?.get(key);
+    if (!intersectionObservers.has(key)) {
+        intersectionObservers.set(key, { observer: observerFactoryFn(options), count: 0 });
+    }
+    const config = intersectionObservers.get(key);
     if (!entry) {
         entry = new DeferEventEntry();
-        intersectionObserver.observe(trigger);
-        viewportTriggers.set(trigger, entry);
-        observedViewportElements++;
+        config.observer.observe(trigger);
+        let triggerConfig = viewportTriggers.get(trigger);
+        if (triggerConfig) {
+            triggerConfig.set(key, entry);
+        }
+        else {
+            triggerConfig = new Map();
+            viewportTriggers.set(trigger, triggerConfig);
+        }
+        triggerConfig.set(key, entry);
+        config.count++;
     }
     entry.callbacks.add(callback);
     return () => {
-        if (!viewportTriggers.has(trigger)) {
+        if (!viewportTriggers.get(trigger)?.has(key)) {
             return;
         }
         entry.callbacks.delete(callback);
         if (entry.callbacks.size === 0) {
-            intersectionObserver?.unobserve(trigger);
-            viewportTriggers.delete(trigger);
-            observedViewportElements--;
+            config.observer.unobserve(trigger);
+            config.count--;
+            const triggerConfig = viewportTriggers.get(trigger);
+            if (triggerConfig) {
+                triggerConfig.delete(key);
+                if (triggerConfig.size === 0) {
+                    viewportTriggers.delete(trigger);
+                }
+            }
         }
-        if (observedViewportElements === 0) {
-            intersectionObserver?.disconnect();
-            intersectionObserver = null;
+        if (config.count === 0) {
+            config.observer.disconnect();
+            intersectionObservers.delete(key);
         }
     };
 }
+/** Generates a string that can be used to find identical intersection observer option objects. */
+function getIntersectionObserverKey(options) {
+    if (!options) {
+        return '';
+    }
+    return `${options.rootMargin}/${typeof options.threshold === 'number' ? options.threshold : options.threshold?.join('\n')}`;
+}
 
 const DEFER_BLOCK_SSR_ID_ATTRIBUTE = 'ngb';
 function setJSActionAttributes(nativeElement, eventTypes, parentDeferBlockId = null) {
@@ -4498,13 +4522,18 @@ function isIncrementalHydrationEnabled(injector) {
         optional: true,
     });
 }
+let incrementalHydrationEnabledWarned = false;
+function resetIncrementalHydrationEnabledWarnedForTests() {
+    incrementalHydrationEnabledWarned = false;
+}
 /** Throws an error if the incremental hydration is not enabled */
-function assertIncrementalHydrationIsConfigured(injector) {
-    if (!isIncrementalHydrationEnabled(injector)) {
-        throw new RuntimeError(508 /* RuntimeErrorCode.MISCONFIGURED_INCREMENTAL_HYDRATION */, 'Angular has detected that some `@defer` blocks use `hydrate` triggers, ' +
+function warnIncrementalHydrationNotConfigured() {
+    if (!incrementalHydrationEnabledWarned) {
+        incrementalHydrationEnabledWarned = true;
+        console.warn(formatRuntimeError(508 /* RuntimeErrorCode.MISCONFIGURED_INCREMENTAL_HYDRATION */, 'Angular has detected that some `@defer` blocks use `hydrate` triggers, ' +
             'but incremental hydration was not enabled. Please ensure that the `withIncrementalHydration()` ' +
             'call is added as an argument for the `provideClientHydration()` function call ' +
-            'in your application config.');
+            'in your application config.'));
     }
 }
 /** Throws an error if the ssrUniqueId on the LDeferBlockDetails is not present  */
@@ -4727,6 +4756,20 @@ function getHydrateTimerTrigger(blockData) {
     const trigger = blockData[DEFER_HYDRATE_TRIGGERS]?.find((t) => isTimerTrigger(t));
     return trigger?.delay ?? null;
 }
+function getHydrateViewportTrigger(blockData) {
+    const details = blockData[DEFER_HYDRATE_TRIGGERS];
+    if (details) {
+        for (const current of details) {
+            if (current === 2 /* DeferBlockTrigger.Viewport */) {
+                return true;
+            }
+            else if (typeof current === 'object' && current.trigger === 2 /* DeferBlockTrigger.Viewport */) {
+                return current.intersectionObserverOptions || true;
+            }
+        }
+    }
+    return null;
+}
 function hasHydrateTrigger(blockData, trigger) {
     return blockData[DEFER_HYDRATE_TRIGGERS]?.includes(trigger) ?? false;
 }
@@ -4741,7 +4784,7 @@ function createBlockSummary(blockInfo) {
             idle: hasHydrateTrigger(blockInfo, 0 /* DeferBlockTrigger.Idle */),
             immediate: hasHydrateTrigger(blockInfo, 1 /* DeferBlockTrigger.Immediate */),
             timer: getHydrateTimerTrigger(blockInfo),
-            viewport: hasHydrateTrigger(blockInfo, 2 /* DeferBlockTrigger.Viewport */),
+            viewport: getHydrateViewportTrigger(blockInfo),
         },
     };
 }
@@ -7337,117 +7380,380 @@ function determineLongestAnimationFromElementAnimations(el, animationsMap, anima
 }
 const allLeavingAnimations = new Set();
 
+/** Actions that are supported by the tracing framework. */
+var TracingAction;
+(function (TracingAction) {
+    TracingAction[TracingAction["CHANGE_DETECTION"] = 0] = "CHANGE_DETECTION";
+    TracingAction[TracingAction["AFTER_NEXT_RENDER"] = 1] = "AFTER_NEXT_RENDER";
+})(TracingAction || (TracingAction = {}));
 /**
- * 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.
+ * Injection token for a `TracingService`, optionally provided.
  */
-const ANIMATION_QUEUE = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'AnimationQueue' : '', {
-    providedIn: 'root',
-    factory: () => {
-        return {
-            queue: new Set(),
-            isScheduled: false,
-        };
-    },
-});
+const TracingService = new InjectionToken(typeof ngDevMode !== undefined && ngDevMode ? 'TracingService' : '');
+
+const markedFeatures = new Set();
+// tslint:disable:ban
 /**
- * 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.
+ * A guarded `performance.mark` for feature marking.
  *
- * @publicApi 20.2
+ * This method exists because while all supported browser and node.js version supported by Angular
+ * support performance.mark API. This is not the case for other environments such as JSDOM and
+ * Cloudflare workers.
  */
-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 performanceMarkFeature(feature) {
+    if (markedFeatures.has(feature)) {
+        return;
+    }
+    markedFeatures.add(feature);
+    performance?.mark?.('mark_feature_usage', { detail: { feature } });
+}
 
-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);
-        }
+class AfterRenderManager {
+    impl = null;
+    execute() {
+        this.impl?.execute();
     }
+    /** @nocollapse */
+    static ɵprov = /** @pureOrBreakMyCode */ /* @__PURE__ */ __defineInjectable({
+        token: AfterRenderManager,
+        providedIn: 'root',
+        factory: () => new AfterRenderManager(),
+    });
 }
-/**
- * NOTE: for performance reasons, the possible actions are inlined within the function instead of
- * being passed as an argument.
- */
-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"
-    // in `i18n_spec.ts`.
-    if (lNodeToHandle != null) {
-        let lContainer;
-        let isComponent = false;
-        // We are expecting an RNode, but in the case of a component or LContainer the `RNode` is
-        // wrapped in an array which needs to be unwrapped. We need to know if it is a component and if
-        // it has LContainer so that we can process all of those cases appropriately.
-        if (isLContainer(lNodeToHandle)) {
-            lContainer = lNodeToHandle;
-        }
-        else if (isLView(lNodeToHandle)) {
-            isComponent = true;
-            ngDevMode && assertDefined(lNodeToHandle[HOST], 'HOST must be defined for a component LView');
-            lNodeToHandle = lNodeToHandle[HOST];
+const AFTER_RENDER_PHASES = /* @__PURE__ **/ (() => [
+    0 /* AfterRenderPhase.EarlyRead */,
+    1 /* AfterRenderPhase.Write */,
+    2 /* AfterRenderPhase.MixedReadWrite */,
+    3 /* AfterRenderPhase.Read */,
+])();
+class AfterRenderImpl {
+    ngZone = inject(NgZone);
+    scheduler = inject(ChangeDetectionScheduler);
+    errorHandler = inject(ErrorHandler, { optional: true });
+    /** Current set of active sequences. */
+    sequences = new Set();
+    /** Tracks registrations made during the current set of executions. */
+    deferredRegistrations = new Set();
+    /** Whether the `AfterRenderManager` is currently executing hooks. */
+    executing = false;
+    constructor() {
+        // Inject the tracing service to make sure it's initialized.
+        inject(TracingService, { optional: true });
+    }
+    /**
+     * Run the sequence of phases of hooks, once through. As a result of executing some hooks, more
+     * might be scheduled.
+     */
+    execute() {
+        const hasSequencesToExecute = this.sequences.size > 0;
+        if (hasSequencesToExecute) {
+            profiler(16 /* ProfilerEvent.AfterRenderHooksStart */);
         }
-        const rNode = unwrapRNode(lNodeToHandle);
-        if (action === 0 /* WalkTNodeTreeAction.Create */ && parent !== null) {
-            maybeQueueEnterAnimation(parentLView, parent, tNode, injector);
-            if (beforeNode == null) {
-                nativeAppendChild(renderer, parent, rNode);
+        this.executing = true;
+        for (const phase of AFTER_RENDER_PHASES) {
+            for (const sequence of this.sequences) {
+                if (sequence.erroredOrDestroyed || !sequence.hooks[phase]) {
+                    continue;
+                }
+                try {
+                    sequence.pipelinedValue = this.ngZone.runOutsideAngular(() => this.maybeTrace(() => {
+                        const hookFn = sequence.hooks[phase];
+                        const value = hookFn(sequence.pipelinedValue);
+                        return value;
+                    }, sequence.snapshot));
+                }
+                catch (err) {
+                    sequence.erroredOrDestroyed = true;
+                    this.errorHandler?.handleError(err);
+                }
             }
-            else {
-                nativeInsertBefore(renderer, parent, rNode, beforeNode || null, true);
+        }
+        this.executing = false;
+        // Cleanup step to reset sequence state and also collect one-shot sequences for removal.
+        for (const sequence of this.sequences) {
+            sequence.afterRun();
+            if (sequence.once) {
+                this.sequences.delete(sequence);
+                // Destroy the sequence so its on destroy callbacks can be cleaned up
+                // immediately, instead of waiting until the injector is destroyed.
+                sequence.destroy();
             }
         }
-        else if (action === 1 /* WalkTNodeTreeAction.Insert */ && parent !== null) {
-            maybeQueueEnterAnimation(parentLView, parent, tNode, injector);
-            nativeInsertBefore(renderer, parent, rNode, beforeNode || null, true);
+        for (const sequence of this.deferredRegistrations) {
+            this.sequences.add(sequence);
         }
-        else if (action === 2 /* WalkTNodeTreeAction.Detach */) {
-            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.
-                nativeRemoveNode(renderer, rNode, isComponent, nodeHasLeaveAnimations);
-            });
+        if (this.deferredRegistrations.size > 0) {
+            this.scheduler.notify(7 /* NotificationSource.RenderHook */);
         }
-        else if (action === 3 /* WalkTNodeTreeAction.Destroy */) {
-            runLeaveAnimationsWithCallback(parentLView, tNode, injector, () => {
-                renderer.destroyNode(rNode);
-            });
+        this.deferredRegistrations.clear();
+        if (hasSequencesToExecute) {
+            profiler(17 /* ProfilerEvent.AfterRenderHooksEnd */);
         }
-        if (lContainer != null) {
-            applyContainer(renderer, action, injector, lContainer, tNode, parent, beforeNode);
+    }
+    register(sequence) {
+        const { view } = sequence;
+        if (view !== undefined) {
+            // Delay adding it to the manager, add it to the view instead.
+            (view[AFTER_RENDER_SEQUENCES_TO_ADD] ??= []).push(sequence);
+            // Mark the view for traversal to ensure we eventually schedule the afterNextRender.
+            markAncestorsForTraversal(view);
+            view[FLAGS] |= 8192 /* LViewFlags.HasChildViewsToRefresh */;
+        }
+        else if (!this.executing) {
+            this.addSequence(sequence);
+        }
+        else {
+            this.deferredRegistrations.add(sequence);
         }
     }
-}
-function addToAnimationQueue(injector, animationFns) {
-    const animationQueue = injector.get(ANIMATION_QUEUE);
-    if (Array.isArray(animationFns)) {
-        for (const animateFn of animationFns) {
-            animationQueue.queue.add(animateFn);
+    addSequence(sequence) {
+        this.sequences.add(sequence);
+        // Trigger an `ApplicationRef.tick()` if one is not already pending/running, because we have a
+        // new render hook that needs to run.
+        this.scheduler.notify(7 /* NotificationSource.RenderHook */);
+    }
+    unregister(sequence) {
+        if (this.executing && this.sequences.has(sequence)) {
+            // We can't remove an `AfterRenderSequence` in the middle of iteration.
+            // Instead, mark it as destroyed so it doesn't run any more, and mark it as one-shot so it'll
+            // be removed at the end of the current execution.
+            sequence.erroredOrDestroyed = true;
+            sequence.pipelinedValue = undefined;
+            sequence.once = true;
+        }
+        else {
+            // It's safe to directly remove this sequence.
+            this.sequences.delete(sequence);
+            this.deferredRegistrations.delete(sequence);
         }
     }
-    else {
-        animationQueue.queue.add(animationFns);
+    maybeTrace(fn, snapshot) {
+        // Only trace the execution if the snapshot is defined.
+        return snapshot ? snapshot.run(TracingAction.AFTER_NEXT_RENDER, fn) : fn();
     }
-}
-/**
- * Removes all DOM elements associated with a view.
+    /** @nocollapse */
+    static ɵprov = /** @pureOrBreakMyCode */ /* @__PURE__ */ __defineInjectable({
+        token: AfterRenderImpl,
+        providedIn: 'root',
+        factory: () => new AfterRenderImpl(),
+    });
+}
+class AfterRenderSequence {
+    impl;
+    hooks;
+    view;
+    once;
+    snapshot;
+    /**
+     * Whether this sequence errored or was destroyed during this execution, and hooks should no
+     * longer run for it.
+     */
+    erroredOrDestroyed = false;
+    /**
+     * The value returned by the last hook execution (if any), ready to be pipelined into the next
+     * one.
+     */
+    pipelinedValue = undefined;
+    unregisterOnDestroy;
+    constructor(impl, hooks, view, once, destroyRef, snapshot = null) {
+        this.impl = impl;
+        this.hooks = hooks;
+        this.view = view;
+        this.once = once;
+        this.snapshot = snapshot;
+        this.unregisterOnDestroy = destroyRef?.onDestroy(() => this.destroy());
+    }
+    afterRun() {
+        this.erroredOrDestroyed = false;
+        this.pipelinedValue = undefined;
+        // Clear the tracing snapshot after the initial run. This snapshot only
+        // associates the initial run of the hook with the context that created it.
+        // Follow-up runs are independent of that initial context and have different
+        // triggers.
+        this.snapshot?.dispose();
+        this.snapshot = null;
+    }
+    destroy() {
+        this.impl.unregister(this);
+        this.unregisterOnDestroy?.();
+        const scheduled = this.view?.[AFTER_RENDER_SEQUENCES_TO_ADD];
+        if (scheduled) {
+            this.view[AFTER_RENDER_SEQUENCES_TO_ADD] = scheduled.filter((s) => s !== this);
+        }
+    }
+}
+
+function afterEveryRender(callbackOrSpec, options) {
+    ngDevMode &&
+        assertNotInReactiveContext(afterEveryRender, 'Call `afterEveryRender` outside of a reactive context. For example, schedule the render ' +
+            'callback inside the component constructor`.');
+    if (ngDevMode && !options?.injector) {
+        assertInInjectionContext(afterEveryRender);
+    }
+    const injector = options?.injector ?? inject(Injector);
+    if (typeof ngServerMode !== 'undefined' && ngServerMode) {
+        return NOOP_AFTER_RENDER_REF;
+    }
+    performanceMarkFeature('NgAfterRender');
+    return afterEveryRenderImpl(callbackOrSpec, injector, options, /* once */ false);
+}
+function afterNextRender(callbackOrSpec, options) {
+    if (ngDevMode && !options?.injector) {
+        assertInInjectionContext(afterNextRender);
+    }
+    const injector = options?.injector ?? inject(Injector);
+    if (typeof ngServerMode !== 'undefined' && ngServerMode) {
+        return NOOP_AFTER_RENDER_REF;
+    }
+    performanceMarkFeature('NgAfterNextRender');
+    return afterEveryRenderImpl(callbackOrSpec, injector, options, /* once */ true);
+}
+function getHooks(callbackOrSpec) {
+    if (callbackOrSpec instanceof Function) {
+        return [undefined, undefined, /* MixedReadWrite */ callbackOrSpec, undefined];
+    }
+    else {
+        return [
+            callbackOrSpec.earlyRead,
+            callbackOrSpec.write,
+            callbackOrSpec.mixedReadWrite,
+            callbackOrSpec.read,
+        ];
+    }
+}
+/**
+ * Shared implementation for `afterEveryRender` and `afterNextRender`.
+ */
+function afterEveryRenderImpl(callbackOrSpec, injector, options, once) {
+    const manager = injector.get(AfterRenderManager);
+    // Lazily initialize the handler implementation, if necessary. This is so that it can be
+    // tree-shaken if `afterEveryRender` and `afterNextRender` aren't used.
+    manager.impl ??= injector.get(AfterRenderImpl);
+    const tracing = injector.get(TracingService, null, { optional: true });
+    const destroyRef = options?.manualCleanup !== true ? injector.get(DestroyRef) : null;
+    const viewContext = injector.get(ViewContext, null, { optional: true });
+    const sequence = new AfterRenderSequence(manager.impl, getHooks(callbackOrSpec), viewContext?.view, once, destroyRef, tracing?.snapshot(null));
+    manager.impl.register(sequence);
+    return sequence;
+}
+/** `AfterRenderRef` that does nothing. */
+const NOOP_AFTER_RENDER_REF = {
+    destroy() { },
+};
+
+/**
+ * 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,
+            scheduler: null,
+        };
+    },
+});
+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);
+    }
+    animationQueue.scheduler && animationQueue.scheduler(injector);
+}
+function scheduleAnimationQueue(injector) {
+    const animationQueue = injector.get(ANIMATION_QUEUE);
+    // We only want to schedule the animation queue if it hasn't already been scheduled.
+    if (!animationQueue.isScheduled) {
+        afterNextRender(() => {
+            animationQueue.isScheduled = false;
+            for (let animateFn of animationQueue.queue) {
+                animateFn();
+            }
+            animationQueue.queue.clear();
+        }, { injector });
+        animationQueue.isScheduled = true;
+    }
+}
+function initializeAnimationQueueScheduler(injector) {
+    const animationQueue = injector.get(ANIMATION_QUEUE);
+    animationQueue.scheduler = scheduleAnimationQueue;
+    animationQueue.scheduler(injector);
+}
+function queueEnterAnimations(injector, enterAnimations) {
+    for (const [_, nodeAnimations] of enterAnimations) {
+        addToAnimationQueue(injector, nodeAnimations.animateFns);
+    }
+}
+
+function maybeQueueEnterAnimation(parentLView, parent, tNode, injector) {
+    const enterAnimations = parentLView?.[ANIMATIONS]?.enter;
+    if (parent !== null && enterAnimations && enterAnimations.has(tNode.index)) {
+        queueEnterAnimations(injector, enterAnimations);
+    }
+}
+/**
+ * NOTE: for performance reasons, the possible actions are inlined within the function instead of
+ * being passed as an argument.
+ */
+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"
+    // in `i18n_spec.ts`.
+    if (lNodeToHandle != null) {
+        let lContainer;
+        let isComponent = false;
+        // We are expecting an RNode, but in the case of a component or LContainer the `RNode` is
+        // wrapped in an array which needs to be unwrapped. We need to know if it is a component and if
+        // it has LContainer so that we can process all of those cases appropriately.
+        if (isLContainer(lNodeToHandle)) {
+            lContainer = lNodeToHandle;
+        }
+        else if (isLView(lNodeToHandle)) {
+            isComponent = true;
+            ngDevMode && assertDefined(lNodeToHandle[HOST], 'HOST must be defined for a component LView');
+            lNodeToHandle = lNodeToHandle[HOST];
+        }
+        const rNode = unwrapRNode(lNodeToHandle);
+        if (action === 0 /* WalkTNodeTreeAction.Create */ && parent !== null) {
+            maybeQueueEnterAnimation(parentLView, parent, tNode, injector);
+            if (beforeNode == null) {
+                nativeAppendChild(renderer, parent, rNode);
+            }
+            else {
+                nativeInsertBefore(renderer, parent, rNode, beforeNode || null, true);
+            }
+        }
+        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, 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.
+                nativeRemoveNode(renderer, rNode, isComponent, nodeHasLeaveAnimations);
+            });
+        }
+        else if (action === 3 /* WalkTNodeTreeAction.Destroy */) {
+            runLeaveAnimationsWithCallback(parentLView, tNode, injector, () => {
+                renderer.destroyNode(rNode);
+            });
+        }
+        if (lContainer != null) {
+            applyContainer(renderer, action, injector, lContainer, tNode, parent, beforeNode);
+        }
+    }
+}
+/**
+ * Removes all DOM elements associated with a view.
  *
  * Because some root nodes of the view may be containers, we sometimes need
  * to propagate deeply into the nested containers to remove all elements in the
@@ -7629,6 +7935,8 @@ function runLeaveAnimationsWithCallback(lView, tNode, injector, callback) {
         animations.skipLeaveAnimations = false;
         return callback(false);
     }
+    if (lView)
+        allLeavingAnimations.add(lView);
     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
@@ -13771,7 +14079,7 @@ class ComponentFactory extends ComponentFactory$1 {
 }
 function createRootTView(rootSelectorOrNode, componentDef, componentBindings, directives) {
     const tAttributes = rootSelectorOrNode
-        ? ['ng-version', '21.0.0-next.7']
+        ? ['ng-version', '21.0.0-next.9']
         : // Extract attributes and classes from the first selector only to match VE behavior.
             extractAttrsAndClassesFromSelector(componentDef.selectors[0]);
     let creationBindings = null;
@@ -15077,23 +15385,6 @@ function ɵɵvalidateIframeAttribute(attrValue, tagName, attrName) {
     return attrValue;
 }
 
-const markedFeatures = new Set();
-// tslint:disable:ban
-/**
- * A guarded `performance.mark` for feature marking.
- *
- * This method exists because while all supported browser and node.js version supported by Angular
- * support performance.mark API. This is not the case for other environments such as JSDOM and
- * Cloudflare workers.
- */
-function performanceMarkFeature(feature) {
-    if (markedFeatures.has(feature)) {
-        return;
-    }
-    markedFeatures.add(feature);
-    performance?.mark?.('mark_feature_usage', { detail: { feature } });
-}
-
 /**
  * Represents an instance of an `NgModule` created by an `NgModuleFactory`.
  * Provides access to the `NgModule` instance and related objects.
@@ -16436,258 +16727,14 @@ function getCleanupFnKeyByType(type) {
     return key;
 }
 
-/** Actions that are supported by the tracing framework. */
-var TracingAction;
-(function (TracingAction) {
-    TracingAction[TracingAction["CHANGE_DETECTION"] = 0] = "CHANGE_DETECTION";
-    TracingAction[TracingAction["AFTER_NEXT_RENDER"] = 1] = "AFTER_NEXT_RENDER";
-})(TracingAction || (TracingAction = {}));
 /**
- * Injection token for a `TracingService`, optionally provided.
+ * Calculates a data slot index for defer block info (either static or
+ * instance-specific), given an index of a defer instruction.
  */
-const TracingService = new InjectionToken(typeof ngDevMode !== undefined && ngDevMode ? 'TracingService' : '');
-
-class AfterRenderManager {
-    impl = null;
-    execute() {
-        this.impl?.execute();
-    }
-    /** @nocollapse */
-    static ɵprov = /** @pureOrBreakMyCode */ /* @__PURE__ */ __defineInjectable({
-        token: AfterRenderManager,
-        providedIn: 'root',
-        factory: () => new AfterRenderManager(),
-    });
-}
-const AFTER_RENDER_PHASES = /* @__PURE__ **/ (() => [
-    0 /* AfterRenderPhase.EarlyRead */,
-    1 /* AfterRenderPhase.Write */,
-    2 /* AfterRenderPhase.MixedReadWrite */,
-    3 /* AfterRenderPhase.Read */,
-])();
-class AfterRenderImpl {
-    ngZone = inject(NgZone);
-    scheduler = inject(ChangeDetectionScheduler);
-    errorHandler = inject(ErrorHandler, { optional: true });
-    /** Current set of active sequences. */
-    sequences = new Set();
-    /** Tracks registrations made during the current set of executions. */
-    deferredRegistrations = new Set();
-    /** Whether the `AfterRenderManager` is currently executing hooks. */
-    executing = false;
-    constructor() {
-        // Inject the tracing service to make sure it's initialized.
-        inject(TracingService, { optional: true });
-    }
-    /**
-     * Run the sequence of phases of hooks, once through. As a result of executing some hooks, more
-     * might be scheduled.
-     */
-    execute() {
-        const hasSequencesToExecute = this.sequences.size > 0;
-        if (hasSequencesToExecute) {
-            profiler(16 /* ProfilerEvent.AfterRenderHooksStart */);
-        }
-        this.executing = true;
-        for (const phase of AFTER_RENDER_PHASES) {
-            for (const sequence of this.sequences) {
-                if (sequence.erroredOrDestroyed || !sequence.hooks[phase]) {
-                    continue;
-                }
-                try {
-                    sequence.pipelinedValue = this.ngZone.runOutsideAngular(() => this.maybeTrace(() => {
-                        const hookFn = sequence.hooks[phase];
-                        const value = hookFn(sequence.pipelinedValue);
-                        return value;
-                    }, sequence.snapshot));
-                }
-                catch (err) {
-                    sequence.erroredOrDestroyed = true;
-                    this.errorHandler?.handleError(err);
-                }
-            }
-        }
-        this.executing = false;
-        // Cleanup step to reset sequence state and also collect one-shot sequences for removal.
-        for (const sequence of this.sequences) {
-            sequence.afterRun();
-            if (sequence.once) {
-                this.sequences.delete(sequence);
-                // Destroy the sequence so its on destroy callbacks can be cleaned up
-                // immediately, instead of waiting until the injector is destroyed.
-                sequence.destroy();
-            }
-        }
-        for (const sequence of this.deferredRegistrations) {
-            this.sequences.add(sequence);
-        }
-        if (this.deferredRegistrations.size > 0) {
-            this.scheduler.notify(7 /* NotificationSource.RenderHook */);
-        }
-        this.deferredRegistrations.clear();
-        if (hasSequencesToExecute) {
-            profiler(17 /* ProfilerEvent.AfterRenderHooksEnd */);
-        }
-    }
-    register(sequence) {
-        const { view } = sequence;
-        if (view !== undefined) {
-            // Delay adding it to the manager, add it to the view instead.
-            (view[AFTER_RENDER_SEQUENCES_TO_ADD] ??= []).push(sequence);
-            // Mark the view for traversal to ensure we eventually schedule the afterNextRender.
-            markAncestorsForTraversal(view);
-            view[FLAGS] |= 8192 /* LViewFlags.HasChildViewsToRefresh */;
-        }
-        else if (!this.executing) {
-            this.addSequence(sequence);
-        }
-        else {
-            this.deferredRegistrations.add(sequence);
-        }
-    }
-    addSequence(sequence) {
-        this.sequences.add(sequence);
-        // Trigger an `ApplicationRef.tick()` if one is not already pending/running, because we have a
-        // new render hook that needs to run.
-        this.scheduler.notify(7 /* NotificationSource.RenderHook */);
-    }
-    unregister(sequence) {
-        if (this.executing && this.sequences.has(sequence)) {
-            // We can't remove an `AfterRenderSequence` in the middle of iteration.
-            // Instead, mark it as destroyed so it doesn't run any more, and mark it as one-shot so it'll
-            // be removed at the end of the current execution.
-            sequence.erroredOrDestroyed = true;
-            sequence.pipelinedValue = undefined;
-            sequence.once = true;
-        }
-        else {
-            // It's safe to directly remove this sequence.
-            this.sequences.delete(sequence);
-            this.deferredRegistrations.delete(sequence);
-        }
-    }
-    maybeTrace(fn, snapshot) {
-        // Only trace the execution if the snapshot is defined.
-        return snapshot ? snapshot.run(TracingAction.AFTER_NEXT_RENDER, fn) : fn();
-    }
-    /** @nocollapse */
-    static ɵprov = /** @pureOrBreakMyCode */ /* @__PURE__ */ __defineInjectable({
-        token: AfterRenderImpl,
-        providedIn: 'root',
-        factory: () => new AfterRenderImpl(),
-    });
-}
-class AfterRenderSequence {
-    impl;
-    hooks;
-    view;
-    once;
-    snapshot;
-    /**
-     * Whether this sequence errored or was destroyed during this execution, and hooks should no
-     * longer run for it.
-     */
-    erroredOrDestroyed = false;
-    /**
-     * The value returned by the last hook execution (if any), ready to be pipelined into the next
-     * one.
-     */
-    pipelinedValue = undefined;
-    unregisterOnDestroy;
-    constructor(impl, hooks, view, once, destroyRef, snapshot = null) {
-        this.impl = impl;
-        this.hooks = hooks;
-        this.view = view;
-        this.once = once;
-        this.snapshot = snapshot;
-        this.unregisterOnDestroy = destroyRef?.onDestroy(() => this.destroy());
-    }
-    afterRun() {
-        this.erroredOrDestroyed = false;
-        this.pipelinedValue = undefined;
-        // Clear the tracing snapshot after the initial run. This snapshot only
-        // associates the initial run of the hook with the context that created it.
-        // Follow-up runs are independent of that initial context and have different
-        // triggers.
-        this.snapshot?.dispose();
-        this.snapshot = null;
-    }
-    destroy() {
-        this.impl.unregister(this);
-        this.unregisterOnDestroy?.();
-        const scheduled = this.view?.[AFTER_RENDER_SEQUENCES_TO_ADD];
-        if (scheduled) {
-            this.view[AFTER_RENDER_SEQUENCES_TO_ADD] = scheduled.filter((s) => s !== this);
-        }
-    }
-}
-
-function afterEveryRender(callbackOrSpec, options) {
-    ngDevMode &&
-        assertNotInReactiveContext(afterEveryRender, 'Call `afterEveryRender` outside of a reactive context. For example, schedule the render ' +
-            'callback inside the component constructor`.');
-    if (ngDevMode && !options?.injector) {
-        assertInInjectionContext(afterEveryRender);
-    }
-    const injector = options?.injector ?? inject(Injector);
-    if (typeof ngServerMode !== 'undefined' && ngServerMode) {
-        return NOOP_AFTER_RENDER_REF;
-    }
-    performanceMarkFeature('NgAfterRender');
-    return afterEveryRenderImpl(callbackOrSpec, injector, options, /* once */ false);
-}
-function afterNextRender(callbackOrSpec, options) {
-    if (ngDevMode && !options?.injector) {
-        assertInInjectionContext(afterNextRender);
-    }
-    const injector = options?.injector ?? inject(Injector);
-    if (typeof ngServerMode !== 'undefined' && ngServerMode) {
-        return NOOP_AFTER_RENDER_REF;
-    }
-    performanceMarkFeature('NgAfterNextRender');
-    return afterEveryRenderImpl(callbackOrSpec, injector, options, /* once */ true);
-}
-function getHooks(callbackOrSpec) {
-    if (callbackOrSpec instanceof Function) {
-        return [undefined, undefined, /* MixedReadWrite */ callbackOrSpec, undefined];
-    }
-    else {
-        return [
-            callbackOrSpec.earlyRead,
-            callbackOrSpec.write,
-            callbackOrSpec.mixedReadWrite,
-            callbackOrSpec.read,
-        ];
-    }
-}
-/**
- * Shared implementation for `afterEveryRender` and `afterNextRender`.
- */
-function afterEveryRenderImpl(callbackOrSpec, injector, options, once) {
-    const manager = injector.get(AfterRenderManager);
-    // Lazily initialize the handler implementation, if necessary. This is so that it can be
-    // tree-shaken if `afterEveryRender` and `afterNextRender` aren't used.
-    manager.impl ??= injector.get(AfterRenderImpl);
-    const tracing = injector.get(TracingService, null, { optional: true });
-    const destroyRef = options?.manualCleanup !== true ? injector.get(DestroyRef) : null;
-    const viewContext = injector.get(ViewContext, null, { optional: true });
-    const sequence = new AfterRenderSequence(manager.impl, getHooks(callbackOrSpec), viewContext?.view, once, destroyRef, tracing?.snapshot(null));
-    manager.impl.register(sequence);
-    return sequence;
-}
-/** `AfterRenderRef` that does nothing. */
-const NOOP_AFTER_RENDER_REF = {
-    destroy() { },
-};
-
-/**
- * Calculates a data slot index for defer block info (either static or
- * instance-specific), given an index of a defer instruction.
- */
-function getDeferBlockDataIndex(deferBlockIndex) {
-    // Instance state is located at the *next* position
-    // after the defer block slot in an LView or TView.data.
-    return deferBlockIndex + 1;
+function getDeferBlockDataIndex(deferBlockIndex) {
+    // Instance state is located at the *next* position
+    // after the defer block slot in an LView or TView.data.
+    return deferBlockIndex + 1;
 }
 /** Retrieves a defer block state from an LView, given a TNode that represents a block. */
 function getLDeferBlockDetails(lView, tNode) {
@@ -16831,9 +16878,9 @@ function trackTriggerForDebugging(tView, tNode, textRepresentation) {
  * @param callback Callback to be invoked when the trigger comes into the viewport.
  * @param injector Injector that can be used by the trigger to resolve DI tokens.
  */
-function onViewportWrapper(trigger, callback, injector) {
+function onViewportWrapper(trigger, callback, injector, wrapperOptions) {
     const ngZone = injector.get(NgZone);
-    return onViewport(trigger, () => ngZone.run(callback), () => ngZone.runOutsideAngular(() => createIntersectionObserver()));
+    return onViewport(trigger, () => ngZone.run(callback), (options) => ngZone.runOutsideAngular(() => createIntersectionObserver(options)), wrapperOptions);
 }
 /**
  * Helper function to get the LView in which a deferred block's trigger is rendered.
@@ -16886,7 +16933,7 @@ function getTriggerElement(triggerLView, triggerIndex) {
  *     the deferred block.
  * @param type Trigger type to distinguish between regular and prefetch triggers.
  */
-function registerDomTrigger(initialLView, tNode, triggerIndex, walkUpTimes, registerFn, callback, type) {
+function registerDomTrigger(initialLView, tNode, triggerIndex, walkUpTimes, registerFn, callback, type, options) {
     const injector = initialLView[INJECTOR];
     const zone = injector.get(NgZone);
     let poll;
@@ -16925,7 +16972,7 @@ function registerDomTrigger(initialLView, tNode, triggerIndex, walkUpTimes, regi
                 }
                 callback();
             });
-        }, injector);
+        }, injector, options);
         // The trigger and deferred block might be in different LViews.
         // For the main LView the cleanup would happen as a part of
         // `storeTriggerCleanupFn` logic. For trigger LView we register
@@ -17744,6 +17791,9 @@ function injectorProfilerEventHandler(injectorProfilerEvent) {
     else if (type === 3 /* InjectorProfilerEventType.EffectCreated */) {
         handleEffectCreatedEvent(context, injectorProfilerEvent.effect);
     }
+    else if (type === 4 /* InjectorProfilerEventType.AfterRenderEffectPhaseCreated */) {
+        handleEffectCreatedEvent(context, injectorProfilerEvent.effectPhase);
+    }
 }
 function handleEffectCreatedEvent(context, effect) {
     const diResolver = getDIResolver(context.injector);
@@ -18754,7 +18804,15 @@ function extractEffectsFromInjector(injector) {
     }
     const resolverToEffects = getFrameworkDIDebugData().resolverToEffects;
     const effects = resolverToEffects.get(diResolver) ?? [];
-    return effects.map((effect) => effect[SIGNAL]);
+    return effects.map((effect) => {
+        if (effect instanceof EffectRefImpl) {
+            return effect[SIGNAL];
+        }
+        else {
+            // Narrowing down afterRenderEffect phases
+            return effect.signal[SIGNAL];
+        }
+    });
 }
 function extractSignalNodesAndEdgesFromRoots(nodes, signalDependenciesMap = new Map()) {
     for (const node of nodes) {
@@ -18813,7 +18871,7 @@ function measureEnd(startEvent, entryName, color) {
 }
 const chromeDevToolsInjectorProfiler = (event) => {
     const eventType = event.type;
-    if (eventType === 4 /* InjectorProfilerEventType.InjectorToCreateInstanceEvent */) {
+    if (eventType === 5 /* InjectorProfilerEventType.InjectorToCreateInstanceEvent */) {
         measureStart(100 /* ProfilerDIEvent.InjectorToCreateInstanceEvent */);
     }
     else if (eventType === 1 /* InjectorProfilerEventType.InstanceCreatedByInjector */) {
@@ -20196,7 +20254,7 @@ function scheduleDelayedTrigger(scheduleFn) {
  *
  * @param scheduleFn A function that does the scheduling.
  */
-function scheduleDelayedPrefetching(scheduleFn, trigger) {
+function scheduleDelayedPrefetching(scheduleFn) {
     if (typeof ngServerMode !== 'undefined' && ngServerMode)
         return;
     const lView = getLView();
@@ -20652,6 +20710,9 @@ function processAndInitTriggers(injector, blockData, nodes) {
                     timerElements.push(elementTrigger);
                 }
                 if (blockSummary.hydrate.viewport) {
+                    if (typeof blockSummary.hydrate.viewport !== 'boolean') {
+                        elementTrigger.intersectionObserverOptions = blockSummary.hydrate.viewport;
+                    }
                     viewportElements.push(elementTrigger);
                 }
             }
@@ -20674,7 +20735,7 @@ function setViewportTriggers(injector, elementTriggers) {
     if (elementTriggers.length > 0) {
         const registry = injector.get(DEHYDRATED_BLOCK_REGISTRY);
         for (let elementTrigger of elementTriggers) {
-            const cleanupFn = onViewportWrapper(elementTrigger.el, () => triggerHydrationFromBlockName(injector, elementTrigger.blockName), injector);
+            const cleanupFn = onViewportWrapper(elementTrigger.el, () => triggerHydrationFromBlockName(injector, elementTrigger.blockName), injector, elementTrigger.intersectionObserverOptions);
             registry.addCleanupFn(elementTrigger.blockName, cleanupFn);
         }
     }
@@ -20742,14 +20803,15 @@ function ɵɵdefer(index, primaryTmplIndex, dependencyResolverFn, loadingTmplInd
     const adjustedIndex = index + HEADER_OFFSET;
     const tNode = declareNoDirectiveHostTemplate(lView, tView, index, null, 0, 0);
     const injector = lView[INJECTOR];
+    const incrementalHydrationEnabled = isIncrementalHydrationEnabled(injector);
     if (tView.firstCreatePass) {
         performanceMarkFeature('NgDefer');
         if (ngDevMode) {
             if (typeof ngHmrMode !== 'undefined' && ngHmrMode) {
                 logHmrWarning(injector);
             }
-            if (hasHydrateTriggers(flags)) {
-                assertIncrementalHydrationIsConfigured(injector);
+            if (hasHydrateTriggers(flags) && !incrementalHydrationEnabled) {
+                warnIncrementalHydrationNotConfigured();
             }
         }
         const tDetails = {
@@ -20797,7 +20859,7 @@ function ɵɵdefer(index, primaryTmplIndex, dependencyResolverFn, loadingTmplInd
     ];
     setLDeferBlockDetails(lView, adjustedIndex, lDetails);
     let registry = null;
-    if (ssrUniqueId !== null) {
+    if (ssrUniqueId !== null && incrementalHydrationEnabled) {
         // Store this defer block in the registry, to have an access to
         // internal data structures from hydration runtime code.
         registry = injector.get(DEHYDRATED_BLOCK_REGISTRY);
@@ -21097,7 +21159,7 @@ function ɵɵdeferHydrateOnTimer(delay) {
     if (!shouldAttachTrigger(2 /* TriggerType.Hydrate */, lView, tNode))
         return;
     const hydrateTriggers = getHydrateTriggers(getTView(), tNode);
-    hydrateTriggers.set(5 /* DeferBlockTrigger.Timer */, { delay });
+    hydrateTriggers.set(5 /* DeferBlockTrigger.Timer */, { type: 5 /* DeferBlockTrigger.Timer */, delay });
     if (typeof ngServerMode !== 'undefined' && ngServerMode) {
         // We are on the server and SSR for defer blocks is enabled.
         triggerDeferBlock(2 /* TriggerType.Hydrate */, lView, tNode);
@@ -21234,18 +21296,25 @@ function ɵɵdeferHydrateOnInteraction() {
  * @param walkUpTimes Number of times to walk up/down the tree hierarchy to find the trigger.
  * @codeGenApi
  */
-function ɵɵdeferOnViewport(triggerIndex, walkUpTimes) {
+function ɵɵdeferOnViewport(triggerIndex, walkUpTimes, options) {
     const lView = getLView();
     const tNode = getCurrentTNode();
     if (ngDevMode) {
-        trackTriggerForDebugging(lView[TVIEW], tNode, `on viewport${walkUpTimes === -1 ? '' : '(<target>)'}`);
+        const args = [];
+        if (walkUpTimes !== undefined && walkUpTimes !== -1) {
+            args.push('<target>');
+        }
+        if (options) {
+            args.push(JSON.stringify(options));
+        }
+        trackTriggerForDebugging(lView[TVIEW], tNode, `on viewport${args.length === 0 ? '' : `(${args.join(', ')})`}`);
     }
     if (!shouldAttachTrigger(0 /* TriggerType.Regular */, lView, tNode))
         return;
     renderPlaceholder(lView, tNode);
     // Avoid adding event listeners when this instruction is invoked on the server.
     if (!(typeof ngServerMode !== 'undefined' && ngServerMode)) {
-        registerDomTrigger(lView, tNode, triggerIndex, walkUpTimes, onViewportWrapper, () => triggerDeferBlock(0 /* TriggerType.Regular */, lView, tNode), 0 /* TriggerType.Regular */);
+        registerDomTrigger(lView, tNode, triggerIndex, walkUpTimes, onViewportWrapper, () => triggerDeferBlock(0 /* TriggerType.Regular */, lView, tNode), 0 /* TriggerType.Regular */, options);
     }
 }
 /**
@@ -21254,34 +21323,46 @@ function ɵɵdeferOnViewport(triggerIndex, walkUpTimes) {
  * @param walkUpTimes Number of times to walk up/down the tree hierarchy to find the trigger.
  * @codeGenApi
  */
-function ɵɵdeferPrefetchOnViewport(triggerIndex, walkUpTimes) {
+function ɵɵdeferPrefetchOnViewport(triggerIndex, walkUpTimes, options) {
     const lView = getLView();
     const tNode = getCurrentTNode();
     if (ngDevMode) {
-        trackTriggerForDebugging(lView[TVIEW], tNode, `prefetch on viewport${walkUpTimes === -1 ? '' : '(<target>)'}`);
+        const args = [];
+        if (walkUpTimes !== undefined && walkUpTimes !== -1) {
+            args.push('<target>');
+        }
+        if (options) {
+            args.push(JSON.stringify(options));
+        }
+        trackTriggerForDebugging(lView[TVIEW], tNode, `prefetch on viewport${args.length === 0 ? '' : `(${args.join(', ')})`}`);
     }
     if (!shouldAttachTrigger(1 /* TriggerType.Prefetch */, lView, tNode))
         return;
     const tView = lView[TVIEW];
     const tDetails = getTDeferBlockDetails(tView, tNode);
     if (tDetails.loadingState === DeferDependenciesLoadingState.NOT_STARTED) {
-        registerDomTrigger(lView, tNode, triggerIndex, walkUpTimes, onViewportWrapper, () => triggerPrefetching(tDetails, lView, tNode), 1 /* TriggerType.Prefetch */);
+        registerDomTrigger(lView, tNode, triggerIndex, walkUpTimes, onViewportWrapper, () => triggerPrefetching(tDetails, lView, tNode), 1 /* TriggerType.Prefetch */, options);
     }
 }
 /**
  * Creates runtime data structures for the `on viewport` hydrate trigger.
  * @codeGenApi
  */
-function ɵɵdeferHydrateOnViewport() {
+function ɵɵdeferHydrateOnViewport(options) {
     const lView = getLView();
     const tNode = getCurrentTNode();
     if (ngDevMode) {
-        trackTriggerForDebugging(lView[TVIEW], tNode, 'hydrate on viewport');
+        trackTriggerForDebugging(lView[TVIEW], tNode, `hydrate on viewport${options ? `(${JSON.stringify(options)})` : ''}`);
     }
     if (!shouldAttachTrigger(2 /* TriggerType.Hydrate */, lView, tNode))
         return;
     const hydrateTriggers = getHydrateTriggers(getTView(), tNode);
-    hydrateTriggers.set(2 /* DeferBlockTrigger.Viewport */, null);
+    hydrateTriggers.set(2 /* DeferBlockTrigger.Viewport */, options
+        ? {
+            type: 2 /* DeferBlockTrigger.Viewport */,
+            intersectionObserverOptions: options,
+        }
+        : null);
     if (typeof ngServerMode !== 'undefined' && ngServerMode) {
         // We are on the server and SSR for defer blocks is enabled.
         triggerDeferBlock(2 /* TriggerType.Hydrate */, lView, tNode);
@@ -21348,6 +21429,28 @@ 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' &&
@@ -21575,6 +21678,11 @@ function clearLViewNodeAnimationResolvers(lView, tNode) {
     if (nodeAnimations)
         nodeAnimations.resolvers = undefined;
 }
+function leaveAnimationFunctionCleanup(lView, tNode, nativeElement, resolvers, cleanupFns) {
+    clearLeavingNodes(tNode, nativeElement);
+    cleanupAfterLeaveAnimations(resolvers, cleanupFns);
+    clearLViewNodeAnimationResolvers(lView, tNode);
+}
 
 /**
  * Instruction to handle the `animate.enter` behavior for class bindings.
@@ -21597,7 +21705,13 @@ function ɵɵanimateEnter(value) {
     const tNode = getCurrentTNode();
     cancelLeavingNodes(tNode, lView);
     addAnimationToLView(getLViewEnterAnimations(lView), tNode, () => runEnterAnimation(lView, tNode, value));
-    queueEnterAnimations(lView);
+    initializeAnimationQueueScheduler(lView[INJECTOR]);
+    // We have to queue here due to the animation instruction being invoked after the element
+    // instruction. The DOM node has to exist before we can queue an animation. Any node that
+    // is not inside of control flow needs to get queued here. For nodes inside of control
+    // flow, those are queued in node_manipulation.ts and are deduped by a Set in the animation
+    // queue.
+    queueEnterAnimations(lView[INJECTOR], getLViewEnterAnimations(lView));
     return ɵɵanimateEnter; // For chaining
 }
 function runEnterAnimation(lView, tNode, value) {
@@ -21694,7 +21808,13 @@ function ɵɵanimateEnterListener(value) {
     const tNode = getCurrentTNode();
     cancelLeavingNodes(tNode, lView);
     addAnimationToLView(getLViewEnterAnimations(lView), tNode, () => runEnterAnimationFunction(lView, tNode, value));
-    queueEnterAnimations(lView);
+    initializeAnimationQueueScheduler(lView[INJECTOR]);
+    // We have to queue here due to the animation instruction being invoked after the element
+    // instruction. The DOM node has to exist before we can queue an animation. Any node that
+    // is not inside of control flow needs to get queued here. For nodes inside of control
+    // flow, those are queued in node_manipulation.ts and are deduped by a Set in the animation
+    // queue.
+    queueEnterAnimations(lView[INJECTOR], getLViewEnterAnimations(lView));
     return ɵɵanimateEnterListener;
 }
 /**
@@ -21727,8 +21847,9 @@ function ɵɵanimateLeave(value) {
         return ɵɵanimateLeave;
     }
     const tNode = getCurrentTNode();
+    cancelLeavingNodes(tNode, lView);
     addAnimationToLView(getLViewLeaveAnimations(lView), tNode, () => runLeaveAnimations(lView, tNode, value));
-    enableAnimationQueueScheduler(lView[INJECTOR]);
+    initializeAnimationQueueScheduler(lView[INJECTOR]);
     return ɵɵanimateLeave; // For chaining
 }
 function runLeaveAnimations(lView, tNode, value) {
@@ -21824,9 +21945,10 @@ function ɵɵanimateLeaveListener(value) {
     // So we don't have an early return here.
     const lView = getLView();
     const tNode = getCurrentTNode();
+    cancelLeavingNodes(tNode, lView);
     allLeavingAnimations.add(lView);
     addAnimationToLView(getLViewLeaveAnimations(lView), tNode, () => runLeaveAnimationFunction(lView, tNode, value));
-    enableAnimationQueueScheduler(lView[INJECTOR]);
+    initializeAnimationQueueScheduler(lView[INJECTOR]);
     return ɵɵanimateLeaveListener; // For chaining
 }
 /**
@@ -21836,65 +21958,36 @@ function runLeaveAnimationFunction(lView, tNode, value) {
     const { promise, resolve } = promiseWithResolvers();
     const nativeElement = getNativeByTNode(tNode, lView);
     ngDevMode && assertElementNodes(nativeElement, 'animate.leave');
+    const cleanupFns = [];
     const renderer = lView[RENDERER];
     const animationsDisabled = areAnimationsDisabled(lView);
     const ngZone = lView[INJECTOR].get(NgZone);
     const maxAnimationTimeout = lView[INJECTOR].get(MAX_ANIMATION_TIMEOUT);
+    (getLViewLeaveAnimations(lView).get(tNode.index).resolvers ??= []).push(resolve);
+    const resolvers = getLViewLeaveAnimations(lView).get(tNode.index)?.resolvers;
     if (animationsDisabled) {
-        resolve();
+        leaveAnimationFunctionCleanup(lView, tNode, nativeElement, resolvers, cleanupFns);
     }
     else {
-        const timeoutId = setTimeout(() => {
-            clearLeavingNodes(tNode, nativeElement);
-            resolve();
-        }, maxAnimationTimeout);
+        const timeoutId = setTimeout(() => leaveAnimationFunctionCleanup(lView, tNode, nativeElement, resolvers, cleanupFns), maxAnimationTimeout);
         const event = {
             target: nativeElement,
             animationComplete: () => {
-                clearLeavingNodes(tNode, nativeElement);
+                leaveAnimationFunctionCleanup(lView, tNode, nativeElement, resolvers, cleanupFns);
                 clearTimeout(timeoutId);
-                resolve();
             },
         };
         trackLeavingNodes(tNode, nativeElement);
         ngZone.runOutsideAngular(() => {
-            renderer.listen(nativeElement, 'animationend', () => {
-                resolve();
-            }, { once: true });
+            cleanupFns.push(renderer.listen(nativeElement, 'animationend', () => {
+                leaveAnimationFunctionCleanup(lView, tNode, nativeElement, resolvers, cleanupFns);
+                clearTimeout(timeoutId);
+            }, { once: true }));
         });
         value.call(lView[CONTEXT], event);
     }
     // 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();
+    return { promise, resolve };
 }
 
 /*!
@@ -21923,44 +22016,38 @@ 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
+ * Setup occurs if a `field` input is bound to a {@link ɵControl} directive on the current node,
+ * but not to a component. If a `field` 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 tView = getTView();
     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);
+    const control = tView.firstCreatePass
+        ? getControlDirectiveFirstCreatePass(tView, tNode, lView)
+        : 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);
+    if (tNode.flags & 2048 /* TNodeFlags.isFormValueControl */) {
+        listenToCustomControl(lView, tNode, control, 'value');
     }
-    else if (isNativeControl(lView, tNode)) {
-        listenToNativeControl(lView, tNode, control);
+    else if (tNode.flags & 4096 /* TNodeFlags.isFormCheckboxControl */) {
+        listenToCustomControl(lView, tNode, control, 'checked');
+    }
+    else if (tNode.flags & 8192 /* TNodeFlags.isInteropControl */) {
+        control.ɵinteropControlCreate();
     }
     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.`);
+        listenToNativeControl(lView, tNode, control);
     }
-    control.register();
+    control.ɵregister();
 }
 /**
- * Updates a `control` property, and possibly other form control properties, on the current element.
+ * Updates a `field` 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.
@@ -21972,88 +22059,104 @@ function ɵɵcontrolCreate() {
  */
 function ɵɵcontrol(value, sanitizer) {
     const lView = getLView();
-    const bindingIndex = nextBindingIndex();
     const tNode = getSelectedTNode();
+    const bindingIndex = nextBindingIndex();
     if (bindingUpdated(lView, bindingIndex, value)) {
         const tView = getTView();
-        setPropertyAndInputs(tNode, lView, 'control', value, lView[RENDERER], sanitizer);
-        ngDevMode && storePropertyBindingMetadata(tView.data, tNode, 'control', bindingIndex);
+        setPropertyAndInputs(tNode, lView, 'field', value, lView[RENDERER], sanitizer);
+        ngDevMode && storePropertyBindingMetadata(tView.data, tNode, 'field', 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);
+    if (control) {
+        if (tNode.flags & 2048 /* TNodeFlags.isFormValueControl */) {
+            updateCustomControl(tNode, lView, control, 'value');
+        }
+        else if (tNode.flags & 4096 /* TNodeFlags.isFormCheckboxControl */) {
+            updateCustomControl(tNode, lView, control, 'checked');
+        }
+        else if (tNode.flags & 8192 /* TNodeFlags.isInteropControl */) {
+            control.ɵinteropControlUpdate();
+        }
+        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'];
+function getControlDirectiveFirstCreatePass(tView, tNode, lView) {
+    const directiveIndices = tNode.inputs?.['field'];
     if (!directiveIndices) {
-        // There are no matching inputs for the `[control]` property binding.
+        // There are no matching inputs for the `[field]` property binding.
         return;
     }
+    let componentIndex;
     if (isComponentHost(tNode)) {
-        const componentIndex = tNode.directiveStart + tNode.componentOffset;
+        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
+            // If component has a `field` 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;
+    // Search for the `ɵControl` directive.
+    const control = findControlDirective(lView, directiveIndices);
+    if (!control) {
+        // The `ɵControl` directive was not imported by this component.
+        return;
+    }
+    tNode.flags |= 1024 /* TNodeFlags.isFormControl */;
+    if (isComponentHost(tNode)) {
+        const componentDef = tView.data[componentIndex];
+        // TODO: should we check that any additional field state inputs are signal based?
+        if (hasModelInput(componentDef, 'value')) {
+            tNode.flags |= 2048 /* TNodeFlags.isFormValueControl */;
+            return control;
+        }
+        else if (hasModelInput(componentDef, 'checked')) {
+            tNode.flags |= 4096 /* TNodeFlags.isFormCheckboxControl */;
+            return control;
         }
     }
-    // The `Control` directive was not imported by this component.
-    return;
+    if (control.ɵhasInteropControl) {
+        tNode.flags |= 8192 /* TNodeFlags.isInteropControl */;
+        return control;
+    }
+    if (isNativeControl(tNode)) {
+        if (isNumericInput(tNode)) {
+            tNode.flags |= 16384 /* TNodeFlags.isNativeNumericControl */;
+        }
+        if (isTextControl(tNode)) {
+            tNode.flags |= 32768 /* TNodeFlags.isNativeTextControl */;
+        }
+        return control;
+    }
+    const tagName = tNode.value;
+    throw new RuntimeError(318 /* RuntimeErrorCode.INVALID_FIELD_DIRECTIVE_HOST */, `'<${tagName}>' is an invalid [field] directive 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.`);
 }
 /**
- * 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`.
+ * Returns the {@link ɵControl} directive on the specified node, if one is present and a `field`
+ * input is bound to it, but not to a component. If a `field` 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.
- * @returns an array containing the component index and model input name if it's a custom form
- *  control, or undefined.
+ * @param lView The `LView` that contains the element.
  */
-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'];
+function getControlDirective(tNode, lView) {
+    return tNode.flags & 1024 /* TNodeFlags.isFormControl */
+        ? findControlDirective(lView, tNode.inputs['field'])
+        : undefined;
+}
+function findControlDirective(lView, directiveIndices) {
+    for (let index of directiveIndices) {
+        const directive = lView[index];
+        if (ɵCONTROL in directive) {
+            return directive;
+        }
     }
-    // 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?
+    // The `Field` directive was not imported by this component.
     return;
 }
 /** Returns whether the specified `componentDef` has a model input named `name`. */
@@ -22070,7 +22173,7 @@ function hasOutput(componentDef, name) {
     return name in componentDef.outputs;
 }
 /**
- * Adds event listeners to a custom form control component to notify the `control` of changes.
+ * Adds event listeners to a custom form control component to notify the `field` of changes.
  *
  * @param lView The `LView` that contains the custom form control.
  * @param tNode The `TNode` of the custom form control.
@@ -22078,10 +22181,13 @@ function hasOutput(componentDef, name) {
  * @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) {
+function listenToCustomControl(lView, tNode, control, modelName) {
+    const componentIndex = tNode.directiveStart + tNode.componentOffset;
     const outputName = modelName + 'Change';
     listenToOutput(tNode, lView, componentIndex, outputName, outputName, wrapListener(tNode, lView, (newValue) => {
-        control.state().value.set(newValue);
+        const state = control.state();
+        state.value.set(newValue);
+        state.markAsDirty();
     }));
     const tView = getTView();
     const componentDef = tView.data[componentIndex];
@@ -22092,14 +22198,15 @@ function listenToCustomControl(lView, tNode, control, componentIndex, modelName)
         }));
     }
 }
-function isNativeControl(lView, tNode) {
-    const element = lView[tNode.index];
-    return (element instanceof HTMLInputElement ||
-        element instanceof HTMLSelectElement ||
-        element instanceof HTMLTextAreaElement);
+function isNativeControl(tNode) {
+    if (tNode.type !== 2 /* TNodeType.Element */) {
+        return false;
+    }
+    const tagName = tNode.value;
+    return tagName === 'input' || tagName === 'textarea' || tagName === 'select';
 }
 /**
- * Adds event listeners to a native form control element to notify the `control` of changes.
+ * Adds event listeners to a native form control element to notify the `field` of changes.
  *
  * @param lView The `LView` that contains the native form control.
  * @param tNode The `TNode` of the native form control.
@@ -22110,26 +22217,27 @@ function listenToNativeControl(lView, tNode, control) {
     const renderer = lView[RENDERER];
     const inputListener = () => {
         const element = getNativeByTNode(tNode, lView);
-        const value = control.state().value;
-        value.set(getNativeControlValue(element, value));
+        const state = control.state();
+        state.value.set(getNativeControlValue(element, state.value));
+        state.markAsDirty();
     };
     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`.
+ * Updates the inputs of a custom form control component with the latest state from the `field`.
  *
  * @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) {
+function updateCustomControl(tNode, lView, control, modelName) {
     const tView = getTView();
+    const componentIndex = tNode.directiveStart + tNode.componentOffset;
     const component = lView[componentIndex];
     const componentDef = tView.data[componentIndex];
     const state = control.state();
@@ -22138,17 +22246,18 @@ function updateCustomControl(lView, componentIndex, modelName, control) {
     // * cache which inputs exist.
     writeToDirectiveInput(componentDef, component, modelName, state.value());
     maybeWriteToDirectiveInput(componentDef, component, 'errors', state.errors);
+    maybeWriteToDirectiveInput(componentDef, component, 'invalid', state.invalid);
     maybeWriteToDirectiveInput(componentDef, component, 'disabled', state.disabled);
     maybeWriteToDirectiveInput(componentDef, component, 'disabledReasons', state.disabledReasons);
+    maybeWriteToDirectiveInput(componentDef, component, 'name', state.name);
+    maybeWriteToDirectiveInput(componentDef, component, 'readonly', state.readonly);
+    maybeWriteToDirectiveInput(componentDef, component, 'touched', state.touched);
     maybeWriteToDirectiveInput(componentDef, component, 'max', state.max);
     maybeWriteToDirectiveInput(componentDef, component, 'maxLength', state.maxLength);
-    maybeWriteToDirectiveInput(componentDef, component, 'min', state.max);
+    maybeWriteToDirectiveInput(componentDef, component, 'min', state.min);
     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.
@@ -22159,12 +22268,12 @@ function updateCustomControl(lView, componentIndex, modelName, control) {
  * @param source A function that returns the value to write.
  */
 function maybeWriteToDirectiveInput(componentDef, component, inputName, source) {
-    if (inputName in componentDef.inputs) {
+    if (source && 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`.
+ * Updates the properties of a native form control element with the latest state from the `field`.
  *
  * @param tNode The `TNode` of the native form control.
  * @param lView The `LView` that contains the native form control.
@@ -22178,20 +22287,64 @@ function updateNativeControl(tNode, lView, control) {
     // * 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, 'disabled', 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());
+    if (state.required) {
+        setBooleanAttribute(renderer, input, 'required', state.required());
+    }
+    if (tNode.flags & 16384 /* TNodeFlags.isNativeNumericControl */) {
+        if (state.max) {
+            setOptionalAttribute(renderer, input, 'max', state.max());
+        }
+        if (state.min) {
+            setOptionalAttribute(renderer, input, 'min', state.min());
+        }
+    }
+    if (tNode.flags & 32768 /* TNodeFlags.isNativeTextControl */) {
+        if (state.maxLength) {
+            setOptionalAttribute(renderer, input, 'maxLength', state.maxLength());
+        }
+        if (state.minLength) {
+            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 whether `control` has a numeric input type. */
+function isNumericInput(tNode) {
+    if (!tNode.attrs || tNode.value !== 'input') {
+        return false;
+    }
+    for (let i = 0; i < tNode.attrs.length; i += 2) {
+        const name = tNode.attrs[i];
+        if (isNameOnlyAttributeMarker(name)) {
+            break;
+        }
+        if (name === 'type') {
+            const value = tNode.attrs[i + 1];
+            return (value === 'date' ||
+                value === 'datetime-local' ||
+                value === 'month' ||
+                value === 'number' ||
+                value === 'range' ||
+                value === 'time' ||
+                value === 'week');
+        }
+    }
+    return false;
+}
+/**
+ * Returns whether `control` is a text-based input.
+ *
+ * This is not the same as an input with `type="text"`, but rather any input that accepts
+ * text-based input which includes numeric types.
+ */
+function isTextControl(tNode) {
+    return tNode.value !== 'select';
+}
 /**
  * Returns the value from a native control element.
  *
@@ -23523,7 +23676,7 @@ function plural(val) {
         return 1;
     return 5;
 }
-var localeEn = ["en", [["a", "p"], ["AM", "PM"]], [["AM", "PM"]], [["S", "M", "T", "W", "T", "F", "S"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]], u, [["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]], u, [["B", "A"], ["BC", "AD"], ["Before Christ", "Anno Domini"]], 0, [6, 0], ["M/d/yy", "MMM d, y", "MMMM d, y", "EEEE, MMMM d, y"], ["h:mm a", "h:mm:ss a", "h:mm:ss a z", "h:mm:ss a zzzz"], ["{1}, {0}", u, "{1} 'at' {0}", u], [".", ",", ";", "%", "+", "-", "E", "×", "‰", "∞", "NaN", ":"], ["#,##0.###", "#,##0%", "¤#,##0.00", "#E0"], "USD", "$", "US Dollar", {}, "ltr", plural];
+var localeEn = ["en", [["a", "p"], ["AM", "PM"]], [["AM", "PM"]], [["S", "M", "T", "W", "T", "F", "S"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]], u, [["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]], u, [["B", "A"], ["BC", "AD"], ["Before Christ", "Anno Domini"]], 0, [6, 0], ["M/d/yy", "MMM d, y", "MMMM d, y", "EEEE, MMMM d, y"], ["h:mm a", "h:mm:ss a", "h:mm:ss a z", "h:mm:ss a zzzz"], ["{1}, {0}", u, u, u], [".", ",", ";", "%", "+", "-", "E", "×", "‰", "∞", "NaN", ":"], ["#,##0.###", "#,##0%", "¤#,##0.00", "#E0"], "USD", "$", "US Dollar", {}, "ltr", plural];
 
 /**
  * This const is used to store the locale data registered with `registerLocaleData`
@@ -31516,5 +31669,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, ɵ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 };
+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, resetIncrementalHydrationEnabledWarnedForTests, 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