diff --git a/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
index 68dbc217f87f..421673b3e609 100644
--- a/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, HttpParams, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { DxAutocompleteModule } from 'devextreme-angular';
@@ -92,7 +92,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Autocomplete/Overview/Angular/index.html b/apps/demos/Demos/Autocomplete/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Autocomplete/Overview/Angular/index.html
+++ b/apps/demos/Demos/Autocomplete/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts b/apps/demos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
index 0e44374a3749..ca051f1f7da9 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule, DxCheckBoxModule, DxButtonModule } from 'devextreme-angular';
 import { DxCalendarComponent, DxCalendarModule, DxCalendarTypes } from 'devextreme-angular/ui/calendar';
 
@@ -67,8 +67,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html b/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html
+++ b/apps/demos/Demos/Calendar/MultipleSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Calendar/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Calendar/Overview/Angular/app/app.component.ts
index b25a37ceaeca..c93fc17a4534 100644
--- a/apps/demos/Demos/Calendar/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Calendar/Overview/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import {
   DxCheckBoxModule, DxDateBoxModule, DxSelectBoxModule,
@@ -87,8 +87,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Calendar/Overview/Angular/index.html b/apps/demos/Demos/Calendar/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Calendar/Overview/Angular/index.html
+++ b/apps/demos/Demos/Calendar/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/CardTemplate/Angular/app/app.component.ts b/apps/demos/Demos/CardView/CardTemplate/Angular/app/app.component.ts
index cbbedceb1ff3..39f1e5312840 100644
--- a/apps/demos/Demos/CardView/CardTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/CardTemplate/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxCardViewModule,
   DxPopupModule,
@@ -50,8 +50,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/CardTemplate/Angular/index.html b/apps/demos/Demos/CardView/CardTemplate/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/CardTemplate/Angular/index.html
+++ b/apps/demos/Demos/CardView/CardTemplate/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnChooser/Angular/app/app.component.ts b/apps/demos/Demos/CardView/ColumnChooser/Angular/app/app.component.ts
index b02c85edfd84..e27e6474dc65 100644
--- a/apps/demos/Demos/CardView/ColumnChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/ColumnChooser/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -48,8 +48,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html b/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html
+++ b/apps/demos/Demos/CardView/ColumnChooser/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/app/app.component.ts b/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/app/app.component.ts
index db658a41e310..377484e38a93 100644
--- a/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule, DxCardViewTypes } from 'devextreme-angular/ui/card-view';
 import { Order, Service } from './app.service';
 
@@ -76,8 +76,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html b/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/CardView/ColumnHeaderFilter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/ColumnReordering/Angular/app/app.component.ts b/apps/demos/Demos/CardView/ColumnReordering/Angular/app/app.component.ts
index df4511c27e7b..b6c0129d3c1a 100644
--- a/apps/demos/Demos/CardView/ColumnReordering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/ColumnReordering/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular';
 import { Order, Service } from './app.service';
 
@@ -23,8 +23,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html b/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html
+++ b/apps/demos/Demos/CardView/ColumnReordering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
index 0ae9cc6572d8..4f3bdbff4420 100644
--- a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular';
 import 'devextreme/ui/text_area';
 import { lastValueFrom } from 'rxjs';
@@ -66,7 +66,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/CardView/DataValidation/Angular/index.html b/apps/demos/Demos/CardView/DataValidation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/DataValidation/Angular/index.html
+++ b/apps/demos/Demos/CardView/DataValidation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FieldTemplate/Angular/app/app.component.ts b/apps/demos/Demos/CardView/FieldTemplate/Angular/app/app.component.ts
index e25ae0ea863b..5bb089b622f0 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/FieldTemplate/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxCardViewModule,
 } from 'devextreme-angular';
@@ -35,7 +35,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     Service,
   ],
 });
diff --git a/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html b/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html
+++ b/apps/demos/Demos/CardView/FieldTemplate/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/FilterPanel/Angular/app/app.component.ts b/apps/demos/Demos/CardView/FilterPanel/Angular/app/app.component.ts
index 08842f0cc429..709e2a881494 100644
--- a/apps/demos/Demos/CardView/FilterPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/FilterPanel/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular/ui/card-view';
 import { Order, Service } from './app.service';
 
@@ -72,8 +72,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/FilterPanel/Angular/index.html b/apps/demos/Demos/CardView/FilterPanel/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/FilterPanel/Angular/index.html
+++ b/apps/demos/Demos/CardView/FilterPanel/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Overview/Angular/app/app.component.ts b/apps/demos/Demos/CardView/Overview/Angular/app/app.component.ts
index 0096e0215366..8625bcfdaafd 100644
--- a/apps/demos/Demos/CardView/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import { DxCardViewModule, DxCardViewComponent, DxButtonModule } from 'devextreme-angular';
 import notify from 'devextreme/ui/notify';
 import { AppService, Employee } from './app.service';
@@ -52,7 +52,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     AppService,
   ],
 });
diff --git a/apps/demos/Demos/CardView/Overview/Angular/index.html b/apps/demos/Demos/CardView/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/Overview/Angular/index.html
+++ b/apps/demos/Demos/CardView/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts b/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts
index 4eae8f009f56..cd5c57ed1ba1 100644
--- a/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular';
 import 'devextreme/ui/text_area';
 import { Employee, Service } from './app.service';
@@ -43,8 +43,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/PopupEditing/Angular/index.html b/apps/demos/Demos/CardView/PopupEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/PopupEditing/Angular/index.html
+++ b/apps/demos/Demos/CardView/PopupEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SearchPanel/Angular/app/app.component.ts b/apps/demos/Demos/CardView/SearchPanel/Angular/app/app.component.ts
index 6699ac77e582..4807a22ba456 100644
--- a/apps/demos/Demos/CardView/SearchPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/SearchPanel/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular';
 import { Task, Service } from './app.service';
 
@@ -23,8 +23,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/SearchPanel/Angular/index.html b/apps/demos/Demos/CardView/SearchPanel/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/SearchPanel/Angular/index.html
+++ b/apps/demos/Demos/CardView/SearchPanel/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Selection/Angular/app/app.component.ts b/apps/demos/Demos/CardView/Selection/Angular/app/app.component.ts
index 0a5d1cc446a1..a93f8aca2b8d 100644
--- a/apps/demos/Demos/CardView/Selection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/Selection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import { DxCardViewComponent, DxCardViewModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -48,8 +48,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/Selection/Angular/index.html b/apps/demos/Demos/CardView/Selection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/Selection/Angular/index.html
+++ b/apps/demos/Demos/CardView/Selection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/CardView/SimpleArray/Angular/app/app.component.ts
index 1ded8d1726a5..e87566664910 100644
--- a/apps/demos/Demos/CardView/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/SimpleArray/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular';
 import { Customer, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/SimpleArray/Angular/index.html b/apps/demos/Demos/CardView/SimpleArray/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/CardView/SimpleArray/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/Sorting/Angular/app/app.component.ts b/apps/demos/Demos/CardView/Sorting/Angular/app/app.component.ts
index 7b7678ddb159..8d3c5e3ea44e 100644
--- a/apps/demos/Demos/CardView/Sorting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/Sorting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCardViewModule } from 'devextreme-angular';
 import { House, Service } from './app.service';
 
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/Sorting/Angular/index.html b/apps/demos/Demos/CardView/Sorting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/Sorting/Angular/index.html
+++ b/apps/demos/Demos/CardView/Sorting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
index 1e24974499fc..3a7848db8758 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxCardViewModule } from 'devextreme-angular';
 import 'devextreme/ui/select_box';
@@ -31,8 +31,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CardView/WebAPIService/Angular/index.html b/apps/demos/Demos/CardView/WebAPIService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/CardView/WebAPIService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
index 03cfd66cc225..bc4175f7930d 100644
--- a/apps/demos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -20,8 +20,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html b/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html
+++ b/apps/demos/Demos/Charts/AjaxRequest/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Annotation/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Annotation/Angular/app/app.component.ts
index 896a6cb0b13c..c192f4319e6d 100644
--- a/apps/demos/Demos/Charts/Annotation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Annotation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 
 import { Data, Service } from './app.service';
@@ -41,8 +41,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Annotation/Angular/index.html b/apps/demos/Demos/Charts/Annotation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Annotation/Angular/index.html
+++ b/apps/demos/Demos/Charts/Annotation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Area/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Area/Angular/app/app.component.ts
index c48b314edf2e..85408b792b0b 100644
--- a/apps/demos/Demos/Charts/Area/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Area/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Population, Service } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Area/Angular/index.html b/apps/demos/Demos/Charts/Area/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Area/Angular/index.html
+++ b/apps/demos/Demos/Charts/Area/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/app/app.component.ts
index 978dafe3c3ee..bdc56429450f 100644
--- a/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartComponent, DxButtonModule } from 'devextreme-angular';
 import type { DxChartTypes } from 'devextreme-angular/ui/chart';
 
@@ -40,8 +40,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html b/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html
+++ b/apps/demos/Demos/Charts/AreaSelectionZooming/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
index ba938bf278b1..cdcd533e5c80 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSparklineModule } from 'devextreme-angular';
 import { CostInfo, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html b/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/AreaSparklines/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
index 5dfc0582a77d..32343cc1c0ea 100644
--- a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 
 import { CountryInfo, Service } from './app.service';
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
+++ b/apps/demos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
index 1054a0365dfd..710c92df3795 100644
--- a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxNumberBoxModule } from 'devextreme-angular';
 
 import { Service, ScatterData } from './app.service';
@@ -27,8 +27,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html
+++ b/apps/demos/Demos/Charts/AxisCustomPosition/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/app/app.component.ts
index 554f636efbe3..9c7cad12357e 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 
 import { Data, Service } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
index e84d5b268851..6dc11375e87b 100644
--- a/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/AxisLabelCustomization/Angular/index.html
@@ -22,7 +22,6 @@
         </defs>
       </svg>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarColorCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/BarColorCustomization/Angular/app/app.component.ts
index 740b793e3439..29a565790e28 100644
--- a/apps/demos/Demos/Charts/BarColorCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/BarColorCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 
 import { UserData, Service } from './app.service';
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html b/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/BarColorCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarDrillDown/Angular/app/app.component.ts b/apps/demos/Demos/Charts/BarDrillDown/Angular/app/app.component.ts
index 5b8652ab0427..8fde9141a881 100644
--- a/apps/demos/Demos/Charts/BarDrillDown/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/BarDrillDown/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxButtonModule } from 'devextreme-angular';
 
 import { Service, DataItem } from './app.service';
@@ -59,8 +59,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html b/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html
+++ b/apps/demos/Demos/Charts/BarDrillDown/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
index 4d9e41ad075b..ffca578987a7 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 
@@ -48,7 +48,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Charts/BarSparklines/Angular/index.html b/apps/demos/Demos/Charts/BarSparklines/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/BarSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/BarSparklines/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts
index 381742fa21c5..bdd29d543af5 100644
--- a/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Population, Service } from './app.service';
 
@@ -30,8 +30,4 @@ export class AppComponent {
   customizeLabel: DxChartTypes.ValueAxisLabel['customizeText'] = ({ value }) => `${Math.abs(value as number)}%`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html b/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Bubble/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Bubble/Angular/app/app.component.ts
index af096fdf499c..2f33cc679f09 100644
--- a/apps/demos/Demos/Charts/Bubble/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Bubble/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Population, CorrelationDescription, Service } from './app.service';
 
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Bubble/Angular/index.html b/apps/demos/Demos/Charts/Bubble/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Bubble/Angular/index.html
+++ b/apps/demos/Demos/Charts/Bubble/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Candlestick/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Candlestick/Angular/app/app.component.ts
index 9173ac08cfea..7022dfdb8ab2 100644
--- a/apps/demos/Demos/Charts/Candlestick/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Candlestick/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 
 import { StockPrice, Service } from './app.service';
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Candlestick/Angular/index.html b/apps/demos/Demos/Charts/Candlestick/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Candlestick/Angular/index.html
+++ b/apps/demos/Demos/Charts/Candlestick/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/app/app.component.ts
index 4723e6c594a7..f086e71d23c9 100644
--- a/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { DecimalPipe } from '@angular/common';
 import { Service } from './app.service';
@@ -44,8 +44,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/CenterLabelCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
index b5ef7e94d3cc..32009a1e39cf 100644
--- a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
@@ -1,7 +1,6 @@
 import {
   Component,
   enableProdMode,
-  provideZoneChangeDetection,
   inject,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
@@ -65,7 +64,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
+++ b/apps/demos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Colorization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Colorization/Angular/app/app.component.ts
index 0f6e83ab440f..e61f85d20d13 100644
--- a/apps/demos/Demos/Charts/Colorization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Colorization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxTreeMapModule, DxTreeMapTypes } from 'devextreme-angular/ui/tree-map';
 import { SalesAmount, Service } from './app.service';
@@ -83,8 +83,4 @@ export class AppComponent {
   );
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Colorization/Angular/index.html b/apps/demos/Demos/Charts/Colorization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Colorization/Angular/index.html
+++ b/apps/demos/Demos/Charts/Colorization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ContinuousData/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ContinuousData/Angular/app/app.component.ts
index b608f3c185f3..eb3c93986122 100644
--- a/apps/demos/Demos/Charts/ContinuousData/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ContinuousData/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPolarChartModule } from 'devextreme-angular';
 
 import { Coordinate, Service } from './app.service';
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ContinuousData/Angular/index.html b/apps/demos/Demos/Charts/ContinuousData/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ContinuousData/Angular/index.html
+++ b/apps/demos/Demos/Charts/ContinuousData/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.ts
index 6b88df11d880..0dc29354ce8a 100644
--- a/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Crosshair/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, CountryInfo, EnergyDescription } from './app.service';
 
@@ -27,8 +27,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Crosshair/Angular/index.html b/apps/demos/Demos/Charts/Crosshair/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Crosshair/Angular/index.html
+++ b/apps/demos/Demos/Charts/Crosshair/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts b/apps/demos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts
index 92e585dba698..82cf239641d0 100644
--- a/apps/demos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, State } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html b/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomAnnotations/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts b/apps/demos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts
index 9f84909bf27e..860f80cb0549 100644
--- a/apps/demos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { OilProduction, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html b/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomBarWidth/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomFillStyles/Angular/app/app.component.ts b/apps/demos/Demos/Charts/CustomFillStyles/Angular/app/app.component.ts
index 5135e6239883..d3f6e9f38b69 100644
--- a/apps/demos/Demos/Charts/CustomFillStyles/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/CustomFillStyles/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { registerGradient, registerPattern } from 'devextreme/common/charts';
 import { Data, Service } from './app.service';
@@ -139,8 +139,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html b/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomFillStyles/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts
index 1699c7738c51..e445dd65c858 100644
--- a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, Temperature } from './app.service';
 
@@ -51,8 +51,4 @@ export class AppComponent {
   customizeText: DxChartTypes.ValueAxisLabel['customizeText'] = ({ valueText }) => `${valueText}&#176F`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
+++ b/apps/demos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts
index ec8809fcaa4e..a44558c5bcbe 100644
--- a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, ChemicalComposition, SeriesDescription } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   customizeText: DxChartTypes.ValueAxisLabel['customizeText'] = ({ valueText }) => `${valueText}%`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
+++ b/apps/demos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscreteData/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DiscreteData/Angular/app/app.component.ts
index 183db672859f..e289606e8d00 100644
--- a/apps/demos/Demos/Charts/DiscreteData/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DiscreteData/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPolarChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Temperature, Service } from './app.service';
 
@@ -27,8 +27,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DiscreteData/Angular/index.html b/apps/demos/Demos/Charts/DiscreteData/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DiscreteData/Angular/index.html
+++ b/apps/demos/Demos/Charts/DiscreteData/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/app/app.component.ts
index 860ae49256ce..2393fbc83acb 100644
--- a/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, OilProductionItem } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html b/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html
+++ b/apps/demos/Demos/Charts/DiscretePointsAggregation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Doughnut/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Doughnut/Angular/app/app.component.ts
index f1bf46c17120..927c003d2ea3 100644
--- a/apps/demos/Demos/Charts/Doughnut/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Doughnut/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { PercentPipe } from '@angular/common';
 import { PopulationByRegion, Service } from './app.service';
@@ -32,8 +32,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Doughnut/Angular/index.html b/apps/demos/Demos/Charts/Doughnut/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Doughnut/Angular/index.html
+++ b/apps/demos/Demos/Charts/Doughnut/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts
index 95886b8b158b..7bb8e4ee7b0d 100644
--- a/apps/demos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { MedalsInfo, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html b/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html
+++ b/apps/demos/Demos/Charts/DoughnutSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts
index a80a205b082c..2ec8ec581b2b 100644
--- a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { LanguageData, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
+++ b/apps/demos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DrillDown/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DrillDown/Angular/app/app.component.ts
index 56ada65b33b8..06fb26377fbf 100644
--- a/apps/demos/Demos/Charts/DrillDown/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DrillDown/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeMapModule } from 'devextreme-angular';
 import { CitiesPopulation, Service } from './app.service';
 
@@ -56,8 +56,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DrillDown/Angular/index.html b/apps/demos/Demos/Charts/DrillDown/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DrillDown/Angular/index.html
+++ b/apps/demos/Demos/Charts/DrillDown/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/DynamicSeries/Angular/app/app.component.ts b/apps/demos/Demos/Charts/DynamicSeries/Angular/app/app.component.ts
index cb712a5ac44c..b87565e3678c 100644
--- a/apps/demos/Demos/Charts/DynamicSeries/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/DynamicSeries/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, Production } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html b/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html
+++ b/apps/demos/Demos/Charts/DynamicSeries/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/EqualSizePies/Angular/app/app.component.ts b/apps/demos/Demos/Charts/EqualSizePies/Angular/app/app.component.ts
index af2188d1f228..7a1a5a351891 100644
--- a/apps/demos/Demos/Charts/EqualSizePies/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/EqualSizePies/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { PieOptions, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html b/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html
+++ b/apps/demos/Demos/Charts/EqualSizePies/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ErrorBars/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ErrorBars/Angular/app/app.component.ts
index d1f3a939a656..e787d61206ee 100644
--- a/apps/demos/Demos/Charts/ErrorBars/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ErrorBars/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, Weather } from './app.service';
 
@@ -32,8 +32,4 @@ export class AppComponent {
   );
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ErrorBars/Angular/index.html b/apps/demos/Demos/Charts/ErrorBars/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ErrorBars/Angular/index.html
+++ b/apps/demos/Demos/Charts/ErrorBars/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts
index 87efe2c02bec..d01418dd2ae1 100644
--- a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxButtonModule } from 'devextreme-angular';
 import { DxChartComponent, DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, Mountain } from './app.service';
@@ -46,8 +46,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
index c1a598915e9d..5e693252778a 100644
--- a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartComponent, DxButtonModule } from 'devextreme-angular';
 import { exportFromMarkup } from 'devextreme/viz/export';
 import { Canvg } from 'canvg';
@@ -85,8 +85,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html
+++ b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts
index b1e3d48e8e70..f9d813382e8c 100644
--- a/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import {
   DxChartModule, DxPieChartModule, DxChartComponent, DxPieChartComponent, DxButtonModule,
 } from 'devextreme-angular';
@@ -48,8 +48,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html b/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html
+++ b/apps/demos/Demos/Charts/ExportSeveralCharts/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts b/apps/demos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts
index 7da8509d9750..db1ac44e35db 100644
--- a/apps/demos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeMapModule } from 'devextreme-angular';
 import { CitiesPopulation, Service } from './app.service';
 
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html b/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html
+++ b/apps/demos/Demos/Charts/FlatDataStructure/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts
index 3d7e28565693..dc50f6cc22af 100644
--- a/apps/demos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { CountryInfo, Service } from './app.service';
 
@@ -30,8 +30,4 @@ export class AppComponent {
   );
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html b/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/FullStackedBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.ts
index af130d9a275f..bc2210da4eae 100644
--- a/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/FunnelChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxFunnelModule } from 'devextreme-angular';
 import { itemInfo, Service } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   customizeText = ({ percentText, item: { argument } }) => `<span style='font-size: 28px'>${percentText}</span><br/>${argument}`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/FunnelChart/Angular/index.html b/apps/demos/Demos/Charts/FunnelChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/FunnelChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/FunnelChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts b/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts
index 7da8509d9750..db1ac44e35db 100644
--- a/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeMapModule } from 'devextreme-angular';
 import { CitiesPopulation, Service } from './app.service';
 
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html b/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
+++ b/apps/demos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.ts b/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.ts
index e9a7a1c8d8f8..62d241ef3402 100644
--- a/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/HoverMode/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, GrossProduct } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/HoverMode/Angular/index.html b/apps/demos/Demos/Charts/HoverMode/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/HoverMode/Angular/index.html
+++ b/apps/demos/Demos/Charts/HoverMode/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/InvertedChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/InvertedChart/Angular/app/app.component.ts
index 160294432ce0..546e5803807f 100644
--- a/apps/demos/Demos/Charts/InvertedChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/InvertedChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPolarChartModule } from 'devextreme-angular';
 import { Coordinate, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/InvertedChart/Angular/index.html b/apps/demos/Demos/Charts/InvertedChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/InvertedChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/InvertedChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.ts
index 8cc303ca4c74..58ac0fc4fce5 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/LabelCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { MedalsInfo, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html b/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/LabelCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/app/app.component.ts
index 9a3b43a8fbc3..f3d9e27a305b 100644
--- a/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 
 import { DxChartModule } from 'devextreme-angular';
@@ -42,8 +42,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html b/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/LegendMarkersCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Line/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Line/Angular/app/app.component.ts
index 305933de1a06..e4277b2cc74d 100644
--- a/apps/demos/Demos/Charts/Line/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Line/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { CountryInfo, EnergyDescription, Service } from './app.service';
 
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Line/Angular/index.html b/apps/demos/Demos/Charts/Line/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Line/Angular/index.html
+++ b/apps/demos/Demos/Charts/Line/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts b/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts
index 519493da5bda..cb15f08205c5 100644
--- a/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { DxChartComponent, DxChartModule } from 'devextreme-angular';
@@ -121,7 +121,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html b/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html
+++ b/apps/demos/Demos/Charts/LoadDataOnDemand/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts b/apps/demos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts
index a184db11f30b..db643fb561a8 100644
--- a/apps/demos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, RelativeMass } from './app.service';
 
@@ -36,8 +36,4 @@ export class AppComponent {
     }[type]);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html b/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicAxis/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts
index 6021dbb4ed79..85b768a7b163 100644
--- a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Data, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
+++ b/apps/demos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts b/apps/demos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts
index 75318b0723f5..3adaa5116ec6 100644
--- a/apps/demos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, Population } from './app.service';
 
@@ -43,8 +43,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html b/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultipleAxes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts b/apps/demos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts
index 6e34df04fda2..a9eda5b0ece5 100644
--- a/apps/demos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, Weather } from './app.service';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html b/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultiplePanes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts b/apps/demos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts
index 298131524832..1e689d8dd2ad 100644
--- a/apps/demos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, MedalsInfo } from './app.service';
 
@@ -32,8 +32,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html b/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultiplePointSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts b/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts
index 63674ed0f97d..a159b2b17fd3 100644
--- a/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, Statistics } from './app.service';
 
@@ -32,8 +32,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html b/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
+++ b/apps/demos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts b/apps/demos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts
index a2b4ed16ad13..1514bf047dcf 100644
--- a/apps/demos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, MedalsInfo } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html b/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html
+++ b/apps/demos/Demos/Charts/NullPointSupport/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Overview/Angular/app/app.component.ts
index 8ffacbba038c..ff21ca2d5f45 100644
--- a/apps/demos/Demos/Charts/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, ComplaintsWithPercent } from './app.service';
 
@@ -40,8 +40,4 @@ export class AppComponent {
   customizeLabelText: DxChartTypes.ValueAxisLabel['customizeText'] = ({ valueText }) => `${valueText}%`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Overview/Angular/index.html b/apps/demos/Demos/Charts/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Overview/Angular/index.html
+++ b/apps/demos/Demos/Charts/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Palette/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Palette/Angular/app/app.component.ts
index 1341d74c7e8e..ea5a62dec801 100644
--- a/apps/demos/Demos/Charts/Palette/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Palette/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { getPalette } from 'devextreme/viz/palette';
 import { DxPieChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Palette, PaletteExtensionMode } from 'devextreme-angular/common/charts';
@@ -44,8 +44,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Palette/Angular/index.html b/apps/demos/Demos/Charts/Palette/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Palette/Angular/index.html
+++ b/apps/demos/Demos/Charts/Palette/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ParetoChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ParetoChart/Angular/app/app.component.ts
index 47d69e6ba4fe..c0fa5cf32af9 100644
--- a/apps/demos/Demos/Charts/ParetoChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ParetoChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, ComplaintsWithPercent } from './app.service';
 
@@ -40,8 +40,4 @@ export class AppComponent {
   customizeLabelText = ({ valueText }) => `${valueText}%`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ParetoChart/Angular/index.html b/apps/demos/Demos/Charts/ParetoChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ParetoChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/ParetoChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PeriodicData/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PeriodicData/Angular/app/app.component.ts
index 160294432ce0..546e5803807f 100644
--- a/apps/demos/Demos/Charts/PeriodicData/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PeriodicData/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPolarChartModule } from 'devextreme-angular';
 import { Coordinate, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PeriodicData/Angular/index.html b/apps/demos/Demos/Charts/PeriodicData/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PeriodicData/Angular/index.html
+++ b/apps/demos/Demos/Charts/PeriodicData/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Pie/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Pie/Angular/app/app.component.ts
index 3e84daa1e43c..2bb0e649561a 100644
--- a/apps/demos/Demos/Charts/Pie/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Pie/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { Area, Service } from './app.service';
 
@@ -44,8 +44,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Pie/Angular/index.html b/apps/demos/Demos/Charts/Pie/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Pie/Angular/index.html
+++ b/apps/demos/Demos/Charts/Pie/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.ts
index f84fe21f1ccb..0235ae085a3d 100644
--- a/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PieAnnotations/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { MedalistData, AnnotationInfo, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html b/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html
+++ b/apps/demos/Demos/Charts/PieAnnotations/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.ts
index c1b0a11a36c2..da053fff157a 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { MedalsInfo, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html
+++ b/apps/demos/Demos/Charts/PieResolveLabelOverlap/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts
index 8ce2eab99dd6..46144ad3c3bb 100644
--- a/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { ExportImportEntry, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html b/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
+++ b/apps/demos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointImage/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PointImage/Angular/app/app.component.ts
index 1d2f13b70efd..7908ef2dbdd1 100644
--- a/apps/demos/Demos/Charts/PointImage/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PointImage/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, IceHockeyStatistics } from './app.service';
 
@@ -45,8 +45,4 @@ export class AppComponent {
   }[valueText] || `${valueText}th place`);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PointImage/Angular/index.html b/apps/demos/Demos/Charts/PointImage/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PointImage/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointImage/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointSelectionAPI/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PointSelectionAPI/Angular/app/app.component.ts
index 048b7563671c..9228dda97915 100644
--- a/apps/demos/Demos/Charts/PointSelectionAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PointSelectionAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, type DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, CatBreed } from './app.service';
 
@@ -37,8 +37,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html b/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointSelectionAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts
index a24051f64cfc..68f2c4590868 100644
--- a/apps/demos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { enableProdMode, Component, provideZoneChangeDetection } from '@angular/core';
+import { enableProdMode, Component } from '@angular/core';
 import { DxChartModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import {
   Service, WeatherIndicators, AggregationInterval, AggregationFunction,
@@ -94,8 +94,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html b/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts
index 686a213f0d5a..d3d008803aac 100644
--- a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 import { VisualRange } from 'devextreme-angular/common/charts';
 import { DxChartModule, DxChartComponent } from 'devextreme-angular/ui/chart';
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts
index d6986da03046..78b3abb89b1a 100644
--- a/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPolarChartModule } from 'devextreme-angular';
 import { Temperature, Service } from './app.service';
 
@@ -30,8 +30,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html b/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html
+++ b/apps/demos/Demos/Charts/PolarChartAnnotations/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts
index 6275839f23dc..7b8a7c6ab4a4 100644
--- a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 import { DxPolarChartModule, DxPolarChartTypes } from 'devextreme-angular/ui/polar-chart';
 import { DataFrame, Service } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/PyramidChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/PyramidChart/Angular/app/app.component.ts
index 737038f0c68b..0f21976c49f6 100644
--- a/apps/demos/Demos/Charts/PyramidChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/PyramidChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxFunnelModule } from 'devextreme-angular';
 import { Data, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/PyramidChart/Angular/index.html b/apps/demos/Demos/Charts/PyramidChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/PyramidChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/PyramidChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.ts b/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.ts
index 61363c169ad1..b7c2f50a0fa9 100644
--- a/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/RangeArea/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { InflationEntry, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/RangeArea/Angular/index.html b/apps/demos/Demos/Charts/RangeArea/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/RangeArea/Angular/index.html
+++ b/apps/demos/Demos/Charts/RangeArea/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.ts
index 475edabaa066..b6a20d88770d 100644
--- a/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/RangeBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { OilPrice, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/RangeBar/Angular/index.html b/apps/demos/Demos/Charts/RangeBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/RangeBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/RangeBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/app/app.component.ts
index 8f5ba2fcbb15..b95fbf3c9566 100644
--- a/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Service, PopulationData } from './app.service';
 
@@ -32,8 +32,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html b/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html
+++ b/apps/demos/Demos/Charts/ResolveLabelOverlap/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.ts
index 51374ae4edcd..168fcb5f5213 100644
--- a/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SankeyChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSankeyModule, DxSankeyTypes } from 'devextreme-angular/ui/sankey';
 import { Service, DataItem } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
     }
   );
 }
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SankeyChart/Angular/index.html b/apps/demos/Demos/Charts/SankeyChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SankeyChart/Angular/index.html
+++ b/apps/demos/Demos/Charts/SankeyChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts
index 3a77589ffb2d..88e7278f1f8e 100644
--- a/apps/demos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { SolarSystemObject, Service } from './app.service';
 
@@ -41,8 +41,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html b/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html
+++ b/apps/demos/Demos/Charts/ScaleBreaks/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Scatter/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Scatter/Angular/app/app.component.ts
index 687bab0f33ee..baaa303bb062 100644
--- a/apps/demos/Demos/Charts/Scatter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Scatter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { ScatterData, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Scatter/Angular/index.html b/apps/demos/Demos/Charts/Scatter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Scatter/Angular/index.html
+++ b/apps/demos/Demos/Charts/Scatter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Selection/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Selection/Angular/app/app.component.ts
index 4a16ee3703e6..08f4e1e86a03 100644
--- a/apps/demos/Demos/Charts/Selection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Selection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, ExportData } from './app.service';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Selection/Angular/index.html b/apps/demos/Demos/Charts/Selection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Selection/Angular/index.html
+++ b/apps/demos/Demos/Charts/Selection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts
index b1ab5dbe7c8d..7295409cdfa4 100644
--- a/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { DataSource } from 'devextreme-angular/common/data';
 import { Month, Service } from './app.service';
@@ -87,8 +87,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html b/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
+++ b/apps/demos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts
index c2deaf6d4b63..c53075a4b9c4 100644
--- a/apps/demos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { GrossProduct, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html b/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/SideBySideBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts
index ae2fa597c49e..048fd2138c63 100644
--- a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import type { DxChartTypes } from 'devextreme-angular/ui/chart';
 import { DxChartModule } from 'devextreme-angular';
 import { Population, Service } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   );
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts
index 737981149087..417edac16434 100644
--- a/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Population, Service } from './app.service';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html b/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/SideBySideStackedBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.ts
index c0abc9a58688..feea0e668855 100644
--- a/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SignalRService/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, ViewChild, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, ViewChild, enableProdMode,
 } from '@angular/core';
 import { DecimalPipe, CurrencyPipe } from '@angular/common';
 import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
@@ -91,8 +91,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SignalRService/Angular/index.html b/apps/demos/Demos/Charts/SignalRService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/Charts/SignalRService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SimpleArray/Angular/app/app.component.ts
index 18bc13a036f9..0ee7265267b9 100644
--- a/apps/demos/Demos/Charts/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SimpleArray/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Population, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SimpleArray/Angular/index.html b/apps/demos/Demos/Charts/SimpleArray/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/Charts/SimpleArray/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts
index 684eac2b697b..83e8419ff7a3 100644
--- a/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBulletModule } from 'devextreme-angular';
 import { Week, Service } from './app.service';
 
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html b/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html
+++ b/apps/demos/Demos/Charts/SimpleBullets/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
index 5503f76e1a04..b2a0e09cc3b2 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSparklineModule } from 'devextreme-angular';
 import { CostInfo, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html b/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/SimpleSparklines/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SmallValueGroups/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SmallValueGroups/Angular/app/app.component.ts
index a80a205b082c..2ec8ec581b2b 100644
--- a/apps/demos/Demos/Charts/SmallValueGroups/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SmallValueGroups/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPieChartModule } from 'devextreme-angular';
 import { LanguageData, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html b/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html
+++ b/apps/demos/Demos/Charts/SmallValueGroups/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts
index 995aaa723228..0a10dec6aa0b 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPolarChartModule } from 'devextreme-angular';
 import { Production, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
index 0eba71e12649..ba48d97a9cb6 100644
--- a/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
+++ b/apps/demos/Demos/Charts/SpiderWeb/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Spline/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Spline/Angular/app/app.component.ts
index 2994dada5544..6f97da79e79b 100644
--- a/apps/demos/Demos/Charts/Spline/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Spline/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { ArchitectureInfo, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Spline/Angular/index.html b/apps/demos/Demos/Charts/Spline/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Spline/Angular/index.html
+++ b/apps/demos/Demos/Charts/Spline/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/SplineArea/Angular/app/app.component.ts b/apps/demos/Demos/Charts/SplineArea/Angular/app/app.component.ts
index 97f90d650107..ecc43756e618 100644
--- a/apps/demos/Demos/Charts/SplineArea/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/SplineArea/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
 import { CorporationInfo, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/SplineArea/Angular/index.html b/apps/demos/Demos/Charts/SplineArea/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/SplineArea/Angular/index.html
+++ b/apps/demos/Demos/Charts/SplineArea/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StackedBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/StackedBar/Angular/app/app.component.ts
index 5770d444097f..0ece6bab29e7 100644
--- a/apps/demos/Demos/Charts/StackedBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/StackedBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { MaleAgeStructure, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/StackedBar/Angular/index.html b/apps/demos/Demos/Charts/StackedBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/StackedBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/StackedBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StandardBar/Angular/app/app.component.ts b/apps/demos/Demos/Charts/StandardBar/Angular/app/app.component.ts
index 6021dbb4ed79..85b768a7b163 100644
--- a/apps/demos/Demos/Charts/StandardBar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/StandardBar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Data, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/StandardBar/Angular/index.html b/apps/demos/Demos/Charts/StandardBar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/StandardBar/Angular/index.html
+++ b/apps/demos/Demos/Charts/StandardBar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepArea/Angular/app/app.component.ts b/apps/demos/Demos/Charts/StepArea/Angular/app/app.component.ts
index ab738d6b2dc2..bcfd61197840 100644
--- a/apps/demos/Demos/Charts/StepArea/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/StepArea/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { MedalsInfo, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/StepArea/Angular/index.html b/apps/demos/Demos/Charts/StepArea/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/StepArea/Angular/index.html
+++ b/apps/demos/Demos/Charts/StepArea/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/StepLine/Angular/app/app.component.ts b/apps/demos/Demos/Charts/StepLine/Angular/app/app.component.ts
index 8269b8e11387..3c2e3940688c 100644
--- a/apps/demos/Demos/Charts/StepLine/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/StepLine/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { MedalInfo, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/StepLine/Angular/index.html b/apps/demos/Demos/Charts/StepLine/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/StepLine/Angular/index.html
+++ b/apps/demos/Demos/Charts/StepLine/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Stock/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Stock/Angular/app/app.component.ts
index 712c237092d3..984d392a2677 100644
--- a/apps/demos/Demos/Charts/Stock/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Stock/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { StockPrice, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Stock/Angular/index.html b/apps/demos/Demos/Charts/Stock/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Stock/Angular/index.html
+++ b/apps/demos/Demos/Charts/Stock/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Strips/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Strips/Angular/app/app.component.ts
index 895ccce5b81f..dd20bca8438e 100644
--- a/apps/demos/Demos/Charts/Strips/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Strips/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 import { Service, Temperature } from './app.service';
 
@@ -65,8 +65,4 @@ function getLabelsSettings(backgroundColor: string) {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Strips/Angular/index.html b/apps/demos/Demos/Charts/Strips/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Strips/Angular/index.html
+++ b/apps/demos/Demos/Charts/Strips/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
index a0731ae7e969..1240e0f7dff6 100644
--- a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxTreeMapModule, DxSelectBoxModule } from 'devextreme-angular';
 import { PopulationByAge, Service } from './app.service';
@@ -66,8 +66,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html
+++ b/apps/demos/Demos/Charts/TilingAlgorithms/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/Timeline/Angular/app/app.component.ts b/apps/demos/Demos/Charts/Timeline/Angular/app/app.component.ts
index 6021dbb4ed79..85b768a7b163 100644
--- a/apps/demos/Demos/Charts/Timeline/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/Timeline/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Data, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/Timeline/Angular/index.html b/apps/demos/Demos/Charts/Timeline/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/Timeline/Angular/index.html
+++ b/apps/demos/Demos/Charts/Timeline/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipAPI/Angular/app/app.component.ts b/apps/demos/Demos/Charts/TooltipAPI/Angular/app/app.component.ts
index 273a79d88eb6..8e91d6d05faf 100644
--- a/apps/demos/Demos/Charts/TooltipAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/TooltipAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxPieChartModule, DxPieChartComponent, DxPieChartTypes } from 'devextreme-angular/ui/pie-chart';
 import { DxSelectBoxModule, DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
 import { Service, Population } from './app.service';
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html b/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/TooltipAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/TooltipCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Charts/TooltipCustomization/Angular/app/app.component.ts
index a6a6dd2a169b..e7b4e568927d 100644
--- a/apps/demos/Demos/Charts/TooltipCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/TooltipCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
 import { DxPieChartModule } from 'devextreme-angular';
 import { Service, State } from './app.service';
@@ -28,8 +28,4 @@ export class AppComponent {
   getImagePath = ({ data: { name } }) => `../../../../images/flags/${name.replace(/\s/, '')}.svg`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html b/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html
+++ b/apps/demos/Demos/Charts/TooltipCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WindRose/Angular/app/app.component.ts b/apps/demos/Demos/Charts/WindRose/Angular/app/app.component.ts
index 43e2aa756d2d..6c6872438b1d 100644
--- a/apps/demos/Demos/Charts/WindRose/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/WindRose/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxPolarChartModule, DxPolarChartTypes } from 'devextreme-angular/ui/polar-chart';
 import { WindRose, WindDescription, Service } from './app.service';
@@ -35,8 +35,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/WindRose/Angular/index.html b/apps/demos/Demos/Charts/WindRose/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/WindRose/Angular/index.html
+++ b/apps/demos/Demos/Charts/WindRose/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
index ba938bf278b1..cdcd533e5c80 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSparklineModule } from 'devextreme-angular';
 import { CostInfo, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html b/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html
+++ b/apps/demos/Demos/Charts/WinlossSparklines/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts
index 9d4af0829718..d1f7ab05831d 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxChartModule } from 'devextreme-angular';
 import { Service, ZoomingData } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html b/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts
index 570c5f66c81b..9ea6389f5400 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 import { VisualRange } from 'devextreme-angular/common/charts';
 import { DxChartModule } from 'devextreme-angular/ui/chart';
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
+++ b/apps/demos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts
index d7eb8c17a8ed..f1974391066f 100644
--- a/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CheckBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCheckBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ export class AppComponent {
   checkBoxValue: boolean | null = null;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/CheckBox/Overview/Angular/index.html b/apps/demos/Demos/CheckBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/CheckBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/CheckBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/ColorBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/ColorBox/Overview/Angular/app/app.component.ts
index f629a4053a48..4c88077a5cd7 100644
--- a/apps/demos/Demos/ColorBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/ColorBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxColorBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -19,8 +19,4 @@ export class AppComponent {
   currentColor = '#f05b41';
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/ColorBox/Overview/Angular/index.html b/apps/demos/Demos/ColorBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/ColorBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/ColorBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/AIAssistant/Angular/app/app.component.ts
index fd78001395ad..42dadb67a919 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/AIAssistant/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import type { DxChatTypes } from 'devextreme-angular/ui/chat';
 import type { DxButtonGroupTypes } from 'devextreme-angular/ui/button-group';
@@ -94,8 +94,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html b/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AIAssistant/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.ts
index accf96d3796c..0f22f927a2b2 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxPopupModule } from 'devextreme-angular';
 import type { AIIntegration } from 'devextreme-angular/common/ai-integration';
 import { Service, type Vehicle } from './app.service';
@@ -58,8 +58,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html b/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/app/app.component.ts
index faa1f698bc44..ef0ea9b8ff51 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { formatMessage } from 'devextreme/localization';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Service, type Vehicle, type AbortRequest } from './app.service';
@@ -73,8 +73,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/index.html b/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AIPoweredDetailView/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts
index 4a9a107b98be..7a8b95f3618f 100644
--- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxDataGridModule, DxFormModule, DxSelectBoxModule, DxTabPanelModule,
 } from 'devextreme-angular';
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts
index 82e5c027d476..34caee1faa7b 100644
--- a/apps/demos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -16,8 +16,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html b/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AjaxRequest/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Appearance/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Appearance/Angular/app/app.component.ts
index 5a9b39f089c8..90b7e1be8e68 100644
--- a/apps/demos/Demos/DataGrid/Appearance/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Appearance/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Appearance/Angular/index.html b/apps/demos/Demos/DataGrid/Appearance/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Appearance/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Appearance/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/app/app.component.ts
index 987f0d45677c..696fe0375e54 100644
--- a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Order } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/AutoPopulatedColumns/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts
index 3b6f2955f237..62767fb8f4d3 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Service, Employee, State } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html b/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/BatchEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts
index 703487aa1903..079b2a7d612d 100644
--- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
@@ -87,7 +87,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts
index 1f56cbcf1453..8957e45f8643 100644
--- a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import {
   Service, Employee, State, City,
@@ -51,8 +51,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CascadingLookups/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.ts
index 33ff43ddb493..61e69a550370 100644
--- a/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Cell/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, Pipe, PipeTransform, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, Pipe, PipeTransform, enableProdMode } from '@angular/core';
 import {
   DxDataGridModule,
   DxSparklineModule,
@@ -43,8 +43,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Cell/Angular/index.html b/apps/demos/Demos/DataGrid/Cell/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Cell/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Cell/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CellEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CellEditing/Angular/app/app.component.ts
index ab4682c7673f..f4493dac85cb 100644
--- a/apps/demos/Demos/DataGrid/CellEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CellEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxButtonModule } from 'devextreme-angular';
 import { ArrayStore } from 'devextreme-angular/common/data';
 import { DxDataGridModule, DxDataGridComponent, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -48,8 +48,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html b/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CellEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts
index 2627cd88cd82..ff05f99d0d05 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxTextBoxModule } from 'devextreme-angular';
 import { CustomStore } from 'devextreme-angular/common/data';
 import { CollaborativeEditingService } from './app.service';
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Column/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Column/Angular/app/app.component.ts
index 51221ea7a852..3c74c11ecbee 100644
--- a/apps/demos/Demos/DataGrid/Column/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Column/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Column/Angular/index.html b/apps/demos/Demos/DataGrid/Column/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Column/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Column/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts
index 90814afb7090..01c9c8f72fce 100644
--- a/apps/demos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnChooser/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts
index c6a0a720693d..6823a739ba0a 100644
--- a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnReordering/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ColumnReordering/Angular/app/app.component.ts
index f1db313f5296..07b79453d9f5 100644
--- a/apps/demos/Demos/DataGrid/ColumnReordering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ColumnReordering/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   calculateCellValue = ({ Title, FirstName, LastName }) => [Title, FirstName, LastName].join(' ');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnReordering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts
index c2f01ed37057..da62afdffda7 100644
--- a/apps/demos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Customer, Service } from './app.service';
 
@@ -30,8 +30,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnResizing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/app/app.component.ts
index c7f03ed39225..46b9fb3561ad 100644
--- a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Order } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ColumnsHidingPriority/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts
index 2c24622cd3f4..f7c67bf645b4 100644
--- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Service, Employee, State } from './app.service';
@@ -70,8 +70,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CommandColumnConfiguration/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts
index 781625fc6be0..10f84495ecab 100644
--- a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, HttpParams, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { DxDataGridModule } from 'devextreme-angular';
@@ -59,7 +59,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
index c58942548626..18b28a897a1e 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxDataGridModule, DxListModule, DxDropDownBoxModule, DxTagBoxModule,
 } from 'devextreme-angular';
@@ -90,8 +90,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html b/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomEditors/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts
index 6b74824bdd27..a28d7842f323 100644
--- a/apps/demos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Order, Service } from './app.service';
 
@@ -42,8 +42,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html b/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomSummaries/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts
index eab3ac7cbdb2..22ed1898a576 100644
--- a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxButtonModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Service, Employee, State } from './app.service';
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
index 7d8c6b5d36a4..5e66e66fa0e7 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
@@ -57,7 +57,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html b/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/DataValidation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
index 2c273424762c..cd5a06edb571 100644
--- a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
@@ -3,7 +3,6 @@ import {
   ViewChild,
   AfterViewInit,
   enableProdMode,
-  provideZoneChangeDetection,
   ChangeDetectorRef,
 } from '@angular/core';
 import { DxDataGridModule, DxDataGridComponent, DxButtonModule } from 'devextreme-angular';
@@ -85,8 +84,4 @@ export class AppComponent implements AfterViewInit {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts
index 7e9d2e3bfcb3..175849e01dd8 100644
--- a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DataSourceOptions } from 'devextreme-angular/common/data';
 import { DxDataGridModule, type DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -59,8 +59,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts
index ce88ce32faf8..13beedb9e175 100644
--- a/apps/demos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, OnInit, OnDestroy, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, OnInit, OnDestroy, ChangeDetectorRef, enableProdMode, inject } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 import { AsyncPipe } from '@angular/common';
 import { DxLoadPanelModule } from 'devextreme-angular';
@@ -24,6 +24,8 @@ if (!/localhost/.test(document.location.host)) {
   ],
 })
 export class AppComponent implements OnInit, OnDestroy {
+  changeDetectorRef = inject(ChangeDetectorRef);
+
   ordersSubscription: Subscription;
 
   orders$: Observable<Order[]>;
@@ -73,6 +75,7 @@ export class AppComponent implements OnInit, OnDestroy {
       this.changes = [];
     } finally {
       this.isLoading = false;
+      this.changeDetectorRef.markForCheck();
     }
   }
 
@@ -83,7 +86,6 @@ export class AppComponent implements OnInit, OnDestroy {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html b/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/EditStateManagement/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
index d2882b288db4..4cb0bc0eaabd 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 // Our demo infrastructure requires us to use 'file-saver-es'. We recommend that you use the official 'file-saver' package in your applications.
@@ -74,8 +74,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts
index 38f7b1943c1e..0d5c6b34d119 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { Anchor, Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 // Our demo infrastructure requires us to use 'file-saver-es'. We recommend that you use the official 'file-saver' package in your applications.
@@ -65,8 +65,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts
index 75e5f138688c..1373c0fdf1de 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import {
   DxButtonModule, DxTabPanelModule, DxDataGridModule, DxDataGridComponent,
 } from 'devextreme-angular';
@@ -99,8 +99,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts
index e42de74d2926..12ba0108d643 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
@@ -62,8 +62,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts
index 315f673ac518..dab238fc7dbe 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html b/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts
index ca1de56ced7a..d9311ff36a7c 100644
--- a/apps/demos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { PositionConfig } from 'devextreme-angular/common/core/animation';
 import { DxFilterBuilderTypes } from 'devextreme-angular/ui/filter-builder';
 import { DxoHeaderFilterComponent } from 'devextreme-angular/ui/nested/header-filter';
@@ -79,8 +79,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html b/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FilterPanel/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.ts
index 3c6effadd845..fb64b4cf00f9 100644
--- a/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import {
   DxDataGridComponent,
   DxDataGridModule,
@@ -104,8 +104,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Filtering/Angular/index.html b/apps/demos/Demos/DataGrid/Filtering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Filtering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Filtering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts
index 91d32d10b083..d4a5b7911f6e 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxDataGridComponent, DxDataGridModule, DxSelectBoxModule } from 'devextreme-angular';
 import { type DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
 
@@ -41,8 +41,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/app/app.component.ts
index f1db313f5296..07b79453d9f5 100644
--- a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   calculateCellValue = ({ Title, FirstName, LastName }) => [Title, FirstName, LastName].join(' ');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FixedAndStickyColumns/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts
index 71f2b8b128e2..30bf71d02bd1 100644
--- a/apps/demos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 
 import { DxNumberBoxComponent, DxNumberBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { DataSource, ArrayStore } from 'devextreme-angular/common/data';
@@ -102,8 +102,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html b/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FocusedRow/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
index e468a6ddb3ba..8ab53252b47a 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import 'devextreme/ui/text_area';
 import { Service, Employee, State } from './app.service';
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html b/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/FormEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts
index c7f03ed39225..46b9fb3561ad 100644
--- a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Order } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts
index f83ddb0ceaf5..0c5bd337c910 100644
--- a/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { DatePipe } from '@angular/common';
 import { Order, Service } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html b/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/GridSummaries/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts
index 2ff61d55ed22..36e132daa460 100644
--- a/apps/demos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Order, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html b/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/GroupSummaries/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts
index fde58ef5dc38..f8abfe206af7 100644
--- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { DataSourceOptions } from 'devextreme-angular/common/data';
 import { Service } from './app.service';
@@ -30,8 +30,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts
index 419c8bf17125..4f3f1cccaebc 100644
--- a/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridComponent, DxDataGridModule } from 'devextreme-angular';
 import { DataSourceOptions as DataSourceConfig } from 'devextreme-angular/common/data';
 import { Service } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts
index 57f4822c37db..bda5acf0914a 100644
--- a/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Employee, State } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html b/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts
index b161035ac2b0..c17f65be9481 100644
--- a/apps/demos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxCheckBoxModule } from 'devextreme-angular';
 import { DxDataGridModule, type DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -51,8 +51,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html b/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/LocalReordering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts
index 7c89ac36539a..ec39681bcaa9 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Employee, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html b/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts
index 6a1315c4a36a..e2b9f7a3df09 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 import { DetailGridComponent } from './detail-grid/detail-grid.component';
@@ -26,8 +26,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MasterDetailView/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts
index 5954ab14e63a..1684ca27d2a0 100644
--- a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Country } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts
index cfe7a98158af..106df6f8f5d6 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, Pipe, PipeTransform, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, Pipe, PipeTransform, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxButtonModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -64,8 +64,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts
index 9e9178ec71dc..4ee185e97dd0 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxSelectBoxModule } from 'devextreme-angular';
 import themes from 'devextreme/ui/themes';
 import { Service, Sale } from './app.service';
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts
index dfa2abdb0984..f79f8562e2ee 100644
--- a/apps/demos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxDataGridComponent, DxDataGridModule } from 'devextreme-angular';
 import { DxCheckBoxModule, DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';
 import { Employee, Service } from './app.service';
@@ -37,8 +37,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html b/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/MultipleSorting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.component.ts
index 79b57f608f90..7753050dbd6a 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import Guid from 'devextreme/core/guid';
@@ -63,8 +63,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Overview/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Overview/Angular/app/app.component.ts
index d91197a5d622..0396fe34398e 100644
--- a/apps/demos/Demos/DataGrid/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBulletModule } from 'devextreme-angular';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Sale, Service } from './app.service';
@@ -37,8 +37,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Overview/Angular/index.html b/apps/demos/Demos/DataGrid/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Overview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts
index c5b2910a21c8..9a6c1f93a412 100644
--- a/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { jsPDF } from 'jspdf';
 import { exportDataGrid } from 'devextreme-angular/common/export/pdf';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -69,8 +69,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html b/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts
index bfeacd9dc970..64740a03e1d8 100644
--- a/apps/demos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { jsPDF } from 'jspdf';
 import { exportDataGrid } from 'devextreme-angular/common/export/pdf';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -58,8 +58,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html b/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportImages/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts
index c24ab03b1235..c54ce5a54b85 100644
--- a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { jsPDF } from 'jspdf';
 import {
   DxButtonModule, DxTabPanelModule, DxDataGridModule, DxDataGridComponent,
@@ -91,8 +91,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts
index 79a8e80bb505..15180cdc3657 100644
--- a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { exportDataGrid } from 'devextreme-angular/common/export/pdf';
 import { jsPDF } from 'jspdf';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -64,8 +64,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts
index e5c5b226bdaf..eeb5463d8fb7 100644
--- a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { jsPDF } from 'jspdf';
 import { exportDataGrid } from 'devextreme-angular/common/export/pdf';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html b/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PDFOverview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
index e468a6ddb3ba..8ab53252b47a 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import 'devextreme/ui/text_area';
 import { Service, Employee, State } from './app.service';
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html b/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/PopupEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts
index cb946c1d90f4..2ed278469c78 100644
--- a/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ChangeDetectionStrategy, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ChangeDetectionStrategy } from '@angular/core';
 import { DxDataGridModule, DxSliderModule } from 'devextreme-angular';
 import { DataSource, ArrayStore } from 'devextreme-angular/common/data';
 import { Product, Order, Service } from './app.service';
@@ -58,8 +58,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html b/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts
index 72f2c5cce259..e83ffb90016d 100644
--- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Order, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts
index 2250f537f15c..f4dbf70b201e 100644
--- a/apps/demos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Service, Customer } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html b/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RecordGrouping/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts
index 21fd806e807c..27429c9c1bd4 100644
--- a/apps/demos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -46,8 +46,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html b/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RecordPaging/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/app/app.component.ts
index a9fdc9df404f..c06ff3b79c2e 100644
--- a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { HttpClient, HttpParams, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom, Observable } from 'rxjs';
@@ -117,7 +117,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteCRUDOperations/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts
index d4c953bfcafb..158833804eb2 100644
--- a/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ChangeDetectionStrategy, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ChangeDetectionStrategy } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 
@@ -23,8 +23,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteGrouping/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts
index c2b2255c4237..2e940e9a8621 100644
--- a/apps/demos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxDataGridModule, type DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteReordering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
index d4c953bfcafb..158833804eb2 100644
--- a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ChangeDetectionStrategy, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ChangeDetectionStrategy } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 
@@ -23,8 +23,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts
index babd2d242d8c..24c32700ca83 100644
--- a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Service, EuropeanUnion } from './app.service';
 
@@ -37,8 +37,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Row/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Row/Angular/app/app.component.ts
index 690016ebf67a..afeff24391d4 100644
--- a/apps/demos/Demos/DataGrid/Row/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Row/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DatePipe } from '@angular/common';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
@@ -26,8 +26,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Row/Angular/index.html b/apps/demos/Demos/DataGrid/Row/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Row/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Row/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RowEditing/Angular/app/app.component.ts
index ed49b94fd61d..78216f290beb 100644
--- a/apps/demos/Demos/DataGrid/RowEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RowEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, DxButtonModule } from 'devextreme-angular';
 import { Service, Employee, State } from './app.service';
 
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html b/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RowEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
index 3826f6a043d0..0dd49d98a1da 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
@@ -1,7 +1,6 @@
 import {
   Component,
   enableProdMode,
-  provideZoneChangeDetection,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxDataGridModule, type DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
@@ -32,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html b/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/RowSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts
index 4b3aa760aac3..07a6a005c178 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule, type DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { DxNumberBoxModule, type DxNumberBoxTypes } from 'devextreme-angular/ui/number-box';
 import { DataSource } from 'devextreme-angular/common/data';
@@ -64,8 +64,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html b/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
index 09a626a00c5b..477c3b185988 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
 import { DxDataGridModule } from 'devextreme-angular';
@@ -51,8 +51,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html b/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/SignalRService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
index 5f3f77c0b58b..9d144e7f4a70 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { Customer, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html b/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/SimpleArray/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
index 024bd4991c51..6ad9ee4a8b0b 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import { DxDataGridModule, DxDataGridComponent } from 'devextreme-angular';
 import { Order, Service } from './app.service';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html b/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
index 9ada254f584b..7bd6637f978b 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, ViewChild, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, ViewChild, enableProdMode,
 } from '@angular/core';
 import {
   DxDataGridModule,
@@ -85,8 +85,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html b/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/Toolbar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
index f61d8b0356aa..5df8a36502ed 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DataSourceOptions as DataSourceConfig } from 'devextreme-angular/common/data';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import { Service } from './app.service';
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
index 64852e0c64e4..3e800e8cd0ed 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import 'anti-forgery';
@@ -58,8 +58,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html b/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
index 2e358d787e63..517cce39e00a 100644
--- a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDateBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -19,8 +19,4 @@ export class AppComponent {
   date: Date = new Date(2025, 9, 16, 15, 8, 12);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DateBox/Formatting/Angular/index.html b/apps/demos/Demos/DateBox/Formatting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DateBox/Formatting/Angular/index.html
+++ b/apps/demos/Demos/DateBox/Formatting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts
index 26ae1733aeb8..ba58168fed65 100644
--- a/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDateBoxModule } from 'devextreme-angular';
 import { Service } from './app.service';
 
@@ -39,8 +39,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DateBox/Overview/Angular/index.html b/apps/demos/Demos/DateBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DateBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/DateBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
index f274ea774692..8a0e662fa0cc 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDateRangeBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -24,8 +24,4 @@ export class AppComponent {
   endDate: Date = new Date(now.getTime() + msInDay * 3);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html b/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html
+++ b/apps/demos/Demos/DateRangeBox/Formatting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
index 8a8b7a98a23e..b037bcf8b2d4 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDateRangeBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -57,8 +57,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html b/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/DateRangeBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
index 26ce0cd9bdf4..36100fe28228 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -30,7 +30,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Adaptability/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
index 67216a24f1ab..d7106e82c663 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule } from 'devextreme-angular';
@@ -86,7 +86,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts
index b44d17fefe2f..366c3cb9601b 100644
--- a/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -30,7 +30,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/Containers/Angular/index.html b/apps/demos/Demos/Diagram/Containers/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/Containers/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Containers/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
index 8f88760ca76e..4a292ded0520 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -30,7 +30,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
index 01be3fd0c5e9..daaebeb00d92 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxPopupModule, DxDiagramModule,
 } from 'devextreme-angular';
@@ -52,8 +52,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
index 886fbadce67e..b1a74b95ed91 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import {
   DxPopupModule, DxDiagramModule, DxDiagramComponent, DxTextBoxModule, DxButtonModule,
 } from 'devextreme-angular';
@@ -120,8 +120,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
index 33dc4b411a30..8f5b669ff5de 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -36,7 +36,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
index b5503b8613ce..b980c1389bcb 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule } from 'devextreme-angular';
@@ -39,7 +39,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
index 50f735158763..5f506f2281c0 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
@@ -4,7 +4,6 @@ import {
   Pipe,
   PipeTransform,
   enableProdMode,
-  provideZoneChangeDetection,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { ArrayStore } from 'devextreme-angular/common/data';
@@ -66,8 +65,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ItemSelection/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
index 24d5ff3a0a4a..63611db1ba28 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule } from 'devextreme-angular';
@@ -39,7 +39,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
index 4b1021f3763e..9ab18f069483 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule } from 'devextreme-angular';
@@ -33,7 +33,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
index 6d51fe27f75d..d469ab09fe0f 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 import { DxDiagramModule } from 'devextreme-angular';
 import { ArrayStore } from 'devextreme-angular/common/data';
@@ -32,7 +32,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
index d0e129901203..2e0d28bfa67a 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 import notify from 'devextreme/ui/notify';
 import { ArrayStore } from 'devextreme-angular/common/data';
@@ -114,7 +114,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts
index 26ce0cd9bdf4..36100fe28228 100644
--- a/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -30,7 +30,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/Overview/Angular/index.html b/apps/demos/Demos/Diagram/Overview/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/Overview/Angular/index.html
+++ b/apps/demos/Demos/Diagram/Overview/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
index b44d17fefe2f..366c3cb9601b 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -30,7 +30,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
+++ b/apps/demos/Demos/Diagram/ReadOnly/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
index 08e429e49a55..4d0a80c3b3d5 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule } from 'devextreme-angular';
@@ -33,7 +33,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
+++ b/apps/demos/Demos/Diagram/SimpleView/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
index e0ae495756ca..909c85048aef 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 
 import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -44,7 +44,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
+++ b/apps/demos/Demos/Diagram/UICustomization/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
index 5f330d8bbe61..662d4f116bbb 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDiagramModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import 'anti-forgery';
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
index 4116cff0f866..0669dd699ffc 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
index a0c7cd71726c..9901ea8e233a 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { enableProdMode, Component, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { enableProdMode, Component, ViewChild } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { CustomStore } from 'devextreme-angular/common/data';
@@ -73,7 +73,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
index 826630c1fef2..f7804536f6a5 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { enableProdMode, ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { enableProdMode, ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewChild } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { CustomStore } from 'devextreme-angular/common/data';
@@ -84,7 +84,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts
index 12c0937e141b..08921006afed 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxFileUploaderModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -52,8 +52,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
index 1a2004f3890b..a9fcb97fcaff 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxFileUploaderModule, DxProgressBarModule } from 'devextreme-angular';
 import 'anti-forgery';
@@ -83,8 +83,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
index fb489404490d..6475c93c41a0 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
@@ -3,7 +3,6 @@ import {
   Component,
   ViewChild,
   enableProdMode,
-  provideZoneChangeDetection,
 } from '@angular/core';
 import { NgForm } from '@angular/forms';
 import { DxTextBoxModule, DxFileUploaderModule, DxButtonModule } from 'devextreme-angular';
@@ -32,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html b/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/FileSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
index 6d0d3b385c7d..72d8d1e9a6ef 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, Pipe, PipeTransform } from '@angular/core';
 import { DxCheckBoxModule, DxFileUploaderModule, DxSelectBoxModule } from 'devextreme-angular';
 import 'anti-forgery';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   value: File[] = [];
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html b/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/FileUploading/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
index 6587eea8c575..a845e16b4328 100644
--- a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxFileUploaderModule } from 'devextreme-angular';
 import 'anti-forgery';
 
@@ -18,8 +18,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/index.html b/apps/demos/Demos/FileUploader/Validation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/FileUploader/Validation/Angular/index.html
+++ b/apps/demos/Demos/FileUploader/Validation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
index 4924e3dfd183..4a7d020f3b8e 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxListModule, DxButtonModule, DxTagBoxModule } from 'devextreme-angular';
@@ -81,8 +81,4 @@ export class AppComponent {
   private static getLineBreak = (spaces: number) => `\r\n${new Array(spaces + 1).join(' ')}`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
index 9bb26cdb89e8..d47186b6f5fc 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/Customization/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
index 738a1b6463e2..3224a5d8213c 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxDataGridModule,
   DxButtonModule,
@@ -49,8 +49,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
index 9bb26cdb89e8..d47186b6f5fc 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
index 4d199318c0cf..af3697bd4e20 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { CurrencyPipe } from '@angular/common';
 import {
   DxListModule,
@@ -52,8 +52,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
index 9bb26cdb89e8..d47186b6f5fc 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
+++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts
index e62096953594..e39b4af9f0b5 100644
--- a/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxFormModule } from 'devextreme-angular';
 import { DxCheckBoxModule, DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';
 import { Employee, Service } from './app.service';
@@ -44,8 +44,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/Adaptability/Angular/index.html b/apps/demos/Demos/Form/Adaptability/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Form/Adaptability/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts b/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts
index fca67a0d8f20..dad1737851f9 100644
--- a/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxFormModule } from 'devextreme-angular';
 
 import { Employee, Service } from './app.service';
@@ -35,8 +35,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/Grouping/Angular/index.html b/apps/demos/Demos/Form/Grouping/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/Grouping/Angular/index.html
+++ b/apps/demos/Demos/Form/Grouping/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts
index be7774544fa9..3530cd9d1352 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts
@@ -4,7 +4,6 @@ import {
   ViewChild,
   enableProdMode,
   AfterViewInit,
-  provideZoneChangeDetection,
 } from '@angular/core';
 import {
   DxFormModule,
@@ -87,8 +86,4 @@ export class AppComponent implements AfterViewInit {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/ItemCustomization/Angular/index.html b/apps/demos/Demos/Form/ItemCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Angular/index.html
+++ b/apps/demos/Demos/Form/ItemCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts
index 8a98afadf5ed..719b6e219e34 100644
--- a/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCheckBoxModule, DxNumberBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { DxFormModule, DxFormTypes } from 'devextreme-angular/ui/form';
 import { Company, Service } from './app.service';
@@ -48,8 +48,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/Overview/Angular/index.html b/apps/demos/Demos/Form/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/Overview/Angular/index.html
+++ b/apps/demos/Demos/Form/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts b/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts
index 09293d5a2d2c..aed6b51178d1 100644
--- a/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { AzureOpenAI, type OpenAI } from 'openai';
 import { DxTextAreaModule } from 'devextreme-angular';
 import {
@@ -174,8 +174,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/SmartPaste/Angular/index.html b/apps/demos/Demos/Form/SmartPaste/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/SmartPaste/Angular/index.html
+++ b/apps/demos/Demos/Form/SmartPaste/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
index 0ab0e319f9c4..7ca12b1a285a 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxFormModule } from 'devextreme-angular';
 import { DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';
@@ -77,8 +77,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts b/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts
index deca16f14ae4..f2c5999a7937 100644
--- a/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts
@@ -3,7 +3,6 @@ import {
   Component,
   ViewChild,
   enableProdMode,
-  provideZoneChangeDetection,
 } from '@angular/core';
 import {
   DxCheckBoxModule,
@@ -229,8 +228,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Form/Validation/Angular/index.html b/apps/demos/Demos/Form/Validation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Form/Validation/Angular/index.html
+++ b/apps/demos/Demos/Form/Validation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts
index b12c7a668ab9..fa9df1d7b322 100644
--- a/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewEncapsulation, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewEncapsulation } from '@angular/core';
 import { DxCheckBoxModule, DxSelectBoxModule, DxDateBoxModule } from 'devextreme-angular';
 import { DxGanttModule, DxGanttTypes } from 'devextreme-angular/ui/gantt';
 import {
@@ -68,8 +68,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/Appearance/Angular/index.html b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/Appearance/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Appearance/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
index db3bce00ca02..cb4a047c23f0 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule, DxGanttTypes } from 'devextreme-angular/ui/gantt';
 import { DxCheckBoxModule, DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';
 import {
@@ -74,8 +74,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ContextMenu/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
index b1635441005b..537875a11eed 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule } from 'devextreme-angular';
 import {
   Service, Task, Dependency, Resource, ResourceAssignment,
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
+++ b/apps/demos/Demos/Gantt/DataBinding/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
index 471aac73afb1..878b05cd71f0 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, ChangeDetectorRef, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild, ChangeDetectorRef } from '@angular/core';
 import {
   DxGanttComponent,
   DxGanttModule,
@@ -137,8 +137,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
index b1635441005b..537875a11eed 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule } from 'devextreme-angular';
 import {
   Service, Task, Dependency, Resource, ResourceAssignment,
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
+++ b/apps/demos/Demos/Gantt/FilterRow/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
index b1635441005b..537875a11eed 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule } from 'devextreme-angular';
 import {
   Service, Task, Dependency, Resource, ResourceAssignment,
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts
index b1635441005b..537875a11eed 100644
--- a/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule } from 'devextreme-angular';
 import {
   Service, Task, Dependency, Resource, ResourceAssignment,
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/Overview/Angular/index.html b/apps/demos/Demos/Gantt/Overview/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Overview/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts
index 53097a7f6b39..c3895df2c1bf 100644
--- a/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { SingleOrMultiple } from 'devextreme-angular/common';
 import {
@@ -49,8 +49,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/Sorting/Angular/index.html b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/Sorting/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Sorting/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts
index 3141329f8b8d..6c09aafe8039 100644
--- a/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule } from 'devextreme-angular';
 import { Service, Task } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/StripLines/Angular/index.html b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/StripLines/Angular/index.html
+++ b/apps/demos/Demos/Gantt/StripLines/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
index 2b39683f62e2..45ee9f12405b 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewEncapsulation, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewEncapsulation } from '@angular/core';
 import { DxGanttModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import {
   Service, Task, Dependency, Resource, ResourceAssignment,
@@ -51,8 +51,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
index 1c9f2929108f..c39f28246dda 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxGanttModule, DxPopupModule } from 'devextreme-angular';
 import { DxButtonTypes } from 'devextreme-angular/ui/button';
@@ -52,8 +52,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Toolbar/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts
index 4feb3a22b2ea..be7b3ff9bcdf 100644
--- a/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxGanttModule, DxCheckBoxModule } from 'devextreme-angular';
 import { Service, Task, Dependency } from './app.service';
 
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gantt/Validation/Angular/index.html b/apps/demos/Demos/Gantt/Validation/Angular/index.html
index 37a1f593d5a2..ccd6c7515080 100644
--- a/apps/demos/Demos/Gantt/Validation/Angular/index.html
+++ b/apps/demos/Demos/Gantt/Validation/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
index e8ee13a0d22a..71b563253350 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts
index 7085be037285..32763cafd43b 100644
--- a/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBarGaugeModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Color, Service } from './app.service';
 
@@ -40,8 +40,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/BarGauge/Angular/index.html b/apps/demos/Demos/Gauges/BarGauge/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/BarGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/BarGauge/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts
index ad3b5038e3ef..8422e45f09c3 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule, DxSelectBoxModule } from 'devextreme-angular';
 import { Data, Service } from './app.service';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html b/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/CircularGauge/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
index e8ee13a0d22a..71b563253350 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html b/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayout/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
index d109d3338fd6..d7ea018b98f9 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLinearGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
index e8ee13a0d22a..71b563253350 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
index 80b938ff7966..c6c7daa4499d 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLinearGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -18,8 +18,4 @@ export class AppComponent {
   customizeText = ({ valueText }) => `$${valueText}`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
index 86a021f259a2..9047e7c26108 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule, DxCircularGaugeTypes } from 'devextreme-angular/ui/circular-gauge';
 
 if (!/localhost/.test(document.location.host)) {
@@ -18,8 +18,4 @@ export class AppComponent {
   customizeText: DxCircularGaugeTypes.ScaleLabel['customizeText'] = ({ valueText }) => `${valueText} %`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
index 35fb606640ae..ba24cdbb8cd3 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLinearGaugeModule, DxLinearGaugeTypes } from 'devextreme-angular/ui/linear-gauge';
 
 if (!/localhost/.test(document.location.host)) {
@@ -18,8 +18,4 @@ export class AppComponent {
   customizeText: DxLinearGaugeTypes.ScaleLabel['customizeText'] = ({ valueText }) => `${valueText} %`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
index e8ee13a0d22a..71b563253350 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
index 46ec9c6ed8f2..c975e335b667 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -20,8 +20,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
index 38b109cfd97e..16015b35433d 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBarGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -21,8 +21,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts
index 1000e015d3e4..bca9b6613789 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLinearGaugeModule, DxSelectBoxModule } from 'devextreme-angular';
 
 import { City, Service } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html b/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html
+++ b/apps/demos/Demos/Gauges/LinearGauge/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts
index 662da41ce1f1..e68e8a771ebd 100644
--- a/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule, DxLinearGaugeModule, DxSliderModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -24,8 +24,4 @@ export class AppComponent {
   color = '#f05b41';
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/Overview/Angular/index.html b/apps/demos/Demos/Gauges/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/Overview/Angular/index.html
+++ b/apps/demos/Demos/Gauges/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts
index 0fc9ac38a26d..7a1b924ef23d 100644
--- a/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBarGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -18,8 +18,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/Palette/Angular/index.html b/apps/demos/Demos/Gauges/Palette/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/Palette/Angular/index.html
+++ b/apps/demos/Demos/Gauges/Palette/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
index e8ee13a0d22a..71b563253350 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts
index d47e2586d583..5e15b053595e 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule, DxCircularGaugeTypes } from 'devextreme-angular/ui/circular-gauge';
 import { DxLinearGaugeModule, DxLinearGaugeTypes } from 'devextreme-angular/ui/linear-gauge';
 
@@ -22,8 +22,4 @@ export class AppComponent {
   customizeText: ScaleLabel['customizeText'] = ({ valueText }) => `${valueText}°`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
index d109d3338fd6..d7ea018b98f9 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLinearGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
index d109d3338fd6..d7ea018b98f9 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLinearGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
index 86a021f259a2..9047e7c26108 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule, DxCircularGaugeTypes } from 'devextreme-angular/ui/circular-gauge';
 
 if (!/localhost/.test(document.location.host)) {
@@ -18,8 +18,4 @@ export class AppComponent {
   customizeText: DxCircularGaugeTypes.ScaleLabel['customizeText'] = ({ valueText }) => `${valueText} %`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
index e8ee13a0d22a..71b563253350 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
index 094de7c3f3b3..290476ca6593 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCircularGaugeModule, DxCircularGaugeTypes } from 'devextreme-angular/ui/circular-gauge';
 
 if (!/localhost/.test(document.location.host)) {
@@ -18,8 +18,4 @@ export class AppComponent {
   customizeText: DxCircularGaugeTypes.ScaleLabel['customizeText'] = ({ valueText }) => `${valueText} °C`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts
index 3d1334749f95..19e4f8770fd0 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxLinearGaugeModule, DxLinearGaugeTypes } from 'devextreme-angular/ui/linear-gauge';
 import { Service, PowerInfo } from './app.service';
@@ -43,8 +43,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
index 218f1b6d2e08..f16223e73985 100644
--- a/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBarGaugeModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -27,8 +27,4 @@ export class AppComponent {
   customizeText = (arg) => this.getText(arg.item, arg.text);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/Tooltip/Angular/index.html b/apps/demos/Demos/Gauges/Tooltip/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/Tooltip/Angular/index.html
+++ b/apps/demos/Demos/Gauges/Tooltip/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
index 2372076ac6a0..6aa2d57ba9e8 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxNumberBoxModule, DxButtonModule } from 'devextreme-angular';
 import { DxCircularGaugeModule, DxCircularGaugeTypes } from 'devextreme-angular/ui/circular-gauge';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
index 17b8e86ef6aa..79895674309f 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxBarGaugeModule, DxCheckBoxModule } from 'devextreme-angular';
 
 import { Product, Service } from './app.service';
@@ -42,8 +42,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts
index ee47e705561a..e83ec10f80d5 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxHtmlEditorModule, type DxHtmlEditorTypes } from 'devextreme-angular/ui/html-editor';
 import type { AIIntegration } from 'devextreme-angular/common/ai-integration';
 import { Service } from './app.service';
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts
index e4a3cf86ceca..797e48a688eb 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { unified } from 'unified';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
@@ -62,8 +62,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
index 1bcf988a5f47..e416f64bb2b0 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxHtmlEditorModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html b/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
index 5dda13111e68..d49952cf51bd 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxHtmlEditorModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 
 import { Service, TabConfig } from './app.service';
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html b/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
index 5dbe7fa3329c..9f51bb31c6d5 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxHtmlEditorModule, DxCheckBoxModule } from 'devextreme-angular';
 
 import { Service } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html b/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/Tables/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
index a91fc268b130..fcf4fd0bbd0d 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxHtmlEditorModule, DxPopupModule } from 'devextreme-angular';
 import { DxButtonTypes } from 'devextreme-angular/ui/button';
@@ -40,8 +40,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts b/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts
index 07a1385188c8..ff4be5e32f72 100644
--- a/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLookupModule } from 'devextreme-angular';
 import { DataSource, ArrayStore } from 'devextreme-angular/common/data';
 
@@ -35,8 +35,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Lookup/Basics/Angular/index.html b/apps/demos/Demos/Lookup/Basics/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Lookup/Basics/Angular/index.html
+++ b/apps/demos/Demos/Lookup/Basics/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts b/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
index abeaeec2544d..3f41426143e5 100644
--- a/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxLookupModule, DxLookupTypes } from 'devextreme-angular/ui/lookup';
 import { Service, Employee } from './app.service';
@@ -38,8 +38,4 @@ export class AppComponent {
   getDisplayExpr = ({ FirstName, LastName }: Record<string, string> = {}) => (FirstName ? `${FirstName} ${LastName}` : undefined);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Lookup/EventHandling/Angular/index.html b/apps/demos/Demos/Lookup/EventHandling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Lookup/EventHandling/Angular/index.html
+++ b/apps/demos/Demos/Lookup/EventHandling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts b/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts
index ba897a6e7e94..f9aa91eb6bcd 100644
--- a/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxLookupModule } from 'devextreme-angular';
 
 import { Service, Employee } from './app.service';
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Lookup/Templates/Angular/index.html b/apps/demos/Demos/Lookup/Templates/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Lookup/Templates/Angular/index.html
+++ b/apps/demos/Demos/Lookup/Templates/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
index 59069cee7c56..a53bc4267127 100644
--- a/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxNumberBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -16,8 +16,4 @@ if (!/localhost/.test(document.location.host)) {
 })
 export class AppComponent {}
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/NumberBox/Formatting/Angular/index.html b/apps/demos/Demos/NumberBox/Formatting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/NumberBox/Formatting/Angular/index.html
+++ b/apps/demos/Demos/NumberBox/Formatting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts
index 113cffa0c0fb..95c6f96c4e12 100644
--- a/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxNumberBoxModule, DxNumberBoxTypes } from 'devextreme-angular/ui/number-box';
 
 if (!/localhost/.test(document.location.host)) {
@@ -23,8 +23,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/NumberBox/Overview/Angular/index.html b/apps/demos/Demos/NumberBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/NumberBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/NumberBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
index 7da0ea3bdca0..e9622e233a7e 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, AfterViewInit, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, AfterViewInit, enableProdMode } from '@angular/core';
 import { CurrencyPipe } from '@angular/common';
 import {
   DxPivotGridModule,
@@ -87,8 +87,4 @@ export class AppComponent implements AfterViewInit {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts
index 0ad5d90d6a17..1529a567d036 100644
--- a/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule, DxCheckBoxModule } from 'devextreme-angular';
 import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
 import { Service } from './app.service';
@@ -68,8 +68,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/Customization/Angular/index.html b/apps/demos/Demos/PivotGrid/Customization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/Customization/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/Customization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
index 4b02b5bd7993..11c458578591 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import {
   DxDataGridComponent,
   DxDataGridModule,
@@ -80,8 +80,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html b/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/DrillDown/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
index 0828e9f5a347..5394a7556a18 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 // Our demo infrastructure requires us to use 'file-saver-es'. We recommend that you use the official 'file-saver' package in your applications.
@@ -130,8 +130,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
index 0afcc6efe057..a306a9ccf3d6 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { Workbook } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
 // Our demo infrastructure requires us to use 'file-saver-es'. We recommend that you use the official 'file-saver' package in your applications.
@@ -70,8 +70,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
index edfef6a9e37e..edecb09da9a1 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCheckBoxModule } from 'devextreme-angular';
 import { Workbook, WorksheetViewFrozen } from 'devextreme-exceljs-fork';
 import { saveAs } from 'file-saver-es';
@@ -117,8 +117,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
index 423b870ca1a0..c4d12151640c 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCheckBoxModule } from 'devextreme-angular';
 import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
 import { DxPivotGridModule, DxPivotGridTypes } from 'devextreme-angular/ui/pivot-grid';
@@ -113,8 +113,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts
index 05319e02f3f0..fd785e023f4c 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule, DxCheckBoxModule } from 'devextreme-angular';
 
 import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
@@ -53,8 +53,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html b/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/Filtering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
index eedc584892ea..6c7aa1c7bbd2 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { Options as DataSourceConfig } from 'devextreme/ui/pivot_grid/data_source';
@@ -47,8 +47,4 @@ export class AppComponent {
   applyChangesMode = this.applyChangesModes[0];
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
index 234a27fbc594..40943ee7d351 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import {
-  Component, enableProdMode, provideZoneChangeDetection,
+  Component, enableProdMode,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxPivotGridModule } from 'devextreme-angular';
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
index 76e601522c4f..a7eafc6c5587 100644
--- a/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, AfterViewInit, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, AfterViewInit, enableProdMode } from '@angular/core';
 import {
   DxPivotGridModule,
   DxPivotGridComponent,
@@ -85,8 +85,4 @@ export class AppComponent implements AfterViewInit {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/Overview/Angular/index.html b/apps/demos/Demos/PivotGrid/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/Overview/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
index 102ea7b821ac..3155bb62e29f 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule } from 'devextreme-angular';
 import { Options as DataSourceConfig } from 'devextreme/ui/pivot_grid/data_source';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
index 6897e25c9eff..dadc43ac8d91 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule } from 'devextreme-angular';
 import { Options as DataSourceConfig } from 'devextreme/ui/pivot_grid/data_source';
 import { Service } from './app.service';
@@ -70,8 +70,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
index d785975cd622..a36c17d51983 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule } from 'devextreme-angular';
 import { Options as DataSourceConfig } from 'devextreme/ui/pivot_grid/data_source';
 import { Service } from './app.service';
@@ -54,8 +54,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
index 1079a7780bf7..6468a8312561 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import {
   DxRadioGroupComponent,
   DxButtonComponent,
@@ -104,8 +104,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
index 0dd108c91792..2de97324c913 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
 import { DxButtonModule } from 'devextreme-angular';
 import { DxPivotGridModule, DxPivotGridTypes } from 'devextreme-angular/ui/pivot-grid';
@@ -101,8 +101,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
index 7219ad8cd6dc..1e22dbb25a5d 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule } from 'devextreme-angular';
 import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
 import { DxPivotGridTypes } from 'devextreme-angular/ui/pivot-grid';
@@ -91,8 +91,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
index 44a424698243..092b9e361d2b 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxPivotGridModule } from 'devextreme-angular';
 import { Options as DataSourceConfig } from 'devextreme/ui/pivot_grid/data_source';
 import { Service } from './app.service';
@@ -57,8 +57,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
index ab585a0840f1..a18752a77bf9 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { Options as DataSourceConfig } from 'devextreme/ui/pivot_grid/data_source';
 import { DxPivotGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
@@ -77,8 +77,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts b/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
index ef0bb801e127..29f186f2cb0f 100644
--- a/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRadioGroupModule } from 'devextreme-angular';
 import { DxRadioGroupTypes } from 'devextreme-angular/ui/radio-group';
 import { PriorityEntity, Service, Task } from './app.service';
@@ -54,8 +54,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RadioGroup/Overview/Angular/index.html b/apps/demos/Demos/RadioGroup/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RadioGroup/Overview/Angular/index.html
+++ b/apps/demos/Demos/RadioGroup/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts
index 512e49386fe4..2dea1535355f 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -24,8 +24,4 @@ export class AppComponent {
   endSelectedValue: Date = new Date(2012, 8, 29, 17, 0, 0);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts
index 194b9f9db4e5..8d492c71182f 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DatePipe } from '@angular/common';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxRangeSelectorModule, DxRangeSelectorTypes } from 'devextreme-angular/ui/range-selector';
@@ -47,8 +47,4 @@ export class AppComponent {
   customizeLabel: DxRangeSelectorTypes.Properties['scale']['label']['customizeText'] = ({ value }) => this.pipe.transform(value, 'MMM');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html b/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/Calculation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
index 7ffd9f9687d0..fa178292efb1 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -20,8 +20,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
index b1ec6129dfce..5258dafb8204 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 import { Service, MonthPeriod } from './app.service';
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
index b7e95d234a44..dccb6d535cda 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -24,8 +24,4 @@ export class AppComponent {
   selectedEndValue: Date = new Date(2011, 2, 5);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
index 7f5a3631a451..7d8bbcc58e22 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
 import { DxRangeSelectorModule, DxRangeSelectorTypes } from 'devextreme-angular/ui/range-selector';
 import { Service, ProductionData } from './app.service';
@@ -55,8 +55,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
index 9b9841bee85a..913ba0b541c9 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -31,8 +31,4 @@ export class AppComponent {
   endSelectedValue: Date = new Date(2025, 0, 1);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts
index 9271a301460d..df3fbe0e7e10 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -38,8 +38,4 @@ export class AppComponent {
   customizeText = ({ valueText }) => `${valueText} s`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts
index 0ac3ae5cb957..354cba081fe4 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 import { Service, Data } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts
index cb92a6ca0332..bdd5a35a58c9 100644
--- a/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import { DxRangeSelectorModule, DxRangeSelectorTypes } from 'devextreme-angular/ui/range-selector';
 import { Service, Employee } from './app.service';
@@ -39,8 +39,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/Filter/Angular/index.html b/apps/demos/Demos/RangeSelector/Filter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/Filter/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/Filter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
index 73adbb3194a1..095c82a76b0f 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 import { DxChartModule, DxChartTypes } from 'devextreme-angular/ui/chart';
 
@@ -33,8 +33,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
index b6ccc7bfad30..630833231dd7 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 import { Service, Product } from './app.service';
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html b/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScale/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
index 36ca7b140cd0..bcc1299d92ef 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSelectorModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -17,8 +17,4 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts b/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
index 761a2c60d52a..15c42ada9115 100644
--- a/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxRangeSliderModule, DxNumberBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -40,8 +40,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/RangeSlider/Overview/Angular/index.html b/apps/demos/Demos/RangeSlider/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/RangeSlider/Overview/Angular/index.html
+++ b/apps/demos/Demos/RangeSlider/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
index 0d297d64d575..969a2706e8c0 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import { DxSpeedDialActionModule, DxSchedulerModule, DxSchedulerComponent } from 'devextreme-angular';
 import { Appointment, Resource, Service } from './app.service';
 
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html b/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Adaptability/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
index 95c79baef457..e8c6d1ecb351 100644
--- a/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { ArrayStore } from 'devextreme-angular/common/data';
 import {
@@ -38,8 +38,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Agenda/Angular/index.html b/apps/demos/Demos/Scheduler/Agenda/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Agenda/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Agenda/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
index bac3a6f108fc..31aa94c9e875 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxRadioGroupModule } from 'devextreme-angular';
 import { DxRadioGroupTypes } from 'devextreme-angular/ui/radio-group';
 import { Appointment, Service } from './app.service';
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts
index c949cb951631..dca53cc072dd 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { ViewChild, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { ViewChild, Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxSchedulerComponent } from 'devextreme-angular';
 import { Appointment, Resource, Service } from './app.service';
 
@@ -30,8 +30,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
index 2e5e78b448d8..ad2c5f90ae51 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Appointment, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html b/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/BasicViews/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
index cf44c23044d7..75127136a83c 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, Pipe, PipeTransform } from '@angular/core';
 import { DatePipe } from '@angular/common';
 import { DxSchedulerComponent, DxSchedulerModule } from 'devextreme-angular';
 import { DataSource } from 'devextreme-angular/common/data';
@@ -194,8 +194,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html b/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts
index fa3b3230547d..0fed647f94d4 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import {
   DxSchedulerModule,
   DxSchedulerComponent,
@@ -147,8 +147,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html b/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/ContextMenu/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/app/app.component.ts
index 2ee2e0d14b33..2b31a97825cc 100644
--- a/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Appointment, Priority, Service } from './app.service';
 
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html b/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CreateFromSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
index 860074396dff..383c77d5e631 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { ViewChild, Component, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection } from '@angular/core';
+import { ViewChild, Component, enableProdMode, Pipe, PipeTransform } from '@angular/core';
 import {
   DxSchedulerModule,
   DxSchedulerComponent,
@@ -74,8 +74,4 @@ export class AppComponent {
   getMovieById = (id: string | number) => Query(this.moviesData).filter(['id', '=', id]).toArray()[0] as MovieData;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts
index dd8b02a0ffe3..242ea231c3ee 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Appointment, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html
index 0bd4ae6d2ba1..d72cce5474d6 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html
@@ -5,7 +5,7 @@
     [group]="draggingGroupName"
     (onDragStart)="onListDragStart($event)"
   >
-    @for (task of tasks; track task.text) {
+    @for (task of tasks(); track task.text) {
     <dx-draggable
       class="item dx-card"
       [clone]="true"
@@ -23,7 +23,7 @@
 <dx-scheduler
   timeZone="America/Los_Angeles"
   id="scheduler"
-  [dataSource]="appointments"
+  [dataSource]="appointments()"
   [currentDate]="currentDate"
   [startDayHour]="9"
   [height]="600"
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
index 5680b6c6e338..26fd15378dd8 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  Component, enableProdMode, signal, WritableSignal,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxSchedulerModule, DxDraggableModule, DxScrollViewModule } from 'devextreme-angular';
@@ -25,33 +25,28 @@ if (!/localhost/.test(document.location.host)) {
 export class AppComponent {
   draggingGroupName = 'appointmentsGroup';
 
-  tasks: Task[];
+  tasks: WritableSignal<Task[]>;
 
-  appointments: Appointment[];
+  appointments: WritableSignal<Appointment[]>;
 
   currentDate: Date = new Date(2021, 3, 26);
 
-  constructor(service: Service, private changeDetectorRef: ChangeDetectorRef) {
-    this.tasks = service.getTasks();
-    this.appointments = service.getAppointments();
+  constructor(service: Service) {
+    this.tasks = signal(service.getTasks());
+    this.appointments = signal(service.getAppointments());
   }
 
   onAppointmentRemove = (e: DxSchedulerTypes.AppointmentDraggingRemoveEvent) => {
-    const index = this.appointments.indexOf(e.itemData);
-
-    if (index >= 0) {
-      this.appointments.splice(index, 1);
-      this.tasks.push(e.itemData);
-      this.changeDetectorRef.markForCheck();
+    if (this.appointments().includes(e.itemData)) {
+      this.appointments.update((items) => items.filter((item) => item !== e.itemData));
+      this.tasks.update((items) => [...items, e.itemData]);
     }
   };
 
   onAppointmentAdd = (e: DxSchedulerTypes.AppointmentDraggingAddEvent) => {
-    const index = this.tasks.indexOf(e.fromData);
-
-    if (index >= 0) {
-      this.tasks.splice(index, 1);
-      this.appointments.push(e.itemData);
+    if (this.tasks().includes(e.fromData)) {
+      this.tasks.update((items) => items.filter((item) => item !== e.fromData));
+      this.appointments.update((items) => [...items, e.itemData]);
     }
   };
 
@@ -70,8 +65,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts
index ded044349a66..07ca8a7ba94c 100644
--- a/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxCheckBoxModule } from 'devextreme-angular';
 import notify from 'devextreme/ui/notify';
 import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
@@ -46,8 +46,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Editing/Angular/index.html b/apps/demos/Demos/Scheduler/Editing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Editing/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Editing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
index 360d89283c37..134e9d9352c1 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { DxSchedulerModule } from 'devextreme-angular';
@@ -45,7 +45,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
index 117749a9996c..afe7855350aa 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxSwitchModule } from 'devextreme-angular';
 import { Appointment, Priority, Service } from './app.service';
 
@@ -32,8 +32,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html b/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/GroupByDate/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts
index 356e04f49fdf..07258c1ee033 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Appointment, Priority, Service } from './app.service';
 
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/HiddenDays/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/HiddenDays/Angular/app/app.component.ts
index f6cc1aab772a..bfcd1149fc49 100644
--- a/apps/demos/Demos/Scheduler/HiddenDays/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/HiddenDays/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
 import { DxCheckBoxModule, DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';
 import { ArrayStore } from 'devextreme-angular/common/data';
@@ -67,8 +67,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html b/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/HiddenDays/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts
index c613e79606c7..517a2d049ef5 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { DataSource } from 'devextreme-angular/common/data';
 import { Service, PriorityData, TypeData } from './app.service';
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/app/app.component.ts
index ed0e1d8f7cc6..f1806c86f6b6 100644
--- a/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
@@ -208,8 +208,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/index.html b/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts
index 66034ad6dd98..1f25ccc1049e 100644
--- a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, Pipe, PipeTransform } from '@angular/core';
 import { NgClass } from '@angular/common';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { DataSource } from 'devextreme-angular/common/data';
@@ -63,8 +63,4 @@ export class AppComponent {
   static getCurrentTraining = (date: number, employeeID: number) => `training-background-${(date + employeeID) % 3}`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Overview/Angular/index.html b/apps/demos/Demos/Scheduler/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Overview/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
index 859023d082a9..4cfb32a5463c 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Appointment, Resource, Service } from './app.service';
 
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/app/app.component.ts
index 96bd4aa81eac..54497b976217 100644
--- a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxSelectBoxModule, DxTemplateModule } from 'devextreme-angular';
 import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
 import { DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
@@ -201,8 +201,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/ResolveTimeConflicts/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts
index bacda02eec19..4a6aceb595db 100644
--- a/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxRadioGroupModule } from 'devextreme-angular';
 import {
   Appointment, Service, Assignee, Room, Priority,
@@ -43,8 +43,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Resources/Angular/index.html b/apps/demos/Demos/Scheduler/Resources/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Resources/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Resources/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
index 1fb8e07fe959..a6c70b9eb30c 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
 import { DxSchedulerModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
@@ -67,8 +67,4 @@ export class AppComponent {
   currentDate = new Date(2021, 3, 27);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
index 950ccb18e117..cc26820a397f 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
index 9894b3890283..56e6283297ec 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Appointment, Service } from './app.service';
 
@@ -25,8 +25,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html b/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/SimpleArray/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts
index 36f6a2b57a5b..7fb4b71316dc 100644
--- a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts
@@ -5,7 +5,6 @@ import {
   enableProdMode,
   Pipe,
   PipeTransform,
-  provideZoneChangeDetection,
   inject,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
@@ -164,8 +163,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Templates/Angular/index.html b/apps/demos/Demos/Scheduler/Templates/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Templates/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Templates/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts
index d7425b7842ed..d9ba65696cd2 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxSelectBoxModule } from 'devextreme-angular';
 import { getTimeZones, dxSchedulerTimeZone } from 'devextreme/time_zone_utils';
 import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
@@ -61,8 +61,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html b/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Timelines/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Timelines/Angular/app/app.component.ts
index 9af38a0454a4..4307c4577b7f 100644
--- a/apps/demos/Demos/Scheduler/Timelines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Timelines/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxSelectBoxModule } from 'devextreme-angular';
 import type { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
 import type { DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Timelines/Angular/index.html b/apps/demos/Demos/Scheduler/Timelines/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Timelines/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Timelines/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts
index d98229cb3afd..66b315c94693 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, ViewChild, enableProdMode } from '@angular/core';
 import { DxButtonModule, type DxButtonTypes } from 'devextreme-angular/ui/button';
 import { DxSchedulerModule, DxSchedulerComponent } from 'devextreme-angular/ui/scheduler';
 import { DxSelectBoxModule, type DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
@@ -78,8 +78,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html b/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/Toolbar/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts
index 4e9b5f498fe9..3b6edff9cb07 100644
--- a/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import { Resource, Appointment, Service } from './app.service';
 
@@ -35,8 +35,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html b/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/VirtualScrolling/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
index d5e4e173683a..812ce77443d9 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import 'anti-forgery';
@@ -32,8 +32,4 @@ export class AppComponent {
   });
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html b/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/WebAPIService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/WorkShifts/Angular/app/app.component.ts
index 05d04a0463cb..cea9598d3d75 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/WorkShifts/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSchedulerModule, DxRadioGroupModule } from 'devextreme-angular';
 import { Service, Appointment, Shift } from './app.service';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html b/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html
+++ b/apps/demos/Demos/Scheduler/WorkShifts/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts
index 412fe30ddf86..6299288a1e62 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import {
   DxSelectBoxModule,
@@ -36,6 +36,7 @@ export class AppComponent {
     loadMode: 'raw',
     load: () => {
       this.isLoaded = false;
+      this.changeDetectorRef.markForCheck();
       const promise = new Promise((resolve) => {
         setTimeout(() => {
           resolve(this.simpleProducts);
@@ -55,8 +56,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Grouping/Angular/app/app.component.ts b/apps/demos/Demos/SelectBox/Grouping/Angular/app/app.component.ts
index 614e49cf1b90..d74a204973b4 100644
--- a/apps/demos/Demos/SelectBox/Grouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/SelectBox/Grouping/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DataSource, ArrayStore } from 'devextreme-angular/common/data';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { Service } from './app.service';
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/SelectBox/Grouping/Angular/index.html b/apps/demos/Demos/SelectBox/Grouping/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/SelectBox/Grouping/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/Grouping/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/SelectBox/Overview/Angular/app/app.component.ts
index 6846a87369d5..b1272781cd27 100644
--- a/apps/demos/Demos/SelectBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/SelectBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import notify from 'devextreme/ui/notify';
 import { DxSelectBoxModule, DxTextBoxModule } from 'devextreme-angular';
 import { ArrayStore } from 'devextreme-angular/common/data';
@@ -41,8 +41,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/SelectBox/Overview/Angular/index.html b/apps/demos/Demos/SelectBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/SelectBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
index b3637db7dcf7..4a28d2dc633e 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { DxNumberBoxModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { DataSource } from 'devextreme-angular/common/data';
@@ -85,8 +85,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html
+++ b/apps/demos/Demos/SelectBox/SearchAndEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Slider/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Slider/Overview/Angular/app/app.component.ts
index bd4425ea7e7f..193c799f3a37 100644
--- a/apps/demos/Demos/Slider/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Slider/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSliderModule, DxNumberBoxModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -22,8 +22,4 @@ export class AppComponent {
   format = (value: string) => `${value}%`;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Slider/Overview/Angular/index.html b/apps/demos/Demos/Slider/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Slider/Overview/Angular/index.html
+++ b/apps/demos/Demos/Slider/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/SpeechToText/Overview/Angular/app/app.component.ts b/apps/demos/Demos/SpeechToText/Overview/Angular/app/app.component.ts
index e61dce8721dd..065092c318bc 100644
--- a/apps/demos/Demos/SpeechToText/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/SpeechToText/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSpeechToTextModule } from 'devextreme-angular/ui/speech-to-text';
 import { DxTextAreaModule } from 'devextreme-angular/ui/text-area';
 import { DxButtonModule } from 'devextreme-angular/ui/button';
@@ -165,7 +165,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     AppService,
   ],
 });
diff --git a/apps/demos/Demos/SpeechToText/Overview/Angular/index.html b/apps/demos/Demos/SpeechToText/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/SpeechToText/Overview/Angular/index.html
+++ b/apps/demos/Demos/SpeechToText/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts
index a12fee65167c..5950d9e8a922 100644
--- a/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Switch/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSwitchModule } from 'devextreme-angular';
 
 if (!/localhost/.test(document.location.host)) {
@@ -15,8 +15,4 @@ if (!/localhost/.test(document.location.host)) {
 })
 export class AppComponent { }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Switch/Overview/Angular/index.html b/apps/demos/Demos/Switch/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Switch/Overview/Angular/index.html
+++ b/apps/demos/Demos/Switch/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Grouping/Angular/app/app.component.ts b/apps/demos/Demos/TagBox/Grouping/Angular/app/app.component.ts
index 9c7b926059ae..f218d55bc423 100644
--- a/apps/demos/Demos/TagBox/Grouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TagBox/Grouping/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DataSource, ArrayStore } from 'devextreme-angular/common/data';
 import { DxTagBoxModule } from 'devextreme-angular';
 import { Service } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TagBox/Grouping/Angular/index.html b/apps/demos/Demos/TagBox/Grouping/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TagBox/Grouping/Angular/index.html
+++ b/apps/demos/Demos/TagBox/Grouping/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/TagBox/Overview/Angular/app/app.component.ts
index db9f684a031b..85287bf9805b 100644
--- a/apps/demos/Demos/TagBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TagBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTagBoxModule, DxPopoverModule } from 'devextreme-angular';
 import { ArrayStore } from 'devextreme-angular/common/data';
 import { DxTagBoxTypes } from 'devextreme-angular/ui/tag-box';
@@ -74,8 +74,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TagBox/Overview/Angular/index.html b/apps/demos/Demos/TagBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TagBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/TagBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts b/apps/demos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts
index 3cd067c00344..3943539c038c 100644
--- a/apps/demos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTagBoxModule, DxTagBoxTypes } from 'devextreme-angular/ui/tag-box';
 import { Product, Service } from './app.service';
 
@@ -39,8 +39,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html b/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html
+++ b/apps/demos/Demos/TagBox/TagCountLimitation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextArea/Overview/Angular/app/app.component.ts b/apps/demos/Demos/TextArea/Overview/Angular/app/app.component.ts
index 8a139c251fd2..96c08a385ba4 100644
--- a/apps/demos/Demos/TextArea/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TextArea/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTextAreaModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { DxCheckBoxTypes } from 'devextreme-angular/ui/check-box';
 import { Service } from './app.service';
@@ -59,8 +59,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TextArea/Overview/Angular/index.html b/apps/demos/Demos/TextArea/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TextArea/Overview/Angular/index.html
+++ b/apps/demos/Demos/TextArea/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.ts
index 41d2cb5a9961..af5d23dd9ebd 100644
--- a/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTextBoxModule, DxTextBoxTypes } from 'devextreme-angular/ui/text-box';
 
 if (!/localhost/.test(document.location.host)) {
@@ -23,8 +23,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TextBox/Overview/Angular/index.html b/apps/demos/Demos/TextBox/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TextBox/Overview/Angular/index.html
+++ b/apps/demos/Demos/TextBox/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.ts
index 1cc91b4a9c1f..48fb8035a31b 100644
--- a/apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/AIColumns/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import type { AIIntegration } from 'devextreme-angular/common/ai-integration';
 import { Service, type IEmployee } from './app.service';
@@ -42,8 +42,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/AIColumns/Angular/index.html b/apps/demos/Demos/TreeList/AIColumns/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/AIColumns/Angular/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/Adaptability/Angular/app/app.component.ts
index c27b2ca914e1..4456ae0ecea1 100644
--- a/apps/demos/Demos/TreeList/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/Adaptability/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/Adaptability/Angular/index.html b/apps/demos/Demos/TreeList/Adaptability/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/Adaptability/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Adaptability/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts
index f0f12c608ca0..3fa53474cffc 100644
--- a/apps/demos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Task, Employee, Service } from './app.service';
 
@@ -42,8 +42,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html b/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/BatchEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CellEditing/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/CellEditing/Angular/app/app.component.ts
index f0f12c608ca0..3fa53474cffc 100644
--- a/apps/demos/Demos/TreeList/CellEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/CellEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Task, Employee, Service } from './app.service';
 
@@ -42,8 +42,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/CellEditing/Angular/index.html b/apps/demos/Demos/TreeList/CellEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/CellEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/CellEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts
index 190a05e45d89..da06034f61a6 100644
--- a/apps/demos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
 import { DxTextBoxTypes } from 'devextreme-angular/ui/text-box';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html b/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html
+++ b/apps/demos/Demos/TreeList/ColumnChooser/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts
index f29179a69151..cccdb6b2928d 100644
--- a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { DxTextBoxTypes } from 'devextreme-angular/ui/text-box';
 import { Employee, Service } from './app.service';
@@ -29,8 +29,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
+++ b/apps/demos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts
index ec0864f774e9..464309109617 100644
--- a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxButtonModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Service, Employee } from './app.service';
@@ -44,8 +44,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.ts
index 1ee4befb6c32..ca7e85a0bc89 100644
--- a/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/FilterModes/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxSelectBoxModule } from 'devextreme-angular';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Employee, Service } from './app.service';
@@ -31,8 +31,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/FilterModes/Angular/index.html b/apps/demos/Demos/TreeList/FilterModes/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/FilterModes/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FilterModes/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts
index a04a442245b7..d5d1f2e59b9e 100644
--- a/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DataSource } from 'devextreme-angular/common/data';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Service } from './app.service';
@@ -30,8 +30,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html b/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FilterPanel/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FilterRow/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/FilterRow/Angular/app/app.component.ts
index 4d4fded1e464..15a8504370fb 100644
--- a/apps/demos/Demos/TreeList/FilterRow/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/FilterRow/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -27,8 +27,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/FilterRow/Angular/index.html b/apps/demos/Demos/TreeList/FilterRow/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/FilterRow/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FilterRow/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/app/app.component.ts
index ac6d43f0af4f..bc2cc674b3b6 100644
--- a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   calculateCellValue = ({ Title, FirstName, LastName }) => [Title, FirstName, LastName].join(' ');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FixedAndStickyColumns/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts
index 3c8544eac019..78aa8f3bc2cc 100644
--- a/apps/demos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxNumberBoxModule } from 'devextreme-angular';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
@@ -68,8 +68,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html b/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FocusedRow/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/FormEditing/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/FormEditing/Angular/app/app.component.ts
index eab573418e21..886be20db3ce 100644
--- a/apps/demos/Demos/TreeList/FormEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/FormEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Employee, Service } from './app.service';
 
@@ -43,8 +43,4 @@ export class AppComponent {
   allowDeleting = ({ row }) => row.data.ID !== 1;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/FormEditing/Angular/index.html b/apps/demos/Demos/TreeList/FormEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/FormEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/FormEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts
index 89f30e79f264..86e90ad5efd7 100644
--- a/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -23,8 +23,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html b/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html
+++ b/apps/demos/Demos/TreeList/KeyboardNavigation/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts
index 8652065f6472..3563726e45b1 100644
--- a/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { HttpClient, HttpParams, provideHttpClient, withFetch } from '@angular/common/http';
 import { lastValueFrom } from 'rxjs';
 import { DxTreeListModule } from 'devextreme-angular';
@@ -41,7 +41,6 @@ export class AppComponent {
 
 bootstrapApplication(AppComponent, {
   providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideHttpClient(withFetch()),
   ],
 });
diff --git a/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html b/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
+++ b/apps/demos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts
index 4cc14e066fe0..368ed95a357c 100644
--- a/apps/demos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  ChangeDetectorRef, Component, enableProdMode, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode,
 } from '@angular/core';
 import { DxCheckBoxModule } from 'devextreme-angular';
 import { DxTreeListModule, type DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
@@ -80,8 +80,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html b/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html
+++ b/apps/demos/Demos/TreeList/LocalReordering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts
index 4ab28536632a..71527236e306 100644
--- a/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxCheckBoxModule } from 'devextreme-angular';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';
@@ -49,8 +49,4 @@ export class AppComponent {
     : 'Nobody has been selected');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html b/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html
+++ b/apps/demos/Demos/TreeList/MultipleRowSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts
index ee0a62d2e9e1..b97b1ae0742a 100644
--- a/apps/demos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Task, Employee, Service } from './app.service';
 
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html b/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html
+++ b/apps/demos/Demos/TreeList/MultipleSorting/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Overview/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/Overview/Angular/app/app.component.ts
index f26137c71719..914dde610ef7 100644
--- a/apps/demos/Demos/TreeList/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import {
   Service, Task, Employee, Priority,
@@ -47,8 +47,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/Overview/Angular/index.html b/apps/demos/Demos/TreeList/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/Overview/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Paging/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/Paging/Angular/app/app.component.ts
index bf6e48423d0a..94624510f077 100644
--- a/apps/demos/Demos/TreeList/Paging/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/Paging/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Task, Employee, Service } from './app.service';
 
@@ -35,8 +35,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/Paging/Angular/index.html b/apps/demos/Demos/TreeList/Paging/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/Paging/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Paging/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts
index cc7053c94153..0dbb918e204f 100644
--- a/apps/demos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Employee, Service } from './app.service';
 
@@ -46,8 +46,4 @@ export class AppComponent {
   allowDeleting = ({ row }) => row.data.ID !== 1;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html b/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/PopupEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Reordering/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/Reordering/Angular/app/app.component.ts
index ac6d43f0af4f..bc2cc674b3b6 100644
--- a/apps/demos/Demos/TreeList/Reordering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/Reordering/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -26,8 +26,4 @@ export class AppComponent {
   calculateCellValue = ({ Title, FirstName, LastName }) => [Title, FirstName, LastName].join(' ');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/Reordering/Angular/index.html b/apps/demos/Demos/TreeList/Reordering/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/Reordering/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Reordering/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/Resizing/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/Resizing/Angular/app/app.component.ts
index 6a96e8c88175..32713d8c0ef0 100644
--- a/apps/demos/Demos/TreeList/Resizing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/Resizing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { DxSelectBoxModule, DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
 import { Employee, Service } from './app.service';
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/Resizing/Angular/index.html b/apps/demos/Demos/TreeList/Resizing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/Resizing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/Resizing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/RowEditing/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/RowEditing/Angular/app/app.component.ts
index 17b840d1b570..b13f3da5dc5f 100644
--- a/apps/demos/Demos/TreeList/RowEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/RowEditing/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import { Employee, Service } from './app.service';
 
@@ -46,8 +46,4 @@ export class AppComponent {
   allowDeleting = ({ row }) => row.data.ID !== 1;
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/RowEditing/Angular/index.html b/apps/demos/Demos/TreeList/RowEditing/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/RowEditing/Angular/index.html
+++ b/apps/demos/Demos/TreeList/RowEditing/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SearchPanel/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/SearchPanel/Angular/app/app.component.ts
index ee0a62d2e9e1..b97b1ae0742a 100644
--- a/apps/demos/Demos/TreeList/SearchPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/SearchPanel/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Task, Employee, Service } from './app.service';
 
@@ -36,8 +36,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html b/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SearchPanel/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts
index c27b2ca914e1..4456ae0ecea1 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts
index c27b2ca914e1..4456ae0ecea1 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts
index 581d191722b9..8f4fdf9f5365 100644
--- a/apps/demos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxTreeListModule } from 'devextreme-angular';
 import { Service, Employee } from './app.service';
 
@@ -24,8 +24,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html b/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html
+++ b/apps/demos/Demos/TreeList/SingleRowSelection/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts
index 6cad8c6549cc..cc901391aed4 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import { DxTreeListModule, DxTreeListComponent } from 'devextreme-angular';
 import { Employee, Service } from './app.service';
 
@@ -34,8 +34,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html b/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html
+++ b/apps/demos/Demos/TreeList/StatePersistence/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
index 4644da2bcafe..45f4f04cc9f4 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
 import 'anti-forgery';
@@ -56,8 +56,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html b/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html
+++ b/apps/demos/Demos/TreeList/WebAPIService/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/Validation/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Validation/Overview/Angular/app/app.component.ts
index 63300e918487..52beb123cdb6 100644
--- a/apps/demos/Demos/Validation/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Validation/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import {
-  ChangeDetectorRef, Component, enableProdMode, ViewChild, provideZoneChangeDetection,
+  ChangeDetectorRef, Component, enableProdMode, ViewChild,
 } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
@@ -141,8 +141,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/Validation/Overview/Angular/index.html b/apps/demos/Demos/Validation/Overview/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/Validation/Overview/Angular/index.html
+++ b/apps/demos/Demos/Validation/Overview/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts
index de9af96d3637..192d69ee681a 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { FeatureCollection, Service } from './app.service';
@@ -41,8 +41,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/BubbleMarkers/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts
index f830d37619ba..29a5c74d6523 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { DxVectorMapTypes } from 'devextreme-angular/ui/vector-map';
@@ -61,8 +61,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ColorsCustomization/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts
index 9426f186b9a8..6cdf46631f90 100644
--- a/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/usa.js';
@@ -35,8 +35,4 @@ export class AppComponent {
   };
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html b/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomAnnotations/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts
index d0a89e6394ac..c811ea2c0084 100644
--- a/apps/demos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import { FeatureCollection, Service } from './app.service';
 
@@ -45,8 +45,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html b/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomMapData/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts
index 8a34a23aa3bd..c39ce7446a11 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { FeatureCollection, Service } from './app.service';
@@ -56,8 +56,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/CustomProjection/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts
index 2e53b5b3b6b7..d35254c4e123 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, ViewChild, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode, ViewChild } from '@angular/core';
 import { DxTextBoxModule, DxSwitchModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { DxSelectBoxModule, DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
@@ -53,8 +53,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/DynamicViewport/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts
index 16d06c2e2f9c..34a8adfa7ada 100644
--- a/apps/demos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import { FeatureCollection, Service } from './app.service';
 
@@ -46,8 +46,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html b/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html
index 7dd155b53981..03f4ed202a06 100644
--- a/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/FloorPlan/Angular/index.html
@@ -11,7 +11,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts
index 459dfc5d31cf..f4d366256b8c 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/usa.js';
 import { FeatureCollection, Service } from './app.service';
@@ -28,8 +28,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ImageMarkers/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Legend/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/Legend/Angular/app/app.component.ts
index be669a1efdba..7b7943c7e598 100644
--- a/apps/demos/Demos/VectorMap/Legend/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/Legend/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { FeatureCollection, Service } from './app.service';
@@ -60,8 +60,4 @@ export class AppComponent {
   customizeMarkers = ({ index }) => ['< 8000K', '8000K to 10000K', '> 10000K'][index];
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/Legend/Angular/index.html b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/Legend/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Legend/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts
index bca3ef34b72a..5aa1a1e2e96c 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { FeatureCollection, Service } from './app.service';
@@ -30,8 +30,4 @@ export class AppComponent {
   customizeText = ({ color }) => (color === '#3c20c8' ? 'Cold' : 'Warm');
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/MultipleLayers/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Overview/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/Overview/Angular/app/app.component.ts
index 47824340b4ee..7e69b7fdc5bf 100644
--- a/apps/demos/Demos/VectorMap/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/Overview/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
 import { DxVectorMapModule, DxPieChartModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
@@ -55,8 +55,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/Overview/Angular/index.html b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/Overview/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Overview/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/Palette/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/Palette/Angular/app/app.component.ts
index 2394de285bfb..25105fdd2e30 100644
--- a/apps/demos/Demos/VectorMap/Palette/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/Palette/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { Service } from './app.service';
@@ -50,8 +50,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/Palette/Angular/index.html b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/Palette/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/Palette/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts
index ea01088862be..a179e7e08b00 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DxVectorMapModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
 import { FeatureCollection, Service } from './app.service';
@@ -38,8 +38,4 @@ export class AppComponent {
     : undefined);
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/PieMarkers/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/app/app.component.ts
index bdca34e3ce68..024c35fd5945 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
+import { Component, enableProdMode } from '@angular/core';
 import { DecimalPipe } from '@angular/common';
 import { DxVectorMapModule, DxPieChartModule } from 'devextreme-angular';
 import * as mapsData from 'devextreme-dist/js/vectormap-data/world.js';
@@ -53,8 +53,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/TooltipsCustomization/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts
index d99c575e0db3..34207aecf498 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import {
-  Component, ViewChild, enableProdMode, provideZoneChangeDetection,
+  Component, ViewChild, enableProdMode,
 } from '@angular/core';
 import { DxButtonModule } from 'devextreme-angular';
 import { DxVectorMapModule, DxVectorMapComponent, DxVectorMapTypes } from 'devextreme-angular/ui/vector-map';
@@ -55,8 +55,4 @@ export class AppComponent {
   }
 }
 
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
-  ],
-});
+bootstrapApplication(AppComponent);
diff --git a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
index 6c25556bab9b..f7ebb3c93212 100644
--- a/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
+++ b/apps/demos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
@@ -12,7 +12,6 @@
     <div class="demo-container">
       <demo-app>Loading...</demo-app>
     </div>
-    <script src="../../../../node_modules/zone.js/bundles/zone.umd.js"></script>
     <script src="./bundle.js" type="module"></script>
   </body>
 </html>
diff --git a/apps/demos/utils/server/demo-bundle-angular.js b/apps/demos/utils/server/demo-bundle-angular.js
index 734a843478a3..78a4e2e80713 100644
--- a/apps/demos/utils/server/demo-bundle-angular.js
+++ b/apps/demos/utils/server/demo-bundle-angular.js
@@ -527,6 +527,10 @@ function makeCompilerPlugin(createCompilerPlugin, tsconfig, fileReplacements) {
   );
 }
 
+function demoUsesZone(demo) {
+  return /\bprovideZoneChangeDetection\b/.test(fs.readFileSync(demo.entry, 'utf8'));
+}
+
 function prepareDemo(demo) {
   const fileReplacements = {};
   for (const tsFile of findDemoTsFiles(path.join(demo.srcDir, 'app'))) {
@@ -536,16 +540,17 @@ function prepareDemo(demo) {
   const effectiveEntry = fileReplacements[demo.entry] || demo.entry;
   const shimEntry = writeEntryShim(demo, effectiveEntry);
   return {
-    ...demo, effectiveEntry, shimEntry, fileReplacements,
+    ...demo, effectiveEntry, shimEntry, fileReplacements, usesZone: demoUsesZone(demo),
   };
 }
 
-const ANGULAR_IMPLICIT_PACKAGES = ['zone.js', 'reflect-metadata', 'devextreme-dist'];
+const ANGULAR_IMPLICIT_PACKAGES = ['reflect-metadata', 'devextreme-dist'];
 function writeDemoManifest(demo, destDir) {
   const { discoverDemoSpecifiers, resolvePackageVersions } = require('./vendor-bundle');
   const packages = resolvePackageVersions([
     ...discoverDemoSpecifiers(demo.srcDir),
     ...ANGULAR_IMPLICIT_PACKAGES,
+    ...(demo.usesZone ? ['zone.js'] : []),
   ]);
   fs.writeFileSync(
     path.join(destDir, 'demo.manifest.json'),
@@ -675,6 +680,10 @@ async function emitDemoResources(demoDestDirs, outputFiles) {
   }));
 }
 
+function demoJsFiles(demo, localJsFiles) {
+  return demo.usesZone ? [ANGULAR_ZONE_SCRIPT, ...localJsFiles] : localJsFiles;
+}
+
 async function bundleDemo(demo, createCompilerPlugin, destDirOverride) {
   const prepared = demo.effectiveEntry ? demo : prepareDemo(demo);
   const destDir = destDirOverride || path.join(SRC_DEMOS_DIR, prepared.widget, prepared.name, FRAMEWORK);
@@ -707,10 +716,7 @@ async function bundleDemo(demo, createCompilerPlugin, destDirOverride) {
   const localJsFiles = sortJsFiles(outputs.filter((o) => o.endsWith('.js')).map((o) => path.basename(o)));
   if (localJsFiles.length === 0) return { ok: false, reason: 'no JS output produced' };
 
-  const jsFiles = [
-    ANGULAR_ZONE_SCRIPT,
-    ...localJsFiles,
-  ];
+  const jsFiles = demoJsFiles(prepared, localJsFiles);
   const cssFiles = outputs.filter((o) => o.endsWith('.css')).map((o) => path.basename(o));
 
   fs.writeFileSync(path.join(destDir, 'index.html'), buildHtml({ jsFiles, cssFiles, srcDir: prepared.srcDir }));
@@ -754,8 +760,7 @@ async function bundleDemoBatch(batch, createCompilerPlugin) {
     }
 
     const jsFiles = [
-      ANGULAR_ZONE_SCRIPT,
-      ...localJsFiles,
+      ...demoJsFiles(demo, localJsFiles),
     ];
     fs.writeFileSync(path.join(destDir, 'index.html'), buildHtml({ jsFiles, cssFiles, srcDir: demo.srcDir }));
     if (IS_GENERATE_MANIFESTS) writeDemoManifest(demo, destDir);
diff --git a/packages/devextreme-angular/.gitignore b/packages/devextreme-angular/.gitignore
index 850a120dc4da..741d02ab23c6 100644
--- a/packages/devextreme-angular/.gitignore
+++ b/packages/devextreme-angular/.gitignore
@@ -1 +1,2 @@
 metadata
+Chrome_Headless**
diff --git a/packages/devextreme-angular/eslint.config.mjs b/packages/devextreme-angular/eslint.config.mjs
index f2d90d5ea364..2ba5886a93c4 100644
--- a/packages/devextreme-angular/eslint.config.mjs
+++ b/packages/devextreme-angular/eslint.config.mjs
@@ -60,7 +60,7 @@ export default [
     rules: {
       'import/no-cycle': 'warn',
       'no-param-reassign': 'warn',
-      'no-underscore-dangle': 'warn',
+      'no-underscore-dangle': 'off',
       'spellcheck/spell-checker': [1, {
         lang: 'en_US',
         comments: false,
diff --git a/packages/devextreme-angular/karma.common.test.shim.js b/packages/devextreme-angular/karma.common.test.shim.js
index ffd110f4e6c1..2f96a619113f 100644
--- a/packages/devextreme-angular/karma.common.test.shim.js
+++ b/packages/devextreme-angular/karma.common.test.shim.js
@@ -4,7 +4,4 @@ require('core-js/es6');
 require('core-js/client/shim.min');
 require('reflect-metadata');
 
-require('zone.js');
-require('zone.js/testing');
-
 __karma__.loaded = function () {};
diff --git a/packages/devextreme-angular/karma.hydration.test.shim.js b/packages/devextreme-angular/karma.hydration.test.shim.js
index c080d3380edd..26bfa44dd8b9 100644
--- a/packages/devextreme-angular/karma.hydration.test.shim.js
+++ b/packages/devextreme-angular/karma.hydration.test.shim.js
@@ -1,4 +1,4 @@
-require('./karma.common.test.shim');
+require('./karma.zone-polyfills.test.shim');
 
 const testing = require('@angular/core/testing');
 const server = require('@angular/platform-server/testing');
diff --git a/packages/devextreme-angular/karma.server.test.shim.js b/packages/devextreme-angular/karma.server.test.shim.js
index 2ec94db2445b..e9610a09f967 100644
--- a/packages/devextreme-angular/karma.server.test.shim.js
+++ b/packages/devextreme-angular/karma.server.test.shim.js
@@ -1,4 +1,4 @@
-require('./karma.common.test.shim');
+require('./karma.zone-polyfills.test.shim');
 
 const testing = require('@angular/core/testing');
 const server = require('@angular/platform-server/testing');
diff --git a/packages/devextreme-angular/karma.test.shim.js b/packages/devextreme-angular/karma.test.shim.js
index 3b727b730463..a583013927d8 100644
--- a/packages/devextreme-angular/karma.test.shim.js
+++ b/packages/devextreme-angular/karma.test.shim.js
@@ -1,4 +1,4 @@
-require('./karma.common.test.shim');
+require('./karma.zone-polyfills.test.shim');
 
 const testing = require('@angular/core/testing');
 const browser = require('@angular/platform-browser-dynamic/testing');
@@ -9,6 +9,6 @@ testing.TestBed.initTestEnvironment(
   browser.platformBrowserDynamicTesting(),
 );
 
-const context = require.context('./tests/dist', true, /^.\/(?!.*\/(ssr-components|hydration)\.spec\.js$).*\.spec\.js$/);
+const context = require.context('./tests/dist', true, /^.\/(?!zone-modes\/)(?!.*\/(ssr-components|hydration)\.spec\.js$).*\.spec\.js$/);
 context.keys().map(context);
 __karma__.start();
diff --git a/packages/devextreme-angular/karma.zone-polyfills.test.shim.js b/packages/devextreme-angular/karma.zone-polyfills.test.shim.js
new file mode 100644
index 000000000000..a8df54b53b99
--- /dev/null
+++ b/packages/devextreme-angular/karma.zone-polyfills.test.shim.js
@@ -0,0 +1,4 @@
+require('./karma.common.test.shim');
+
+require('zone.js');
+require('zone.js/testing');
diff --git a/packages/devextreme-angular/karma.zone.test.shim.js b/packages/devextreme-angular/karma.zone.test.shim.js
new file mode 100644
index 000000000000..aa5fc82b6aed
--- /dev/null
+++ b/packages/devextreme-angular/karma.zone.test.shim.js
@@ -0,0 +1,14 @@
+require('./karma.zone-polyfills.test.shim');
+
+const testing = require('@angular/core/testing');
+const browser = require('@angular/platform-browser-dynamic/testing');
+const { ZoneTestingModule } = require('./karma.zone-testing.module');
+
+testing.TestBed.initTestEnvironment(
+  [browser.BrowserDynamicTestingModule, ZoneTestingModule],
+  browser.platformBrowserDynamicTesting(),
+);
+
+const context = require.context('./tests/dist/zone-modes', true, /\.spec\.js$/);
+context.keys().map(context);
+__karma__.start();
diff --git a/packages/devextreme-angular/karma.zoneless-testing.module.js b/packages/devextreme-angular/karma.zoneless-testing.module.js
new file mode 100644
index 000000000000..f9d360dbc3dc
--- /dev/null
+++ b/packages/devextreme-angular/karma.zoneless-testing.module.js
@@ -0,0 +1,7 @@
+const { NgModule, provideZonelessChangeDetection } = require('@angular/core');
+
+const ZonelessTestingModule = NgModule({
+  providers: [provideZonelessChangeDetection()],
+})(class ZonelessTestingModule {});
+
+module.exports = { ZonelessTestingModule };
diff --git a/packages/devextreme-angular/karma.zoneless.test.shim.js b/packages/devextreme-angular/karma.zoneless.test.shim.js
new file mode 100644
index 000000000000..d21ce6813ccf
--- /dev/null
+++ b/packages/devextreme-angular/karma.zoneless.test.shim.js
@@ -0,0 +1,18 @@
+require('./karma.common.test.shim');
+
+if (typeof Zone !== 'undefined') {
+  throw new Error('zone.js is loaded in the zoneless test environment');
+}
+
+const testing = require('@angular/core/testing');
+const browser = require('@angular/platform-browser-dynamic/testing');
+const { ZonelessTestingModule } = require('./karma.zoneless-testing.module');
+
+testing.TestBed.initTestEnvironment(
+  [browser.BrowserDynamicTestingModule, ZonelessTestingModule],
+  browser.platformBrowserDynamicTesting(),
+);
+
+const context = require.context('./tests/dist/zone-modes', true, /\.spec\.js$/);
+context.keys().map(context);
+__karma__.start();
diff --git a/packages/devextreme-angular/project.json b/packages/devextreme-angular/project.json
index 3144fe8c6145..784d82cbfc1c 100644
--- a/packages/devextreme-angular/project.json
+++ b/packages/devextreme-angular/project.json
@@ -350,7 +350,9 @@
         "environments": [
           "client",
           "server",
-          "hydration"
+          "hydration",
+          "zone",
+          "zoneless"
         ]
       },
       "dependsOn": [
@@ -428,6 +430,50 @@
         "{projectRoot}/tests/dist/**/*"
       ]
     },
+    "test:components-zone-modes": {
+      "executor": "devextreme-nx-infra-plugin:karma-multi-env",
+      "options": {
+        "karmaConfig": "karma.conf.js",
+        "environments": [
+          "zone",
+          "zoneless"
+        ]
+      },
+      "dependsOn": [
+        "build:tests"
+      ],
+      "inputs": [
+        "default",
+        "test",
+        "{projectRoot}/tests/dist/**/*"
+      ]
+    },
+    "test:components-zone-debug": {
+      "executor": "devextreme-nx-infra-plugin:karma-multi-env",
+      "options": {
+        "karmaConfig": "karma.conf.js",
+        "environments": [
+          "zone"
+        ],
+        "debug": true
+      },
+      "dependsOn": [
+        "build:tests"
+      ]
+    },
+    "test:components-zoneless-debug": {
+      "executor": "devextreme-nx-infra-plugin:karma-multi-env",
+      "options": {
+        "karmaConfig": "karma.conf.js",
+        "environments": [
+          "zoneless"
+        ],
+        "debug": true
+      },
+      "dependsOn": [
+        "build:tests"
+      ]
+    },
     "watch:test": {
       "executor": "devextreme-nx-infra-plugin:karma-multi-env",
       "options": {
@@ -453,7 +499,9 @@
         "environments": [
           "client",
           "server",
-          "hydration"
+          "hydration",
+          "zone",
+          "zoneless"
         ]
       },
       "dependsOn": [
@@ -498,7 +546,12 @@
       "{projectRoot}/karma.test.shim.js",
       "{projectRoot}/karma.server.test.shim.js",
       "{projectRoot}/karma.hydration.test.shim.js",
+      "{projectRoot}/karma.common.test.shim.js",
+      "{projectRoot}/karma.zone-polyfills.test.shim.js",
+      "{projectRoot}/karma.zone.test.shim.js",
+      "{projectRoot}/karma.zoneless.test.shim.js",
       "{projectRoot}/karma.zone-testing.module.js",
+      "{projectRoot}/karma.zoneless-testing.module.js",
       "{projectRoot}/webpack.test.js",
       "{projectRoot}/tsconfig.tests.json",
       "{projectRoot}/src/**/*.spec.ts",
diff --git a/packages/devextreme-angular/src/core/component.ts b/packages/devextreme-angular/src/core/component.ts
index ae9f62957529..3b04bedafeac 100644
--- a/packages/devextreme-angular/src/core/component.ts
+++ b/packages/devextreme-angular/src/core/component.ts
@@ -1,6 +1,8 @@
+/* eslint-disable max-classes-per-file */
 import {
   TransferState,
   makeStateKey,
+  ChangeDetectorRef,
   Component,
   ElementRef,
   NgZone,
@@ -55,6 +57,29 @@ export const getServerStateKey = () => {
   return serverStateKey;
 };
 
+const publicOptionsCache = new WeakMap<object, Set<string>>();
+
+const getPublicOptions = (componentPrototype: object): Set<string> => {
+  let options = publicOptionsCache.get(componentPrototype);
+
+  if (!options) {
+    const names = new Set<string>();
+
+    for (let proto = componentPrototype; proto && proto !== Object.prototype; proto = Object.getPrototypeOf(proto)) {
+      Object.entries(Object.getOwnPropertyDescriptors(proto)).forEach(([name, descriptor]) => {
+        if (descriptor.get && descriptor.set) {
+          names.add(name);
+        }
+      });
+    }
+
+    options = names;
+    publicOptionsCache.set(componentPrototype, options);
+  }
+
+  return options;
+};
+
 @Component({
   template: '',
 })
@@ -86,6 +111,8 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
 
   templateUpdateRequired = false;
 
+  private readonly changeDetectorRef = inject(ChangeDetectorRef);
+
   private _updateTemplates() {
     if (this.templates.length && this.templateUpdateRequired) {
       const updatedTemplates = {};
@@ -105,6 +132,10 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
       const value = e.name === e.fullName ? e.value : e.component.option(e.name);
       this.eventHelper.fireNgEvent(`${e.name}Change`, [value]);
       this.optionChangedHandlers.emit(e);
+
+      if (!this.widgetUpdateLocked && getPublicOptions(Object.getPrototypeOf(this)).has(e.name)) {
+        this.changeDetectorRef.markForCheck();
+      }
     });
   }
 
@@ -122,10 +153,11 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
 
   protected _createEventEmitters(events) {
     const zone = this.ngZone;
+    const { changeDetectorRef } = this;
     this.eventHelper.createEmitters(events);
 
     this._initialOptions.eventsStrategy = (instance) => {
-      const strategy = new NgEventsStrategy(instance, zone);
+      const strategy = new NgEventsStrategy(instance, zone, changeDetectorRef);
 
       events.filter((event) => event.subscribe).forEach((event) => {
         strategy.addEmitter(event.subscribe, this[event.emit]);
@@ -136,7 +168,7 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
 
     this._initialOptions.nestedComponentOptions = function (component) {
       return {
-        eventsStrategy: (instance) => new NgEventsStrategy(instance, zone),
+        eventsStrategy: (instance) => new NgEventsStrategy(instance, zone, changeDetectorRef),
         nestedComponentOptions: component.option('nestedComponentOptions'),
       };
     };
@@ -237,7 +269,7 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
     this.templates = [];
     templateHost.setHost(this);
     this._collectionContainerImpl = new CollectionNestedOptionContainerImpl(this._setOption.bind(this));
-    this.eventHelper = new EmitterHelper(ngZone, this);
+    this.eventHelper = new EmitterHelper(ngZone, this, this.changeDetectorRef);
   }
 
   ngOnChanges(changes: SimpleChanges) {
diff --git a/packages/devextreme-angular/src/core/events-strategy.ts b/packages/devextreme-angular/src/core/events-strategy.ts
index 8d4aad7aad37..de1783bfba20 100644
--- a/packages/devextreme-angular/src/core/events-strategy.ts
+++ b/packages/devextreme-angular/src/core/events-strategy.ts
@@ -1,4 +1,5 @@
-import { EventEmitter, NgZone } from '@angular/core';
+/* eslint-disable max-classes-per-file */
+import { ChangeDetectorRef, EventEmitter, NgZone } from '@angular/core';
 import { DxComponent } from './component';
 
 interface IEventSubscription {
@@ -10,7 +11,11 @@ export class NgEventsStrategy {
 
   private events: { [key: string]: EventEmitter<any> } = {};
 
-  constructor(private readonly instance: any, private readonly zone: NgZone) { }
+  constructor(
+    private readonly instance: any,
+    private readonly zone: NgZone,
+    private readonly changeDetectorRef?: ChangeDetectorRef,
+  ) { }
 
   hasEvent(name: string) {
     return this.getEmitter(name).observers.length !== 0;
@@ -25,6 +30,9 @@ export class NgEventsStrategy {
       } else {
         this.zone.run(() => emitter.next(args?.[0]));
       }
+      if (name !== 'optionChanged' || emitter.observers.length > internalSubs.length) {
+        this.changeDetectorRef?.markForCheck();
+      }
     }
   }
 
@@ -80,7 +88,11 @@ export class NgEventsStrategy {
 export class EmitterHelper {
   lockedValueChangeEvent = false;
 
-  constructor(private readonly zone: NgZone, private component: DxComponent) { }
+  constructor(
+    private readonly zone: NgZone,
+    private component: DxComponent,
+    private readonly changeDetectorRef?: ChangeDetectorRef,
+  ) { }
 
   fireNgEvent(eventName: string, eventArgs: any) {
     if (this.lockedValueChangeEvent && eventName === 'valueChange') {
@@ -91,6 +103,7 @@ export class EmitterHelper {
       this.zone.run(() => {
         emitter.next(eventArgs?.[0]);
       });
+      this.changeDetectorRef?.markForCheck();
     }
   }
 
diff --git a/packages/devextreme-angular/src/core/nested-option.ts b/packages/devextreme-angular/src/core/nested-option.ts
index b54ff6917f22..12beb5b097b1 100644
--- a/packages/devextreme-angular/src/core/nested-option.ts
+++ b/packages/devextreme-angular/src/core/nested-option.ts
@@ -1,3 +1,4 @@
+/* eslint-disable max-classes-per-file */
 import {
   Component, QueryList, ElementRef, Renderer2, EventEmitter,
 } from '@angular/core';
diff --git a/packages/devextreme-angular/tests/src/zone-modes/change-detection.spec.ts b/packages/devextreme-angular/tests/src/zone-modes/change-detection.spec.ts
new file mode 100644
index 000000000000..632a78debafd
--- /dev/null
+++ b/packages/devextreme-angular/tests/src/zone-modes/change-detection.spec.ts
@@ -0,0 +1,438 @@
+/* tslint:disable:component-selector */
+import {
+  Component,
+  ViewChild,
+  signal,
+} from '@angular/core';
+
+import {
+  TestBed,
+  ComponentFixture,
+} from '@angular/core/testing';
+
+import {
+  DxTextBoxModule,
+  DxTextBoxComponent,
+  DxDataGridModule,
+  DxDataGridComponent,
+  DxPopupModule,
+  DxPopupComponent,
+  DxFormModule,
+  DxFormComponent,
+  DxListModule,
+  DxListComponent,
+  DxTemplateModule,
+  DxDraggableModule,
+  DxChartModule,
+} from 'devextreme-angular';
+
+const isZoneless = typeof (window as any).Zone === 'undefined';
+const mode = isZoneless ? 'zoneless' : 'zone';
+
+@Component({
+  selector: 'test-host',
+  imports: [
+    DxTextBoxModule, DxDataGridModule, DxPopupModule, DxFormModule, DxListModule,
+    DxTemplateModule, DxDraggableModule, DxChartModule,
+  ],
+  template: '',
+})
+class TestHostComponent {
+  @ViewChild(DxTextBoxComponent) textBox: DxTextBoxComponent;
+
+  @ViewChild(DxDataGridComponent) grid: DxDataGridComponent;
+
+  @ViewChild(DxPopupComponent) popup: DxPopupComponent;
+
+  @ViewChild(DxFormComponent) form: DxFormComponent;
+
+  @ViewChild(DxListComponent) list: DxListComponent;
+
+  text = signal('');
+
+  plain = '';
+
+  selectedKeys = signal<number[]>([]);
+
+  visible = signal(true);
+
+  pageIndex = signal(0);
+
+  suffix = signal('1');
+
+  clicks = 0;
+
+  dragMoves = 0;
+
+  renders = 0;
+
+  rows = [{ id: 1 }, { id: 2 }, { id: 3 }];
+
+  points = [{ arg: 1, val: 1 }, { arg: 2, val: 3 }, { arg: 3, val: 2 }];
+
+  items = ['a', 'b'];
+
+  formData = { name: 'initial' };
+
+  countRender(): string {
+    this.renders += 1;
+    return '';
+  }
+}
+
+async function render(template: string): Promise<ComponentFixture<TestHostComponent>> {
+  TestBed.configureTestingModule({ imports: [TestHostComponent] });
+  TestBed.overrideComponent(TestHostComponent, { set: { template } });
+
+  const fixture = TestBed.createComponent(TestHostComponent);
+  if (!isZoneless) {
+    fixture.autoDetectChanges();
+  }
+  await fixture.whenStable();
+
+  return fixture;
+}
+
+// Runs a widget-side change the way it arrives in a real app: in a zone app user
+// interaction runs inside the Angular zone, in a zoneless app there is no zone.
+function act<T>(fixture: ComponentFixture<TestHostComponent>, fn: () => T): T {
+  return isZoneless ? fn() : fixture.ngZone.run(fn);
+}
+
+function outputText(fixture: ComponentFixture<TestHostComponent>): string {
+  return fixture.nativeElement.querySelector('.out').textContent.trim();
+}
+
+function mouse(target: EventTarget, type: string, x: number, y: number): void {
+  target.dispatchEvent(new MouseEvent(type, {
+    bubbles: true, cancelable: true, button: 0, buttons: 1, clientX: x, clientY: y,
+  }));
+}
+
+const wait = (ms: number) => new Promise((resolve) => { setTimeout(resolve, ms); });
+
+describe(`Change detection [${mode}]: environment`, () => {
+  it(isZoneless ? 'runs without zone.js' : 'runs with zone.js', () => {
+    expect(typeof (window as any).Zone).toBe(isZoneless ? 'undefined' : 'function');
+  });
+
+  if (isZoneless) {
+    it('does not refresh the view without a change detection trigger', async () => {
+      const fixture = await render(`
+        <dx-text-box></dx-text-box>
+        <span class="out">{{ plain }}</span>
+      `);
+
+      fixture.componentInstance.plain = 'changed';
+      await wait(50);
+      await fixture.whenStable();
+
+      expect(outputText(fixture)).toBe('');
+    });
+  }
+});
+
+describe(`Change detection [${mode}]: template-bound outputs`, () => {
+  it('[(value)] bound to a signal receives a widget-side change', async () => {
+    const fixture = await render(`
+      <dx-text-box [(value)]="text"></dx-text-box>
+      <span class="out">{{ text() }}</span>
+    `);
+
+    act(fixture, () => fixture.componentInstance.textBox.instance.option('value', 'changed'));
+    await fixture.whenStable();
+
+    expect(fixture.componentInstance.text()).toBe('changed');
+    expect(outputText(fixture)).toBe('changed');
+  });
+
+  it('[(value)] bound to a plain field receives a widget-side change', async () => {
+    const fixture = await render(`
+      <dx-text-box [(value)]="plain"></dx-text-box>
+      <span class="out">{{ plain }}</span>
+    `);
+
+    act(fixture, () => fixture.componentInstance.textBox.instance.option('value', 'changed'));
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('changed');
+  });
+
+  it('(onValueChanged) handler that sets a plain field updates the view', async () => {
+    const fixture = await render(`
+      <dx-text-box (onValueChanged)="plain = $event.value"></dx-text-box>
+      <span class="out">{{ plain }}</span>
+    `);
+
+    act(fixture, () => fixture.componentInstance.textBox.instance.option('value', 'changed'));
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('changed');
+  });
+
+  it('[(selectedRowKeys)] receives a selection made by the grid', async () => {
+    const fixture = await render(`
+      <dx-data-grid [dataSource]="rows" keyExpr="id" [(selectedRowKeys)]="selectedKeys">
+        <dxo-selection mode="multiple"></dxo-selection>
+      </dx-data-grid>
+      <span class="out">{{ selectedKeys().join(',') }}</span>
+    `);
+
+    await act(fixture, () => fixture.componentInstance.grid.instance.selectRows([2], false));
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('2');
+  });
+
+  it('[(visible)] receives a popup closed by the widget', async () => {
+    const fixture = await render(`
+      <dx-popup [(visible)]="visible"></dx-popup>
+      <span class="out">{{ visible() }}</span>
+    `);
+
+    act(fixture, () => fixture.componentInstance.popup.instance.option('visible', false));
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('false');
+  });
+
+  it('nested option [(pageIndex)] receives a page change made by the grid', async () => {
+    const fixture = await render(`
+      <dx-data-grid [dataSource]="rows" keyExpr="id">
+        <dxo-paging [pageSize]="1" [(pageIndex)]="pageIndex"></dxo-paging>
+      </dx-data-grid>
+      <span class="out">{{ pageIndex() }}</span>
+    `);
+
+    await act(fixture, () => fixture.componentInstance.grid.instance.pageIndex(2));
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('2');
+  });
+});
+
+describe(`Change detection [${mode}]: events registered outside the Angular zone (mousemove)`, () => {
+  it('(onDragMove) driven by mousemove updates the view', async () => {
+    const fixture = await render(`
+      <dx-draggable (onDragMove)="dragMoves = dragMoves + 1">
+        <div class="drag-handle" style="width: 50px; height: 50px;"></div>
+      </dx-draggable>
+      <span class="out">{{ dragMoves > 0 }}</span>
+    `);
+    const handle = fixture.nativeElement.querySelector('.drag-handle');
+
+    mouse(handle, 'mousedown', 10, 10);
+    await fixture.whenStable();
+
+    mouse(document, 'mousemove', 40, 40);
+    mouse(document, 'mousemove', 60, 60);
+    await fixture.whenStable();
+
+    expect(fixture.componentInstance.dragMoves).toBeGreaterThan(0);
+    expect(outputText(fixture)).toBe('true');
+
+    mouse(document, 'mouseup', 60, 60);
+  });
+
+  it('mouse movement over a widget without handlers does not run change detection', async () => {
+    const fixture = await render(`
+      <dx-chart [dataSource]="points">
+        <dxo-animation [enabled]="false"></dxo-animation>
+        <dxi-series argumentField="arg" valueField="val"></dxi-series>
+      </dx-chart>
+      <span class="out">{{ countRender() }}</span>
+    `);
+    const host = fixture.componentInstance;
+    const surface = fixture.nativeElement.querySelector('dx-chart svg');
+    const rendersBefore = host.renders;
+
+    for (let i = 0; i < 20; i += 1) {
+      mouse(surface, 'mouseover', 10 + i * 5, 10 + i * 5);
+      mouse(surface, 'mousemove', 10 + i * 5, 10 + i * 5);
+      mouse(surface, 'mouseout', 10 + i * 5, 10 + i * 5);
+    }
+    await wait(50);
+    await fixture.whenStable();
+
+    expect(host.renders).toBe(rendersBefore);
+
+    if (!isZoneless) {
+      act(fixture, () => {});
+      await fixture.whenStable();
+
+      expect(host.renders).toBeGreaterThan(rendersBefore);
+    }
+  });
+});
+
+if (isZoneless) {
+  describe(`Change detection [${mode}]: widget-internal state`, () => {
+    it('hovering over List items does not run change detection', async () => {
+      const fixture = await render(`
+        <dx-list [items]="items" [hoverStateEnabled]="true"></dx-list>
+        <span class="out">{{ countRender() }}</span>
+      `);
+      const host = fixture.componentInstance;
+      const listItems = fixture.nativeElement.querySelectorAll('.dx-list-item');
+      const rendersBefore = host.renders;
+
+      listItems.forEach((item: Element) => {
+        mouse(item, 'mouseover', 5, 5);
+        mouse(item, 'mouseenter', 5, 5);
+      });
+      const hovered = host.list.instance.option('hoveredElement');
+      await wait(50);
+      await fixture.whenStable();
+
+      expect(hovered).toBeTruthy();
+      expect(host.renders).toBe(rendersBefore);
+    });
+  });
+}
+
+describe(`Change detection [${mode}]: dxTemplate content`, () => {
+  it('re-renders when a parent signal used in the template changes', async () => {
+    const fixture = await render(`
+      <dx-list [items]="items">
+        <div *dxTemplate="let item of 'item'"><span class="tpl">{{ item }}-{{ suffix() }}</span></div>
+      </dx-list>
+    `);
+
+    act(fixture, () => fixture.componentInstance.suffix.set('2'));
+    await fixture.whenStable();
+
+    expect(fixture.nativeElement.querySelector('.tpl').textContent).toBe('a-2');
+  });
+
+  it('updates the view after a (click) handler inside the template', async () => {
+    const fixture = await render(`
+      <dx-list [items]="items">
+        <div *dxTemplate="let item of 'item'"><button class="tpl-btn" (click)="clicks = clicks + 1"></button></div>
+      </dx-list>
+      <span class="out">{{ clicks }}</span>
+    `);
+
+    fixture.nativeElement.querySelector('.tpl-btn').click();
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('1');
+  });
+});
+
+describe(`Change detection [${mode}]: state changed without a template binding`, () => {
+  it('output subscribed in code updates the view', async () => {
+    const fixture = await render(`
+      <dx-data-grid [dataSource]="rows" keyExpr="id">
+        <dxo-selection mode="multiple"></dxo-selection>
+      </dx-data-grid>
+      <span class="out">{{ plain }}</span>
+    `);
+    const host = fixture.componentInstance;
+
+    host.grid.onSelectionChanged.subscribe((e) => { host.plain = e.selectedRowKeys.join(','); });
+    await act(fixture, () => host.grid.instance.selectRows([2], false));
+    await fixture.whenStable();
+
+    expect(host.plain).toBe('2');
+    expect(outputText(fixture)).toBe('2');
+  });
+
+  it('handler attached with instance.on() updates the view', async () => {
+    const fixture = await render(`
+      <dx-data-grid [dataSource]="rows" keyExpr="id">
+        <dxo-selection mode="multiple"></dxo-selection>
+      </dx-data-grid>
+      <span class="out">{{ plain }}</span>
+    `);
+    const host = fixture.componentInstance;
+
+    host.grid.instance.on('selectionChanged', (e) => { host.plain = e.selectedRowKeys.join(','); });
+    await act(fixture, () => host.grid.instance.selectRows([2], false));
+    await fixture.whenStable();
+
+    expect(host.plain).toBe('2');
+    expect(outputText(fixture)).toBe('2');
+  });
+
+  it('onOptionChanged subscribed in code updates the view for an unbound option', async () => {
+    const fixture = await render(`
+      <dx-text-box></dx-text-box>
+      <span class="out">{{ plain }}</span>
+    `);
+    const host = fixture.componentInstance;
+
+    host.textBox.onOptionChanged.subscribe((e) => {
+      if (e.name === 'hint') {
+        host.plain = e.value;
+      }
+    });
+    act(fixture, () => host.textBox.instance.option('hint', 'changed'));
+    await fixture.whenStable();
+
+    expect(host.plain).toBe('changed');
+    expect(outputText(fixture)).toBe('changed');
+  });
+
+  it('instance.on(\'optionChanged\') handler for an unbound public option updates the view', async () => {
+    const fixture = await render(`
+      <dx-text-box></dx-text-box>
+      <span class="out">{{ plain }}</span>
+    `);
+    const host = fixture.componentInstance;
+
+    host.textBox.instance.on('optionChanged', (e) => {
+      if (e.name === 'hint') {
+        host.plain = e.value;
+      }
+    });
+    act(fixture, () => host.textBox.instance.option('hint', 'changed'));
+    await wait(50);
+    await fixture.whenStable();
+
+    expect(host.plain).toBe('changed');
+    expect(outputText(fixture)).toBe('changed');
+  });
+
+  it('template reading an unbound component option updates the view', async () => {
+    const fixture = await render(`
+      <dx-data-grid #gridRef [dataSource]="rows" keyExpr="id">
+        <dxo-selection mode="multiple"></dxo-selection>
+      </dx-data-grid>
+      <span class="out">{{ gridRef.selectedRowKeys.length }}</span>
+    `);
+
+    expect(outputText(fixture)).toBe('0');
+
+    await act(fixture, () => fixture.componentInstance.grid.instance.selectRows([2], false));
+    await fixture.whenStable();
+
+    expect(outputText(fixture)).toBe('1');
+  });
+
+  it('one-way [formData] changed in place by the Form updates the view', async () => {
+    const fixture = await render(`
+      <dx-form [formData]="formData"></dx-form>
+      <span class="out">{{ formData.name }}</span>
+    `);
+
+    act(fixture, () => fixture.componentInstance.form.instance.getEditor('name').option('value', 'changed'));
+    await fixture.whenStable();
+
+    expect(fixture.componentInstance.formData.name).toBe('changed');
+    expect(outputText(fixture)).toBe('changed');
+  });
+
+  it(isZoneless
+    ? 'item pushed to a bound array in a timer does not reach the widget (documented limitation)'
+    : 'item pushed to a bound array in a timer reaches the widget', async () => {
+    const fixture = await render(`
+      <dx-list [items]="items"></dx-list>
+    `);
+
+    act(fixture, () => setTimeout(() => fixture.componentInstance.items.push('c')));
+    await wait(50);
+    await fixture.whenStable();
+
+    expect(fixture.nativeElement.querySelectorAll('.dx-list-item').length).toBe(isZoneless ? 2 : 3);
+  });
+});
diff --git a/packages/nx-infra-plugin/src/executors/karma-multi-env/karma-multi-env.impl.ts b/packages/nx-infra-plugin/src/executors/karma-multi-env/karma-multi-env.impl.ts
index 35e23a722189..952c1c852695 100644
--- a/packages/nx-infra-plugin/src/executors/karma-multi-env/karma-multi-env.impl.ts
+++ b/packages/nx-infra-plugin/src/executors/karma-multi-env/karma-multi-env.impl.ts
@@ -82,7 +82,13 @@ function createExecutionOrder(
   }
 
   const order: KarmaEnvironment[] = [];
-  const validEnvironments: KarmaEnvironment[] = ['client', 'server', 'hydration'];
+  const validEnvironments: KarmaEnvironment[] = [
+    'client',
+    'server',
+    'hydration',
+    'zone',
+    'zoneless',
+  ];
 
   for (const environment of validEnvironments) {
     if (environments.includes(environment)) {
diff --git a/packages/nx-infra-plugin/src/executors/karma-multi-env/karma.types.ts b/packages/nx-infra-plugin/src/executors/karma-multi-env/karma.types.ts
index f639c5a31f6f..b6c3d15c31c8 100644
--- a/packages/nx-infra-plugin/src/executors/karma-multi-env/karma.types.ts
+++ b/packages/nx-infra-plugin/src/executors/karma-multi-env/karma.types.ts
@@ -1,4 +1,4 @@
-export type KarmaEnvironment = 'client' | 'server' | 'hydration';
+export type KarmaEnvironment = 'client' | 'server' | 'hydration' | 'zone' | 'zoneless';
 
 export interface EnvironmentConfig {
   shimPath: string;
@@ -14,6 +14,12 @@ export const ENVIRONMENT_CONFIGS: Record<KarmaEnvironment, EnvironmentConfig> =
   hydration: {
     shimPath: 'karma.hydration.test.shim.js',
   },
+  zone: {
+    shimPath: 'karma.zone.test.shim.js',
+  },
+  zoneless: {
+    shimPath: 'karma.zoneless.test.shim.js',
+  },
 };
 
 export const DEFAULT_ENVIRONMENTS: KarmaEnvironment[] = ['client', 'server', 'hydration'];
diff --git a/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.d.ts b/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.d.ts
index 86cabc3c2fe5..ef34f4008093 100644
--- a/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.d.ts
+++ b/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.d.ts
@@ -6,4 +6,4 @@ export interface KarmaMultiEnvExecutorSchema {
   timeout?: number;
 }
 
-export type KarmaEnvironment = 'client' | 'server' | 'hydration';
+export type KarmaEnvironment = 'client' | 'server' | 'hydration' | 'zone' | 'zoneless';
diff --git a/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.json b/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.json
index 869b099e6eee..67d00ee129bd 100644
--- a/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.json
+++ b/packages/nx-infra-plugin/src/executors/karma-multi-env/schema.json
@@ -12,7 +12,7 @@
       "type": "array",
       "items": {
         "type": "string",
-        "enum": ["client", "server", "hydration"]
+        "enum": ["client", "server", "hydration", "zone", "zoneless"]
       },
       "default": ["client", "server", "hydration"]
     },