(function () { const svgMarkup = ``; function insertSVGTo(target) { if (!target) return false; // If element was recreated the dataset guard might be absent; check content instead if (target.dataset.svgInserted === '1' || target.querySelector('svg')) return true; target.innerHTML = svgMarkup; target.dataset.svgInserted = '1'; console.debug('SVG inserted into .api-capabilities', target); return true; } function tryInsert() { const t = document.querySelector('.api-capabilities'); return insertSVGTo(t); } // Run initial attempt if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', tryInsert); } else { tryInsert(); } // Persistent MutationObserver: watch for new nodes and attribute changes (class/style/hidden) const observer = new MutationObserver((mutations) => { for (const m of mutations) { if (m.type === 'childList') { // check added nodes quickly for (const node of m.addedNodes) { if (node.nodeType !== 1) continue; if (node.matches && node.matches('.api-capabilities')) { insertSVGTo(node); } else { const found = node.querySelector && node.querySelector('.api-capabilities'); if (found) insertSVGTo(found); } } } else if (m.type === 'attributes') { // attributes changes on existing nodes (useful when tab only toggles classes) const el = m.target; if (el && el.matches && el.matches('.api-capabilities')) { // short delay to allow framework to finish any internal rendering setTimeout(() => insertSVGTo(el), 0); } } } }); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'style', 'hidden'] }); // Patch history API once (for SPA pushState/replaceState) (function patchHistory() { if (history.__patchedForLocationChange) return; history.__patchedForLocationChange = true; const origPush = history.pushState; const origReplace = history.replaceState; history.pushState = function () { const res = origPush.apply(this, arguments); window.dispatchEvent(new Event('locationchange')); return res; }; history.replaceState = function () { const res = origReplace.apply(this, arguments); window.dispatchEvent(new Event('locationchange')); return res; }; window.addEventListener('popstate', () => window.dispatchEvent(new Event('locationchange'))); })(); // On SPA nav, retry a bit after change (gives frameworks time to mount) window.addEventListener('locationchange', () => setTimeout(tryInsert, 40)); // Tab clicks / generic click hook (covers manual tab systems) document.addEventListener('click', (e) => { // tune selector to match your tab element(s) if you have specific structure const tabClicked = e.target.closest('[data-toggle="tab"], [role="tab"], .tab, .nav-link'); if (tabClicked) { // slight delay to allow tab panel to be inserted/activated setTimeout(tryInsert, 40); } }); // If using Bootstrap tabs, listen to shown.bs.tab (works reliably) document.addEventListener('shown.bs.tab', () => setTimeout(tryInsert, 30)); // Short fallback retry loop for edge cases let tries = 0; const fallback = setInterval(() => { if (tryInsert() || ++tries > 15) clearInterval(fallback); }, 200); })();