From 71b99f634e93f095531954e9761e877d80dc475a Mon Sep 17 00:00:00 2001
From: Kokila Poovendran <kokila.poovendran@syncfusion.com>
Date: Tue, 14 Jul 2026 15:10:48 +0530
Subject: [PATCH] 1040273: Addressed the dependabot issue

---
 angular.json             |  6 +++---
 package.json             | 42 ++++++++++++++++++++--------------------
 src/app/app.component.ts |  2 ++
 src/app/app.module.ts    | 17 ----------------
 src/main.ts              |  6 +++---
 src/polyfills.ts         |  2 +-
 6 files changed, 30 insertions(+), 45 deletions(-)
 delete mode 100644 src/app/app.module.ts

diff --git a/angular.json b/angular.json
index b5803b0..45f4b0b 100644
--- a/angular.json
+++ b/angular.json
@@ -61,18 +61,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "angular11Heatmap-app:build"
+            "buildTarget": "angular11Heatmap-app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "angular11Heatmap-app:build:production"
+              "buildTarget": "angular11Heatmap-app:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "angular11Heatmap-app:build"
+            "buildTarget": "angular11Heatmap-app:build"
           }
         },
         "test": {
diff --git a/package.json b/package.json
index 54228cd..bfa0416 100644
--- a/package.json
+++ b/package.json
@@ -11,36 +11,36 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~11.2.4",
-    "@angular/common": "~11.2.4",
-    "@angular/compiler": "~11.2.4",
-    "@angular/core": "~11.2.4",
-    "@angular/forms": "~11.2.4",
-    "@angular/platform-browser": "~11.2.4",
-    "@angular/platform-browser-dynamic": "~11.2.4",
-    "@angular/router": "~11.2.4",
-    "@syncfusion/ej2-angular-heatmap": "^18.4.39",
-    "rxjs": "~6.6.0",
-    "tslib": "^2.0.0",
-    "zone.js": "~0.11.3"
+    "@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": "^20.4.38",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.6.0",
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1102.3",
-    "@angular/cli": "~11.2.3",
-    "@angular/compiler-cli": "~11.2.4",
-    "@types/jasmine": "~3.6.0",
+    "@angular-devkit/build-angular": "^20.3.16",
+    "@angular/cli": "^20.3.16",
+    "@angular/compiler-cli": "^20.3.16",
+    "@types/jasmine": "~5.1.0",
     "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",
-    "jasmine-core": "~3.6.0",
+    "jasmine-core": "~5.1.0",
     "jasmine-spec-reporter": "~5.0.0",
     "karma": "6.3.16",
-    "karma-chrome-launcher": "~3.1.0",
+    "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.0.3",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
+    "karma-jasmine": "~5.0.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.1.5"
+    "typescript": "~5.8.0"
   }
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 11b56bf..271231c 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,8 +1,10 @@
 import { Component, ViewEncapsulation  } from '@angular/core';
 import { HeatMap } from '@syncfusion/ej2-heatmap';
+import { HeatMapModule } from '@syncfusion/ej2-angular-heatmap';
 
 @Component({
   selector: 'app-root',
+  imports: [HeatMapModule],
   template:   `<ejs-heatmap id='container' style="display:block;" [dataSource]='dataSource' [xAxis]='xAxis' [yAxis]='yAxis'>
   </ejs-heatmap>`,
   encapsulation: ViewEncapsulation.None
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
deleted file mode 100644
index b548814..0000000
--- a/src/app/app.module.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-// import the HeatMapModule for the heatmap component
-import { HeatMapModule } from '@syncfusion/ej2-angular-heatmap';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule, HeatMapModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/src/main.ts b/src/main.ts
index c7b673c..4aea474 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,12 +1,12 @@
+import { bootstrapApplication } from '@angular/platform-browser';
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { AppComponent } from './app/app.component';
 import { environment } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
+bootstrapApplication(AppComponent)
   .catch(err => console.error(err));
diff --git a/src/polyfills.ts b/src/polyfills.ts
index d5f67bd..373f538 100644
--- a/src/polyfills.ts
+++ b/src/polyfills.ts
@@ -57,7 +57,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
 
 
 /***************************************************************************************************