Angular

angular.json

@@ -22,20 +22,24 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser-esbuild",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/materials-test",
+            "outputPath": {
+              "base": "dist/materials-test"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -60,9 +64,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -71,7 +73,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "materials-test:build:production"
@@ -83,7 +85,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "materials-test:build"
           }

package.json

@@ -15,29 +15,29 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "20.3.10",
-    "@angular/cdk": "20.2.12",
-    "@angular/common": "20.3.14",
-    "@angular/compiler": "20.3.15",
-    "@angular/core": "20.3.10",
-    "@angular/forms": "20.3.10",
-    "@angular/material": "20.2.12",
-    "@angular/platform-browser": "20.3.10",
-    "@angular/platform-browser-dynamic": "20.3.10",
-    "@angular/router": "20.3.10",
+    "@angular/animations": "21.0.6",
+    "@angular/cdk": "21.0.2",
+    "@angular/common": "21.0.6",
+    "@angular/compiler": "21.0.6",
+    "@angular/core": "21.0.6",
+    "@angular/forms": "21.0.6",
+    "@angular/material": "21.0.2",
+    "@angular/platform-browser": "21.0.6",
+    "@angular/platform-browser-dynamic": "21.0.6",
+    "@angular/router": "21.0.6",
     "rxjs": "7.8.2",
     "tslib": "2.8.1",
     "zone.js": "0.16.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "20.3.9",
     "@angular-eslint/builder": "20.5.1",
     "@angular-eslint/eslint-plugin": "20.5.1",
     "@angular-eslint/eslint-plugin-template": "20.5.1",
     "@angular-eslint/schematics": "20.5.1",
     "@angular-eslint/template-parser": "20.5.1",
-    "@angular/cli": "20.3.13",
-    "@angular/compiler-cli": "20.3.10",
+    "@angular/build": "^21.0.2",
+    "@angular/cli": "21.0.4",
+    "@angular/compiler-cli": "21.0.6",
     "@babel/core": "7.28.5",
     "@babel/preset-env": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
@@ -56,6 +56,6 @@
     "prettier": "3.7.4",
     "prettier-eslint": "16.4.2",
     "ts-jest": "29.4.6",
-    "typescript": "5.8.3"
+    "typescript": "5.9.3"
   }
 }