fix(upgrade): upgraded angular to 21

Author: nsemets

angular.json

@@ -21,7 +21,6 @@
             "outputPath": "dist/osf",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "allowedCommonJsDependencies": [

eslint.config.js

@@ -1,22 +1,22 @@
 // @ts-check
 const eslint = require('@eslint/js');
+const { defineConfig } = require('eslint/config');
 const tseslint = require('typescript-eslint');
 const angular = require('angular-eslint');
+
 const pluginImport = require('eslint-plugin-import');
 const pluginSimpleImportSort = require('eslint-plugin-simple-import-sort');
 const pluginUnusedImports = require('eslint-plugin-unused-imports');
 const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended');
-const angularEslintTemplate = require('@angular-eslint/eslint-plugin-template');
-const angularTemplateParser = require('@angular-eslint/template-parser');
 
-module.exports = tseslint.config(
+module.exports = defineConfig(
   {
     files: ['**/*.ts'],
     extends: [
       eslint.configs.recommended,
-      ...tseslint.configs.recommended,
-      ...tseslint.configs.stylistic,
-      ...angular.configs.tsRecommended,
+      tseslint.configs.recommended,
+      tseslint.configs.stylistic,
+      angular.configs.tsRecommended,
       eslintPluginPrettierRecommended,
     ],
     processor: angular.processInlineTemplates,
@@ -27,7 +27,6 @@ module.exports = tseslint.config(
     },
     rules: {
       '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
-
       '@angular-eslint/directive-selector': [
         'error',
         {
@@ -58,7 +57,7 @@ module.exports = tseslint.config(
             ['^ngx-', '^@ngx', '^ng-'],
 
             // Third-party packages (primeng)
-            ['^@primeng', '^primeng'],
+            ['^@primeng', '^primeng', '^@primeuix', '^primeuix'],
 
             // RxJS packages (rxjs or @rxjs/...)
             ['^rxjs', '^rxjs/operators'],
@@ -86,26 +85,29 @@ module.exports = tseslint.config(
     },
   },
   {
-    files: ['**/*.html'],
-    languageOptions: {
-      parser: angularTemplateParser,
-    },
-    extends: [...angular.configs.templateRecommended, ...angular.configs.templateAccessibility],
+    files: ['src/app/**/*.html'],
+    extends: [
+      angular.configs.templateRecommended,
+      angular.configs.templateAccessibility,
+      eslintPluginPrettierRecommended,
+    ],
     rules: {
-      '@angular-eslint/template/banana-in-box': ['error'],
-      '@angular-eslint/template/eqeqeq': ['error'],
-      '@angular-eslint/template/no-negated-async': ['error'],
-      '@angular-eslint/template/alt-text': ['error'],
-      '@angular-eslint/template/click-events-have-key-events': ['error'],
-      '@angular-eslint/template/elements-content': ['error'],
-      '@angular-eslint/template/interactive-supports-focus': ['error'],
-      '@angular-eslint/template/label-has-associated-control': ['error'],
-      '@angular-eslint/template/mouse-events-have-key-events': ['error'],
-      '@angular-eslint/template/no-autofocus': ['error'],
-      '@angular-eslint/template/no-distracting-elements': ['error'],
-      '@angular-eslint/template/role-has-required-aria': ['error'],
-      '@angular-eslint/template/table-scope': ['error'],
-      '@angular-eslint/template/valid-aria': ['error'],
+      '@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',
+
+      '@angular-eslint/template/alt-text': 'error',
+      '@angular-eslint/template/click-events-have-key-events': 'error',
+      '@angular-eslint/template/elements-content': 'error',
+      '@angular-eslint/template/interactive-supports-focus': 'error',
+      '@angular-eslint/template/label-has-associated-control': 'error',
+      '@angular-eslint/template/mouse-events-have-key-events': 'error',
+      '@angular-eslint/template/no-autofocus': 'error',
+      '@angular-eslint/template/no-distracting-elements': 'error',
+      '@angular-eslint/template/role-has-required-aria': 'error',
+      '@angular-eslint/template/table-scope': 'error',
+      '@angular-eslint/template/valid-aria': 'error',
     },
   },
   {