Update to Angular 21

This upgrade comes with a lot of package bumps, as expected.

For the short term we have to override ng-mocks' peer dependencies.
There is an open PR to add formal angular support.  If tests pass, this
is OK for now.

We also need to use a release candidate for angular firebase.  This is
not ideal, but similarly if it works that's OK.  It should be noted that
angular firebase is not maintained at the cadence we would prefer and so
this is another reason it's good we're moving away from it.

Issue #869 Upgrade to Angular 21

Author: slifty

package-lock.json

@@ -29,33 +29,33 @@
 	},
 	"private": true,
 	"dependencies": {
-		"@angular/animations": "20.3.12",
-		"@angular/cdk": "^20.2.13",
-		"@angular/common": "20.3.12",
-		"@angular/compiler": "20.3.12",
-		"@angular/core": "20.3.12",
-		"@angular/fire": "^20.0.1",
-		"@angular/forms": "20.3.12",
-		"@angular/google-maps": "^20.2.13",
-		"@angular/localize": "20.3.12",
-		"@angular/platform-browser": "20.3.12",
-		"@angular/platform-browser-dynamic": "20.3.12",
-		"@angular/router": "20.3.12",
-		"@fortawesome/angular-fontawesome": "^3.0.0",
+		"@angular/animations": "21.1.0",
+		"@angular/cdk": "^21.1.0",
+		"@angular/common": "21.1.0",
+		"@angular/compiler": "21.1.0",
+		"@angular/core": "21.1.0",
+		"@angular/fire": "21.0.0-rc.0",
+		"@angular/forms": "21.1.0",
+		"@angular/google-maps": "^21.0.0",
+		"@angular/localize": "21.1.0",
+		"@angular/platform-browser": "21.1.0",
+		"@angular/platform-browser-dynamic": "21.1.0",
+		"@angular/router": "21.1.0",
+		"@fortawesome/angular-fontawesome": "^4.0.0",
 		"@fortawesome/fontawesome-svg-core": "^1.2.28",
 		"@fortawesome/free-regular-svg-icons": "^6.5.2",
 		"@fortawesome/free-solid-svg-icons": "^5.13.0",
 		"@fortawesome/pro-regular-svg-icons": "^6.7.1",
 		"@fortawesome/pro-solid-svg-icons": "^6.7.1",
 		"@newrelic/browser-agent": "^1.308.0",
-		"@ng-bootstrap/ng-bootstrap": "^19.0.1",
+		"@ng-bootstrap/ng-bootstrap": "^20.0.0",
 		"@popperjs/core": "^2.11.8",
 		"@sentry/browser": "7.119.1",
 		"@types/debug": "4.1.12",
 		"@types/hammerjs": "2.0.46",
 		"@types/lodash": "4.17.20",
 		"@types/openseadragon": "^4.1.0",
-		"angular-shepherd": "^20.0.0",
+		"angular-shepherd": "^21.0.0",
 		"binaryjs": "0.2.1",
 		"check-password-strength": "^3.0.0",
 		"core-js": "3.45.1",
@@ -76,8 +76,8 @@
 		"lodash": "^4.17.21",
 		"moment": "^2.30.1",
 		"ng-in-viewport": "^16.1.0",
-		"ng-recaptcha-2": "^16.0.1",
-		"ngx-cookie-service": "^20.1.0",
+		"ng-recaptcha-2": "^21.0.1",
+		"ngx-cookie-service": "^21.0.0",
 		"ngx-countup": "^13.2.0",
 		"openseadragon": "^5.0.1",
 		"progressbar.js": "1.1.1",
@@ -92,10 +92,11 @@
 		"zone.js": "~0.15.1"
 	},
 	"devDependencies": {
-		"@angular/build": "^20.3.10",
-		"@angular/cli": "20.3.10",
-		"@angular/compiler-cli": "20.3.12",
-		"@angular/language-service": "20.3.12",
+		"@angular-devkit/build-angular": "^21.1.0",
+		"@angular/build": "^21.1.0",
+		"@angular/cli": "21.1.0",
+		"@angular/compiler-cli": "21.1.0",
+		"@angular/language-service": "21.1.0",
 		"@chromatic-com/storybook": "^4.1.3",
 		"@eslint/compat": "^2.0.0",
 		"@eslint/eslintrc": "^3.3.1",
@@ -107,9 +108,9 @@
 		"@types/jasmine": "^5.1.12",
 		"@types/jasminewd2": "^2.0.8",
 		"@types/mandrill-api": "^1.0.30",
-		"@types/node": "^20.19.25",
+		"@types/node": "^24.1.0",
 		"@types/webpack-env": "^1.18.8",
-		"angular-eslint": "^20.6.0",
+		"angular-eslint": "^21.1.0",
 		"dotenv": "^8.2.0",
 		"eslint": "^9.39.1",
 		"eslint-config-love": "^134.0.0",
@@ -139,5 +140,14 @@
 		"tslib": "^2.0.0",
 		"typescript": "5.9.3",
 		"typescript-eslint": "^8.48.0"
+	},
+	"overrides": {
+		"ng-mocks": {
+			"@angular/core": "$@angular/core",
+			"@angular/common": "$@angular/common",
+			"@angular/forms": "$@angular/forms",
+			"@angular/router": "$@angular/router",
+			"@angular/platform-browser": "$@angular/platform-browser"
+		}
 	}
 }