@angular/core 16.0.2 → 16.0.4

package/fesm2022/core.mjs

@@ -1,11 +1,11 @@
 /**
- * @license Angular v16.0.2
+ * @license Angular v16.0.4
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
 
-import { Subject, Subscription, Observable, merge as merge$1 } from 'rxjs';
-import { share, first } from 'rxjs/operators';
+import { Subject, Subscription, BehaviorSubject, Observable, merge as merge$1, of } from 'rxjs';
+import { share, mergeMap, distinctUntilChanged, first } from 'rxjs/operators';
 
 function getClosureSafeProperty(objWithPropertyToExtract) {
     for (let key in objWithPropertyToExtract) {
@@ -74,9 +74,36 @@ const __forward_ref__ = getClosureSafeProperty({ __forward_ref__: getClosureSafe
  * DI is declared, but not yet defined. It is also used when the `token` which we use when creating
  * a query is not yet defined.
  *
+ * `forwardRef` is also used to break circularities in standalone components imports.
+ *
  * @usageNotes
- * ### Example
+ * ### Circular dependency example
  * {@example core/di/ts/forward_ref/forward_ref_spec.ts region='forward_ref'}
+ *
+ * ### Circular standalone reference import example
+ * ```ts
+ * @Component({
+ *   standalone: true,
+ *   imports: [ChildComponent],
+ *   selector: 'app-parent',
+ *   template: `<app-child [hideParent]="hideParent"></app-child>`,
+ * })
+ * export class ParentComponent {
+ *   @Input() hideParent: boolean;
+ * }
+ *
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [CommonModule, forwardRef(() => ParentComponent)],
+ *   selector: 'app-child',
+ *   template: `<app-parent *ngIf="!hideParent"></app-parent>`,
+ * })
+ * export class ChildComponent {
+ *   @Input() hideParent: boolean;
+ * }
+ * ```
+ *
  * @publicApi
  */
 function forwardRef(forwardRefFn) {
@@ -4419,7 +4446,10 @@ function getOrCreateInjectable(tNode, lView, token, flags = InjectFlags.Default,
     if (tNode !== null) {
         // If the view or any of its ancestors have an embedded
         // view injector, we have to look it up there first.
-        if (lView[FLAGS] & 2048 /* LViewFlags.HasEmbeddedViewInjector */) {
+        if (lView[FLAGS] & 2048 /* LViewFlags.HasEmbeddedViewInjector */ &&
+            // The token must be present on the current node injector when the `Self`
+            // flag is set, so the lookup on embedded view injector(s) can be skipped.
+            !(flags & InjectFlags.Self)) {
             const embeddedInjectorValue = lookupTokenUsingEmbeddedInjector(tNode, lView, token, flags, NOT_FOUND);
             if (embeddedInjectorValue !== NOT_FOUND) {
                 return embeddedInjectorValue;
@@ -10038,7 +10068,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('16.0.2');
+const VERSION = new Version('16.0.4');
 
 // This default value is when checking the hierarchy for a token.
 //
@@ -10228,6 +10258,10 @@ function maybeUnwrapFn(value) {
     }
 }
 
+/**
+ * The max length of the string representation of a value in an error message
+ */
+const VALUE_STRING_LENGTH_LIMIT = 200;
 /** Verifies that a given type is a Standalone Component. */
 function assertStandaloneComponentType(type) {
     assertComponentDef(type);
@@ -10257,7 +10291,7 @@ function throwErrorIfNoChangesMode(creationMode, oldValue, currValue, propName,
     const hostComponentDef = getDeclarationComponentDef(lView);
     const componentClassName = hostComponentDef?.type?.name;
     const field = propName ? ` for '${propName}'` : '';
-    let msg = `ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value${field}: '${oldValue}'. Current value: '${currValue}'.${componentClassName ? ` Expression location: ${componentClassName} component` : ''}`;
+    let msg = `ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value${field}: '${formatValue(oldValue)}'. Current value: '${formatValue(currValue)}'.${componentClassName ? ` Expression location: ${componentClassName} component` : ''}`;
     if (creationMode) {
         msg +=
             ` It seems like the view has been created after its parent and its children have been dirty checked.` +
@@ -10265,6 +10299,20 @@ function throwErrorIfNoChangesMode(creationMode, oldValue, currValue, propName,
     }
     throw new RuntimeError(-100 /* RuntimeErrorCode.EXPRESSION_CHANGED_AFTER_CHECKED */, msg);
 }
+function formatValue(value) {
+    let strValue = String(value);
+    // JSON.stringify will throw on circular references
+    try {
+        if (Array.isArray(value) || strValue === '[object Object]') {
+            strValue = JSON.stringify(value);
+        }
+    }
+    catch (error) {
+    }
+    return strValue.length > VALUE_STRING_LENGTH_LIMIT ?
+        (strValue.substring(0, VALUE_STRING_LENGTH_LIMIT) + '…') :
+        strValue;
+}
 function constructDetailsForInterpolation(lView, rootIndex, expressionIndex, meta, changedValue) {
     const [propName, prefix, ...chunks] = meta.split(INTERPOLATION_DELIMITER);
     let oldValue = prefix, newValue = prefix;
@@ -13600,7 +13648,7 @@ function validateMappings(bindingType, def, hostDirectiveBindings) {
                 throw new RuntimeError(311 /* RuntimeErrorCode.HOST_DIRECTIVE_UNDEFINED_BINDING */, `Directive ${className} does not have an ${bindingType} with a public name of ${publicName}.`);
             }
             const remappedPublicName = hostDirectiveBindings[publicName];
-            if (bindings.hasOwnProperty(remappedPublicName) &&
+            if (bindings.hasOwnProperty(remappedPublicName) && remappedPublicName !== publicName &&
                 bindings[remappedPublicName] !== publicName) {
                 throw new RuntimeError(312 /* RuntimeErrorCode.HOST_DIRECTIVE_CONFLICTING_ALIAS */, `Cannot alias ${bindingType} ${publicName} of host directive ${className} to ${remappedPublicName}, because it already has a different ${bindingType} with the same public name.`);
             }
@@ -24427,16 +24475,16 @@ function computeCombinedExports(type) {
     if (ngModuleDef === null) {
         return [type];
     }
-    return [...flatten(maybeUnwrapFn(ngModuleDef.exports).map((type) => {
-            const ngModuleDef = getNgModuleDef(type);
-            if (ngModuleDef) {
-                verifySemanticsOfNgModuleDef(type, false);
-                return computeCombinedExports(type);
-            }
-            else {
-                return type;
-            }
-        }))];
+    return flatten(maybeUnwrapFn(ngModuleDef.exports).map((type) => {
+        const ngModuleDef = getNgModuleDef(type);
+        if (ngModuleDef) {
+            verifySemanticsOfNgModuleDef(type, false);
+            return computeCombinedExports(type);
+        }
+        else {
+            return type;
+        }
+    }));
 }
 /**
  * Some declared components may be compiled asynchronously, and thus may not have their
@@ -25558,6 +25606,45 @@ var MissingTranslationStrategy;
     MissingTranslationStrategy[MissingTranslationStrategy["Ignore"] = 2] = "Ignore";
 })(MissingTranslationStrategy || (MissingTranslationStrategy = {}));
 
+/**
+ * *Internal* service that keeps track of pending tasks happening in the system
+ * during the initial rendering. No tasks are tracked after an initial
+ * rendering.
+ *
+ * This information is needed to make sure that the serialization on the server
+ * is delayed until all tasks in the queue (such as an initial navigation or a
+ * pending HTTP request) are completed.
+ */
+class InitialRenderPendingTasks {
+    constructor() {
+        this.taskId = 0;
+        this.pendingTasks = new Set();
+        this.hasPendingTasks = new BehaviorSubject(false);
+    }
+    add() {
+        this.hasPendingTasks.next(true);
+        const taskId = this.taskId++;
+        this.pendingTasks.add(taskId);
+        return taskId;
+    }
+    remove(taskId) {
+        this.pendingTasks.delete(taskId);
+        if (this.pendingTasks.size === 0) {
+            this.hasPendingTasks.next(false);
+        }
+    }
+    ngOnDestroy() {
+        this.pendingTasks.clear();
+        this.hasPendingTasks.next(false);
+    }
+    static { this.ɵfac = function InitialRenderPendingTasks_Factory(t) { return new (t || InitialRenderPendingTasks)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ ɵɵdefineInjectable({ token: InitialRenderPendingTasks, factory: InitialRenderPendingTasks.ɵfac, providedIn: 'root' }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(InitialRenderPendingTasks, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
+
 /**
  * Combination of NgModuleFactory and ComponentFactories.
  *
@@ -27117,6 +27204,7 @@ class ApplicationRef {
         /** @internal */
         this._views = [];
         this.internalErrorHandler = inject(INTERNAL_APPLICATION_ERROR_HANDLER);
+        this.zoneIsStable = inject(ZONE_IS_STABLE_OBSERVABLE);
         /**
          * Get a list of component types registered to this application.
          * This list is populated even before the component is created.
@@ -27129,7 +27217,8 @@ class ApplicationRef {
         /**
          * Returns an Observable that indicates when the application is stable or unstable.
          */
-        this.isStable = inject(ZONE_IS_STABLE_OBSERVABLE);
+        this.isStable = inject(InitialRenderPendingTasks)
+            .hasPendingTasks.pipe(mergeMap(hasPendingTasks => hasPendingTasks ? of(false) : this.zoneIsStable), distinctUntilChanged(), share());
         this._injector = inject(EnvironmentInjector);
     }
     /**
@@ -29743,69 +29832,6 @@ function isDisconnectedNode(tNode, lView) {
         !unwrapRNode(lView[tNode.index]).isConnected;
 }
 
-/**
- * *Internal* service that keeps track of pending tasks happening in the system
- * during the initial rendering. No tasks are tracked after an initial
- * rendering.
- *
- * This information is needed to make sure that the serialization on the server
- * is delayed until all tasks in the queue (such as an initial navigation or a
- * pending HTTP request) are completed.
- */
-class InitialRenderPendingTasks {
-    get whenAllTasksComplete() {
-        if (this.collection.size === 0) {
-            this.complete();
-        }
-        return this.promise;
-    }
-    constructor() {
-        this.taskId = 0;
-        this.collection = new Set();
-        this.ngZone = inject(NgZone);
-        this.completed = false;
-        // Run outside of the Angular zone to avoid triggering
-        // extra change detection cycles.
-        this.ngZone.runOutsideAngular(() => {
-            this.promise = new Promise((resolve) => {
-                this.resolve = resolve;
-            });
-        });
-    }
-    add() {
-        if (this.completed) {
-            // Indicates that the task was added after
-            // the task queue completion, so it's a noop.
-            return -1;
-        }
-        const taskId = this.taskId++;
-        this.collection.add(taskId);
-        return taskId;
-    }
-    remove(taskId) {
-        if (this.completed)
-            return;
-        this.collection.delete(taskId);
-        if (this.collection.size === 0) {
-            this.complete();
-        }
-    }
-    ngOnDestroy() {
-        this.complete();
-        this.collection.clear();
-    }
-    complete() {
-        this.completed = true;
-        this.resolve();
-    }
-    static { this.ɵfac = function InitialRenderPendingTasks_Factory(t) { return new (t || InitialRenderPendingTasks)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ ɵɵdefineInjectable({ token: InitialRenderPendingTasks, factory: InitialRenderPendingTasks.ɵfac, providedIn: 'root' }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(InitialRenderPendingTasks, [{
-        type: Injectable,
-        args: [{ providedIn: 'root' }]
-    }], function () { return []; }, null); })();
-
 /**
  * Indicates whether the hydration-related code was added,
  * prevents adding it multiple times.
@@ -29864,7 +29890,7 @@ function printHydrationStats(injector) {
 /**
  * Returns a Promise that is resolved when an application becomes stable.
  */
-function whenStable(appRef, pendingTasks, injector) {
+function whenStable(appRef, injector) {
     const isStablePromise = appRef.isStable.pipe(first((isStable) => isStable)).toPromise();
     if (typeof ngDevMode !== 'undefined' && ngDevMode) {
         const timeoutTime = APPLICATION_IS_STABLE_TIMEOUT;
@@ -29878,8 +29904,7 @@ function whenStable(appRef, pendingTasks, injector) {
         });
         isStablePromise.finally(() => clearTimeout(timeoutId));
     }
-    const pendingTasksPromise = pendingTasks.whenAllTasksComplete;
-    return Promise.allSettled([isStablePromise, pendingTasksPromise]);
+    return isStablePromise.then(() => { });
 }
 /**
  * Returns a set of providers required to setup hydration support
@@ -29948,10 +29973,9 @@ function withDomHydration() {
             useFactory: () => {
                 if (isBrowser() && inject(IS_HYDRATION_DOM_REUSE_ENABLED)) {
                     const appRef = inject(ApplicationRef);
-                    const pendingTasks = inject(InitialRenderPendingTasks);
                     const injector = inject(Injector);
                     return () => {
-                        whenStable(appRef, pendingTasks, injector).then(() => {
+                        whenStable(appRef, injector).then(() => {
                             // Wait until an app becomes stable and cleanup all views that
                             // were not claimed during the application bootstrap process.
                             // The timing is similar to when we start the serialization process