@angular/core 16.0.2 → 16.1.0-next.1

package/fesm2022/rxjs-interop.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.2
+ * @license Angular v16.1.0-next.1
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */

package/fesm2022/testing.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.2
+ * @license Angular v16.1.0-next.1
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -2871,6 +2871,7 @@ function ɵɵdefineComponent(componentDefinition) {
             pipeDefs: null,
             dependencies: baseDef.standalone && componentDefinition.dependencies || null,
             getStandaloneInjector: null,
+            signals: componentDefinition.signals ?? false,
             data: componentDefinition.data || {},
             encapsulation: componentDefinition.encapsulation || ViewEncapsulation.Emulated,
             styles: componentDefinition.styles || EMPTY_ARRAY,
@@ -3113,6 +3114,7 @@ function getNgDirectiveDef(directiveDefinition) {
         declaredInputs,
         exportAs: directiveDefinition.exportAs || null,
         standalone: directiveDefinition.standalone === true,
+        signals: directiveDefinition.signals === true,
         selectors: directiveDefinition.selectors || EMPTY_ARRAY,
         viewQuery: directiveDefinition.viewQuery || null,
         features: directiveDefinition.features || null,
@@ -3164,6 +3166,7 @@ function getComponentId(componentDef) {
         componentDef.decls,
         componentDef.encapsulation,
         componentDef.standalone,
+        componentDef.signals,
         componentDef.exportAs,
         JSON.stringify(componentDef.inputs),
         JSON.stringify(componentDef.outputs),
@@ -5007,7 +5010,7 @@ function incrementInitPhaseFlags(lView, initPhase) {
         assertNotEqual(initPhase, 3 /* InitPhaseState.InitPhaseCompleted */, 'Init hooks phase should not be incremented after all init hooks have been run.');
     let flags = lView[FLAGS];
     if ((flags & 3 /* LViewFlags.InitPhaseStateMask */) === initPhase) {
-        flags &= 4095 /* LViewFlags.IndexWithinInitPhaseReset */;
+        flags &= 8191 /* LViewFlags.IndexWithinInitPhaseReset */;
         flags += 1 /* LViewFlags.InitPhaseStateIncrementer */;
         lView[FLAGS] = flags;
     }
@@ -5088,12 +5091,12 @@ function callHook(currentView, initPhase, arr, i) {
     const directiveIndex = isInitHook ? -arr[i] : arr[i];
     const directive = currentView[directiveIndex];
     if (isInitHook) {
-        const indexWithintInitPhase = currentView[FLAGS] >> 12 /* LViewFlags.IndexWithinInitPhaseShift */;
+        const indexWithintInitPhase = currentView[FLAGS] >> 13 /* LViewFlags.IndexWithinInitPhaseShift */;
         // The init phase state must be always checked here as it may have been recursively updated.
         if (indexWithintInitPhase <
             (currentView[PREORDER_HOOK_FLAGS] >> 16 /* PreOrderHookFlags.NumberOfInitHooksCalledShift */) &&
             (currentView[FLAGS] & 3 /* LViewFlags.InitPhaseStateMask */) === initPhase) {
-            currentView[FLAGS] += 4096 /* LViewFlags.IndexWithinInitPhaseIncrementer */;
+            currentView[FLAGS] += 8192 /* LViewFlags.IndexWithinInitPhaseIncrementer */;
             callHookInternal(directive, hook);
         }
     }
@@ -5994,7 +5997,7 @@ function ɵɵgetInheritedFactory(type) {
         // (no Angular decorator on the superclass) or there is no constructor at all
         // in the inheritance chain. Since the two cases cannot be distinguished, the
         // latter has to be assumed.
-        return t => new t();
+        return (t) => new t();
     });
 }
 function getFactoryOf(type) {
@@ -10434,7 +10437,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('16.0.2');
+const VERSION = new Version('16.1.0-next.1');
 
 // This default value is when checking the hierarchy for a token.
 //
@@ -12054,7 +12057,14 @@ function addComponentLogic(lView, hostTNode, def) {
     // Only component views should be added to the view tree directly. Embedded views are
     // accessed through their containers because they may be removed / re-added later.
     const rendererFactory = lView[ENVIRONMENT].rendererFactory;
-    const componentView = addToViewTree(lView, createLView(lView, tView, null, def.onPush ? 64 /* LViewFlags.Dirty */ : 16 /* LViewFlags.CheckAlways */, native, hostTNode, null, rendererFactory.createRenderer(native, def), null, null, null));
+    let lViewFlags = 16 /* LViewFlags.CheckAlways */;
+    if (def.signals) {
+        lViewFlags = 4096 /* LViewFlags.SignalView */;
+    }
+    else if (def.onPush) {
+        lViewFlags = 64 /* LViewFlags.Dirty */;
+    }
+    const componentView = addToViewTree(lView, createLView(lView, tView, null, lViewFlags, native, hostTNode, null, rendererFactory.createRenderer(native, def), null, null, null));
     // Component view will always be created before any injected LContainers,
     // so this is a regular element, wrap it with the component view
     lView[hostTNode.index] = componentView;
@@ -12764,7 +12774,7 @@ function refreshView(tView, lView, templateFn, context) {
         // insertion points. This is needed to avoid the situation where the template is defined in this
         // `LView` but its declaration appears after the insertion component.
         markTransplantedViewsForRefresh(lView);
-        refreshEmbeddedViews(lView);
+        detectChangesInEmbeddedViews(lView, 2 /* ChangeDetectionMode.BugToForceRefreshAndIgnoreViewFlags */);
         // Content query results must be refreshed before content hooks are called.
         if (tView.contentQueries !== null) {
             refreshContentQueries(tView, lView);
@@ -12790,7 +12800,7 @@ function refreshView(tView, lView, templateFn, context) {
         // Refresh child component views.
         const components = tView.components;
         if (components !== null) {
-            refreshChildComponents(lView, components);
+            detectChangesInChildComponents(lView, components, 0 /* ChangeDetectionMode.Global */);
         }
         // View queries must execute after refreshing child components because a template in this view
         // could be inserted in a child component. If the view query executes before child component
@@ -12844,15 +12854,11 @@ function refreshView(tView, lView, templateFn, context) {
  * Goes over embedded views (ones created through ViewContainerRef APIs) and refreshes
  * them by executing an associated template function.
  */
-function refreshEmbeddedViews(lView) {
+function detectChangesInEmbeddedViews(lView, mode) {
     for (let lContainer = getFirstLContainer(lView); lContainer !== null; lContainer = getNextLContainer(lContainer)) {
         for (let i = CONTAINER_HEADER_OFFSET; i < lContainer.length; i++) {
             const embeddedLView = lContainer[i];
-            const embeddedTView = embeddedLView[TVIEW];
-            ngDevMode && assertDefined(embeddedTView, 'TView must be allocated');
-            if (viewAttachedToChangeDetector(embeddedLView)) {
-                refreshView(embeddedTView, embeddedLView, embeddedTView.template, embeddedLView[CONTEXT]);
-            }
+            detectChangesInView(embeddedLView, mode);
         }
     }
 }
@@ -12876,65 +12882,53 @@ function markTransplantedViewsForRefresh(lView) {
     }
 }
 /**
- * Refreshes components by entering the component view and processing its bindings, queries, etc.
+ * Detects changes in a component by entering the component view and processing its bindings,
+ * queries, etc. if it is CheckAlways, OnPush and Dirty, etc.
  *
  * @param componentHostIdx  Element index in LView[] (adjusted for HEADER_OFFSET)
  */
-function refreshComponent(hostLView, componentHostIdx) {
+function detectChangesInComponent(hostLView, componentHostIdx, mode) {
     ngDevMode && assertEqual(isCreationMode(hostLView), false, 'Should be run in update mode');
     const componentView = getComponentLViewByIndex(componentHostIdx, hostLView);
-    // Only attached components that are CheckAlways or OnPush and dirty should be refreshed
-    if (viewAttachedToChangeDetector(componentView)) {
-        const tView = componentView[TVIEW];
-        if (componentView[FLAGS] & (16 /* LViewFlags.CheckAlways */ | 64 /* LViewFlags.Dirty */)) {
-            refreshView(tView, componentView, tView.template, componentView[CONTEXT]);
-        }
-        else if (componentView[DESCENDANT_VIEWS_TO_REFRESH] > 0) {
-            // Only attached components that are CheckAlways or OnPush and dirty should be refreshed
-            refreshContainsDirtyView(componentView);
-        }
-    }
+    detectChangesInView(componentView, mode);
 }
 /**
- * Refreshes all transplanted views marked with `LViewFlags.RefreshTransplantedView` that are
- * children or descendants of the given lView.
+ * Visits a view as part of change detection traversal.
+ *
+ * - If the view is detached, no additional traversal happens.
+ *
+ * The view is refreshed if:
+ * - If the view is CheckAlways or Dirty and ChangeDetectionMode is `Global`
+ * - If the view has the `RefreshTransplantedView` flag
+ *
+ * The view is not refreshed, but descendants are traversed in `ChangeDetectionMode.Targeted` if the
+ * view has a non-zero TRANSPLANTED_VIEWS_TO_REFRESH counter.
  *
- * @param lView The lView which contains descendant transplanted views that need to be refreshed.
  */
-function refreshContainsDirtyView(lView) {
-    for (let lContainer = getFirstLContainer(lView); lContainer !== null; lContainer = getNextLContainer(lContainer)) {
-        for (let i = CONTAINER_HEADER_OFFSET; i < lContainer.length; i++) {
-            const embeddedLView = lContainer[i];
-            if (viewAttachedToChangeDetector(embeddedLView)) {
-                if (embeddedLView[FLAGS] & 1024 /* LViewFlags.RefreshView */) {
-                    const embeddedTView = embeddedLView[TVIEW];
-                    ngDevMode && assertDefined(embeddedTView, 'TView must be allocated');
-                    refreshView(embeddedTView, embeddedLView, embeddedTView.template, embeddedLView[CONTEXT]);
-                }
-                else if (embeddedLView[DESCENDANT_VIEWS_TO_REFRESH] > 0) {
-                    refreshContainsDirtyView(embeddedLView);
-                }
-            }
-        }
+function detectChangesInView(lView, mode) {
+    if (!viewAttachedToChangeDetector(lView)) {
+        return;
     }
     const tView = lView[TVIEW];
-    // Refresh child component views.
-    const components = tView.components;
-    if (components !== null) {
-        for (let i = 0; i < components.length; i++) {
-            const componentView = getComponentLViewByIndex(components[i], lView);
-            // Only attached components that are CheckAlways or OnPush and dirty should be refreshed
-            if (viewAttachedToChangeDetector(componentView) &&
-                componentView[DESCENDANT_VIEWS_TO_REFRESH] > 0) {
-                refreshContainsDirtyView(componentView);
-            }
+    if ((lView[FLAGS] & (16 /* LViewFlags.CheckAlways */ | 64 /* LViewFlags.Dirty */) &&
+        mode === 0 /* ChangeDetectionMode.Global */) ||
+        lView[FLAGS] & 1024 /* LViewFlags.RefreshView */ ||
+        mode === 2 /* ChangeDetectionMode.BugToForceRefreshAndIgnoreViewFlags */) {
+        refreshView(tView, lView, tView.template, lView[CONTEXT]);
+    }
+    else if (lView[DESCENDANT_VIEWS_TO_REFRESH] > 0) {
+        detectChangesInEmbeddedViews(lView, 1 /* ChangeDetectionMode.Targeted */);
+        const tView = lView[TVIEW];
+        const components = tView.components;
+        if (components !== null) {
+            detectChangesInChildComponents(lView, components, 1 /* ChangeDetectionMode.Targeted */);
         }
     }
 }
 /** Refreshes child components in the current view (update mode). */
-function refreshChildComponents(hostLView, components) {
+function detectChangesInChildComponents(hostLView, components, mode) {
     for (let i = 0; i < components.length; i++) {
-        refreshComponent(hostLView, components[i]);
+        detectChangesInComponent(hostLView, components[i], mode);
     }
 }
 
@@ -13334,8 +13328,12 @@ class ComponentFactory extends ComponentFactory$1 {
         const hostRNode = rootSelectorOrNode ?
             locateHostElement(hostRenderer, rootSelectorOrNode, this.componentDef.encapsulation, rootViewInjector) :
             createElementNode(hostRenderer, elementName, getNamespace(elementName));
-        const rootFlags = this.componentDef.onPush ? 64 /* LViewFlags.Dirty */ | 512 /* LViewFlags.IsRoot */ :
+        // Signal components use the granular "RefreshView"  for change detection
+        const signalFlags = (4096 /* LViewFlags.SignalView */ | 512 /* LViewFlags.IsRoot */);
+        // Non-signal components use the traditional "CheckAlways or OnPush/Dirty" change detection
+        const nonSignalFlags = this.componentDef.onPush ? 64 /* LViewFlags.Dirty */ | 512 /* LViewFlags.IsRoot */ :
             16 /* LViewFlags.CheckAlways */ | 512 /* LViewFlags.IsRoot */;
+        const rootFlags = this.componentDef.signals ? signalFlags : nonSignalFlags;
         // Create the root view. Uses empty TView and ContentTemplate.
         const rootTView = createTView(0 /* TViewType.Root */, null, null, 1, 0, null, null, null, null, null, null);
         const rootLView = createLView(null, rootTView, null, rootFlags, null, null, environment, hostRenderer, rootViewInjector, null, null);
@@ -13478,7 +13476,14 @@ function createRootComponentView(tNode, hostRNode, rootComponentDef, rootDirecti
         hydrationInfo = retrieveHydrationInfo(hostRNode, rootView[INJECTOR$1]);
     }
     const viewRenderer = environment.rendererFactory.createRenderer(hostRNode, rootComponentDef);
-    const componentView = createLView(rootView, getOrCreateComponentTView(rootComponentDef), null, rootComponentDef.onPush ? 64 /* LViewFlags.Dirty */ : 16 /* LViewFlags.CheckAlways */, rootView[tNode.index], tNode, environment, viewRenderer, null, null, hydrationInfo);
+    let lViewFlags = 16 /* LViewFlags.CheckAlways */;
+    if (rootComponentDef.signals) {
+        lViewFlags = 4096 /* LViewFlags.SignalView */;
+    }
+    else if (rootComponentDef.onPush) {
+        lViewFlags = 64 /* LViewFlags.Dirty */;
+    }
+    const componentView = createLView(rootView, getOrCreateComponentTView(rootComponentDef), null, lViewFlags, rootView[tNode.index], tNode, environment, viewRenderer, null, null, hydrationInfo);
     if (tView.firstCreatePass) {
         markAsComponentHost(tView, tNode, rootDirectives.length - 1);
     }
@@ -23213,8 +23218,11 @@ const R3TemplateRef = class TemplateRef extends ViewEngineTemplateRef {
      * @internal
      */
     createEmbeddedViewImpl(context, injector, hydrationInfo) {
+        // Embedded views follow the change detection strategy of the view they're declared in.
+        const isSignalView = this._declarationLView[FLAGS] & 4096 /* LViewFlags.SignalView */;
+        const viewFlags = isSignalView ? 4096 /* LViewFlags.SignalView */ : 16 /* LViewFlags.CheckAlways */;
         const embeddedTView = this._declarationTContainer.tView;
-        const embeddedLView = createLView(this._declarationLView, embeddedTView, context, 16 /* LViewFlags.CheckAlways */, null, embeddedTView.declTNode, null, null, null, injector || null, hydrationInfo || null);
+        const embeddedLView = createLView(this._declarationLView, embeddedTView, context, viewFlags, null, embeddedTView.declTNode, null, null, null, injector || null, hydrationInfo || null);
         const declarationLContainer = this._declarationLView[this._declarationTContainer.index];
         ngDevMode && assertLContainer(declarationLContainer);
         embeddedLView[DECLARATION_LCONTAINER] = declarationLContainer;