CoreUI for Angular v5.0.0
![CoreUI for Angular v5.0.0](/images/blog/angular_hu2f311b97f27c5c950b77ebc478a7853d_169234_1360x0_resize_q90_h2_box.webp)
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:
- Open your project’s
package.json
. - Locate the
@coreui/angular
entry under dependencies and update the version number to5.0.0
. - Find the
@coreui/coreui
entry under dependencies and update the version number to5.0.0
. - Save your changes to the
package.json
file. - In your project’s root directory, execute the update command:
- For npm users, run
npm install
. - For yarn users, run
yarn install
.
- For npm users, run
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.