document.addEventListener('DOMContentLoaded', documentReady, false);

function documentReady() {
    const iframe = document.querySelector("iframe"); 
    const dialog = document.querySelector("dialog");
    iframe.onload = () => {
        dialog.style.height = iframe.contentWindow.document.body.getBoundingClientRect().height + "px";
    }
}

window.onmessage = (event) => {
    if (event.data == "close") {
        const dialog = document.querySelector("dialog[open]");
        const iframe = document.querySelector("iframe"); 
        dialog.close();
        iframe.src = "about:blank"
    }
}

function onOpenDialog(href) {
    const iframe = document.querySelector("iframe"); 
    const dialog = document.querySelector("dialog");
    iframe.contentWindow.location = href; 
    dialog.showModal();
}