(function () { const ROOT_CLASS = "diagram-zoom-modal"; const INIT_ATTR = "data-zoom-init"; function ensureModal() { let modal = document.querySelector("." + ROOT_CLASS); if (modal) return modal; modal = document.createElement("div"); modal.className = ROOT_CLASS; modal.innerHTML = '

' + '

' + ' " + '

' + '

' + "

" + "

"; document.body.appendChild(modal); modal.addEventListener("click", function (e) { const target = e.target; if (!(target instanceof HTMLElement)) return; if (target.dataset.close === "1" || target.dataset.act === "close") { closeModal(modal); return; } if (target.dataset.act) { handleAction(modal, target.dataset.act); } }); const stage = modal.querySelector(".diagram-zoom-stage"); if (stage) { stage.addEventListener( "wheel", function (e) { e.preventDefault(); const delta = e.deltaY < 0 ? 0.1 : -0.1; applyScale(modal, delta); }, { passive: false }, ); } document.addEventListener("keydown", function (e) { if (e.key === "Escape") closeModal(modal); }); return modal; } function getScale(modal) { const v = Number(modal.getAttribute("data-scale") || "1"); if (Number.isNaN(v) || v <= 0) return 1; return v; } function setScale(modal, next) { const content = modal.querySelector(".diagram-zoom-content"); if (!content) return; const clamped = Math.max(0.4, Math.min(3.5, next)); modal.setAttribute("data-scale", String(clamped)); content.style.transform = "scale(" + clamped.toFixed(2) + ")"; } function applyScale(modal, delta) { setScale(modal, getScale(modal) + delta); } function handleAction(modal, act) { if (act === "plus") applyScale(modal, 0.15); if (act === "minus") applyScale(modal, -0.15); if (act === "reset") setScale(modal, 1); } function openModalWithSvg(svg) { const modal = ensureModal(); const content = modal.querySelector(".diagram-zoom-content"); if (!content) return; content.innerHTML = ""; const clone = svg.cloneNode(true); content.appendChild(clone); setScale(modal, 1); modal.classList.add("is-open"); document.body.classList.add("diagram-zoom-lock"); } function closeModal(modal) { modal.classList.remove("is-open"); document.body.classList.remove("diagram-zoom-lock"); } function bindZoomTargets() { const blocks = document.querySelectorAll(".zoomable-diagram"); blocks.forEach(function (block) { if (!(block instanceof HTMLElement)) return; const svg = block.querySelector("svg"); if (!svg) return; if (svg.getAttribute(INIT_ATTR) === "1") return; svg.setAttribute(INIT_ATTR, "1"); svg.classList.add("zoomable-diagram-target"); svg.addEventListener("click", function () { openModalWithSvg(svg); }); }); } const observer = new MutationObserver(function () { bindZoomTargets(); }); if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", bindZoomTargets); } else { bindZoomTargets(); } observer.observe(document.documentElement, { childList: true, subtree: true }); })();

​Release notes

​Start here

​Release lines

​Patch entries

​Rules

Release notes

Start here

Release lines

Patch entries

Rules