updated local dev environment & dependencies

Author: VashJuan

README.md

@@ -194,27 +194,71 @@ To verify, also check/update package.json & package-lock.json
 
 ### To update 3rd party libraries
 
-Commands from Evergreen Angular:
+Follow this sequence to update your development environment:
 
-- `npx ng update @angular/core @angular/cdk @angular/cli @angular/google-maps @angular/material` (maybe with ' --force' to avoid peer dependency warnings)
-- `npx ng update`
-- `npx npm-check-updates -u`
-- `npm install`
+#### 1. Check current versions (optional)
+```bash
+node -v
+npm -v
+tsc --version
+npm outdated
+```
+
+#### 2. Update Node.js and global tools
+
+**Note:** Global npm installations on Windows require running PowerShell or Command Prompt as Administrator.
+
+```bash
+# Update npm to latest version (requires Admin on Windows)
+npm install npm@latest -g
+
+# Update TypeScript globally (requires Admin on Windows)
+npm install -g typescript
+
+# Update TypeScript type files (requires Admin on Windows)
+npm install -g typings
+
+# Update Angular CLI globally (requires Admin on Windows)
+npm install -g @angular/cli@latest
+
+# (Optional) Update Chocolatey packages - requires Admin permissions
+choco upgrade all
+```
+
+**If you get permission errors on Windows:**
+- Right-click PowerShell or Command Prompt and select "Run as Administrator"
+- Or use a package manager like Chocolatey to update Node.js/npm: `choco upgrade nodejs`
+
+#### 3. Update Angular and project dependencies
+```bash
+# Check for available Angular updates
+npx ng update
+
+# Update Angular core packages (add --force if needed for peer dependency warnings)
+y
+
+
+# Check for all package updates
+npx npm-check-updates -u
+
+# Install all updated dependencies
+npm install
+```
+
+#### 4. Alternative: Use legacy peer dependency resolution (if needed)
+```bash
+npm install --save --legacy-peer-deps
+```
+
+#### 5. Optional: Use Yarn as package manager
+```bash
+npm i yarn -g
+yarn install
+```
 
-Other useful commands:
-- `node -v`
-- `npm -v`
-- `yarn -v`
--
-- `npm install -g typings` - Looks for updated Typescript type files.
-- `npx ng update -g`  - Updates global cli & sdk
-- `npm install npm@latest -g` - update npm
-- `npm install -g typescript` or to update:  `npm -g upgrade typescript`; to get version: `tsc --version` - update typescript
-- `choco upgrade all` - updates https://docs.chocolatey.org/en-us/choco/commands/upgrade (requires VSCode being run with Admin permissions) & many apps that use Choclatey
-- `https://update.angular.io/?v=15.0-17.0` shows additional code updates that may be required
-- `npm install --save --legacy-peer-deps` - tells NPM to install packages using relaxed V6 algorithm
-- `npm i yarn -g`, then `yarn install` - uses yarn (a nice wrapper for npm)
-- `npm outdated` - show availability of newer packages
+**Additional Resources:**
+- Check <https://update.angular.io/> for Angular-specific migration guides and required code changes between versions
+- Use `npm outdated` to see which packages have newer versions available
 
 ### To Deploy
 

package.json

@@ -23,56 +23,56 @@
   "dependencies": {
     "@angular-material-components/color-picker": "^16.0.1",
     "@angular-material-components/datetime-picker": "^16.0.1",
-    "@angular/animations": "^17.2.2",
-    "@angular/cdk": "^17.2.1",
-    "@angular/cli": "^17.2.1",
-    "@angular/common": "^17.2.2",
-    "@angular/compiler": "^17.2.2",
-    "@angular/core": "^17.2.2",
-    "@angular/forms": "^17.2.2",
-    "@angular/google-maps": "^17.2.1",
-    "@angular/material": "^17.2.1",
-    "@angular/platform-browser": "^17.2.2",
-    "@angular/platform-browser-dynamic": "^17.2.2",
-    "@angular/platform-server": "^17.2.2",
-    "@angular/router": "^17.2.2",
-    "@angular/service-worker": "^17.2.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@googlemaps/js-api-loader": "^1.16.6",
-    "@googlemaps/markerclusterer": "^2.5.3",
+    "@angular/animations": "^21.0.6",
+    "@angular/cdk": "^21.0.5",
+    "@angular/cli": "^21.0.4",
+    "@angular/common": "^21.0.6",
+    "@angular/compiler": "^21.0.6",
+    "@angular/core": "^21.0.6",
+    "@angular/forms": "^21.0.6",
+    "@angular/google-maps": "^21.0.5",
+    "@angular/material": "^21.0.5",
+    "@angular/platform-browser": "^21.0.6",
+    "@angular/platform-browser-dynamic": "^21.0.6",
+    "@angular/platform-server": "^21.0.6",
+    "@angular/router": "^21.0.6",
+    "@angular/service-worker": "^21.0.6",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@googlemaps/js-api-loader": "^2.0.2",
+    "@googlemaps/markerclusterer": "^2.6.2",
     "@material/banner": "^14.0.0",
     "@material/icon-button": "^14.0.0",
     "@material/slider": "^14.0.0",
     "@material/switch": "^14.0.0",
     "@material/top-app-bar": "^14.0.0",
     "@mdi/js": "^7.4.47",
     "@types/core-js": "^2.5.8",
-    "@types/leaflet": "^1.9.8",
-    "@types/leaflet.markercluster": "^1.5.4",
+    "@types/leaflet": "^1.9.21",
+    "@types/leaflet.markercluster": "^1.5.6",
     "@types/supercluster": "^7.1.3",
-    "@what3words/api": "^5.0.2",
-    "ag-grid-angular": "^31.1.1",
-    "ag-grid-community": "^31.1.1",
-    "ajv": "^8.12.0",
+    "@what3words/api": "^5.4.0",
+    "ag-grid-angular": "^35.0.0",
+    "ag-grid-community": "^35.0.0",
+    "ajv": "^8.17.1",
     "crypto-js": "^4.2.0",
-    "idb": "^8.0.0",
+    "idb": "^8.0.3",
     "leaflet": "^1.9.4",
     "leaflet.markercluster": "^1.5.3",
-    "leaflet.offline": "^3.0.1",
+    "leaflet.offline": "^3.2.0",
     "mock-browser": "^0.92.14",
     "supercluster": "^8.0.1",
-    "tslib": "^2.6.2",
+    "tslib": "^2.8.1",
     "xlsx": "^0.18.5",
     "xlsx-style": "^0.8.13",
-    "zone.js": "~0.14.4"
+    "zone.js": "~0.16.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.2.1",
-    "@angular/compiler-cli": "^17.2.2",
-    "@types/google.maps": "^3.55.3",
-    "@types/jasmine": "^5.1.4",
-    "@types/node": "^20.11.20",
-    "acorn": "^8.11.3",
+    "@angular-devkit/build-angular": "^21.0.4",
+    "@angular/compiler-cli": "^21.0.6",
+    "@types/google.maps": "^3.58.1",
+    "@types/jasmine": "^5.1.13",
+    "@types/node": "^25.0.3",
+    "acorn": "^8.15.0",
     "cross-conf-env": "^1.3.0",
     "dev-norms": "^2.0.4",
     "http-server": "^14.1.1",
@@ -81,19 +81,19 @@
     "import-sort-parser-typescript": "^6.0.0",
     "import-sort-style-module": "^6.0.0",
     "init-dev-env": "^2.0.0",
-    "jasmine-core": "~5.1.2",
-    "js-beautify": "^1.15.1",
+    "jasmine-core": "~5.13.0",
+    "js-beautify": "^1.15.4",
     "jshint": "^2.13.6",
-    "karma": "^6.4.3",
+    "karma": "^6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
     "npm-run-all": "^4.1.5",
-    "rimraf": "^5.0.5",
-    "rxjs": "^7.8.1",
+    "rimraf": "^6.1.2",
+    "rxjs": "^7.8.2",
     "tsviz-cli": "^2.0.3",
-    "typescript": "^5.3.3"
+    "typescript": "^5.9.3"
   },
   "importSort": {
     ".ts, .tsx": {