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/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/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/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/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/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/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/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/SelectBox/CustomizeDropDownButton/Angular/app/app.component.html b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.html
index 353a83e40bc5..d1500f016b43 100644
--- a/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.html
+++ b/apps/demos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.html
@@ -25,8 +25,8 @@
         [inputAttr]="{ 'aria-label': 'Deferred Product' }"
       >
         <div *dxTemplate="let data of 'dropDownButton'">
-          <dx-load-indicator [visible]="!isLoaded"></dx-load-indicator>
-          <span [hidden]="!isLoaded">
+          <dx-load-indicator [visible]="!isLoaded()"></dx-load-indicator>
+          <span [hidden]="!isLoaded()">
             <img
               alt="Custom icon"
               src="../../../../images/icons/custom-dropbutton-icon.svg"
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..4d33a1291436 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, signal,
 } from '@angular/core';
 import {
   DxSelectBoxModule,
@@ -28,19 +28,18 @@ export class AppComponent {
 
   products: Product[];
 
-  isLoaded = true;
+  isLoaded = signal(true);
 
   selectedItem: Product;
 
   deferredProducts = {
     loadMode: 'raw',
     load: () => {
-      this.isLoaded = false;
+      this.isLoaded.set(false);
       const promise = new Promise((resolve) => {
         setTimeout(() => {
           resolve(this.simpleProducts);
-          this.isLoaded = true;
-          this.changeDetectorRef.detectChanges();
+          this.isLoaded.set(true);
         }, 3000);
       });
 
@@ -55,8 +54,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/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>