| 464 | |
| 465 | // ---- Image overlay ---- |
| 466 | function showImageOverlay(src) { |
| 467 | let overlay = document.getElementById('image-overlay'); |
| 468 | if (!overlay) { |
| 469 | overlay = document.createElement('div'); |
| 470 | overlay.id = 'image-overlay'; |
| 471 | overlay.className = 'image-overlay'; |
| 472 | overlay.addEventListener('click', () => overlay.classList.remove('visible')); |
| 473 | overlay.innerHTML = '<img>'; |
| 474 | document.body.appendChild(overlay); |
| 475 | } |
| 476 | overlay.querySelector('img').src = src; |
| 477 | overlay.classList.add('visible'); |
| 478 | } |
| 479 | |
| 480 | // ---- Event Processing ---- |
| 481 | export function processEvent(evt, seq) { |