Angular 18 Support (SKY UX 11)

[Blackbaud-KerryCampbell]

How to update

To update your project to the next version of Angular and SKY UX, run the following command.

ng update @angular/core @angular/cli @skyux/packages

Angular 18 support

For an overview of the new features introduced in Angular 18, see the Angular 18 release announcement or update guide.

AG Grid 32 support

More information on what AG Grid added can be found in their release notes for v32 or in their change log.

TypeScript 5.5 support

Angular 18 supports TypeScript 5.4 or 5.5 so SKY UX has upped its dependency to TS 5.5. For more information on the update to 5.5 of TypeScript you can review its release article as well as 5.4's release article.

Data Grid updates

• The ‘Enter’ key no longer takes the user to the next row when editing instead moves the user to the next column in that row.
• In a composite component with one stop in the tab order, focus within the component is returned to the last focused item upon focus coming back to the composite component. i.e., when a user tabs away from the entry grid accidentally, they can tab back and have their focus land in the same cell they were working on. This is an accessibility requirement and improvement for user wayfinding.
• Added SKY UX styles for the AG Grid selector checkboxes that is a native feature of AG Grid.
• Buttons in a data entry grid are now accessible via keyboard navigation.

Form Errors show after touch

To reduce the noise for users filling out form fields, errors will now only show after a user has interacted with a field and moved away, therefore showing intent that they think the value is correct. Previously, errors were being triggered as users interacted with forms, so it was entirely possible that they were still just working on their initial value. i.e., when typing a phone number, the error would show after a few characters were typed but the user was still typing in the rest of the number.