stylescape/ts/elements/DialogManager.ts

Stylescape is a visual identity framework developed by Scape Agency.

// Handles opening and closing of modal dialog windows, including confirmation and prompt dialogs.

export default class DialogManager {
    private dialog: HTMLElement;

    constructor(dialogId: string) {
        this.dialog = document.getElementById(dialogId) as HTMLElement;
        const closeButton = this.dialog.querySelector(
            ".dialog-close",
        ) as HTMLElement;
        closeButton.addEventListener("click", () => this.closeDialog());
    }

    openDialog(): void {
        this.dialog.classList.add("open");
    }

    closeDialog(): void {
        this.dialog.classList.remove("open");
    }
}

// Usage;
// const dialogManager = new DialogManager("myDialog");
// dialogManager.openDialog();