https://nata.pl/assets/front/js/popover/popover.js

1(function () {
2  window.addEventListener("load", () => {
3    let popoverElements = document.querySelectorAll('[data-toggle="popover"]');
4
5    let popoverTemplate = `<div class="popover fade"><div class="arrow" style="top: 34px;"></div><h3 class="popover-header">{title}</h3><div class="popover-body">{content}</div></div>`;
6
7    popoverElements.forEach((el) => {
8      const title = el.dataset.originalTitle ?? el.getAttribute("title");
9      const content = el.dataset.content;
10      const newPopover = popoverTemplate
11        .replace("{title}", title)
12        .replace("{content}", content);
13      el.innerHTML += newPopover;
14
15      let popover = el.querySelector(".popover");
16
17      popover?.addEventListener("mouseover", () => {
18        popover?.classList.remove("show");
19      });
20    });
21  });
22})();