@gitlab/ui/dist/components/mixins/tooltip_mixin.js

GitLab UI Components

import { tooltipActionEvents } from '../../utils/constants';

// eslint-disable-next-line import/no-default-export
var tooltip_mixin = (tooltipRefName => ({
  mounted() {
    /**
     * Pass through the events to programmatically open, close, enable
     * and disable a tooltip or a popover.
     *
     * References
     * https://bootstrap-vue.org/docs/components/popover#programmatically-show-and-hide-popover
     * https://bootstrap-vue.org/docs/components/tooltip#programmatically-show-and-hide-tooltip
     */
    tooltipActionEvents.forEach(event => this.$on(event, () => this.$refs[tooltipRefName].$emit(event)));
  },
  beforeDestroy() {
    tooltipActionEvents.forEach(event => this.$off(event));
  }
}));

export default tooltip_mixin;