chore: update Angular to 22.0.0-rc.0 (#17276)

* chore(*): start Angular 22.0.0-rc.0 update

Agent-Logs-Url: https://github.com/IgniteUI/igniteui-angular/sessions/ec60d272-107c-4ff5-9dee-6a7b1dd46390

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

* chore(*): update Angular to 22.0.0-rc.0 via ng update

Agent-Logs-Url: https://github.com/IgniteUI/igniteui-angular/sessions/ec60d272-107c-4ff5-9dee-6a7b1dd46390

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

* chore(*): add npm overrides for angular-eslint peer deps on angular/cli 22

Agent-Logs-Url: https://github.com/IgniteUI/igniteui-angular/sessions/d1d834ec-b074-483e-b539-f7494c127837

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

* chore(*): remove deprecated baseUrl from tsconfig files for TypeScript 6.0

Agent-Logs-Url: https://github.com/IgniteUI/igniteui-angular/sessions/5300624e-d2f9-44ce-a301-133f222bd058

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

* fix(*): resolving the remaining ng22 issues

* fix(*): fixing list sample for hammer

* fix(extras): fixing issues with build

* fix(schematics): type errors and typescript config

* fix(schematics): removing strict type check

* fix(migrations): fixing migrations build

* fix(tests): resolving tests build issues

* feat(*): upgrading to rc.1

* feat(ci): updating built to use node 24

* feat(*): updating cli to rc.1

* test(*): adding trims for non-aggressive template asserts

* test(*): changing element selectors to match new text trailing/leading spaces

* test(select): changing test setup to better use headless chrome space

* test(carousel): changing tests to not use angular's hammer module

* chore(*): updating puppeteer because of reasons

* chore(*): fixing karma config and typedoc tsconfig

* test(schematics): moving away from non-compat ts-node

* feat(*): updating to cli rc.3

* feat(*): updating to ng 22.rc3

* feat(*): updating to angular 22

* feat(*): updating angular-eslint to 22

* fix(*): fixing eslint config for 22

* feat(*): updating xplat dep to 22 alpha

* chore(*): re-adding package after wrong removal

* fix(drop-down): changing the focusedItem type to match new fix in combo

* fix(*): removing componentfactory from elements build

* chore(*): making elements work with new ng underlying code

* chore(*): fixing an issue with peer deps

* chore(*): fixing package lock for node 24

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>
Co-authored-by: Stamen Stoychev <SStoychev@infragistics.com>

Author: 3 people

.github/workflows/nodejs.yml

@@ -16,17 +16,13 @@ jobs:
 
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [22.x]
-
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
+        uses: actions/checkout@v6
+      - name: Use Node.js 24
+        uses: actions/setup-node@v6
         with:
-            node-version: ${{ matrix.node-version }}
+            node-version: 24.x
             cache: 'npm'
       - name: Install packages
         run: npm ci

.github/workflows/npm-publish.yml

@@ -11,10 +11,10 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
-          node-version: '22.22.1' # Specifically avoid 22.22.2 due to a regression with npm latest
+          node-version: 24.x
           cache: 'npm'
           registry-url: 'https://registry.npmjs.org'
 

eslint.config.mjs

@@ -1,16 +1,8 @@
+import angularPlugin from "@angular-eslint/eslint-plugin";
+import angularTemplatePlugin from "@angular-eslint/eslint-plugin-template";
+import angularTemplateParser from "@angular-eslint/template-parser";
 import typescriptEslint from "@typescript-eslint/eslint-plugin";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
-});
+import tsParser from "@typescript-eslint/parser";
 
 export default [{
     ignores: [
@@ -21,19 +13,33 @@ export default [{
         "**/cypress/",
         "**/cypress.config.ts",
     ],
-}, ...compat.extends(
-    "plugin:@angular-eslint/recommended",
-).map(config => ({
-    ...config,
-    files: ["**/*.ts"],
-})), {
+}, {
     files: ["**/*.ts"],
 
+    languageOptions: {
+        parser: tsParser,
+    },
+
     plugins: {
+        "@angular-eslint": angularPlugin,
         "@typescript-eslint": typescriptEslint,
     },
 
     rules: {
+        // @angular-eslint recommended
+        "@angular-eslint/contextual-lifecycle": "error",
+        "@angular-eslint/no-empty-lifecycle-method": "error",
+        "@angular-eslint/no-inputs-metadata-property": "error",
+        "@angular-eslint/no-output-native": "error",
+        "@angular-eslint/no-output-on-prefix": "error",
+        "@angular-eslint/no-output-rename": "error",
+        "@angular-eslint/no-outputs-metadata-property": "error",
+        "@angular-eslint/prefer-on-push-component-change-detection": "warn",
+        "@angular-eslint/prefer-standalone": "warn",
+        "@angular-eslint/use-pipe-transform-interface": "error",
+        "@angular-eslint/no-input-rename": "off",
+        "@angular-eslint/prefer-inject": "warn",
+
         "no-shadow": "off",
         "no-prototype-builtins": "off",
         "no-case-declarations": "warn",
@@ -71,9 +77,6 @@ export default [{
             format: ["PascalCase"],
         }],
 
-        "@angular-eslint/no-input-rename": "off",
-        "@angular-eslint/prefer-inject": "warn",
-
         "brace-style": ["error", "1tbs"],
         "id-blacklist": "off",
         "id-match": "off",
@@ -82,10 +85,21 @@ export default [{
         "@typescript-eslint/no-empty-function": "off",
         "@typescript-eslint/no-restricted-types": "warn",
     },
-}, ...compat.extends("plugin:@angular-eslint/template/recommended").map(config => ({
-    ...config,
+}, {
     files: ["**/*.html"],
-})), {
-    files: ["**/*.html"],
-    rules: {},
+
+    languageOptions: {
+        parser: angularTemplateParser,
+    },
+
+    plugins: {
+        "@angular-eslint/template": angularTemplatePlugin,
+    },
+
+    rules: {
+        "@angular-eslint/template/banana-in-box": "error",
+        "@angular-eslint/template/eqeqeq": "error",
+        "@angular-eslint/template/no-negated-async": "error",
+        "@angular-eslint/template/prefer-control-flow": "error",
+    },
 }];