build: fixes the docs lint setup to work

Fixes the docs lint setup to work. It failed due to some missing
dependencies in pnpm.

We should consider dropping this and just use Prettier IMO. Although I
can see some useful linting of Angular specific code.

Author: devversion

docs/.eslintrc.json

@@ -10,8 +10,7 @@
         "createDefaultProgram": true
       },
       "extends": [
-        "plugin:@angular-eslint/ng-cli-compat",
-        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
+        "plugin:@angular-eslint/recommended",
         "plugin:@angular-eslint/template/process-inline-templates",
         "plugin:@stylistic/disable-legacy"
       ],
@@ -80,11 +79,10 @@
       "files": ["*.html"],
       "extends": ["plugin:@angular-eslint/template/recommended"],
       "rules": {
-        "@angular-eslint/template/accessibility-alt-text": "error",
-        "@angular-eslint/template/accessibility-elements-content": "error",
-        "@angular-eslint/template/accessibility-label-for": "error",
-        "@angular-eslint/template/accessibility-table-scope": "error",
-        "@angular-eslint/template/accessibility-valid-aria": "error",
+        "@angular-eslint/template/alt-text": "error",
+        "@angular-eslint/template/elements-content": "error",
+        "@angular-eslint/template/table-scope": "error",
+        "@angular-eslint/template/valid-aria": "error",
         "@angular-eslint/template/click-events-have-key-events": "error",
         "@angular-eslint/template/mouse-events-have-key-events": "error",
         "@angular-eslint/template/no-autofocus": "error",

docs/package.json

@@ -59,19 +59,19 @@
     "@angular-devkit/architect": "catalog:",
     "@angular-devkit/architect-cli": "catalog:",
     "@angular-devkit/build-angular": "catalog:",
-    "@angular-eslint/builder": "^14.0.0",
-    "@angular-eslint/eslint-plugin": "^14.0.0",
-    "@angular-eslint/eslint-plugin-template": "^14.0.0",
-    "@angular-eslint/template-parser": "^14.0.0",
+    "@angular-eslint/builder": "19.3.0",
+    "@angular-eslint/eslint-plugin": "19.3.0",
+    "@angular-eslint/eslint-plugin-template": "19.3.0",
+    "@angular-eslint/template-parser": "19.3.0",
     "@angular/cli": "catalog:",
     "@angular/compiler-cli": "catalog:",
     "@bazel/bazelisk": "^1.12.1",
     "@stylistic/eslint-plugin": "^2.6.2",
     "@types/jasmine": "5.1.7",
     "@types/node": "^22.14.1",
     "@types/shelljs": "0.8.15",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@typescript-eslint/eslint-plugin": "8.29.1",
+    "@typescript-eslint/parser": "8.29.1",
     "eslint": "^8.56.0",
     "eslint-plugin-ban": "^1.5.2",
     "eslint-plugin-import": "^2.22.1",

docs/src/app/shared/navigation-focus/navigation-focus.spec.ts

@@ -17,8 +17,6 @@ describe('Navigation focus service', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [NavigationFocus],
-      declarations: [NavigationFocusTest, RouteTest],
       providers: [
         provideRouter([
           {path: '', component: RouteTest},
@@ -123,13 +121,12 @@ describe('Navigation focus service', () => {
     <button id="target2">Target 2</button>
     <button class="no-id" focusOnNavigation>Target 3</button>
   `,
-  standalone: false,
+  imports: [NavigationFocus],
 })
 class NavigationFocusTest {}
 
 @Component({
   selector: 'route-test',
   template: '',
-  standalone: false,
 })
 class RouteTest {}

package.json

@@ -172,6 +172,12 @@
           "clonedeep": "*"
         }
       },
+      "@angular-eslint/[email protected]": {
+        "peerDependencies": {
+          "@typescript-eslint/parser": "*",
+          "@angular-eslint/template-parser": "*"
+        }
+      },
       "@angular/core": {
         "peerDependencies": {
           "@angular/compiler": "*"