change ChangeDetectionStrategy.Eager to ChangeDetectionStrategy.Default for compatibility with previous versions of NG

GoodDayForSurf · GoodDayForSurf · commit 217527e446f7 · 2026-06-03T12:34:11.000+02:00
diff --git a/apps/demos/Demos/Accordion/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Accordion/Overview/Angular/app/app.component.ts
@@ -2,7 +2,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   enableProdMode,
-  provideZoneChangeDetection
+  provideZoneChangeDetection,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
@@ -22,7 +22,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
@@ -25,7 +25,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
@@ -14,7 +14,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
@@ -22,7 +22,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.component.ts
@@ -19,7 +19,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/app/app.component.ts
@@ -20,7 +20,7 @@ if (window && window.config?.packageConfigPaths) {
 
 @Component({
   selector: 'demo-app',
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
   preserveWhitespaces: true,
diff --git a/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
@@ -19,7 +19,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
@@ -31,7 +31,7 @@ export class StringifyItemsPipe implements PipeTransform {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
@@ -31,7 +31,7 @@ if (window && window.config?.packageConfigPaths) {
 @Component({
   selector: 'demo-app',
   providers: [Service],
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
   imports: [
diff --git a/apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.ts b/apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.ts
@@ -21,7 +21,7 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   preserveWhitespaces: true,
   imports: [DxListModule],
 })
diff --git a/apps/demos/Demos/List/Selection/Angular/app/app.component.ts b/apps/demos/Demos/List/Selection/Angular/app/app.component.ts
@@ -23,7 +23,7 @@ if (window && window.config?.packageConfigPaths) {
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
   preserveWhitespaces: true,
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   imports: [
     DxSelectBoxModule,
     DxListModule,
diff --git a/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.ts b/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.ts
@@ -21,7 +21,7 @@ if (window && window.config?.packageConfigPaths) {
   styleUrls: [`.${modulePrefix}/app.component.css`],
   providers: [Service],
   preserveWhitespaces: true,
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   imports: [
     DxMultiViewModule,
     DxCheckBoxModule,
diff --git a/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.ts b/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.ts
@@ -14,7 +14,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
@@ -16,7 +16,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
@@ -16,7 +16,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/app.component.ts b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   enableProdMode,
-  provideZoneChangeDetection
+  provideZoneChangeDetection,
 } from '@angular/core';
 import {
   DxButtonModule,
@@ -30,7 +30,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Stepper/FormIntegration/Angular/app/confirmation/confirmation.component.ts b/apps/demos/Demos/Stepper/FormIntegration/Angular/app/confirmation/confirmation.component.ts
@@ -8,7 +8,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'confirmation',
   templateUrl: `.${modulePrefix}/confirmation/confirmation.component.html`,
   styleUrls: [`.${modulePrefix}/confirmation/confirmation.component.css`],
diff --git a/apps/demos/Demos/Tabs/Selection/Angular/app/app.component.ts b/apps/demos/Demos/Tabs/Selection/Angular/app/app.component.ts
@@ -2,7 +2,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   enableProdMode,
-  provideZoneChangeDetection
+  provideZoneChangeDetection,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxTabsModule, DxSelectBoxModule, DxMultiViewModule } from 'devextreme-angular';
@@ -19,7 +19,7 @@ if (window && window.config?.packageConfigPaths) {
 }
 
 @Component({
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   selector: 'demo-app',
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Angular/app/app.component.ts b/apps/demos/Demos/TreeView/ItemSelectionAndCustomization/Angular/app/app.component.ts
@@ -29,7 +29,7 @@ if (window && window.config?.packageConfigPaths) {
   templateUrl: `.${modulePrefix}/app.component.html`,
   styleUrls: [`.${modulePrefix}/app.component.css`],
   providers: [Service],
-  changeDetection: ChangeDetectionStrategy.Eager,
+  changeDetection: ChangeDetectionStrategy.Default,
   preserveWhitespaces: true,
   imports: [
     DxTreeViewModule,

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ if (window && window.config?.packageConfigPaths) {`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`@Component({`
`28`		`- changeDetection: ChangeDetectionStrategy.Eager,`
	`28`	`+ changeDetection: ChangeDetectionStrategy.Default,`
`29`	`29`	`selector: 'demo-app',`
`30`	`30`	templateUrl: `.${modulePrefix}/app.component.html`,
`31`	`31`	styleUrls: [`.${modulePrefix}/app.component.css`],
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ if (window && window.config?.packageConfigPaths) {`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`@Component({`
`17`		`- changeDetection: ChangeDetectionStrategy.Eager,`
	`17`	`+ changeDetection: ChangeDetectionStrategy.Default,`
`18`	`18`	`selector: 'demo-app',`
`19`	`19`	templateUrl: `.${modulePrefix}/app.component.html`,
`20`	`20`	styleUrls: [`.${modulePrefix}/app.component.css`],
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ if (window && window.config?.packageConfigPaths) {`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`@Component({`
`25`		`- changeDetection: ChangeDetectionStrategy.Eager,`
	`25`	`+ changeDetection: ChangeDetectionStrategy.Default,`
`26`	`26`	`selector: 'demo-app',`
`27`	`27`	templateUrl: `.${modulePrefix}/app.component.html`,
`28`	`28`	styleUrls: [`.${modulePrefix}/app.component.css`],
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ if (window && window.config?.packageConfigPaths) {`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`@Component({`
`22`		`- changeDetection: ChangeDetectionStrategy.Eager,`
	`22`	`+ changeDetection: ChangeDetectionStrategy.Default,`
`23`	`23`	`selector: 'demo-app',`
`24`	`24`	templateUrl: `.${modulePrefix}/app.component.html`,
`25`	`25`	styleUrls: [`.${modulePrefix}/app.component.css`],
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ export class StringifyItemsPipe implements PipeTransform {`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`@Component({`
`34`		`- changeDetection: ChangeDetectionStrategy.Eager,`
	`34`	`+ changeDetection: ChangeDetectionStrategy.Default,`
`35`	`35`	`selector: 'demo-app',`
`36`	`36`	templateUrl: `.${modulePrefix}/app.component.html`,
`37`	`37`	styleUrls: [`.${modulePrefix}/app.component.css`],