angular · crisbeto · May 7, 2026 · May 7, 2026 · May 7, 2026 · May 7, 2026
diff --git a/src/cdk-experimental/selection/selection-column.ts b/src/cdk-experimental/selection/selection-column.ts
@@ -13,7 +13,6 @@ import {
   OnDestroy,
   OnInit,
   ViewChild,
-  ChangeDetectionStrategy,
   ViewEncapsulation,
   inject,
 } from '@angular/core';
@@ -54,7 +53,6 @@ import {CdkSelectAll} from './select-all';
       </td>
     </ng-container>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   imports: [
     CdkColumnDef,

diff --git a/src/cdk/dialog/dialog.spec.ts b/src/cdk/dialog/dialog.spec.ts
@@ -1328,7 +1328,6 @@ class DirectiveWithViewContainer {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: 'hello',
 })
 class ComponentWithOnPushViewContainer {

diff --git a/src/cdk/drag-drop/directives/drop-list-shared.spec.ts b/src/cdk/drag-drop/directives/drop-list-shared.spec.ts
@@ -5184,7 +5184,6 @@ export class DraggableInDropZone implements AfterViewInit {
 @Component({
   selector: 'draggable-in-on-push-zone',
   template: DROP_ZONE_FIXTURE_TEMPLATE,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CdkDropList, CdkDrag, NgFor],
 })
 class DraggableInOnPushDropZone extends DraggableInDropZone {}
@@ -5693,7 +5692,6 @@ class NestedDropListGroups {
 class DropListOnNgContainer {}
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CdkDropList, CdkDrag],
   template: `
     <div cdkDropList style="width: 100px; background: pink;">
@@ -5728,7 +5726,6 @@ class DraggableInDropZoneWithoutEvents {
     </div>
   `,
   imports: [CdkDropList, CdkDrag],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 class WrappedDropContainerComponent {
   @Input() items: string[] | undefined;

diff --git a/src/cdk/drag-drop/directives/standalone-drag.spec.ts b/src/cdk/drag-drop/directives/standalone-drag.spec.ts
@@ -1897,7 +1897,6 @@ class StandaloneDraggable {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <div cdkDrag #dragElement style="width: 100px; height: 100px; background: red;"></div>
   `,

diff --git a/src/cdk/drag-drop/drag-drop-registry.ts b/src/cdk/drag-drop/drag-drop-registry.ts
@@ -7,7 +7,6 @@
  */
 
 import {
-  ChangeDetectionStrategy,
   Component,
   Service,
   ListenerOptions,
@@ -46,7 +45,6 @@ const activeCapturingEventOptions = {
   styleUrl: 'resets.css',
   encapsulation: ViewEncapsulation.None,
   template: '',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {'cdk-drag-resets-container': ''},
 })
 export class _ResetsLoader {}

diff --git a/src/cdk/overlay/overlay-container.ts b/src/cdk/overlay/overlay-container.ts
@@ -6,21 +6,12 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  Service,
-  OnDestroy,
-  Component,
-  ChangeDetectionStrategy,
-  ViewEncapsulation,
-  inject,
-  DOCUMENT,
-} from '@angular/core';
+import {Service, OnDestroy, Component, ViewEncapsulation, inject, DOCUMENT} from '@angular/core';
 import {_CdkPrivateStyleLoader} from '../private';
 import {Platform, _isTestEnvironment} from '../platform';
 
 @Component({
   template: '',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   styleUrl: 'overlay-structure.css',
   host: {'cdk-overlay-style-loader': ''},

diff --git a/src/cdk/private/visually-hidden/visually-hidden.ts b/src/cdk/private/visually-hidden/visually-hidden.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
 
 /**
  * Component used to load the .cdk-visually-hidden styles.
@@ -17,6 +17,5 @@ import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/co
   exportAs: 'cdkVisuallyHidden',
   encapsulation: ViewEncapsulation.None,
   template: '',
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class _VisuallyHiddenLoader {}
diff --git a/src/cdk/scrolling/virtual-scroll-viewport.ts b/src/cdk/scrolling/virtual-scroll-viewport.ts
@@ -12,7 +12,6 @@ import {
   afterNextRender,
   ApplicationRef,
   booleanAttribute,
-  ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
   DestroyRef,
@@ -77,7 +76,6 @@ export const CDK_VIRTUAL_SCROLL_VIEWPORT = new InjectionToken<CdkVirtualScrollVi
     '[class.cdk-virtual-scroll-orientation-vertical]': 'orientation !== "horizontal"',
   },
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [
     {
       provide: CdkScrollable,

diff --git a/src/cdk/stepper/stepper.ts b/src/cdk/stepper/stepper.ts
@@ -11,7 +11,6 @@ import {Direction, Directionality} from '../bidi';
 import {ENTER, hasModifierKey, SPACE} from '../keycodes';
 import {
   AfterViewInit,
-  ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
   ContentChild,
@@ -107,7 +106,6 @@ export interface StepperOptions {
   exportAs: 'cdkStep',
   template: '<ng-template><ng-content/></ng-template>',
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CdkStep implements OnChanges {
   private _stepperOptions: StepperOptions;

diff --git a/src/cdk/table/table.spec.ts b/src/cdk/table/table.spec.ts
@@ -3325,7 +3325,6 @@ class TableWithIndirectDescendantDefs {
       </tr>
     </table>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CdkTableModule],
 })
 class NativeHtmlTableAppOnPush {

diff --git a/src/cdk/testing/tests/test-main-component.ts b/src/cdk/testing/tests/test-main-component.ts
@@ -10,7 +10,6 @@ import {ENTER} from '../../keycodes';
 import {_supportsShadowDom} from '../../platform';
 import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {
-  ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
   ElementRef,
@@ -27,7 +26,6 @@ import {TestSubComponent} from './test-sub-component';
   selector: 'test-main',
   templateUrl: 'test-main-component.html',
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [TestShadowBoundary, TestSubComponent, FormsModule, ReactiveFormsModule],
 })
 export class TestMainComponent implements OnDestroy {

diff --git a/src/cdk/testing/tests/test-shadow-boundary.ts b/src/cdk/testing/tests/test-shadow-boundary.ts
@@ -6,12 +6,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
   selector: 'test-sub-shadow-boundary',
   template: '<div class="in-the-shadows">Shadow 2</div>',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   // tslint:disable-next-line:validate-decorators
   encapsulation: ViewEncapsulation.ShadowDom,
 })
@@ -23,7 +22,6 @@ export class TestSubShadowBoundary {}
     <div class="in-the-shadows">Shadow 1</div>
     <test-sub-shadow-boundary></test-sub-shadow-boundary>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   // tslint:disable-next-line:validate-decorators
   encapsulation: ViewEncapsulation.ShadowDom,
   imports: [TestSubShadowBoundary],

diff --git a/src/cdk/testing/tests/test-sub-component.ts b/src/cdk/testing/tests/test-sub-component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@angular/core';
+import {Component, Input, ViewEncapsulation} from '@angular/core';
 
 @Component({
   selector: 'test-sub',
@@ -18,7 +18,6 @@ import {ChangeDetectionStrategy, Component, Input, ViewEncapsulation} from '@ang
         }
       </ul>`,
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class TestSubComponent {
   @Input() title = '';

diff --git a/src/cdk/text-field/text-field-style-loader.ts b/src/cdk/text-field/text-field-style-loader.ts
@@ -6,12 +6,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
 
 /** Component used to load the structural styles of the text field. */
 @Component({
   template: '',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   styleUrl: 'text-field-prebuilt.css',
   host: {'cdk-text-field-style-loader': ''},

diff --git a/src/google-maps/deprecated-map-marker-clusterer/deprecated-map-marker-clusterer.ts b/src/google-maps/deprecated-map-marker-clusterer/deprecated-map-marker-clusterer.ts
@@ -8,7 +8,6 @@
 
 import {
   AfterContentInit,
-  ChangeDetectionStrategy,
   Component,
   ContentChildren,
   EventEmitter,
@@ -59,7 +58,6 @@ declare const MarkerClusterer: typeof MarkerClustererInstance;
 @Component({
   selector: 'deprecated-map-marker-clusterer',
   exportAs: 'mapMarkerClusterer',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content/>',
   encapsulation: ViewEncapsulation.None,
 })

diff --git a/src/google-maps/google-map/google-map.ts b/src/google-maps/google-map/google-map.ts
@@ -7,7 +7,6 @@
  */
 
 import {
-  ChangeDetectionStrategy,
   Component,
   ElementRef,
   Input,
@@ -53,7 +52,6 @@ export const DEFAULT_WIDTH = '500px';
 @Component({
   selector: 'google-map',
   exportAs: 'googleMap',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<div class="map-container"></div><ng-content />',
   encapsulation: ViewEncapsulation.None,
 })

diff --git a/src/google-maps/map-marker-clusterer/map-marker-clusterer.ts b/src/google-maps/map-marker-clusterer/map-marker-clusterer.ts
@@ -7,7 +7,6 @@
  */
 
 import {
-  ChangeDetectionStrategy,
   Component,
   ContentChildren,
   EventEmitter,
@@ -48,7 +47,6 @@ declare const markerClusterer: {
 @Component({
   selector: 'map-marker-clusterer',
   exportAs: 'mapMarkerClusterer',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content/>',
   encapsulation: ViewEncapsulation.None,
 })

diff --git a/src/material-experimental/column-resize/column-resize.spec.ts b/src/material-experimental/column-resize/column-resize.spec.ts
@@ -285,7 +285,6 @@ class MatResizeTest extends BaseTestComponent {
 
 @Component({
   template: getTableTemplate(false),
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [BidiModule, MatTableModule, MatColumnResizeModule],
 })
 class MatResizeOnPushTest extends MatResizeTest {}

diff --git a/src/material-experimental/column-resize/overlay-handle.ts b/src/material-experimental/column-resize/overlay-handle.ts
@@ -7,7 +7,6 @@
  */
 
 import {
-  ChangeDetectionStrategy,
   Component,
   ElementRef,
   NgZone,
@@ -36,7 +35,6 @@ import {AbstractMatColumnResize} from './column-resize-directives/common';
  * for handling column resize mouse events and displaying a vertical line along the column edge.
  */
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   host: {'class': 'mat-column-resize-overlay-thumb'},
   template: '<div #top class="mat-column-resize-overlay-thumb-top"></div>',

diff --git a/src/material-experimental/menubar/menubar-item.ts b/src/material-experimental/menubar/menubar-item.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {Component, ViewEncapsulation, ChangeDetectionStrategy} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
 import {CdkMenuItem} from '@angular/cdk/menu';
 
 /** Removes all icons from within the given element. */
@@ -27,7 +27,6 @@ function removeIcons(element: Element) {
   templateUrl: 'menubar-item.html',
   styleUrl: 'menubar-item.css',
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[tabindex]': '_tabindex',
     'type': 'button',

diff --git a/src/material-experimental/menubar/menubar.ts b/src/material-experimental/menubar/menubar.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {Component, ViewEncapsulation} from '@angular/core';
 import {CDK_MENU, CdkMenuBar, CdkMenuGroup, MENU_STACK, MenuStack} from '@angular/cdk/menu';
 
 /**
@@ -19,7 +19,6 @@ import {CDK_MENU, CdkMenuBar, CdkMenuGroup, MENU_STACK, MenuStack} from '@angula
   templateUrl: 'menubar.html',
   styleUrl: 'menubar.css',
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[class.mat-menubar]': 'true',
   },

diff --git a/src/material-experimental/selection/selection-column.ts b/src/material-experimental/selection/selection-column.ts
@@ -20,7 +20,6 @@ import {
   OnDestroy,
   OnInit,
   ViewChild,
-  ChangeDetectionStrategy,
   ViewEncapsulation,
   inject,
 } from '@angular/core';
@@ -57,7 +56,6 @@ import {MatSelectAll} from './select-all';
       </td>
     </ng-container>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   styleUrl: 'selection-column.css',
   encapsulation: ViewEncapsulation.None,
   imports: [

diff --git a/src/material/autocomplete/autocomplete.spec.ts b/src/material/autocomplete/autocomplete.spec.ts
@@ -4086,7 +4086,6 @@ class AutocompleteWithNumbers {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <mat-form-field>
       <input type="text" matInput [matAutocomplete]="auto">

diff --git a/src/material/autocomplete/autocomplete.ts b/src/material/autocomplete/autocomplete.ts
@@ -8,7 +8,6 @@
 
 import {
   AfterContentInit,
-  ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
   ContentChildren,
@@ -104,7 +103,6 @@ export const MAT_AUTOCOMPLETE_DEFAULT_OPTIONS = new InjectionToken<MatAutocomple
   templateUrl: 'autocomplete.html',
   styleUrl: 'autocomplete.css',
   encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
   exportAs: 'matAutocomplete',
   host: {
     'class': 'mat-mdc-autocomplete',

diff --git a/src/material/badge/badge.ts b/src/material/badge/badge.ts
@@ -10,7 +10,6 @@ import {_IdGenerator, AriaDescriber, InteractivityChecker} from '@angular/cdk/a1
 
 import {
   booleanAttribute,
-  ChangeDetectionStrategy,
   Component,
   Directive,
   ElementRef,
@@ -51,7 +50,6 @@ const BADGE_CONTENT_CLASS = 'mat-badge-content';
   styleUrl: 'badge.css',
   encapsulation: ViewEncapsulation.None,
   template: '',
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class _MatBadgeStyleLoader {}
 

diff --git a/src/material/button-toggle/button-toggle.ts b/src/material/button-toggle/button-toggle.ts
@@ -23,7 +23,6 @@ import {
   AfterContentInit,
   AfterViewInit,
   booleanAttribute,
-  ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
   ContentChildren,
@@ -552,7 +551,6 @@ export class MatButtonToggleGroup implements ControlValueAccessor, OnInit, After
   styleUrl: 'button-toggle.css',
   encapsulation: ViewEncapsulation.None,
   exportAs: 'matButtonToggle',
-  changeDetection: ChangeDetectionStrategy.OnPush,
   host: {
     '[class.mat-button-toggle-standalone]': '!buttonToggleGroup',
     '[class.mat-button-toggle-checked]': 'checked',