2494 - Fix legend URL behavior when selectable attribute is true

[gurov]

Explain the details for making this change. What existing problem does the pull request solve?

Problem
While setting the selectable attribute in a bar (/any other) chart, the legend icon acts as a URL.

Setting up the chart selectable attribute to false (or adding pointer-events : none for the anchor tag in DOM) prevents the chart legend from acting as a URL but does not retain the highlight effect on clicking each of the chart slices.

Solution
Added pointer-events: none; to swatch tag, so all clicks on the swatch element will be passed to a parent chart-legend-item element.

Related github/jira issue (required):

Closes #2494

Steps necessary to review your pull request (required):

http://localhost:4300/ids-bar-chart/selectable.html

• Check out this branch and run: nvm i && nvm use && npm i && npm run start
• Open http://localhost:4300/ids-bar-chart/selectable.html
• Click to legend labels and label colored icons
• Make sure the URL doesn't change

Included in this Pull Request:

• Some documentation for the feature.
• A test for the bug or feature.
• A note to the change log.

[tmcconechy]

@gurov looks like a good solution. The only thing: Can you please put the change log in a new 1.5.1 section since 1.5.0 is already released. If you sync with main i think that the new section will be there https://github.com/infor-design/enterprise-wc/blob/main/doc/CHANGELOG.md#151

(but should add it in a fixes section under)