IdsContextualActionPanel: New Web Component

[tmcconechy]

Add a new IdsContextualActionPanel (ids-contextual-action-panel) component MVP to the WebComponent repo based on https://main-enterprise.demo.design.infor.com/components/contextualactionpanel

Think it should work like the modal possibly inheriting from it. Just change the animation and the toolbar and styling. Should be possible to set the content with the shadowDOM/slots not using a buttons setting like before

Phase 1 Features (MVP)

• Animation
• Toolbar
• Contents
• Events fire
• Modal Breakpoints/fullsize
• use new design 5685 - Change CAP toolbar color enterprise#5688

Phase 2 Features (MVP)

• Most Anything else

Possible Internal Markup

<ids-contextual-action-panel id="my-cap" aria-labelledby="my-cap-title">
  <ids-text slot="title" font-size="24" type="h2" id="my-cap-title">Active IDS CAP</ids-text>
  <ids-toolbar slot="toolbar">
  </ids-toolbar>
  <div slot="contents">
     <!-- contents -->
  </div>
</ids-contextual-action-panel>

Suggested Dependencies

• ids-modal

Design
https://main-enterprise.demo.design.infor.com/components/line/example-index.html

Events

• beforeopen, open, afteropen
• beforeclose, close, afterclose

Close are vetoable
https://github.com/infor-design/enterprise-wc/blob/main/src/components/ids-tag/ids-tag.js#L225-L233

Other
Pass the following checklist ordered in priority (some may be left for later) https://github.com/infor-design/enterprise-wc/blob/main/doc/CHECKLIST.md