`navigationAction` property cannot be enabled after `calcite-navigation` initializes

[jcfranco]

monday.com sync: #11473732832

Check existing issues

• I have checked for existing issues to avoid duplicates

Which Component

N/A, Navigation

Actual Behavior

The navigationAction property is immediately set to false when set after initialization.

Expected Behavior

The property can be toggled like any other boolean property.

Reproduction Sample

https://codepen.io/jcfranco/pen/yyaVYBq?editors=1000

Reproduction Steps

1. Open the codepen
2. Notice how the second navigation component never renders the navigation action

Reproduction Version

5.0.2

Relevant Info

This looks to be caused by a combination of the slotchange event handler, which disables the property, firing after the property is set to true and the internal action is rendered.

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

This was causing failures in the following PR, which updates the testing environment (skipped in #13897).

Calcite package

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

Esri team

Calcite (dev)