Update Angular to version 20.3.6

[Copilot]

Overview

This PR updates the Angular framework from version 18.0.0 to the latest stable version 20.3.6, along with all related dependencies and tooling.

Changes

Package Updates

Angular Core Packages (18.0.0 → 20.3.6):

• @angular/animations
• @angular/common
• @angular/compiler
• @angular/core
• @angular/forms
• @angular/platform-browser
• @angular/platform-browser-dynamic
• @angular/router

Angular DevTools (18.0.x → 20.3.6):

• @angular-devkit/build-angular
• @angular/cli
• @angular/compiler-cli
• ng-packagr (18.0.0 → 20.3.0)

Supporting Dependencies:

• TypeScript: 5.4.2 → 5.8.3
• zone.js: 0.14.3 → 0.15.1

Migrations Applied

The update was performed using Angular CLI's ng update command, which automatically applied the following migrations:

1. Standalone Component Flag: Added standalone: false to non-standalone components and directives to maintain backward compatibility with the existing module-based architecture:

   • projects/icon/src/lib/size.directive.ts
   • projects/icon/src/lib/icon.component.ts
   • projects/icon/src/lib/icon-stack/icon-stack.component.ts
   • projects/demo/src/app/app.component.ts

2. Workspace Configuration: Updated angular.json with schematics defaults to maintain previous style guide behavior and file naming conventions.

Verification

• ✅ Library (@joster-dev/icon) builds successfully
• ✅ Demo application builds successfully
• ✅ All automated migrations completed without errors
• ✅ Code review passed with no issues

Notes

The dependency @joster-dev/chaos-control shows a peer dependency warning for Angular 18, but it extends the version range and continues to work correctly with Angular 20. No breaking changes were required in application code beyond the automatic migrations.

Testing

Both the library and demo application have been built and verified to work correctly with the new Angular version:

npm run _build-lib  # Builds the icon library
npm run pages       # Builds the demo application

Original prompt

create a new branch and update the project to the latest angular version.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.