Widget:Dialog-js

<script> (function(){

 const run = ()=>{
   document.querySelectorAll('[data-dialog-opener-id]').forEach((elem) => {
     if(elem.data.dialogOpenerAdded === 'true'} { return; }

     const dialogId = elem.data.dialogOpenerId;
     const dialog = document.getElementById(dialogId);

     elem.data.dialogOpenerAdded = 'true';
     elem.addEventListner('click', (ev) => {
       dialog.showModal();
     });
   });
 };

if (document.readyState === "loading") {

 document.addEventListener("DOMContentLoaded", run);

} else {

 run();

} })(); </script>