From 2eb82822ee2fb14ab6520218f61859b2002c1447 Mon Sep 17 00:00:00 2001
From: Sivaranjani Rajasekaran <sivaranjani.r@syncfusion.com>
Date: Tue, 12 May 2026 12:41:45 +0530
Subject: [PATCH] Documentation(1023562): Update Package

---
 Complex-databinding/ClientApp/angular.json    |  9 +++--
 Complex-databinding/ClientApp/package.json    | 37 ++++++++++---------
 .../ClientApp/src/app/app.component.ts        |  4 ++
 .../ClientApp/src/app/app.module.ts           | 19 ----------
 Complex-databinding/ClientApp/src/main.ts     | 13 ++++---
 5 files changed, 37 insertions(+), 45 deletions(-)
 delete mode 100644 Complex-databinding/ClientApp/src/app/app.module.ts

diff --git a/Complex-databinding/ClientApp/angular.json b/Complex-databinding/ClientApp/angular.json
index abd7b9b..99bc55f 100644
--- a/Complex-databinding/ClientApp/angular.json
+++ b/Complex-databinding/ClientApp/angular.json
@@ -60,10 +60,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "ClientApp:build:production"
+              "buildTarget": "ClientApp:build:production"
             },
             "development": {
-              "browserTarget": "ClientApp:build:development"
+              "buildTarget": "ClientApp:build:development"
             }
           },
           "defaultConfiguration": "development"
@@ -71,7 +71,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ClientApp:build"
+            "buildTarget": "ClientApp:build"
           }
         },
         "test": {
@@ -94,5 +94,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }
diff --git a/Complex-databinding/ClientApp/package.json b/Complex-databinding/ClientApp/package.json
index 1ff2cf1..b71c740 100644
--- a/Complex-databinding/ClientApp/package.json
+++ b/Complex-databinding/ClientApp/package.json
@@ -10,32 +10,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^15.2.0",
-    "@angular/common": "^15.2.0",
-    "@angular/compiler": "^15.2.0",
-    "@angular/core": "^15.2.0",
-    "@angular/forms": "^15.2.0",
-    "@angular/platform-browser": "^15.2.0",
-    "@angular/platform-browser-dynamic": "^15.2.0",
-    "@angular/router": "^15.2.0",
+    "@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-grids": "*",
     "@syncfusion/ej2-angular-treegrid": "*",
     "@syncfusion/ej2-data": "*",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.12.0"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^15.2.6",
-    "@angular/cli": "~15.2.6",
-    "@angular/compiler-cli": "^15.2.0",
-    "@types/jasmine": "~4.3.0",
-    "jasmine-core": "~4.5.0",
+   "@angular-devkit/build-angular": "^20.3.24",
+    "@angular/cli": "^20.0.0",
+    "@angular/compiler-cli": "^20.0.0",
+    "@angular/language-service": "^20.0.0",
+    "@types/jasmine": "~5.1.0",
+    "@types/node": "^22.0.0",
+    "jasmine-core": "~5.1.0",
+    "jasmine-spec-reporter": "~5.0.0",
     "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.1.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": "~4.9.4"
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.8.2"
   }
 }
diff --git a/Complex-databinding/ClientApp/src/app/app.component.ts b/Complex-databinding/ClientApp/src/app/app.component.ts
index 970ba18..459923d 100644
--- a/Complex-databinding/ClientApp/src/app/app.component.ts
+++ b/Complex-databinding/ClientApp/src/app/app.component.ts
@@ -1,8 +1,12 @@
 import { Component } from '@angular/core';
 import { DataManager, Query, UrlAdaptor } from '@syncfusion/ej2-data';
+import { GridModule } from '@syncfusion/ej2-angular-grids';
+import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
 
 @Component({
   selector: 'app-root',
+  standalone: true,
+  imports: [GridModule, TreeGridModule ],
   template: `
   <ejs-treegrid [dataSource]='data' [query]="query" [treeColumnIndex]='1' height='400' idMapping='TaskID' parentIdMapping='ParentValue' hasChildMapping='isParent' >
                 <e-columns>
diff --git a/Complex-databinding/ClientApp/src/app/app.module.ts b/Complex-databinding/ClientApp/src/app/app.module.ts
deleted file mode 100644
index dc8f694..0000000
--- a/Complex-databinding/ClientApp/src/app/app.module.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppComponent } from './app.component';
-import { GridModule } from '@syncfusion/ej2-angular-grids';
-import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    GridModule, TreeGridModule 
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/Complex-databinding/ClientApp/src/main.ts b/Complex-databinding/ClientApp/src/main.ts
index c58dc05..3214b19 100644
--- a/Complex-databinding/ClientApp/src/main.ts
+++ b/Complex-databinding/ClientApp/src/main.ts
@@ -1,7 +1,8 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
 
-import { AppModule } from './app/app.module';
-
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+/**
+ * Bootstrap the Angular application
+ */
+bootstrapApplication(AppComponent)
+  .catch((err) => console.error(err));