Ubuntu
/*!
* Matomo - free/libre analytics platform
*
* @link https://matomo.org
* @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
*/
import { DirectiveBinding } from 'vue';
interface TooltipsArgs {
content?: () => void;
delay?: number;
duration?: number;
}
const { $ } = window;
function defaultContentTransform(this: HTMLElement) {
const title = $(this).attr('title') || '';
return window.vueSanitize(title.replace(/\n/g, '
'));
}
function setupTooltips(el: HTMLElement, binding: DirectiveBinding) {
$(el).tooltip({
track: true,
content: binding.value?.content || defaultContentTransform,
show: { delay: binding.value?.delay || 700, duration: binding.value?.duration || 200 },
hide: false,
});
}
export default {
mounted(el: HTMLElement, binding: DirectiveBinding): void {
setTimeout(() => setupTooltips(el, binding));
},
updated(el: HTMLElement, binding: DirectiveBinding): void {
setTimeout(() => setupTooltips(el, binding));
},
beforeUnmount(el: HTMLElement): void {
try {
window.$(el).tooltip('destroy');
} catch (e) {
// ignore
}
},
};