chore(eslint): update eslint to v9, angular-eslint, typescript-eslint

Author: xidedix

.eslintrc.json

@@ -53,7 +53,8 @@
             "lintFilePatterns": [
               "projects/coreui-angular/**/*.ts",
               "projects/coreui-angular/**/*.html"
-            ]
+            ],
+            "eslintConfig": "projects/coreui-angular/eslint.config.js"
           }
         }
       }
@@ -102,7 +103,8 @@
             "lintFilePatterns": [
               "projects/coreui-angular-chartjs/**/*.ts",
               "projects/coreui-angular-chartjs/**/*.html"
-            ]
+            ],
+            "eslintConfig": "projects/coreui-angular-chartjs/eslint.config.js"
           }
         }
       }
@@ -151,7 +153,8 @@
             "lintFilePatterns": [
               "projects/coreui-icons-angular/**/*.ts",
               "projects/coreui-icons-angular/**/*.html"
-            ]
+            ],
+            "eslintConfig": "projects/coreui-icons-angular/eslint.config.js"
           }
         }
       }

angular.json

@@ -0,0 +1,53 @@
+// @ts-check
+const eslint = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+const angular = require('angular-eslint');
+
+module.exports = tseslint.config(
+  {
+    files: ['**/*.ts'],
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.stylistic,
+      ...angular.configs.tsRecommended
+    ],
+    processor: angular.processInlineTemplates,
+    rules: {
+      '@angular-eslint/directive-selector': [
+        'error',
+        {
+          type: 'attribute',
+          prefix: 'c',
+          style: 'camelCase'
+        }
+      ],
+      '@angular-eslint/component-selector': [
+        'error',
+        {
+          type: 'element',
+          prefix: 'c',
+          style: 'kebab-case'
+        }
+      ],
+      '@angular-eslint/no-input-rename': 'warn',
+      '@angular-eslint/no-output-rename': 'warn',
+      '@typescript-eslint/consistent-indexed-object-style': 'off',
+      '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-inferrable-types': 'off',
+      '@typescript-eslint/no-unused-expressions': 'off'
+    }
+  },
+  {
+    files: ['**/*.html'],
+    extends: [...angular.configs.templateRecommended, ...angular.configs.templateAccessibility],
+    rules: {
+      '@angular-eslint/template/elements-content': 'off',
+      '@angular-eslint/template/alt-text': 'off',
+      '@angular-eslint/template/interactive-supports-focus': 'warn',
+      '@angular-eslint/template/click-events-have-key-events': 'warn',
+      '@angular-eslint/template/label-has-associated-control': 'warn'
+    }
+  }
+);

eslint.config.js

@@ -56,26 +56,20 @@
     "lodash-es": "^4.17.21",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "~0.14.8"
+    "zone.js": "~0.14.10"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.1.3",
     "@angular-devkit/schematics": "^18.1.3",
-    "@angular-eslint/builder": "18.1.0",
-    "@angular-eslint/eslint-plugin": "18.1.0",
-    "@angular-eslint/eslint-plugin-template": "18.1.0",
-    "@angular-eslint/schematics": "18.1.0",
-    "@angular-eslint/template-parser": "18.1.0",
     "@angular/cli": "^18.1.3",
     "@angular/compiler-cli": "^18.1.3",
     "@angular/language-service": "^18.1.3",
     "@types/jasmine": "^5.1.4",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.14.14",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.17.0",
+    "angular-eslint": "~18.2.0",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.57.0",
+    "eslint": "^9.8.0",
     "jasmine-core": "^5.2.0",
     "karma": "^6.4.4",
     "karma-chrome-launcher": "^3.2.0",
@@ -84,7 +78,8 @@
     "karma-jasmine-html-reporter": "^2.1.0",
     "ng-packagr": "^18.1.0",
     "prettier": "^3.3.3",
-    "typescript": "~5.4.5"
+    "typescript": "~5.4.5",
+    "typescript-eslint": "~8.0.1"
   },
   "keywords": [
     "angular",
@@ -110,7 +105,7 @@
     "version_short": "5.2"
   },
   "engines": {
-    "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+    "node": "^20.11.1 || >=22.0.0",
     "npm": ">=9"
   }
 }

package.json

@@ -0,0 +1,15 @@
+// @ts-check
+const tseslint = require('typescript-eslint');
+const rootConfig = require('../../eslint.config.js');
+
+module.exports = tseslint.config(
+  ...rootConfig,
+  {
+    files: ['**/*.ts'],
+    rules: {}
+  },
+  {
+    files: ['**/*.html'],
+    rules: {}
+  }
+);

projects/coreui-angular-chartjs/.eslintrc.json

@@ -0,0 +1,25 @@
+// @ts-check
+const tseslint = require('typescript-eslint');
+const rootConfig = require('../../eslint.config.js');
+
+module.exports = tseslint.config(
+  ...rootConfig,
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/ban-tslint-comment': 'off',
+      '@typescript-eslint/class-literal-property-style': 'off',
+      '@typescript-eslint/consistent-generic-constructors': 'off',
+      '@typescript-eslint/consistent-type-assertions': 'off',
+      '@typescript-eslint/consistent-type-definitions': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'no-extra-boolean-cast': 'off',
+      'no-unused-private-class-members': 'off'
+    }
+  },
+  {
+    files: ['**/*.html'],
+    rules: {}
+  }
+);

projects/coreui-angular-chartjs/eslint.config.js

@@ -0,0 +1,15 @@
+// @ts-check
+const tseslint = require('typescript-eslint');
+const rootConfig = require('../../eslint.config.js');
+
+module.exports = tseslint.config(
+  ...rootConfig,
+  {
+    files: ['**/*.ts'],
+    rules: {}
+  },
+  {
+    files: ['**/*.html'],
+    rules: {}
+  }
+);