Refactor: Open/Close events should be publicly exposed for top-level components

[Elijbet]

Description

Related Issue: #2256

Summary

Follow-up issue: Open/Close events should be publicly exposed, as these might be useful for users at some point. Especially for a top-level component that isn't emitting this event for another Calcite component to listen for. In that case, just ensure it does not have the @internal label or Internal prefix and is documented.

Proposed Advantages

Users might need control over these.

Which Component

Based on the comment below:
The originating issue for this has been addressed (making combobox open/close events public). Other components could implement OpenCloseComponent with associated events:

open prop:

• action-menu (Action-menu: implement OpenCloseComponent interface #6017)
• block-section
• list-item
• menu-item

expanded prop:

• accordion-item
• action-bar
• action-group
• action-pad
• tree-item

closed prop:

• list-item
• chip
• tab-title
• tip
• tip-manager

collapsed prop:

• panel
• shell-panel
• flow-item

We may also need to tackle #5074 along with this issue.

[jcfranco]

It seems the originating issue for this has been addressed (making combobox open/close events public).

There are other components that could implement OpenCloseComponent with associated events:

open prop

• action-menu (Action-menu: implement OpenCloseComponent interface #6017)
• block-section
• list-item
• menu-item

expanded prop

• accordion-item
• action-bar
• action-group
• action-pad
• tree-item (expanded prop)

Not sure if we want to address those in a separate PR or repurpose this one.

We may also need to tackle #5074 along with this issue.

[github-actions]

cc @geospatialem, @brittneytewks

[driskull]

Do we have an issue to add these kind of events for closed props on panel, flow-item, list-item, etc?

[Elijbet]

Do we have an issue to add these kind of events for closed props on panel, flow-item, list-item, etc?

I'll add those to this issue as well. openCloseComponent util needs to be modified to account for open, close, expanded, collapsed props.

Items that use closed prop:

• list-item
• chip 
• tab-title
• tip
• tip-manager

And collapsed prop for:

• panel
• shell-panel
• flow-item

[Elijbet]

In order to make components with expanded, collapsed, and closed props openCloseComponents, we will need to first address this issue: Revisit event names emitted by openCloseComponent util#9513

[geospatialem]

Blocked by the efforts of #9513