(function () { 'use strict'; var MOBILE_BP = 1280; var MIN_HEADINGS = 3; var MAX_HEADINGS = 30; var banner = null; var cachedThreshold = 0; var currentLabel = null; var chevron = null; var dropdown = null; var backdrop = null; var list = null; var scrollListener = null; var resizeListener = null; var resizeTimer = null; var sidebarObserver = null; var sidebarCheckPending = false; var headings = []; var isOpen = false; var isHidden = false; var hiddenBySidebar = false; var lastScrollY = 0; var contentRoot = null; var origPaddingTop = null; function getHeaderHeight() { var header = document.querySelector('header'); return header ? header.offsetHeight : 60; } function refreshScrollThreshold() { cachedThreshold = getHeaderHeight() + (banner ? banner.offsetHeight : 0) + 4; } function getScrollThreshold() { return cachedThreshold; } function getArticle() { return document.querySelector('article') || document.querySelector('main'); } function getContentRoot() { return ( document.querySelector('#content-area') || document.querySelector('article') || document.querySelector('main') ); } function getHeadings() { var art = getArticle(); if (!art) return []; var els = art.querySelectorAll('h2[id], h3[id], h4[id]'); return Array.prototype.slice.call(els, 0, MAX_HEADINGS).map(function (el) { return { id: el.id, text: el.textContent.trim(), level: +el.tagName[1], el: el }; }); } function applyContentOffset() { contentRoot = getContentRoot(); if (!contentRoot || !banner) return; refreshScrollThreshold(); var computed = parseFloat(window.getComputedStyle(contentRoot).paddingTop) || 0; origPaddingTop = contentRoot.style.paddingTop; contentRoot.style.paddingTop = (computed + banner.offsetHeight) + 'px'; document.documentElement.style.scrollPaddingTop = cachedThreshold + 'px'; } function removeContentOffset() { if (contentRoot && origPaddingTop !== null) { contentRoot.style.paddingTop = origPaddingTop; origPaddingTop = null; } document.documentElement.style.scrollPaddingTop = ''; contentRoot = null; } function cleanup() { removeContentOffset(); if (banner && banner.parentNode) banner.parentNode.removeChild(banner); if (dropdown && dropdown.parentNode) dropdown.parentNode.removeChild(dropdown); if (backdrop && backdrop.parentNode) backdrop.parentNode.removeChild(backdrop); if (scrollListener) { document.removeEventListener('scroll', scrollListener, { capture: true }); scrollListener = null; } if (resizeListener) { window.removeEventListener('resize', resizeListener); resizeListener = null; } if (sidebarObserver) { sidebarObserver.disconnect(); sidebarObserver = null; } clearTimeout(resizeTimer); resizeTimer = null; sidebarCheckPending = false; banner = currentLabel = chevron = dropdown = backdrop = list = null; headings = []; isOpen = false; isHidden = false; hiddenBySidebar = false; } function bannerTopPx() { return getHeaderHeight() + 'px'; } function updateDropdownTop() { if (!banner || !dropdown) return; dropdown.style.top = banner.getBoundingClientRect().bottom + 'px'; } function openDropdown() { isOpen = true; updateDropdownTop(); dropdown.classList.add('mtoc-open'); backdrop.classList.add('mtoc-open'); if (chevron) chevron.style.transform = 'rotate(180deg)'; setTimeout(function () { var active = list && list.querySelector('.mtoc-active'); if (active) active.scrollIntoView({ block: 'nearest' }); }, 80); } function closeDropdown() { isOpen = false; if (dropdown) dropdown.classList.remove('mtoc-open'); if (backdrop) backdrop.classList.remove('mtoc-open'); if (chevron) chevron.style.transform = ''; } function showBanner(instant) { if (!banner || !isHidden) return; isHidden = false; if (instant) banner.classList.add('mtoc-no-transition'); banner.style.opacity = '1'; banner.style.transform = 'translateY(0)'; banner.style.pointerEvents = ''; if (instant) { var b = banner; requestAnimationFrame(function () { requestAnimationFrame(function () { if (b) b.classList.remove('mtoc-no-transition'); }); }); } } function hideBanner(instant) { if (!banner || isHidden) return; isHidden = true; closeDropdown(); if (instant) banner.classList.add('mtoc-no-transition'); banner.style.opacity = '0'; banner.style.transform = 'translateY(-4px)'; banner.style.pointerEvents = 'none'; if (instant) { var b = banner; requestAnimationFrame(function () { requestAnimationFrame(function () { if (b) b.classList.remove('mtoc-no-transition'); }); }); } } function isSidebarOpen() { var b = document.body; var h = document.documentElement; if (b.style.overflow === 'hidden' || b.style.overflowY === 'hidden') return true; if (h.style.overflow === 'hidden' || h.style.overflowY === 'hidden') return true; if (/overflow-hidden|noscroll|no-scroll|scroll-lock/.test(b.className)) return true; if (/overflow-hidden|noscroll|no-scroll|scroll-lock/.test(h.className)) return true; if (b.hasAttribute('data-scroll-locked') || h.hasAttribute('data-scroll-locked')) return true; if (b.hasAttribute('data-scroll-lock') || h.hasAttribute('data-scroll-lock')) return true; // Mintlify mobile nav overlay: dialog with #mobile-nav is appended to body when open if (document.getElementById('mobile-nav')) return true; // Mintlify persistent sidebar: #sidebar-content is visible at lg breakpoint (>=1024px) var persistentSidebar = document.getElementById('sidebar-content'); if (persistentSidebar && window.getComputedStyle(persistentSidebar).display !== 'none') return true; return false; } function build() { cleanup(); if (window.innerWidth >= MOBILE_BP) return; headings = getHeadings(); if (headings.length < MIN_HEADINGS) return; backdrop = document.createElement('div'); backdrop.id = 'mtoc-backdrop'; backdrop.addEventListener('click', closeDropdown); dropdown = document.createElement('div'); dropdown.id = 'mtoc-dropdown'; dropdown.setAttribute('role', 'navigation'); dropdown.setAttribute('aria-label', 'Page sections'); list = document.createElement('ul'); list.id = 'mtoc-list'; list.setAttribute('role', 'list'); headings.forEach(function (h) { var li = document.createElement('li'); li.className = 'mtoc-item mtoc-h' + h.level; li.dataset.id = h.id; var a = document.createElement('a'); a.href = '#' + h.id; a.textContent = h.text; a.addEventListener('click', closeDropdown); li.appendChild(a); list.appendChild(li); }); dropdown.appendChild(list); banner = document.createElement('div'); banner.id = 'mtoc-banner'; var toggle = document.createElement('button'); toggle.id = 'mtoc-toggle'; toggle.setAttribute('aria-haspopup', 'true'); toggle.setAttribute('aria-expanded', 'false'); var listIcon = document.createElement('span'); listIcon.className = 'mtoc-list-icon'; listIcon.innerHTML = ''; currentLabel = document.createElement('span'); currentLabel.id = 'mtoc-current'; currentLabel.textContent = headings[0] ? headings[0].text : 'On this page'; chevron = document.createElement('span'); chevron.className = 'mtoc-chevron'; chevron.innerHTML = ''; toggle.appendChild(listIcon); toggle.appendChild(currentLabel); toggle.appendChild(chevron); toggle.addEventListener('click', function () { if (isOpen) { closeDropdown(); } else { openDropdown(); } toggle.setAttribute('aria-expanded', String(isOpen)); }); banner.appendChild(toggle); banner.style.top = bannerTopPx(); document.body.appendChild(backdrop); document.body.appendChild(dropdown); document.body.appendChild(banner); requestAnimationFrame(applyContentOffset); requestAnimationFrame(function () { if (isSidebarOpen()) { hiddenBySidebar = true; hideBanner(true); } }); resizeListener = function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { if (!banner) return; banner.style.top = bannerTopPx(); applyContentOffset(); updateDropdownTop(); if (isSidebarOpen()) { if (!hiddenBySidebar) { hiddenBySidebar = true; hideBanner(true); } } else { if (hiddenBySidebar) { hiddenBySidebar = false; showBanner(true); } } }, 100); }; window.addEventListener('resize', resizeListener); sidebarObserver = new MutationObserver(function () { if (sidebarCheckPending) return; sidebarCheckPending = true; requestAnimationFrame(function () { sidebarCheckPending = false; if (isSidebarOpen()) { if (!hiddenBySidebar) { hiddenBySidebar = true; hideBanner(true); } } else { if (hiddenBySidebar) { hiddenBySidebar = false; showBanner(true); } } }); }); var bodyObserveOpts = { childList: true, subtree: false, attributes: true, attributeFilter: ['style', 'class', 'data-scroll-locked', 'data-scroll-lock'] }; var htmlObserveOpts = { attributes: true, attributeFilter: ['style', 'class', 'data-scroll-locked', 'data-scroll-lock'] }; sidebarObserver.observe(document.body, bodyObserveOpts); sidebarObserver.observe(document.documentElement, htmlObserveOpts); var lastActiveId = null; var ticking = false; lastScrollY = window.scrollY || document.documentElement.scrollTop; scrollListener = function () { if (ticking) return; ticking = true; requestAnimationFrame(function () { var scrollY = window.scrollY || document.documentElement.scrollTop; var diff = scrollY - lastScrollY; lastScrollY = scrollY; if (!hiddenBySidebar) { if (scrollY < 40) { showBanner(); } else if (diff > 4) { hideBanner(); } else if (diff < -4) { showBanner(); } } if (isHidden) { ticking = false; return; } var threshold = getScrollThreshold(); var lo = 0, hi = headings.length - 1, activeIdx = 0; while (lo <= hi) { var mid = (lo + hi) >> 1; var el = headings[mid].el; if (!el || !el.isConnected) { el = document.getElementById(headings[mid].id); headings[mid].el = el; } if (el && el.getBoundingClientRect().top <= threshold) { activeIdx = mid; lo = mid + 1; } else { hi = mid - 1; } } var active = headings[activeIdx] || headings[0]; if (active && active.id !== lastActiveId) { lastActiveId = active.id; if (currentLabel) currentLabel.textContent = active.text; var items = list.querySelectorAll('li'); for (var j = 0; j < items.length; j++) { items[j].classList.remove('mtoc-active'); } var activeLi = list.querySelector('li[data-id="' + active.id + '"]'); if (activeLi) activeLi.classList.add('mtoc-active'); } ticking = false; }); }; document.addEventListener('scroll', scrollListener, { capture: true, passive: true }); scrollListener(); } function teardownListeners() { if (scrollListener) { document.removeEventListener('scroll', scrollListener, { capture: true }); scrollListener = null; } if (resizeListener) { window.removeEventListener('resize', resizeListener); resizeListener = null; } if (sidebarObserver) { sidebarObserver.disconnect(); sidebarObserver = null; } clearTimeout(resizeTimer); resizeTimer = null; sidebarCheckPending = false; } function wrapHistory(method) { var orig = history[method].bind(history); history[method] = function () { orig.apply(history, arguments); teardownListeners(); if (banner) hideBanner(); setTimeout(function () { cleanup(); build(); }, 400); }; } function init() { wrapHistory('pushState'); wrapHistory('replaceState'); window.addEventListener('popstate', function () { teardownListeners(); if (banner) hideBanner(); setTimeout(function () { cleanup(); build(); }, 400); }); build(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();