Upgraded latest

angular.json

@@ -18,7 +18,7 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": false,
+            "aot": true,
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -45,7 +45,6 @@
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -64,18 +63,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "getting-started:build"
+            "buildTarget": "getting-started:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "getting-started:build:production"
+              "buildTarget": "getting-started:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "getting-started:build"
+            "buildTarget": "getting-started:build"
           }
         },
         "test": {
@@ -123,6 +122,5 @@
         }
       }
     }
-  },
-  "defaultProject": "getting-started"
+  }
 }

package.json

@@ -11,39 +11,36 @@
   },
   "private": true,
   "dependencies": {
-    "@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-treegrid": "^17.2.47",
-    "@syncfusion/ej2-material-theme": "~17.2.46",
-    "rxjs": "~6.6.0",
+    "@angular/animations": "~20.3.1",
+    "@angular/common": "~20.3.1",
+    "@angular/compiler": "~20.3.1",
+    "@angular/core": "~20.3.1",
+    "@angular/forms": "~20.3.1",
+    "@angular/platform-browser": "~20.3.1",
+    "@angular/platform-browser-dynamic": "~20.3.1",
+    "@angular/router": "~20.3.1",
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "@syncfusion/ej2-angular-treegrid": "^33.2.3",
+    "@syncfusion/ej2-material-theme": "~33.2.5",
+    "rxjs": "~7.8.0",
     "tslib": "^2.0.0",
-    "zone.js": "~0.10.3"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.1000.0",
-    "@angular/cli": "^10.0.0",
-    "@angular/compiler-cli": "~10.2.5",
-    "@angular/language-service": "~10.2.5",
+    "@angular-devkit/build-angular": "~20.3.1",
+    "@angular/cli": "~20.3.1",
+    "@angular/compiler-cli": "~20.3.1",
+    "@angular/language-service": "~20.3.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "~12.11.7",
-    "codelyzer": "^6.0.0",
     "jasmine-core": "~4.0.1",
     "jasmine-spec-reporter": "~6.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.5.0",
-    "protractor": "~7.0.0",
-    "ts-node": "~8.3.0",
-    "tslint": "~6.1.0",
-    "typescript": "~3.9.7"
+    "typescript": "~5.9.3"
   }
 }

src/app/app.component.ts

@@ -1,11 +1,13 @@
 import { Component, OnInit } from '@angular/core';
 import { sampleData } from './datasource';
-import { FilterSettingsModel } from '@syncfusion/ej2-angular-treegrid';
+import { FilterSettingsModel, TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
 
 @Component({
   selector: 'app-root',
+  standalone: true,
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
+  imports: [TreeGridModule]
 })
 export class AppComponent implements OnInit {
   public data: Object[];

src/main.ts

@@ -1,12 +1,11 @@
 import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
+import { bootstrapApplication } from '@angular/platform-browser';
+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));

src/polyfills.ts

@@ -55,7 +55,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.
 
 
 /***************************************************************************************************