CoreUI v5.2.13 for Angular 18.1

CoreUI v5.2.13 for Angular 18.1

We are happy to announce that CoreUI v5.2.13 for Angular 18.1 is available as of August 9, 2024. This update includes ng add schematics support, along with an update to Angular 18.1, enhancements for development and user experience, as well as fixes and improvements for stability and performance of the CoreUI components library for Angular.

How to Update

To update to CoreUI v5.2.13 for Angular 18.1, 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.1 and CoreUI v5.2.13, in the application’s project directory, run:
ng update @angular/core@18 @angular/cli@18 @angular/cdk@18 @angular/google-maps@18 @coreui/coreui@5 @coreui/angular@~5.2 @coreui/icons-angular@~5.2 @coreui/angular-chartjs@~5.2 

This process should seamlessly update your project to CoreUI v5.2.13 for Angular 18.1, incorporating the latest fixes and optimizations.

What’s New

Features

  • schematics: ng add Angular schematics basic integration

Refactors

  • input signals
  • template default ng-content
  • deferrable views with placeholders
  • update calls to afterRender with an explicit phase to the new API
  • wrapper components host class cleanups
  • minor syntax cleanups

Development

  • karma: add custom chrome launcher with --disable-search-engine-choice-screen flag
  • eslint: update to v9, with respective updates for angular-eslint, typescript-eslint

Dependency Updates

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

updates:

  • @angular/animations from: ^18.0.4 to: 18.1.4
  • @angular/cdk from: ^18.0.4 to: 18.1.4
  • @angular/common from: ^18.0.4 to: 18.1.4
  • @angular/compiler from: ^18.0.4 to: 18.1.4
  • @angular/core from: ^18.0.4 to: 18.1.4
  • @angular/forms from: ^18.0.4 to: 18.1.4
  • @angular/localize from: ^18.0.4 to: 18.1.4
  • @angular/platform-browser from: ^18.0.4 to: 18.1.4
  • @angular/platform-browser-dynamic from: ^18.0.4 to: 18.1.4
  • @angular/router from: ^18.0.4 to: 18.1.4
  • @angular-devkit/build-angular from: ^18.0.5 to: 18.1.4
  • @angular/cli from: ^18.0.5 to ^18.1.4
  • @angular/compiler-cli from: ^18.0.4 to ^18.1.4
  • @angular/language-service from: ^18.0.4 to ^18.1.4
  • @types/node from: ^20.14.7 to ^20.14.14
  • eslint from: ^8.57.0 to ^9.8.0
  • jasmine-core from: ^5.1.2 to: ^5.2.0
  • karma from: ^6.4.3 to: ^6.4.4
  • ng-packagr from: ^18.0.0 to: ^18.1.0
  • prettier from: ^3.3.2 to ^3.3.3
  • zone.js from: ~0.14.7 to: ~0.14.10

removals:

  • @angular-eslint/builder: ^18.0.1
  • @angular-eslint/eslint-plugin: ^18.0.1
  • @angular-eslint/eslint-plugin-template: ^18.0.1
  • @angular-eslint/schematics: ^18.0.1
  • @angular-eslint/template-parser: ^18.0.1
  • @typescript-eslint/eslint-plugin: ^7.13.1
  • @typescript-eslint/parser: ^7.13.1

additions:

  • @angular-devkit/schematics: ^18.1.4
  • angular-eslint: ^18.2.0
  • copyfiles: ^2.4.1
  • typescript-eslint: ~8.0.1

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

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to conditionally add attributes to React components
How to conditionally add attributes to React components

How to force a React component to re-render
How to force a React component to re-render

What are the three dots `...` in JavaScript do?
What are the three dots `...` in JavaScript do?

How to replace all occurrences of a string in JavaScript?
How to replace all occurrences of a string in JavaScript?

How to remove a property from an object in Javascript
How to remove a property from an object in Javascript

The Wacky World of JavaScript: Unraveling the Oddities
The Wacky World of JavaScript: Unraveling the Oddities