panel: add alerts slot

[driskull]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

add alerts slot to panel to constrain alerts to the panel in question

Acceptance Criteria

alerts can be slotted into a panel and contained within that panel

Relevant Info

#7886 (comment)

Which Component

panel

Example Use Case

<calcite-panel>
<calcite-alert slot="alerts"></calcite-alert>
</calcite-panel>

Priority impact

impact - p1 - need for current milestone

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

N/A

[github-actions]

Installed and assigned for verification.

[DitwanP]

@driskull Is this how it's intended to look or is it supposed to be above the buttons?

[driskull]

Yes, that is how I intended, it is just constrained inside the panel. Maybe we should ask @SkyeSeitz and @ashetland ?

[SkyeSeitz]

Is the Alert slot always tied to the content inside the bounds of Panel's default slot? Or would that ever be too narrow?

[driskull]

My thinking was that it might be too narrow in some cases.

[SkyeSeitz]

I assumed the same and defaulted to positioned to the Panel itself. I am fine with that if no one else has any objections.

[ashetland]

This may be fine as a starting point and could be updated after feedback. My initial reaction is it does feel awkward covering the footer like that and might be nice if it had some margin to force it higher? But as I said, could wait for feedback on it.

[driskull]

Let me know what you prefer. I can make it appear over the content if that's the way we want to go.

[ashetland]

"Wait for feedback" is the consensus. ✅

[DitwanP]

🍡Verified on 2.11.0-next.11