CoreUI PRO v5.3.5 for Angular 19

We are pleased to announce the release of CoreUI PRO v5.3, effective December 22, 2024. This update brings a migration to Angular 19, along with new features, enhancements that elevate the stability and performance of CoreUI PRO components for Angular applications. Upgrading to this version empowers your Angular 19 applications to run seamlessly and efficiently.

How to Update

To update your project to CoreUI PRO v5.3 for Angular 19, follow these steps to ensure it’s 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.
• Update your application to Angular v19 and CoreUI PRO v5.3, in the application’s project directory, running:

ng update @angular/core@19 @angular/cli@19 @angular/cdk@19 @coreui/coreui-pro@5 @coreui/angular-pro@~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 PRO 5.2 for Angular 18 to CoreUI PRO v5.3 for Angular 19, incorporating the latest fixes and optimizations.

What’s New

Features

• Range Slider: Introducing the Angular Range Slider component, a brand-new range input with enhanced functionality and Angular forms integration.

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: clean unused imports
• 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.