fix(angular): add provide zone change detection in app config for angular standalone

Author: Hristo313

packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { ApplicationConfig, ErrorHandler, Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, ErrorHandler, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -11,6 +11,7 @@ import { environment } from '../environments/environment';
 // to override the default settings of the HammerModule
 // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
 const providers: Provider = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes),
   importProvidersFrom(BrowserModule, HammerModule),
   provideAnimations()

packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts

@@ -1,9 +1,10 @@
-import { ApplicationConfig, Provider } from '@angular/core';
+import { ApplicationConfig, Provider, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
 const providers: Provider = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes)
 ];
 

packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts

@@ -1,9 +1,10 @@
-import { ApplicationConfig, Provider } from '@angular/core';
+import { ApplicationConfig, Provider, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
 const providers: Provider = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes)
 ];
 

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { ApplicationConfig, Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -16,6 +16,7 @@ import { routes } from './app.routes';
 // to override the default settings of the HammerModule
 // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
 const providers: Provider = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes),
   importProvidersFrom(
     BrowserModule,

packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { ApplicationConfig, Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -15,6 +15,7 @@ import { routes } from './app.routes';
 // to override the default settings of the HammerModule
 // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
 const providers: Provider = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes),
   importProvidersFrom(
     BrowserModule,