trilium/src/public/app/widgets/buttons/abstract_button.js

import NoteContextAwareWidget from "../note_context_aware_widget.js";

const TPL = `<button class="button-widget no-print" data-toggle="tooltip">
    <span class="bx"></span>
</button>`;

export default class AbstractButtonWidget extends NoteContextAwareWidget {
    isEnabled() {
        return true;
    }

    constructor() {
        super();

        this.settings = {
            titlePlacement: 'right',
            title: null,
            icon: null,
            onContextMenu: null
        };
    }

    doRender() {
        this.$widget = $(TPL);
        this.$iconSpan = this.$widget.find("span");

        if (this.settings.onContextMenu) {
            this.$widget.on("contextmenu", e => {
                this.$widget.tooltip("hide");

                this.settings.onContextMenu(e);
            });
        }

        this.$widget.attr("data-placement", this.settings.titlePlacement);

        this.$widget.tooltip({
            html: true,
            title: () => this.getTitle(),
            trigger: "hover"
        });

        super.doRender();
    }

    getTitle() {
        return typeof this.settings.title === "function"
            ? this.settings.title()
            : this.settings.title;
    }

    refreshIcon() {
        for (const className of this.$iconSpan[0].classList) {
            if (className.startsWith("bx-")) {
                this.$iconSpan.removeClass(className);
            }
        }

        const icon = typeof this.settings.icon === "function"
            ? this.settings.icon()
            : this.settings.icon;

        this.$iconSpan.addClass(icon);
    }

    initialRenderCompleteEvent() {
        this.refreshIcon();
    }

    /** @param {string|function} icon */
    icon(icon) {
        this.settings.icon = icon;
        return this;
    }

    /** @param {string|function} title */
    title(title) {
        this.settings.title = title;
        return this;
    }

    /** @param {string} placement - "top", "bottom", "left", "right" */
    titlePlacement(placement) {
        this.settings.titlePlacement = placement;
        return this;
    }

    onContextMenu(handler) {
        this.settings.onContextMenu = handler;
        return this;
    }
}