Enabled experimental Zoneless change detection and removed zone,js

Author: oguzhanagir

angular/package.json

@@ -37,8 +37,7 @@
     "rxjs": "^7.8.1",
     "sweetalert2": "^11.12.2",
     "ts-helpers": "^1.1.2",
-    "tslib": "^2.6.3",
-    "zone.js": "~0.14.8"
+    "tslib": "^2.6.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.1.1",
@@ -49,7 +48,6 @@
     "@types/lodash-es": "^4.17.12",
     "@types/moment-timezone": "^0.5.30",
     "@types/node": "^20.11.1",
-    "codelyzer": "^6.0.2",
     "jasmine-core": "~5.1.2",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "~6.4.3",

angular/src/main.ts

@@ -12,7 +12,7 @@ if (environment.production) {
 }
 
 const bootstrap = () => {
-    return platformBrowserDynamic().bootstrapModule(RootModule);
+    return platformBrowserDynamic().bootstrapModule(RootModule, {ngZone: 'noop'});
 };
 
 /* "Hot Module Replacement" is enabled as described on

angular/src/polyfills.ts

@@ -16,4 +16,3 @@ import 'core-js/es/string';
 import 'core-js/es/symbol';
 import 'core-js/es/reflect';
 import { finalize } from 'rxjs/operators';
-import 'zone.js';

angular/src/root.module.ts

@@ -1,4 +1,4 @@
-import { NgModule, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
+import { NgModule, APP_INITIALIZER, LOCALE_ID,provideExperimentalZonelessChangeDetection} from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
@@ -43,6 +43,7 @@ export function getCurrentLanguage(): string {
   ],
   declarations: [RootComponent],
   providers: [
+    provideExperimentalZonelessChangeDetection(),
     { provide: HTTP_INTERCEPTORS, useClass: AbpHttpInterceptor, multi: true },
     {
       provide: APP_INITIALIZER,

angular/src/test.ts

@@ -1,11 +1,5 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/long-stack-trace-zone';
-import 'zone.js/dist/proxy.js';
-import 'zone.js/dist/sync-test';
-import 'zone.js/dist/jasmine-patch';
-import 'zone.js/dist/async-test';
-import 'zone.js/dist/fake-async-test';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,