Become a sponsor and support the development of the CoreUI open-source projects.

CoreUI for Angular v5.0.0

CoreUI for Angular v5.0.0

We are pleased to announce the release of CoreUI for Angular v5.0.0, which rolled out on March 27, 2024. This latest version introduces significant enhancements, feature additions, and a host of refinements designed to improve the functionality and usability of the CoreUI Angular toolkit. The update process has been streamlined to ensure a seamless transition to v5.0.0 for all users.

How to Update

Updating to CoreUI for Angular v5.0.0 is straightforward and can be accomplished with a few simple steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/angular entry under dependencies and update the version number to 5.0.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to 5.0.0.
  4. Save your changes to the package.json file.
  5. In your project’s root directory, execute the update command:
    • For npm users, run npm install.
    • For yarn users, run yarn install.

What’s new

Features

  • New Directives and Services: Added shadow-on-scroll directive, ThemeDirective, and TextBgColor directive to enhance UI control and customization.
  • V5 Color Mode, Local-Storage, and In-Memory Storage Services: Enhanced services to support modern application needs effectively.

Fixes

  • Tooltip and Popover Positioning: Addressed issues with tooltip and popover offsets to align with v5 UI changes.
  • Responsive Grid Fixes: Updated the responsive grid system to correctly handle columns on small devices.

Refactors

  • Major Components Overhaul: Comprehensive refactoring across many components including sidebar, widget, toast, and tabs to utilize Angular’s latest features such as control flow improvements and Input() transformations.
  • Dark Mode Integration: Integrated ThemeDirective to manage dark mode across various components seamlessly.
  • Performance Improvements: Optimized the use of Angular’s change detection and component rendering processes to boost performance.

Dependency Updates

This release also includes numerous updates to dependencies to enhance security, performance, and compatibility:

  • Updated @angular-devkit/build-angular from ^17.2.2 to ^17.3.2
  • Updated @angular/animations from ^17.2.3 to ^17.3.1
  • Updated @angular/cdk from ^17.2.1 to ^17.3.1
  • Updated @angular/common from ^17.2.3 to ^17.3.1
  • Updated @angular/compiler from ^17.2.3 to ^17.3.1
  • Updated @angular/compiler-cli from ^17.2.3 to ^17.3.1
  • Updated @angular/core from ^17.2.3 to ^17.3.1
  • Updated @angular/forms from ^17.2.3 to ^17.3.1
  • Updated @angular/language-service from ^17.2.3 to ^17.3.1
  • Updated @angular/platform-browser from ^17.2.3 to ^17.3.1
  • Updated @angular/platform-browser-dynamic from ^17.2.3 to ^17.3.1
  • Updated @angular/router from ^17.2.3 to ^17.3.1
  • Updated @typescript-eslint/eslint-plugin from ^6.21.0 to ^7.4.0
  • Updated @typescript-eslint/parser from ^6.21.0 to ^7.4.0
  • Updated chart.js from ^3.9.1 to ^4.4.2
  • Updated ng-packagr from ^17.2.1 to ^17.3.0

CoreUI for Angular v5.0.0 is designed to empower developers with a robust and versatile toolkit for building dynamic, responsive, and visually appealing web applications using Angular. With these updates, CoreUI continues to offer top-notch resources that cater to the evolving needs of modern web development.


For a detailed overview of all the changes, enhancements, and updates, please visit the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
CSS Selector for Parent Element
CSS Selector for Parent Element

How to Convert a Map to an Array in JavaScript
How to Convert a Map to an Array in JavaScript

How to Center a Button in CSS
How to Center a Button in CSS

How to Hide Scrollbar with CSS
How to Hide Scrollbar with CSS

How to Use JavaScript setTimeout()
How to Use JavaScript setTimeout()

Javascript Random - How to Generate a Random Number in JavaScript?
Javascript Random - How to Generate a Random Number in JavaScript?