CoreUI PRO v5.2.2 for Angular 18

We are excited to announce that CoreUI PRO 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 PRO 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 Pro v5.2, in the application’s project directory, run:

ng update @angular/core@18 @angular/cli@18 @angular/cdk@18 @angular/google-maps@18 @coreui/coreui-pro@~5.2 @coreui/angular-pro@~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 PRO 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
• Smart Pagination Component: disable first/prev - last/next button on first - last page
• Calendar Component: track expression resulted in duplicated keys for a given collection

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.7
• @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.