import { Tooltip } from "bootstrap";

let tooltips: Array<bootstrap.Tooltip> = [];

/** ! Ignore here because there is no good TS vue mixin implementation at this time */
export default {
    methods: {
        initTooltips() {
            // Disable tooltips on reboot.
            tooltips.forEach((tooltip) => {
                tooltip.disable();
                tooltip.hide();
            });
            tooltips = [].slice
                .call(document.querySelectorAll("[data-bs-toggle=\"tooltip\"]"))
                .map(function (tooltipTriggerEl) {
                    return new Tooltip(tooltipTriggerEl, {
                        customClass: "large-tooltip",
                        delay: {
                            show: 1250,
                            hide: 0,
                        },
                    });
                });
        },
    },
};