feat(angular): update to Angular 22 with zoneless change detection and flat ESLint config

.github/workflows/CI.yml

@@ -17,7 +17,7 @@ jobs:
         # Require status checks to pass before merging ->
         # Search for the new version -> Add them to the list ->
         # Remove the old version from the list -> Save changes
-        node_version: [20]
+        node_version: [24]
         os: [windows-latest, macOS-latest]
 
     steps:

angular.json

@@ -117,7 +117,8 @@
           "configurations": {
             "ci": {
               "progress": false,
-              "watch": false
+              "watch": false,
+              "browsers": "ChromeHeadlessCI"
             }
           },
           "options": {

eslint.config.js

@@ -0,0 +1,69 @@
+// @ts-check
+const eslint = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+const angular = require('angular-eslint');
+
+module.exports = tseslint.config(
+  {
+    ignores: ['www/**', 'dist/**', 'coverage/**', '.angular/**'],
+  },
+  {
+    files: ['**/*.ts'],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...angular.configs.tsRecommended,
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      '@typescript-eslint/explicit-member-accessibility': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/no-inferrable-types': [
+        'error',
+        { ignoreParameters: true },
+      ],
+      '@typescript-eslint/no-non-null-assertion': 'error',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/member-ordering': [
+        'error',
+        {
+          default: [
+            'static-field',
+            'instance-field',
+            'static-method',
+            'instance-method',
+          ],
+        },
+      ],
+      '@typescript-eslint/naming-convention': [
+        'error',
+        {
+          selector: 'variable',
+          format: ['camelCase', 'UPPER_CASE', 'PascalCase'],
+        },
+      ],
+      '@angular-eslint/component-class-suffix': 'off',
+      '@angular-eslint/no-inputs-metadata-property': 'error',
+      '@angular-eslint/no-output-rename': 'error',
+      '@angular-eslint/use-lifecycle-interface': 'error',
+      '@angular-eslint/use-pipe-transform-interface': 'error',
+      quotes: ['error', 'single'],
+      semi: ['error', 'always'],
+      'max-len': ['error', { code: 140 }],
+      'no-console': 'off',
+      curly: 'error',
+      eqeqeq: 'error',
+      'no-empty': 'off',
+      'arrow-parens': ['error', 'as-needed'],
+      'object-shorthand': 'error',
+      'eol-last': 'error',
+      'no-multiple-empty-lines': ['error', { max: 1 }],
+      'no-trailing-spaces': 'error',
+    },
+  },
+  {
+    files: ['**/*.html'],
+    extends: [...angular.configs.templateRecommended],
+    rules: {},
+  }
+);