@angular/core 21.0.0-next.6 → 21.0.0-next.8

package/fesm2022/_debug_node-chunk.mjs

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