From d08169b209850e43349a95a768d50e0373d8231e Mon Sep 17 00:00:00 2001
From: Kokila Poovendran <kokila.poovendran@syncfusion.com>
Date: Tue, 14 Jul 2026 16:12:01 +0530
Subject: [PATCH] 1040273: Addressed the dependabot issue

---
 package.json             | 26 +++++++++++++-------------
 src/app/app.component.ts |  3 +--
 src/app/app.config.ts    | 10 ++++++++--
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index f9c400a..09aaa69 100644
--- a/package.json
+++ b/package.json
@@ -10,23 +10,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.1.0",
-    "@angular/common": "^18.1.0",
-    "@angular/compiler": "^18.1.0",
-    "@angular/core": "^18.1.0",
-    "@angular/forms": "^18.1.0",
-    "@angular/platform-browser": "^18.1.0",
-    "@angular/platform-browser-dynamic": "^18.1.0",
-    "@angular/router": "^18.1.0",
+    "@angular/animations": "^20.3.16",
+    "@angular/common": "^20.3.16",
+    "@angular/compiler": "^20.3.16",
+    "@angular/core": "^20.3.16",
+    "@angular/forms": "^20.3.16",
+    "@angular/platform-browser": "^20.3.16",
+    "@angular/platform-browser-dynamic": "^20.3.16",
+    "@angular/router": "^20.3.16",
     "@syncfusion/ej2-angular-heatmap": "^26.2.5",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.1.2",
-    "@angular/cli": "^18.1.2",
-    "@angular/compiler-cli": "^18.1.0",
+    "@angular-devkit/build-angular": "^20.3.16",
+    "@angular/cli": "^20.3.16",
+    "@angular/compiler-cli": "^20.3.16",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
@@ -34,6 +34,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.5.2"
+    "typescript": "~5.8.0"
   }
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index cd57cca..092909e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
 import { HeatMapModule, AdaptorService } from '@syncfusion/ej2-angular-heatmap';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, HeatMapModule],
+  imports: [HeatMapModule],
   providers: [AdaptorService],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css'
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index 460a570..f61cabf 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -1,8 +1,14 @@
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, APP_ID, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
+import { provideClientHydration } from '@angular/platform-browser';
 
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    { provide: APP_ID, useValue: 'myapp-unique-secure-id' },
+    provideClientHydration()
+  ]
 };