Edit File by line

import tippy from 'tippy.js';

[0] Fix | Delete

import '../scss/otgsPopoverTooltip.scss';

[1] Fix | Delete

[2] Fix | Delete

window.addEventListener("DOMContentLoaded", () => {

[3] Fix | Delete

initialize();

[4] Fix | Delete

});

[5] Fix | Delete

[6] Fix | Delete

/**

[7] Fix | Delete

[8] Fix | Delete

* @param {Element} element

[9] Fix | Delete

[10] Fix | Delete

export function initSingle(element) {

[11] Fix | Delete

/**

[12] Fix | Delete

* @see https://atomiks.github.io/tippyjs/#all-options

[13] Fix | Delete

* @type {{arrow: boolean, theme: string, animation: string, sticky: boolean, interactive: boolean}}

[14] Fix | Delete

[15] Fix | Delete

const args = {

[16] Fix | Delete

arrow: true,

[17] Fix | Delete

theme: 'otgs',

[18] Fix | Delete

animation: 'fade',

[19] Fix | Delete

sticky: true,

[20] Fix | Delete

interactive: true,

[21] Fix | Delete

};

[22] Fix | Delete

if ( !element.getAttribute('data-tippy-content') && element.getAttribute('title') ) {

[23] Fix | Delete

args.content = element.getAttribute('title');

[24] Fix | Delete

element.removeAttribute('title');

[25] Fix | Delete

}

[26] Fix | Delete

tippy(element, args);

[27] Fix | Delete

}

[28] Fix | Delete

[29] Fix | Delete

export function initialize() {

[30] Fix | Delete

/**

[31] Fix | Delete

* @param {NodeList} elements

[32] Fix | Delete

[33] Fix | Delete

//TODO change all .wpml-popover to otgs-popover

[34] Fix | Delete

const elements = [...document.querySelectorAll('.js-otgs-popover-tooltip, .js-wpml-popover-tooltip')];

[35] Fix | Delete

[36] Fix | Delete

/**

[37] Fix | Delete

* @param {Element} element

[38] Fix | Delete

[39] Fix | Delete

elements.forEach(element => initSingle(element));

[40] Fix | Delete

}

[41] Fix | Delete

[42] Fix | Delete