CoreUI v5.3.5 for Angular 19

We are thrilled to announce the availability of CoreUI v5.3 for Angular 19, effective December 22, 2024. This update includes a migration to Angular 19 and fixes to enhance the stability and performance of the CoreUI components library for Angular applications. By updating to this version, you can ensure your Angular 19 applications run smoothly and efficiently.

How to Update

To update to CoreUI v5.3 for Angular 19, follow these steps to ensure your project is up-to-date:

• Verify that you are using a supported version of node.js before you upgrade your application. Angular v19 supports node.js versions: v18.19.1, 20.11.1, ^22.0.0 and newer.
• To update your application to Angular v19 and CoreUI v5.3, in the application’s project directory, run:

ng update @angular/core@19 @angular/cli@19 @angular/cdk@19 @coreui/coreui@5 @coreui/angular@~5.3 @coreui/icons-angular@~5.3 @coreui/angular-chartjs@~5.3 

• Please ensure that there are no error messages in the results.
• Update TypeScript to version 5.5 or newer.
• See also:
  • Angular Update Guide
  • CoreUI for Angular Docs

This process should seamlessly update your project from CoreUI 5.2 for Angular 18 to CoreUI v5.3 for Angular 19, incorporating the latest fixes and optimizations.

What’s New

Changes

• refactor: directives, components and pipes are now standalone by default
• refactor: remove deprecated ‘allowSignalWrites’ flag for effect() - writes are allowed by default
• refactor: migrate constructor-based dependency injection to inject function
• refactor(form-floating): signal inputs, host bindings, cleanup

Fixes

• fix(tabs): NG0950 required input is accessed before a value is set
• fix(accordion): accordion item not expanded on init when visible=true
• fix(tab-panel): skip initial transition
• fix(avatar): remove NgOptimizedImage directive, add object-fit: cover

Dependency Updates

We have updated key dependencies to their latest versions, ensuring improved performance, security, and compatibility with the latest Angular 19 standards:

• @angular/animations: ^18.2.12, to: ^19.0.5,
• @angular/cdk: ^18.2.13, to: ^19.0.4,
• @angular/common: ^18.2.12, to: ^19.0.5,
• @angular/compiler: ^18.2.12, to: ^19.0.5,
• @angular/core: ^18.2.12, to: ^19.0.5,
• @angular/forms: ^18.2.12, to: ^19.0.5,
• @angular/localize: ^18.2.12, to: ^19.0.5,
• @angular/platform-browser: ^18.2.12, to: ^19.0.5,
• @angular/platform-browser-dynamic: ^18.2.12, to: ^19.0.5,
• @angular/router: ^18.2.12, to: ^19.0.5,
• @angular-devkit/build-angular: ^18.2.12, to: ^19.0.6,
• @angular-devkit/schematics: ^18.2.12, to: ^19.0.6,
• @angular/cli: ^18.2.12, to: ^19.0.6,
• @angular/compiler-cli: ^18.2.12, to: ^19.0.5,
• @angular/language-service: ^18.2.12, to: ^19.0.5,
• ng-packagr: ^18.2.1, to: ^19.0.1
• zone.js: ~0.14.10, to ~0.15.0
• @types/jasmine: ^5.1.4, to: ^5.1.5
• @types/node: ^20.17.6, to: ^22.10.2
• angular-eslint: ~18.4.0, to: ^19.0.2
• eslint: ^9.14.0, to: ^9.17.0
• jasmine-core: ^5.4.0, to: ^5.5.0
• prettier: ^3.3.3, to ^3.4.2
• typescript: ~5.5.4, to ~5.6.3
• typescript-eslint: ~8.14.0, to ^8.18.1
• chart.js: ^4.4.6, to: ^4.4.7

These updates bring your application to the latest Angular 19 and related library versions.

For a comprehensive overview of all changes, enhancements, and updates introduced in this release, please refer to the full changelog on GitHub.