Documentation(1023562): Update package and sample

Author: Ranjani4311

GridClient/angular.json

@@ -60,18 +60,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "GridClient:build:production"
+              "buildTarget": "GridClient:build:production"
             },
             "development": {
-              "browserTarget": "GridClient:build:development"
+              "buildTarget": "GridClient:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "GridClient:build"
+            "buildTarget": "GridClient:build"
           }
         },
         "test": {

GridClient/package.json

@@ -10,34 +10,34 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.0.0",
-    "@angular/common": "^16.0.0",
-    "@angular/compiler": "^16.0.0",
-    "@angular/core": "^16.0.0",
-    "@angular/forms": "^16.0.0",
-    "@angular/platform-browser": "^16.0.0",
-    "@angular/platform-browser-dynamic": "^16.0.0",
-    "@angular/router": "^16.0.0",
-    "@syncfusion/ej2-angular-dropdowns": "^32.1.23",
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@syncfusion/ej2-angular-dropdowns": "*",
     "@syncfusion/ej2-angular-grids": "*",
-    "@syncfusion/ej2-angular-inputs": "^32.1.22",
-    "@syncfusion/ej2-angular-popups": "^32.1.19",
+    "@syncfusion/ej2-angular-inputs": "*",
+    "@syncfusion/ej2-angular-popups": "*",
     "@syncfusion/ej2-data": "*",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.0.1",
-    "@angular/cli": "~16.0.1",
-    "@angular/compiler-cli": "^16.0.0",
-    "@types/jasmine": "~4.3.0",
-    "jasmine-core": "~4.6.0",
+    "@angular-devkit/build-angular": "^20.3.24",
+    "@angular/cli": "^20.0.0",
+    "@angular/compiler-cli": "^20.0.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.0.0",
-    "typescript": "~5.0.2"
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.8.2"
   }
 }

README.md

@@ -31,6 +31,7 @@ GraphQL is a query language that allows applications to request exactly the data
 - Run the below commands to run the server.
   ```bash
     cd GraphQLServer
+    npm i
     npm start
   ```
   The server is now running at http://localhost:4205/.
@@ -39,6 +40,7 @@ GraphQL is a query language that allows applications to request exactly the data
  - Execute the below commands to run the client application.
   ```bash
   cd GridClient
+  npm i
   npm start
   ```
 - Open http://localhost:4200/ in the browser.