feat: add show/hide events to cv-interactive-tooltip

[davidnixon]

We had a use case in our app to animate a part of the page when the tooltip is shown and when the tooltip is hidden. There is not an easy way to do this without events emitted from the tooltip so I forked the component to use it in our app.

Changelog

M packages/core/src/components/cv-tooltip/cv-interactive-tooltip.vue
M packages/core/src/components/cv-tooltip/cv-tooltip-notes.md

[netlify]

✔️ Deploy preview for carbon-components-vue ready!

🔨 Explore the source changes: dbe5b68

🔍 Inspect the deploy logs: https://app.netlify.com/sites/carbon-components-vue/deploys/60003a0b1e94cf00075c39a9

😎 Browse the preview: https://deploy-preview-1094--carbon-components-vue.netlify.app

[lee-chase]

Looks good, could you add actions in storybook?

[davidnixon]

Looks good, could you add actions in storybook?

done

[davidnixon]

Looks good, could you add actions in storybook?

done

Actually let me re-work this to just have a show event with a true/false param. That would be cleaner.

[davidnixon]

Looks good, could you add actions in storybook?

done

Actually let me re-work this to just have a show event with a true/false param. That would be cleaner.

😃 OK last change. Really this time. I looked for other examples and found CVModal which also has a show/hide event so I used that as a model instead. It's still 2 different events but slightly renamed to match the CvModal pattern.

carbon-components-vue/packages/core/src/components/cv-modal/cv-modal.vue

Line 210 in d5f18bd

this.$emit('modal-shown');

carbon-components-vue/packages/core/src/components/cv-modal/cv-modal.vue

Line 252 in d5f18bd

this.$emit('modal-hidden');