@angular/core 18.0.0-rc.1 → 18.0.0-rc.2

package/fesm2022/core.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.0.0-rc.1
+ * @license Angular v18.0.0-rc.2
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -7,7 +7,7 @@
 import { SIGNAL_NODE as SIGNAL_NODE$1, signalSetFn as signalSetFn$1, producerAccessed as producerAccessed$1, SIGNAL as SIGNAL$1, getActiveConsumer as getActiveConsumer$1, setActiveConsumer as setActiveConsumer$1, consumerDestroy as consumerDestroy$1, REACTIVE_NODE as REACTIVE_NODE$1, consumerBeforeComputation as consumerBeforeComputation$1, consumerAfterComputation as consumerAfterComputation$1, consumerPollProducersForChange as consumerPollProducersForChange$1, createSignal as createSignal$1, signalUpdateFn as signalUpdateFn$1, createComputed as createComputed$1, setThrowInvalidWriteToSignalError as setThrowInvalidWriteToSignalError$1, createWatch as createWatch$1 } from '@angular/core/primitives/signals';
 import { Subject, Subscription, BehaviorSubject } from 'rxjs';
 import { map, first } from 'rxjs/operators';
-import { Dispatcher, registerDispatcher } from '@angular/core/primitives/event-dispatch';
+import { EventContract, EventContractContainer, Dispatcher, registerDispatcher } from '@angular/core/primitives/event-dispatch';
 
 /**
  * Base URL for the error details page.
@@ -8528,7 +8528,6 @@ var HydrationStatus;
     HydrationStatus["Skipped"] = "skipped";
     HydrationStatus["Mismatched"] = "mismatched";
 })(HydrationStatus || (HydrationStatus = {}));
-// clang-format on
 const HYDRATION_INFO_KEY = '__ngDebugHydrationInfo__';
 function patchHydrationInfo(node, info) {
     node[HYDRATION_INFO_KEY] = info;
@@ -15167,6 +15166,8 @@ class ChangeDetectionScheduler {
 }
 /** Token used to indicate if zoneless was enabled via provideZonelessChangeDetection(). */
 const ZONELESS_ENABLED = new InjectionToken(typeof ngDevMode === 'undefined' || ngDevMode ? 'Zoneless enabled' : '', { providedIn: 'root', factory: () => false });
+/** Token used to indicate `provideExperimentalZonelessChangeDetection` was used. */
+const PROVIDED_ZONELESS = new InjectionToken(typeof ngDevMode === 'undefined' || ngDevMode ? 'Zoneless provided' : '', { providedIn: 'root', factory: () => false });
 const ZONELESS_SCHEDULER_DISABLED = new InjectionToken(typeof ngDevMode === 'undefined' || ngDevMode ? 'scheduler disabled' : '');
 
 /**
@@ -16888,7 +16889,7 @@ function createRootComponent(componentView, rootComponentDef, rootDirectives, ho
 function setRootNodeAttributes(hostRenderer, componentDef, hostRNode, rootSelectorOrNode) {
     if (rootSelectorOrNode) {
         // The placeholder will be replaced with the actual version at build time.
-        setUpAttributes(hostRenderer, hostRNode, ['ng-version', '18.0.0-rc.1']);
+        setUpAttributes(hostRenderer, hostRNode, ['ng-version', '18.0.0-rc.2']);
     }
     else {
         // If host element is created as a part of this function call (i.e. `rootSelectorOrNode`
@@ -26372,7 +26373,7 @@ function ɵɵi18nPostprocess(message, replacements = {}) {
  * an actual implementation when the event replay feature is enabled via
  * `withEventReplay()` call.
  */
-let disableEventReplayFn = (el) => { };
+let disableEventReplayFn = (el, eventName, listenerFn) => { };
 function setDisableEventReplayImpl(fn) {
     disableEventReplayFn = fn;
 }
@@ -26480,7 +26481,7 @@ function listenerInternal(tView, lView, renderer, tNode, eventName, listenerFn,
         const idxOrTargetGetter = eventTargetResolver
             ? (_lView) => eventTargetResolver(unwrapRNode(_lView[tNode.index]))
             : tNode.index;
-        disableEventReplayFn(native);
+        disableEventReplayFn(native, eventName, listenerFn);
         // In order to match current behavior, native DOM event listeners must be added for all
         // events (including outputs).
         // There might be cases where multiple directives on the same element try to register an event
@@ -30800,7 +30801,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('18.0.0-rc.1');
+const VERSION = new Version('18.0.0-rc.2');
 
 class Console {
     log(message) {
@@ -33052,6 +33053,9 @@ function provideExperimentalZonelessChangeDetection() {
         { provide: ChangeDetectionScheduler, useExisting: ChangeDetectionSchedulerImpl },
         { provide: NgZone, useClass: NoopNgZone },
         { provide: ZONELESS_ENABLED, useValue: true },
+        typeof ngDevMode === 'undefined' || ngDevMode
+            ? [{ provide: PROVIDED_ZONELESS, useValue: true }]
+            : [],
     ]);
 }
 
@@ -33060,7 +33064,6 @@ class NgZoneChangeDetectionScheduler {
         this.zone = inject(NgZone);
         this.changeDetectionScheduler = inject(ChangeDetectionScheduler, { optional: true });
         this.applicationRef = inject(ApplicationRef);
-        this.zonelessEnabled = inject(ZONELESS_ENABLED);
     }
     initialize() {
         if (this._onMicrotaskEmptySubscription) {
@@ -33094,7 +33097,7 @@ class NgZoneChangeDetectionScheduler {
  * Internal token used to verify that `provideZoneChangeDetection` is not used
  * with the bootstrapModule API.
  */
-const PROVIDED_NG_ZONE = new InjectionToken(typeof ngDevMode === 'undefined' || ngDevMode ? 'provideZoneChangeDetection token' : '');
+const PROVIDED_NG_ZONE = new InjectionToken(typeof ngDevMode === 'undefined' || ngDevMode ? 'provideZoneChangeDetection token' : '', { factory: () => false });
 function internalProvideZoneChangeDetection({ ngZoneFactory, ignoreChangesOutsideZone, }) {
     ngZoneFactory ??= () => new NgZone(getNgZoneOptions());
     return [
@@ -33174,8 +33177,9 @@ function provideZoneChangeDetection(options) {
     });
     return makeEnvironmentProviders([
         typeof ngDevMode === 'undefined' || ngDevMode
-            ? [{ provide: PROVIDED_NG_ZONE, useValue: true }, bothZoneAndZonelessErrorCheckProvider]
+            ? [{ provide: PROVIDED_NG_ZONE, useValue: true }]
             : [],
+        { provide: ZONELESS_ENABLED, useValue: false },
         zoneProviders,
     ]);
 }
@@ -33235,18 +33239,6 @@ class ZoneStablePendingTask {
         type: Injectable,
         args: [{ providedIn: 'root' }]
     }], null, null); })();
-const bothZoneAndZonelessErrorCheckProvider = {
-    provide: ENVIRONMENT_INITIALIZER,
-    multi: true,
-    useFactory: () => {
-        const providedZoneless = inject(ZONELESS_ENABLED, { optional: true });
-        if (providedZoneless) {
-            throw new RuntimeError(408 /* RuntimeErrorCode.PROVIDED_BOTH_ZONE_AND_ZONELESS */, 'Invalid change detection configuration: ' +
-                'provideZoneChangeDetection and provideExperimentalZonelessChangeDetection cannot be used together.');
-        }
-        return () => { };
-    },
-};
 
 /**
  * Work out the locale from the potential global properties.
@@ -33468,15 +33460,14 @@ class PlatformRef {
         return ngZone.run(() => {
             const ignoreChangesOutsideZone = options?.ignoreChangesOutsideZone;
             const moduleRef = createNgModuleRefWithProviders(moduleFactory.moduleType, this.injector, internalProvideZoneChangeDetection({ ngZoneFactory: () => ngZone, ignoreChangesOutsideZone }));
-            if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
-                moduleRef.injector.get(PROVIDED_NG_ZONE, null) !== null) {
-                throw new RuntimeError(207 /* RuntimeErrorCode.PROVIDER_IN_WRONG_CONTEXT */, '`bootstrapModule` does not support `provideZoneChangeDetection`. Use `BootstrapOptions` instead.');
-            }
-            if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
-                moduleRef.injector.get(ZONELESS_ENABLED, null) &&
-                options?.ngZone !== 'noop') {
-                throw new RuntimeError(408 /* RuntimeErrorCode.PROVIDED_BOTH_ZONE_AND_ZONELESS */, 'Invalid change detection configuration: ' +
-                    "`ngZone: 'noop'` must be set in `BootstrapOptions` with provideExperimentalZonelessChangeDetection.");
+            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                if (moduleRef.injector.get(PROVIDED_NG_ZONE)) {
+                    throw new RuntimeError(207 /* RuntimeErrorCode.PROVIDER_IN_WRONG_CONTEXT */, '`bootstrapModule` does not support `provideZoneChangeDetection`. Use `BootstrapOptions` instead.');
+                }
+                if (moduleRef.injector.get(ZONELESS_ENABLED) && options?.ngZone !== 'noop') {
+                    throw new RuntimeError(408 /* RuntimeErrorCode.PROVIDED_BOTH_ZONE_AND_ZONELESS */, 'Invalid change detection configuration: ' +
+                        "`ngZone: 'noop'` must be set in `BootstrapOptions` with provideExperimentalZonelessChangeDetection.");
+                }
             }
             const exceptionHandler = moduleRef.injector.get(ErrorHandler, null);
             if ((typeof ngDevMode === 'undefined' || ngDevMode) && exceptionHandler === null) {
@@ -36452,8 +36443,14 @@ function internalCreateApplication(config) {
         return ngZone.run(() => {
             envInjector.resolveInjectorInitializers();
             const exceptionHandler = envInjector.get(ErrorHandler, null);
-            if ((typeof ngDevMode === 'undefined' || ngDevMode) && !exceptionHandler) {
-                throw new RuntimeError(402 /* RuntimeErrorCode.MISSING_REQUIRED_INJECTABLE_IN_BOOTSTRAP */, 'No `ErrorHandler` found in the Dependency Injection tree.');
+            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                if (!exceptionHandler) {
+                    throw new RuntimeError(402 /* RuntimeErrorCode.MISSING_REQUIRED_INJECTABLE_IN_BOOTSTRAP */, 'No `ErrorHandler` found in the Dependency Injection tree.');
+                }
+                if (envInjector.get(PROVIDED_ZONELESS) && envInjector.get(PROVIDED_NG_ZONE)) {
+                    throw new RuntimeError(408 /* RuntimeErrorCode.PROVIDED_BOTH_ZONE_AND_ZONELESS */, 'Invalid change detection configuration: ' +
+                        'provideZoneChangeDetection and provideExperimentalZonelessChangeDetection cannot be used together.');
+                }
             }
             let onErrorSubscription;
             ngZone.runOutsideAngular(() => {
@@ -36534,8 +36531,12 @@ function getDeferBlocks(lView, deferBlocks) {
 
 const EVENT_REPLAY_ENABLED_DEFAULT = false;
 const CONTRACT_PROPERTY = 'ngContracts';
+// TODO: Upstream this back into event-dispatch.
+function getJsactionData(container) {
+    return container._ejsa;
+}
 const JSACTION_ATTRIBUTE = 'jsaction';
-const removeJsactionQueue = [];
+const jsactionMap = new Map();
 /**
  * Returns a set of providers required to setup support for event replay.
  * Requires hydration to be enabled separately.
@@ -36549,11 +36550,18 @@ function withEventReplay() {
         {
             provide: ENVIRONMENT_INITIALIZER,
             useValue: () => {
-                setDisableEventReplayImpl((el) => {
-                    if (el.hasAttribute(JSACTION_ATTRIBUTE)) {
+                setDisableEventReplayImpl((rEl, eventName, listenerFn) => {
+                    if (rEl.hasAttribute(JSACTION_ATTRIBUTE)) {
+                        const el = unwrapRNode(rEl);
                         // We don't immediately remove the attribute here because
                         // we need it for replay that happens after hydration.
-                        removeJsactionQueue.push(el);
+                        if (!jsactionMap.has(el)) {
+                            jsactionMap.set(el, new Map());
+                        }
+                        if (!jsactionMap.get(el).has(eventName)) {
+                            jsactionMap.get(el).set(eventName, []);
+                        }
+                        jsactionMap.get(el).get(eventName).push(listenerFn);
                     }
                 });
             },
@@ -36574,16 +36582,30 @@ function withEventReplay() {
                             // This is set in packages/platform-server/src/utils.ts
                             // Note: globalThis[CONTRACT_PROPERTY] may be undefined in case Event Replay feature
                             // is enabled, but there are no events configured in an application.
-                            const eventContract = globalThis[CONTRACT_PROPERTY]?.[appId];
-                            if (eventContract) {
-                                const dispatcher = new Dispatcher();
-                                setEventReplayer(dispatcher);
-                                // Event replay is kicked off as a side-effect of executing this function.
+                            const container = globalThis[CONTRACT_PROPERTY]?.[appId];
+                            const earlyJsactionData = getJsactionData(container);
+                            if (earlyJsactionData) {
+                                const eventContract = new EventContract(new EventContractContainer(earlyJsactionData.c));
+                                for (const et of earlyJsactionData.et) {
+                                    eventContract.addEvent(et);
+                                }
+                                for (const et of earlyJsactionData.etc) {
+                                    eventContract.addEvent(et);
+                                }
+                                eventContract.replayEarlyEvents(container);
+                                const dispatcher = new Dispatcher(() => { }, {
+                                    eventReplayer: (queue) => {
+                                        for (const event of queue) {
+                                            handleEvent(event);
+                                        }
+                                        jsactionMap.clear();
+                                        queue.length = 0;
+                                    },
+                                });
                                 registerDispatcher(eventContract, dispatcher);
-                                for (const el of removeJsactionQueue) {
+                                for (const el of jsactionMap.keys()) {
                                     el.removeAttribute(JSACTION_ATTRIBUTE);
                                 }
-                                removeJsactionQueue.length = 0;
                             }
                         });
                     };
@@ -36612,6 +36634,12 @@ function collectDomEventsInfo(tView, lView, eventTypesToReplay) {
             continue;
         }
         const name = firstParam;
+        if (name === 'mouseenter' ||
+            name === 'mouseleave' ||
+            name === 'pointerenter' ||
+            name === 'pointerleave') {
+            continue;
+        }
         eventTypesToReplay.add(name);
         const listenerElement = unwrapRNode(lView[secondParam]);
         i++; // move the cursor to the next position (location of the listener idx)
@@ -36642,77 +36670,15 @@ function setJSActionAttribute(tNode, rNode, nativeElementToEvents) {
         }
     }
 }
-/**
- * Registers a function that should be invoked to replay events.
- */
-function setEventReplayer(dispatcher) {
-    dispatcher.setEventReplayer((queue) => {
-        for (const event of queue) {
-            handleEvent(event);
-        }
-    });
-}
-/**
- * Finds an LView that a given DOM element belongs to.
- */
-function getLViewByElement(target) {
-    let lView = readLView(target);
-    if (lView) {
-        return lView;
-    }
-    else {
-        // If this node doesn't have LView info attached, then we need to
-        // traverse upwards up the DOM to find the nearest element that
-        // has already been monkey patched with data.
-        let parent = target;
-        while ((parent = parent.parentNode)) {
-            lView = readLView(parent);
-            if (lView) {
-                // To prevent additional lookups, monkey-patch LView id onto this DOM node.
-                // TODO: consider patching all parent nodes that didn't have LView id, so that
-                // we can avoid lookups for more nodes.
-                attachLViewId(target, lView);
-                return lView;
-            }
-        }
-    }
-    return null;
-}
 function handleEvent(event) {
-    const nativeElement = event.getAction().element;
-    // Dispatch event via Angular's logic
-    if (nativeElement) {
-        const lView = getLViewByElement(nativeElement);
-        if (lView !== null) {
-            const tView = lView[TVIEW];
-            const eventName = event.getEventType();
-            const origEvent = event.getEvent();
-            const listeners = getEventListeners(tView, lView, nativeElement, eventName);
-            for (const listener of listeners) {
-                listener(origEvent);
-            }
-        }
+    const nativeElement = unwrapRNode(event.getAction().element);
+    const handlerFns = jsactionMap.get(nativeElement)?.get(event.getEventType());
+    if (!handlerFns) {
+        return;
     }
-}
-function getEventListeners(tView, lView, nativeElement, eventName) {
-    const listeners = [];
-    const lCleanup = lView[CLEANUP];
-    const tCleanup = tView.cleanup;
-    if (tCleanup && lCleanup) {
-        for (let i = 0; i < tCleanup.length;) {
-            const storedEventName = tCleanup[i++];
-            const nativeElementIndex = tCleanup[i++];
-            if (typeof storedEventName === 'string') {
-                const listenerElement = unwrapRNode(lView[nativeElementIndex]);
-                const listener = lCleanup[tCleanup[i++]];
-                i++; // increment to the next position;
-                if (listenerElement === nativeElement && eventName === storedEventName) {
-                    listeners.push(listener);
-                }
-            }
-        }
+    for (const handler of handlerFns) {
+        handler(event.getEvent());
     }
-    return listeners;
 }
 
 /**
@@ -37651,8 +37617,7 @@ function ɵɵngDeclarePipe(decl) {
     return compiler.compilePipeDeclaration(angularCoreEnv, `ng:///${decl.type.name}/ɵpipe.js`, decl);
 }
 
-// clang-format off
-// clang-format on
+// we reexport these symbols just so that they are retained during the dead code elimination
 
 /**
  * Create a computed `Signal` which derives a reactive value from an expression.
@@ -37842,9 +37807,6 @@ function effect(effectFn, options) {
     return handle;
 }
 
-// clang-format off
-// clang-format on
-
 // This file exists to allow the set of reactivity exports to be modified in g3, as these APIs are
 
 /**