CoreUI v5.2.2 for Angular 18

We are excited to announce that CoreUI v5.2 for Angular 18 is now available as of June 21, 2024. This update includes a migration to Angular 18, along with enhancements for development and user experience, as well as fixes to improve the stability and performance of the CoreUI components library for Angular. Updating to this version will ensure your applications run smoothly and efficiently with the latest bells and whistles.

How to Update

To update to CoreUI v5.2 for Angular 18, follow these simple 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 v18 supports node.js versions: v18.19.0 and newer.
• To update your application to Angular v18 and CoreUI v5.2, in the application’s project directory, run:

ng update @angular/core@18 @angular/cli@18 @angular/cdk@18 @coreui/coreui@5 @coreui/angular@~5.2 @coreui/icons-angular@~5.2 @coreui/angular-chartjs@~5.2 

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

This process should seamlessly update your project from CoreUI 5.1 for Angular 17.3 to CoreUI v5.2 for Angular 18, incorporating the latest fixes and optimizations.

What’s New

Features

• Tabs Component: provides Angular tabs reimagined structure, keyboard interactions and WAI-ARIA support. Easy to use and deploy.

Fixes

• Modal Component: skip an attempt to focus when there is no focusable element on modal dialog

Dependency Updates

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

• @angular/animations from: ^17.3.11 to: ^18.0.4
• @angular/cdk from: ^17.3.10 to: ^18.0.4
• @angular/common from: ^17.3.11 to: ^18.0.4
• @angular/compiler from: ^17.3.11 to: ^18.0.4
• @angular/core from: ^17.3.11 to: ^18.0.4
• @angular/forms from: ^17.3.11 to: ^18.0.4
• @angular/localize from: ^17.3.11 to: ^18.0.4
• @angular/platform-browser from: ^17.3.11 to: ^18.0.4
• @angular/platform-browser-dynamic from: ^17.3.11 to: ^18.0.4
• @angular/router from: ^17.3.11 to: ^18.0.4
• @angular-devkit/build-angular from: ^17.3.8 to: ^18.0.5
• @angular-eslint/builder from: ^17.5.2 to: ^18.0.1
• @angular-eslint/eslint-plugin from: ^17.5.2 to: ^18.0.1
• @angular-eslint/eslint-plugin-template from: ^17.5.2 to: ^18.0.1
• @angular-eslint/schematics from: ^17.5.2 to: ^18.0.1
• @angular-eslint/template-parser from: ^17.5.2 to: ^18.0.1
• @angular/cli from: ^17.3.8 to: ^18.0.5
• @angular/compiler-cli from: ^17.3.11 to: ^18.0.4
• @angular/language-service from: ^17.3.11 to: ^18.0.4
• @types/node from: ^20.14.2 to: ^20.14.8
• @typescript-eslint/eslint-plugin from: ^7.13.0 to: ^7.13.1
• @typescript-eslint/parser from: ^7.13.0 to: ^7.13.1
• ng-packagr from: ^17.3.0 to: ^18.0.0

These updates bring your application to the latest Angular 18 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.