Pushing the update to Angular 22 from vnext to master

.github/workflows/build.yml

@@ -32,7 +32,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.19.0'
+          node-version: '22.22.3'
 
       - name: Install npm dependencies
         run: npm install

README.md

@@ -177,7 +177,7 @@ To learn more about **Ignite UI for Angular** components, check out the [Angular
 NOTE Do NOT find replace version of packages in package.json files. 
 
 - open this repo in VS Code
-- open [browser.js](./browser/tasks/browser.js) file
+- open [browser.js](./browser/scripts/browser.js) file
 - navigate to the `updateIG` function
 - update version of packages in `packageUpgrades` array
 - open terminal window

azure-pipelines/build-pipeline.yml

@@ -37,7 +37,7 @@ jobs:
   - task: NodeTool@0
     inputs:
       versionSource: 'spec'
-      versionSpec: '20.19.0'
+      versionSpec: '22.22.3'
 
   - task: Npm@1
     displayName: 'npm install'

browser/angular.json

@@ -50,7 +50,13 @@
                   "maximumWarning": "900kb"
                 }
               ],
-              "optimization": true,
+              "optimization": {
+                "scripts": true,
+                "styles": true,
+                "fonts": {
+                  "inline": false
+                }
+              },
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,

browser/gulpfile.js

@@ -5,7 +5,6 @@ const fs = require("fs");
 const path = require("path");
 const es = require('event-stream');
 const del = require('del');
-const argv = require("yargs").argv;
 const fsExtra = require("fs-extra");
 const tsNode = require('ts-node').register({
     transpileOnly: true,

browser/package.json

@@ -24,36 +24,36 @@
     "@lit/reactive-element": "desired-version"
   },
   "dependencies": {
-    "@angular/animations": "21.1.1",
-    "@angular/common": "21.1.1",
-    "@angular/compiler": "21.1.1",
-    "@angular/core": "21.1.1",
-    "@angular/forms": "21.1.1",
-    "@angular/platform-browser": "21.1.1",
-    "@angular/platform-browser-dynamic": "21.1.1",
-    "@angular/router": "21.1.1",
+    "@angular/animations": "22.0.1",
+    "@angular/common": "22.0.1",
+    "@angular/compiler": "22.0.1",
+    "@angular/core": "22.0.1",
+    "@angular/forms": "22.0.1",
+    "@angular/platform-browser": "22.0.1",
+    "@angular/platform-browser-dynamic": "22.0.1",
+    "@angular/router": "22.0.1",
     "@ionic/angular": "5.6.3",
     "@types/file-saver": "2.0.5",
     "@types/hammerjs": "2.0.46",
     "ajv": "8.17.1",
-    "angular-in-memory-web-api": "0.21.0",
+    "angular-in-memory-web-api": "0.22.0",
     "classlist.js": "1.1.20150312",
     "core-js": "3.21.0",
     "file-saver": "2.0.5",
     "hammerjs": "2.0.8",
-    "igniteui-angular": "21.0.8",
-    "igniteui-angular-charts": "21.0.0",
-    "igniteui-angular-core": "21.0.0",
-    "igniteui-angular-dashboards": "21.0.0",
-    "igniteui-angular-data-grids": "21.0.0",
-    "igniteui-angular-excel": "21.0.0",
-    "igniteui-angular-gauges": "21.0.0",
-    "igniteui-angular-inputs": "21.0.0",
-    "igniteui-angular-layouts": "21.0.0",
-    "igniteui-angular-maps": "21.0.0",
-    "igniteui-angular-spreadsheet": "21.0.0",
-    "igniteui-angular-spreadsheet-chart-adapter": "21.0.0",
-    "igniteui-webcomponents": "6.3.1",
+    "igniteui-angular": "22.0.2",
+    "igniteui-angular-charts": "22.0.0",
+    "igniteui-angular-core": "22.0.0",
+    "igniteui-angular-dashboards": "22.0.0",
+    "igniteui-angular-data-grids": "22.0.0",
+    "igniteui-angular-excel": "22.0.0",
+    "igniteui-angular-gauges": "22.0.0",
+    "igniteui-angular-inputs": "22.0.0",
+    "igniteui-angular-layouts": "22.0.0",
+    "igniteui-angular-maps": "22.0.0",
+    "igniteui-angular-spreadsheet": "22.0.0",
+    "igniteui-angular-spreadsheet-chart-adapter": "22.0.0",
+    "igniteui-webcomponents": "7.2.4",
     "immediate": "3.2.3",
     "intl": "1.2.5",
     "jszip": "3.8.0",
@@ -66,10 +66,10 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "21.1.1",
-    "@angular/cli": "21.1.1",
-    "@angular/compiler-cli": "21.1.1",
-    "@angular/language-service": "21.1.1",
+    "@angular-devkit/build-angular": "22.0.1",
+    "@angular/cli": "22.0.1",
+    "@angular/compiler-cli": "22.0.1",
+    "@angular/language-service": "22.0.1",
     "@types/jasmine": "3.10.2",
     "@types/jasminewd2": "2.0.9",
     "@types/node": "18.17.0",
@@ -94,6 +94,6 @@
     "sass.js": "0.11.1",
     "ts-node": "10.9.1",
     "tslint": "~6.1.3",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3"
   }
 }