From e2e47bad9ff037c5fe64c9da84e75f441083f6b2 Mon Sep 17 00:00:00 2001
From: Jeevasynf5028 <jeeva.selvarasu@syncfusion.com>
Date: Sun, 3 Aug 2025 16:10:09 +0530
Subject: [PATCH] 972599: To resolve Git Dependabot alerts

---
 angular.json              |  3 +-
 package.json              | 64 +++++++++++++++++++--------------------
 src/app/app.component.css |  1 +
 src/app/app.component.ts  |  4 +--
 4 files changed, 36 insertions(+), 36 deletions(-)
 create mode 100644 src/app/app.component.css

diff --git a/angular.json b/angular.json
index dbb868a..1ee157f 100644
--- a/angular.json
+++ b/angular.json
@@ -25,8 +25,7 @@
             "styles": [
               "src/styles.css"
             ],
-            "scripts": [],
-            "es5BrowserSupport": true
+            "scripts": []
           },
           "configurations": {
             "production": {
diff --git a/package.json b/package.json
index 0c0803b..c8989dd 100644
--- a/package.json
+++ b/package.json
@@ -11,40 +11,40 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~7.2.0",
-    "@angular/common": "~7.2.0",
-    "@angular/compiler": "~7.2.0",
-    "@angular/core": "~7.2.0",
-    "@angular/forms": "~7.2.0",
-    "@angular/platform-browser": "~7.2.0",
-    "@angular/platform-browser-dynamic": "~7.2.0",
-    "@angular/router": "~7.2.0",
-    "@syncfusion/ej2-angular-grids": "^17.1.39",
-    "@syncfusion/ej2-angular-schedule": "^17.1.39",
-    "core-js": "^2.5.4",
-    "rxjs": "~6.3.3",
-    "tslib": "^1.9.0",
-    "zone.js": "~0.8.26"
+    "@angular/animations": "~10.2.5",
+    "@angular/common": "~10.2.5",
+    "@angular/compiler": "~10.2.5",
+    "@angular/core": "~10.2.5",
+    "@angular/forms": "~10.2.5",
+    "@angular/platform-browser": "~10.2.5",
+    "@angular/platform-browser-dynamic": "~10.2.5",
+    "@angular/router": "~10.2.5",
+    "@syncfusion/ej2-angular-grids": "^18.4.30",
+    "@syncfusion/ej2-angular-schedule": "^18.4.30",
+    "core-js": "^3.6.5",
+    "rxjs": "~6.6.0",
+    "tslib": "^2.0.0",
+    "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.13.0",
-    "@angular/cli": "~7.3.8",
-    "@angular/compiler-cli": "~7.2.0",
-    "@angular/language-service": "~7.2.0",
-    "@types/node": "~8.9.4",
-    "@types/jasmine": "~2.8.8",
+    "@angular-devkit/build-angular": "~0.1002.4",
+    "@angular/cli": "~10.2.4",
+    "@angular/compiler-cli": "~10.2.5",
+    "@angular/language-service": "~10.2.5",
+    "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",
-    "codelyzer": "~4.5.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.0.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~1.1.2",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.11.0",
-    "typescript": "~3.2.2"
+    "@types/node": "^12.11.1",
+    "codelyzer": "^6.0.0",
+    "jasmine-core": "~3.5.0",
+    "jasmine-spec-reporter": "~5.0.0",
+    "karma": "~6.3.16",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.4.0",
+    "protractor": "~7.0.0",
+    "ts-node": "~8.3.0",
+    "tslint": "~6.1.0",
+    "typescript": "4.0.8"
   }
 }
diff --git a/src/app/app.component.css b/src/app/app.component.css
new file mode 100644
index 0000000..46a48a5
--- /dev/null
+++ b/src/app/app.component.css
@@ -0,0 +1 @@
+/* App component styles */
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 43c28e5..86f6720 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -10,14 +10,14 @@ import { hospitalData, waitingList } from './data';
   <h1>Drag a record from <span style="color:red">Grid</span> and drop it into <span style="color:red">Scheduler</span></h1>
   <div style="float:left">
   <h2>A doctor's Calendar</h2>
-  <ejs-schedule id='Schedule' #scheduleObj width='800px' height='650px' 
+  <ejs-schedule id='Schedule' #scheduleObj width='900px' height='650px' 
     [currentView]="currentView" 
     [selectedDate]="selectedDate" 
     [eventSettings]="eventSettings">
   </ejs-schedule>
   </div>
   
-  <div style="width:400px;float:right;margin-right:350px">
+  <div style="width:400px;float:right;">
   <h2>Waiting list</h2>
    <ejs-grid id='Grid' #gridObj 
         [dataSource]='gridDS' width="300px"