Public events for accordion, accordion-item

[jgibson02]

Description

To support programmatically focusing certain, there should be public events to notify when accordion-items are opened/closed.

Acceptance Criteria

• Public calciteAccordionChange event for accordion
• Public events for accordion-item for open & close

Relevant Info

No response

Which Component

accordion, accordion-item

Example Use Case

In forms with several complex sections, there may be need to programmatically set the active prop of an accordion-item, e.g. to prompt the user for a required form control. If you had a piece of state with a boolean that was setting this active prop, then you would need to listen for when the user clicks on an accordion-item. You can currently (at least with the React wrapper) add an onClick event, but this would also fire when clicking anywhere inside the accordion-item's content.

[ReneU]

+1 this would also be helpful for our migration as we hide some 'expensive' components (such as the ArcGIS JS API) initially and only lazy load the content when the user opens the accordion item: