import { LatLng } from "leaflet";

export class ContextMenu {
    #container: HTMLElement | null;
    #latlng: LatLng = new LatLng(0, 0);
    #x: number = 0;
    #y: number = 0;

    constructor(id: string) {
        this.#container = document.getElementById(id);
        this.hide();
    }

    show(x: number, y: number, latlng: LatLng) {
        this.#latlng = latlng;
        this.#container?.classList.toggle("hide", false);
        this.#x = x;
        this.#y = y;
        this.clip();
    }

    hide() {
        this.#container?.classList.toggle("hide", true);
    }

    getContainer() {
        return this.#container;
    }

    getLatLng() {
        return this.#latlng;
    }

    getX() {
        return this.#x;
    }

    getY() {
        return this.#y;
    }

    clip() {
        if (this.#container != null) {
            if (this.#x + this.#container.offsetWidth < window.innerWidth)
                this.#container.style.left = this.#x + "px";
            else
                this.#container.style.left = window.innerWidth - this.#container.offsetWidth - 10 + "px";

            if (this.#y + this.#container.offsetHeight < window.innerHeight)
                this.#container.style.top = this.#y + "px";
            else
                this.#container.style.top = window.innerHeight - this.#container.offsetHeight - 10 + "px";
        }
    }
}