[calcite-menu] add an option to show active indicator at the start instead of end

[rpanichakit9541]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Description

Currently when using calcite-menu with layout="vertical", the active indicator of the calcite-menu-item always show up at the end (right side) of the item. In contrast, if I use calcite-list with selection-appearance="border" it shows the selected indicator at the front.

Can we expose a prop so the user can choose to switch the active indicator to the front instead?

Acceptance Criteria

Add a way to be able to configure calcite-menu to show active indicator at the front of the item

Relevant Info

No response

Which Component

calcite-menu calcite-menu-item

Example Use Case

Here's a repro example to show the contrast between calcite-menu and calcite-list https://codepen.io/rpanichakit/pen/yLwqGzw?editors=100

Here's a link to the issue from a designer requesting the active indicator position change https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/48951

Priority impact

p4 - not time sensitive

Calcite package

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

Esri team

ArcGIS Online

[geospatialem]

Design expertise sought for implementation alongside the indicator at the end of the component.

[SkyeSeitz]

Design expertise sought for implementation alongside the indicator at the end of the component.

Definitely agree with this direction. Thanks @ashetland for adding the labels to move this forward.