CoreUI PRO v5.2.13 for Angular 18.1

CoreUI PRO v5.2.13 for Angular 18.1

We are happy to announce CoreUI PRO v5.2.13 for Angular 18.1 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 PRO 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 Pro 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-pro@~5.3 @coreui/angular-pro@~5.2 @coreui/icons-angular@~5.2 @coreui/angular-chartjs@~5.2 

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

What’s New

Features

  • schematics: ng add Angular schematics basic integration

Fixes

  • Date Range Picker: manual date input does not update form control value
  • MultiSelect: options not cleared on multiSelectOptionsContent change
  • MultiSelect: form control value not cleared on empty control value

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 convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript