Angular 16 Support (SKY UX 9)

[Blackbaud-KerryCampbell]

Angular 16
For an overview of the new features introduced in Angular 16, see the Angular 16 release announcement.

Adopted Angular's Standalone Components
Angular 14+ introduced "standalone" components to allow for more efficient frontend development, with the API becoming stable in Angular 16. To facilitate adoption of standalone components without breaking changes, we created "legacy" flyout and modal services that function identically to the flyout and modal services in SKY UX 8.

AG Grid 29 support
SKY UX was updated to support AG Grid 29 and its new features which can be reviewed in its changelog. Data grid and data entry grid components were updated to use AG Grid 29, which improves their performance.

Angular removed ngcc
Angular 16 dropped support for a deprecated build format which was used by Angular 9/SKY UX 4 libraries. As a consequence, Angular 16 applications still using SKY UX 4 libraries will need to use an updated version of those libraries before releasing to production.

Accessibility updates
We removed default aria-labels from country field, phone field, datepicker, and timepicker, which often contradicted what the visible label was. Correctly using these fields inside an input box will provide the correct aria-label. We also resolved mouse events correctly for autocomplete/lookup so that users with delayed motor movements can interact with the component more successfully.

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