' + dotsMarkup() + "

"; document.documentElement.appendChild(loaderEl); progressEl = loaderEl; return loaderEl; } function ensureProgress() { return ensureNavLoader(); } function showNavLoader() { ensureNavLoader(); if (loaderHideTimer) { clearTimeout(loaderHideTimer); loaderHideTimer = null; } loaderEl.classList.remove("t3-nav-loader-exit"); loaderEl.classList.add("t3-nav-loader-active"); loaderEl.setAttribute("aria-hidden", "false"); document.documentElement.classList.add("t3-loader-on"); lockPageScroll(); bindHoldScrollBlock(true); } function hideNavLoader(immediate) { if (!loaderEl) { document.documentElement.classList.remove("t3-loader-on", "t3-holding"); bindHoldScrollBlock(false); unlockPageScroll(); return; } function clearUi() { loaderHideTimer = null; loaderEl.classList.remove("t3-nav-loader-active", "t3-nav-loader-exit"); loaderEl.setAttribute("aria-hidden", "true"); document.documentElement.classList.remove("t3-loader-on", "t3-holding"); bindHoldScrollBlock(false); unlockPageScroll(); } if (loaderHideTimer) { clearTimeout(loaderHideTimer); loaderHideTimer = null; } if (immediate || reducedMotion || !loaderEl.classList.contains("t3-nav-loader-active")) { clearUi(); return; } loaderEl.classList.add("t3-nav-loader-exit"); loaderHideTimer = setTimeout(clearUi, 220); setTimeout(function () { if (document.documentElement.classList.contains("t3-loader-on")) clearUi(); }, 400); } function holdStatusMarkup() { return dotsMarkup(); } function veilMarkup() { return ( '

' + '

' + '' + 'Loading page…' + "

" + '

' + '

' + "

" + '

' + '

' + "

" ); } function ensureVeil() { if (!veilEl) { veilEl = document.createElement("div"); veilEl.id = "t3-page-veil"; veilEl.setAttribute("aria-hidden", "true"); document.documentElement.appendChild(veilEl); } if (!veilEl.querySelector(".t3-page-veil-status")) { veilEl.innerHTML = veilMarkup(); } applyOverlayBounds(veilEl); return veilEl; } function ensureHold() { if (!holdEl) { holdEl = document.createElement("div"); holdEl.id = "t3-page-hold"; holdEl.setAttribute("aria-hidden", "true"); holdInner = document.createElement("div"); holdInner.className = "t3-page-hold-inner"; holdEl.appendChild(holdInner); document.documentElement.appendChild(holdEl); } applyOverlayBounds(holdEl); return holdEl; } function contentLooksReady(root) { root = root || contentRoot(); if (!root) return false; var cloneText = (root.innerText || "").replace(/\s+/g, " ").trim(); var text = cloneText.replace(/Loading page[…\.]*/gi, "").replace(/\s+/g, " ").trim(); if (text.length >= 48) return true; if (root.querySelector("h1, h2, img, pre, table, .mdx-content, article")) { return text.length >= 12; } return false; } function docsSkeletonMarkup(kind) { var main = '

' + '

'; if (kind === "hub") { main += '

' + '

' + "

" + '

' + '

' + "

"; } else if (kind === "install") { main += '

' + '

' + "

" + '

' + '

' + "

"; } else { main += '

' + '

' + "

" + '

' + '

'; } main += "

"; var toc = '"; return ( '

' + '

' + main + toc + "

" ); } function skeletonKindForHref(href) { href = (href || "").split("?")[0].split("#")[0]; var path = href || currentPath(); if (/Installation|ReInstall|UpdateVersion|UpdateGuide|UpgradeGuide|QuickInstallation/i.test(path)) return "install"; if (/\/(AllExtensions|AllTemplates|AIFoundationExtensions|T3AF|License|ExtNsT3[A-Z]{2}|EXT[A-Za-z]+)\/Index\/?$/i.test(path)) { return "hub"; } return "docs"; } function lockPageScroll() { if (scrollLocked) return; scrollLocked = true; lockedScrollY = window.scrollY || window.pageYOffset || 0; var gutter = Math.max(0, window.innerWidth - document.documentElement.clientWidth); document.documentElement.style.setProperty("--t3-scrollbar-gutter", gutter + "px"); document.documentElement.style.setProperty("--t3-scroll-lock-top", "-" + lockedScrollY + "px"); document.documentElement.classList.add("t3-scroll-locked"); } function unlockPageScroll() { if (!scrollLocked) return; scrollLocked = false; document.documentElement.classList.remove("t3-scroll-locked"); document.documentElement.style.removeProperty("--t3-scroll-lock-top"); document.documentElement.style.removeProperty("--t3-scrollbar-gutter"); window.scrollTo(0, lockedScrollY || 0); lockedScrollY = 0; } var holdScrollOpts = { passive: false, capture: true }; function onHoldScrollBlock(e) { if (!document.documentElement.classList.contains("t3-holding") && !document.documentElement.classList.contains("t3-nav-busy")) { return; } if (document.documentElement.classList.contains("t3-mobile-nav-open")) return; var key = e.type === "keydown" ? e.key : ""; if (e.type === "keydown") { if ( key !== "ArrowUp" && key !== "ArrowDown" && key !== "PageUp" && key !== "PageDown" && key !== "Home" && key !== "End" && key !== " " && key !== "Spacebar" ) { return; } var t = e.target; if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable)) return; } e.preventDefault(); } function bindHoldScrollBlock(on) { if (on) { window.addEventListener("wheel", onHoldScrollBlock, holdScrollOpts); window.addEventListener("touchmove", onHoldScrollBlock, holdScrollOpts); window.addEventListener("keydown", onHoldScrollBlock, holdScrollOpts); } else { window.removeEventListener("wheel", onHoldScrollBlock, holdScrollOpts); window.removeEventListener("touchmove", onHoldScrollBlock, holdScrollOpts); window.removeEventListener("keydown", onHoldScrollBlock, holdScrollOpts); } } function captureHold(href) { showNavLoader(); document.documentElement.classList.add("t3-holding"); return true; } function setProgressWidth(v) { progressValue = Math.max(0, Math.min(99.5, v)); } function clearProgressTimers() { if (progressTimer) { clearInterval(progressTimer); progressTimer = null; } if (progressDelay) { clearTimeout(progressDelay); progressDelay = null; } if (veilTimer) { clearTimeout(veilTimer); veilTimer = null; } if (holdReleaseTimer) { clearTimeout(holdReleaseTimer); holdReleaseTimer = null; } if (loaderSafetyTimer) { clearTimeout(loaderSafetyTimer); loaderSafetyTimer = null; } } function showVeil() { ensureVeil().classList.add("t3-page-veil-active"); document.documentElement.classList.add("t3-route-loading"); if (holdEl) holdEl.classList.add("t3-page-hold-dim"); } function hideVeil() { if (!veilEl) return; veilEl.classList.remove("t3-page-veil-active"); document.documentElement.classList.remove("t3-route-loading"); } function releaseHold(immediate) { document.documentElement.classList.remove("t3-holding"); if (holdEl) { holdEl.classList.remove("t3-page-hold-active", "t3-page-hold-exit", "t3-page-hold-dim", "t3-page-hold-rich", "t3-page-hold-plain"); if (holdInner) { holdInner.innerHTML = ""; holdInner.style.transform = ""; } } hideNavLoader(immediate); } function announceNav(msg) { var live = document.getElementById("t3-nav-live"); if (!live) { live = document.createElement("div"); live.id = "t3-nav-live"; live.className = "sr-only"; live.setAttribute("aria-live", "polite"); live.setAttribute("aria-atomic", "true"); document.body.appendChild(live); } live.textContent = msg; } function progress(active) { ensureNavLoader(); if (active) { clearProgressTimers(); navToken += 1; navStartedAt = Date.now(); progressVisible = false; hideNavLoader(true); document.documentElement.classList.add("t3-nav-busy"); document.documentElement.setAttribute("aria-busy", "true"); var showMs = reducedMotion ? 0 : PROGRESS_SHOW_MS; progressDelay = setTimeout(function () { if (!document.documentElement.classList.contains("t3-nav-busy")) return; progressVisible = true; showNavLoader(); announceNav("Loading page"); }, showMs); var tokenSafety = navToken; loaderSafetyTimer = setTimeout(function () { if (tokenSafety !== navToken) return; if (!document.documentElement.classList.contains("t3-nav-busy")) return; progress(false); }, LOADER_MAX_MS); return; } clearProgressTimers(); var token = navToken; var elapsed = Date.now() - (navStartedAt || Date.now()); var tries = 0; var wasVisible = progressVisible; function finish() { if (token !== navToken) return; document.documentElement.classList.remove("t3-nav-busy"); document.documentElement.removeAttribute("aria-busy"); pendingNavHref = ""; userNavPriority = false; prefetchGateOpen = false; try { window.__t3PrefetchGateOpen = false; } catch (eGate2) {} hideVeil(); if (elapsed >= 280 && !reducedMotion) { document.documentElement.classList.add("t3-route-enter"); setTimeout(function () { document.documentElement.classList.remove("t3-route-enter"); }, 180); } if (!wasVisible) { progressVisible = false; releaseHold(true); hideNavLoader(true); hideVeil(); return; } announceNav("Page loaded"); progressVisible = false; releaseHold(false); hideNavLoader(true); hideVeil(); setTimeout(function () { if (token !== navToken) return; hideNavLoader(true); hideVeil(); document.documentElement.classList.remove("t3-loader-on", "t3-holding", "t3-route-loading", "t3-nav-busy"); }, 450); } function waitReady() { if (token !== navToken) return; if (contentLooksReady() || tries > 8) { if (typeof requestAnimationFrame === "function") requestAnimationFrame(finish); else setTimeout(finish, 0); return; } tries += 1; if (typeof requestAnimationFrame === "function") requestAnimationFrame(waitReady); else setTimeout(waitReady, 8); } waitReady(); } function injectPerfHints() { if (document.getElementById("t3-perf-hints")) return; var frag = document.createDocumentFragment(); var mark = document.createElement("meta"); mark.id = "t3-perf-hints"; mark.setAttribute("data-t3", "1"); frag.appendChild(mark); [ ["preconnect", "https://d3gk2c5xim1je2.cloudfront.net", "anonymous"], ["dns-prefetch", "https://d3gk2c5xim1je2.cloudfront.net"], ["preconnect", "https://d4tuoctqmanu0.cloudfront.net", "anonymous"], ["dns-prefetch", "https://d4tuoctqmanu0.cloudfront.net"], ["dns-prefetch", "https://app.supademo.com"], ].forEach(function (row) { var l = document.createElement("link"); l.rel = row[0]; l.href = row[1]; if (row[2]) l.crossOrigin = row[2]; frag.appendChild(l); }); ["house", "sparkles", "puzzle"].forEach(function (name) { var l = document.createElement("link"); l.rel = "preload"; l.as = "image"; l.href = "https://d3gk2c5xim1je2.cloudfront.net/lucide/v1.16.0/" + name + ".svg"; frag.appendChild(l); }); document.head.appendChild(frag); } function cleanRoute(href) { if (!href || href[0] !== "/") return href; var hash = href.indexOf("#"); var query = href.indexOf("?"); var cut = href.length; if (hash !== -1) cut = Math.min(cut, hash); if (query !== -1) cut = Math.min(cut, query); var base = href.slice(0, cut); var tail = href.slice(cut); if (base.length > 5 && base.slice(-5) === ".html") { base = base.slice(0, -5); if (base === "/index" || base === "/Index") base = "/"; } if (base === "/index" || base === "/Index") { base = "/"; } else if (base.length > 6 && /\/index\/?$/i.test(base)) { base = base.replace(/\/index\/?$/i, "/Index"); } if (base.length > 1 && base.charAt(base.length - 1) === "/") { base = base.slice(0, -1); } return base + tail; } function shouldPrefetch() { try { var c = navigator.connection; if (c && (c.saveData || c.effectiveType === "2g" || c.effectiveType === "slow-2g")) return false; } catch (e) {} if (isLocalMintDev() && !prefetchGateOpen) return false; if (prefetchSessionCount >= PREFETCH_SESSION_MAX) return false; return prefetchPending < PREFETCH_MAX; } function gateLocalRscFetch() { if (gateLocalRscFetch.done || !isLocalMintDev()) return; gateLocalRscFetch.done = true; try { if (typeof window.fetch !== "function" || window.fetch.__t3RscGated) return; var origFetch = window.fetch.bind(window); window.fetch = function (input, init) { var url = ""; try { if (typeof input === "string") url = input; else if (input && typeof input.url === "string") url = input.url; } catch (eUrl) {} if ( url && (url.indexOf("?_rsc=") !== -1 || url.indexOf("&_rsc=") !== -1) && !prefetchGateOpen && !window.__t3PrefetchGateOpen && !document.documentElement.classList.contains("t3-nav-busy") && !(pendingNavHref && url.indexOf(pendingNavHref.split("#")[0].split("?")[0]) !== -1) ) { return Promise.resolve( new Response("", { status: 204, statusText: "No Content", headers: { "Cache-Control": "no-store" }, }) ); } return origFetch(input, init); }; window.fetch.__t3RscGated = 1; } catch (eGate) {} } function gateNextRouterPrefetch() { if (gateNextRouterPrefetch.done) return; function tryPatch() { try { if (!window.next || !window.next.router || !window.next.router.prefetch) return false; if (window.next.router.__t3PrefetchGated) { gateNextRouterPrefetch.done = true; return true; } var orig = window.next.router.prefetch.bind(window.next.router); window.next.router.prefetch = function () { if (isLocalMintDev() && !prefetchGateOpen && !document.documentElement.classList.contains("t3-nav-busy")) { return typeof Promise !== "undefined" ? Promise.resolve() : undefined; } return orig.apply(null, arguments); }; window.next.router.__t3PrefetchGated = 1; gateNextRouterPrefetch.done = true; return true; } catch (err) { return false; } } if (tryPatch()) return; var n = 0; var t = setInterval(function () { if (tryPatch() || ++n > 60) clearInterval(t); }, 50); } function nextPrefetch(href) { try { if (window.next && window.next.router && window.next.router.prefetch) { window.next.router.prefetch(href); return true; } } catch (e2) {} return false; } function prefetch(href) { href = cleanRoute(href); if (!href || href[0] !== "/" || href[1] === "/" || prefetched[href]) return; if (isLocalMintDev() && !prefetchGateOpen) return; if (!shouldPrefetch() && !prefetchGateOpen) return; prefetched[href] = 1; prefetchPending++; prefetchSessionCount++; var prevGate = prefetchGateOpen; prefetchGateOpen = true; try { if (!nextPrefetch(href)) { var l = document.createElement("link"); l.rel = "prefetch"; l.href = href; l.as = "document"; document.head.appendChild(l); } } finally { prefetchGateOpen = prevGate; } setTimeout(function () { prefetchPending = Math.max(0, prefetchPending - 1); }, 1200); } function abortBackgroundPrefetch() { try { for (var i = 0; i < docPrefetchControllers.length; i++) { try { docPrefetchControllers[i].abort(); } catch (eAb) {} } } catch (eList) {} docPrefetchControllers = []; try { var nodes = document.querySelectorAll('link[data-t3-doc-prefetch="1"]'); for (var n = 0; n < nodes.length; n++) { try { nodes[n].parentNode.removeChild(nodes[n]); } catch (eRm) {} } } catch (eNodes) {} } function pauseBackgroundWarmForUserNav() { userNavPriority = true; abortBackgroundPrefetch(); } function hardNavigate(go) { try { if (typeof window.stop === "function") window.stop(); } catch (eStop) {} var target = go; setTimeout(function () { try { window.location.assign(target); } catch (eAssign) { window.location.href = target; } }, 0); } function warmPathViaProxy(href) { href = cleanRoute(href || ""); if (!href || href[0] !== "/") return; if (!isBehindCacheProxy()) return; if (userNavPriority) return; try { if (typeof fetch !== "function") return; var ctrl = null; var init = { credentials: "same-origin", cache: "no-store" }; if (typeof AbortController === "function") { ctrl = new AbortController(); init.signal = ctrl.signal; docPrefetchControllers.push(ctrl); } fetch("/__t3_cache_warm?path=" + encodeURIComponent(href), init) .catch(function () {}) .finally(function () { if (!ctrl) return; var ix = docPrefetchControllers.indexOf(ctrl); if (ix >= 0) docPrefetchControllers.splice(ix, 1); }); } catch (eWarm) {} } function prefetchDocument(href, opts) { href = cleanRoute(href || ""); if (!href || href[0] !== "/") return; opts = opts || {}; if (userNavPriority && !opts.priority) return; if (prefetched["doc:" + href] && !opts.force) return; prefetched["doc:" + href] = 1; if (isBehindCacheProxy() && !opts.browserFetch) { warmPathViaProxy(href); return; } try { var l = document.createElement("link"); l.rel = "prefetch"; l.as = "document"; l.href = href; l.setAttribute("data-t3-doc-prefetch", "1"); document.head.appendChild(l); } catch (ePref) {} try { if (typeof fetch === "function") { var ctrl = null; var init = { credentials: "same-origin", cache: "force-cache" }; if (typeof AbortController === "function") { ctrl = new AbortController(); init.signal = ctrl.signal; docPrefetchControllers.push(ctrl); } fetch(href, init) .catch(function () {}) .finally(function () { if (!ctrl) return; var ix = docPrefetchControllers.indexOf(ctrl); if (ix >= 0) docPrefetchControllers.splice(ix, 1); }); } } catch (eFetch) {} } function isBehindCacheProxy() { try { var port = String(location.port || ""); return port === "3000"; } catch (e) { return false; } } function warmHomeOnLocal() { if (!isLocalMintDev()) return; if (currentPath() === "/") return; idle(function () { prefetchDocument("/"); }, 500); } function warmHubsBehindProxy() { if (!isBehindCacheProxy()) return; var hubs = HUB_ROUTES.slice(0, 6); var i = 0; function next() { if (i >= hubs.length) return; if ( userNavPriority || document.documentElement.classList.contains("t3-nav-busy") || document.documentElement.classList.contains("t3-holding") ) { idle(next, 2500); return; } var href = hubs[i++]; if (href === currentPath()) { idle(next, 40); return; } warmPathViaProxy(href); idle(next, 1600); } idle(next, 1500); } function prefetchAdjacentBehindProxy() { if (!isBehindCacheProxy()) return; try { var pag = document.getElementById("pagination"); if (pag) { pag.querySelectorAll('a[href^="/"]').forEach(function (a) { prefetchDocument(a.getAttribute("href") || ""); }); } var sb = document.getElementById("sidebar-content"); if (!sb) return; var links = sb.querySelectorAll('a[href^="/"]'); var cur = currentPath(); var idx = -1; var hrefs = []; for (var i = 0; i < links.length; i++) { var h = cleanRoute(links[i].getAttribute("href") || ""); if (!h) continue; hrefs.push(h); if (h === cur) idx = hrefs.length - 1; } var picks = []; if (idx >= 0) { if (hrefs[idx - 1]) picks.push(hrefs[idx - 1]); if (hrefs[idx + 1]) picks.push(hrefs[idx + 1]); if (hrefs[idx + 2]) picks.push(hrefs[idx + 2]); } var prefix = cur.split("/").slice(0, 2).join("/") + "/"; for (var j = 0; j < hrefs.length && picks.length < 6; j++) { if (hrefs[j].indexOf(prefix) === 0 && hrefs[j] !== cur && picks.indexOf(hrefs[j]) === -1) { picks.push(hrefs[j]); } } picks.slice(0, 4).forEach(function (href, n) { setTimeout(function () { try { fetch("/__t3_cache_warm?path=" + encodeURIComponent(href), { credentials: "same-origin", cache: "no-store", }).catch(function () {}); } catch (e1) {} prefetchDocument(href); }, 800 + n * 900); }); } catch (eAdj) {} } function bindLogoHomePrefetch() { function isLogoHome(a) { if (!a) return false; var href = cleanRoute(a.getAttribute("href") || ""); if (href !== "/" && href !== "/Index") return false; return !!( a.querySelector("img.nav-logo, img[src*='t3planet'], img[alt*='logo'], img[alt*='Logo']") || a.querySelector("span.sr-only") ); } document.addEventListener( "pointerenter", function (e) { var a = e.target.closest && e.target.closest('a[href="/"], a[href="/Index"], a[href="/Index/"]'); if (!isLogoHome(a)) return; prefetchDocument("/"); prefetchOnIntent("/"); }, true ); document.addEventListener( "pointerdown", function (e) { var a = e.target.closest && e.target.closest('a[href="/"], a[href="/Index"], a[href="/Index/"]'); if (!isLogoHome(a)) return; prefetchDocument("/"); }, { capture: true, passive: true } ); } function prefetchHubs() { if (isLocalMintDev()) return; HUB_ROUTES.forEach(prefetch); } function isLocalMintDev() { try { var h = location.hostname || ""; return h === "localhost" || h === "127.0.0.1" || /^192\.168\./.test(h) || /^10\./.test(h); } catch (e) { return false; } } function prefetchRouteManifest() { if (isLocalMintDev()) return; if (!shouldPrefetch()) return; HUB_ROUTES.forEach(prefetch); } function prefetchNeighbors() { if (isLocalMintDev()) return; var pag = document.getElementById("pagination"); if (!pag) return; pag.querySelectorAll('a[href^="/"]').forEach(function (a) { prefetch(a.getAttribute("href") || ""); }); } function prefetchVisibleSidebar() { if (isLocalMintDev()) return; var sb = document.getElementById("sidebar-content"); if (!sb) return; var links = sb.querySelectorAll('a[href^="/"]'); var n = Math.min(links.length, 8); for (var i = 0; i < n; i++) prefetch(links[i].getAttribute("href") || ""); } var prefetchOnIntent = function (href) { if (isBehindCacheProxy()) { prefetchDocument(href); } prefetchGateOpen = true; try { prefetch(href); } finally { setTimeout(function () { if (!document.documentElement.classList.contains("t3-nav-busy")) { prefetchGateOpen = false; } }, isLocalMintDev() ? 15000 : 400); } }; function ensureImgObserver() { if (imgIo || !("IntersectionObserver" in window)) return imgIo; imgIo = new IntersectionObserver( function (entries) { entries.forEach(function (entry) { if (!entry.isIntersecting) return; var img = entry.target; applyLazyImage(img, Number(img.getAttribute("data-t3-idx") || "0")); imgIo.unobserve(img); }); }, { rootMargin: "100px 0px" } ); return imgIo; } function applyLazyImage(img, idx) { if (!img || img.getAttribute("data-t3")) return; var src = img.getAttribute("src") || img.getAttribute("data-src") || ""; if (/\/_static\/(t3planet|logo|favicon)/i.test(src)) { img.setAttribute("data-t3", "1"); if (!img.getAttribute("decoding")) img.decoding = "async"; return; } img.setAttribute("data-t3", "1"); try { if (!img.getAttribute("width") && img.naturalWidth > 0) { img.setAttribute("width", String(img.naturalWidth)); } if (!img.getAttribute("height") && img.naturalHeight > 0) { img.setAttribute("height", String(img.naturalHeight)); } } catch (eDim) {} var belowFold = false; try { var top = img.getBoundingClientRect().top; belowFold = top > (window.innerHeight || 800) * 0.9; } catch (eRect) {} if (idx > 0 || belowFold) { img.loading = "lazy"; if (!img.getAttribute("fetchpriority")) img.setAttribute("fetchpriority", "low"); } else if (!img.getAttribute("fetchpriority")) { img.setAttribute("fetchpriority", "high"); } if (!img.getAttribute("decoding")) img.decoding = "async"; } function collectContentRoots() { var roots = []; var primary = contentRoot(); if (primary) roots.push(primary); var main = document.querySelector("main"); if (main && roots.indexOf(main) === -1) roots.push(main); var article = document.querySelector("article"); if (article && roots.indexOf(article) === -1) roots.push(article); return roots; } function lazyImages() { var roots = collectContentRoots(); if (!roots.length) return; var seen = []; for (var r = 0; r < roots.length; r++) { var imgs = roots[r].querySelectorAll("img:not([data-t3])"); for (var i = 0; i < imgs.length; i++) { if (seen.indexOf(imgs[i]) !== -1) continue; seen.push(imgs[i]); } } for (var j = 0; j < seen.length; j++) { applyLazyImage(seen[j], j); } } function observeLateMedia() { if (observeLateMedia.done || !("MutationObserver" in window)) return; observeLateMedia.done = true; var sched = null; var mo = new MutationObserver(function () { if (sched) return; sched = setTimeout(function () { sched = null; lazyImages(); lazyIframes(); }, 40); }); try { mo.observe(document.documentElement, { childList: true, subtree: true }); } catch (eMo) {} } function ensureIframeObserver() { if (iframeIo || !("IntersectionObserver" in window)) return iframeIo; iframeIo = new IntersectionObserver( function (entries) { entries.forEach(function (entry) { if (!entry.isIntersecting) return; activateIframe(entry.target); iframeIo.unobserve(entry.target); }); }, { rootMargin: "120px 0px" } ); return iframeIo; } function isSupademoSrc(src) { return /supademo\.com/i.test(src || ""); } function ensureSupademoFullscreen(root) { root = root || document; try { var frames = root.querySelectorAll("iframe"); for (var i = 0; i < frames.length; i++) { var iframe = frames[i]; var src = iframe.getAttribute("src") || iframe.getAttribute("data-t3-src") || ""; if (!isSupademoSrc(src)) continue; if (!iframe.getAttribute("src") && iframe.getAttribute("data-t3-src")) { iframe.setAttribute("src", iframe.getAttribute("data-t3-src")); iframe.removeAttribute("data-t3-src"); iframe.removeAttribute("data-t3-iframe"); } var allow = iframe.getAttribute("allow") || ""; var parts = allow.split(/[;,]/).map(function (p) { return p.trim(); }).filter(Boolean); var seen = {}; var next = []; for (var j = 0; j < parts.length; j++) { var key = parts[j].split(" ")[0].toLowerCase(); if (seen[key]) continue; seen[key] = 1; next.push(parts[j]); } if (!seen["clipboard-write"]) next.unshift("clipboard-write"); if (!seen.fullscreen) next.push("fullscreen"); iframe.setAttribute("allow", next.join("; ")); iframe.setAttribute("allowFullScreen", ""); iframe.setAttribute("webkitallowfullscreen", "true"); iframe.setAttribute("mozallowfullscreen", "true"); iframe.setAttribute("data-t3-supademo", "1"); var emb = iframe.closest ? iframe.closest(".t3-embed") : null; if (emb) emb.setAttribute("data-t3-supademo-embed", "1"); } } catch (eFs) {} } function syncSupademoFullscreenClass() { try { var fe = document.fullscreenElement || document.webkitFullscreenElement; var on = !!(fe && fe.tagName === "IFRAME" && isSupademoSrc(fe.getAttribute("src") || "")); document.documentElement.classList.toggle("t3-supademo-fs", on); var embeds = document.querySelectorAll(".t3-embed[data-t3-supademo-embed]"); for (var i = 0; i < embeds.length; i++) { embeds[i].classList.toggle("t3-supademo-fs-active", on && embeds[i].contains(fe)); } } catch (eSync) {} } function bindSupademoFullscreenEvents() { if (window.__t3SupademoFsBound) return; window.__t3SupademoFsBound = 1; document.addEventListener("fullscreenchange", syncSupademoFullscreenClass); document.addEventListener("webkitfullscreenchange", syncSupademoFullscreenClass); } function activateIframe(iframe) { ensureSupademoFullscreen(iframe.parentNode || document); var src = iframe.getAttribute("data-t3-src"); if (!src || iframe.getAttribute("src")) return; iframe.setAttribute("src", src); iframe.removeAttribute("data-t3-src"); iframe.removeAttribute("data-t3-iframe"); if (isSupademoSrc(src)) ensureSupademoFullscreen(iframe.parentNode || document); } function lazyIframes() { ensureSupademoFullscreen(); bindSupademoFullscreenEvents(); var root = contentRoot(); if (!root) return; var frames = root.querySelectorAll("iframe[src]:not([data-t3-iframe])"); if (!frames.length) return; for (var i = 0; i < frames.length; i++) { var iframe = frames[i]; var src = iframe.getAttribute("src"); if (!src) continue; if (isSupademoSrc(src)) { iframe.setAttribute("data-t3-supademo", "1"); continue; } iframe.setAttribute("data-t3-iframe", "1"); iframe.setAttribute("data-t3-src", src); iframe.removeAttribute("src"); } var pending = root.querySelectorAll("iframe[data-t3-src]"); if (!pending.length) return; var io = ensureIframeObserver(); if (!io) { pending.forEach(activateIframe); return; } pending.forEach(function (f) { if (!f.getAttribute("src")) io.observe(f); }); } function canonicalCleanUrl() { var p = currentPath(); if (!p.endsWith(".html")) return; var clean = p.slice(0, -5); if (clean === "/index") clean = "/"; history.replaceState(null, "", clean + location.search + location.hash); routePath = clean; } function rewriteLinksIn(root) { if (!root) return; var links = root.querySelectorAll("a[href]"); for (var i = 0; i < links.length; i++) { var a = links[i]; if (a.closest && (a.closest("#sidebar-content") || a.closest("#navbar") || a.closest("footer") || a.closest("[data-footer]") || a.closest("nav"))) { continue; } var href = a.getAttribute("href"); if (!href || href[0] !== "/" || href.charAt(0) === '/' && href.charAt(1) === '/' || href[0] === "#") continue; if (href === DOCS_BASE || href.indexOf(DOCS_BASE + "/") === 0) continue; var next = cleanRoute(href); next = withDocsBase(next); if (next !== href) a.setAttribute("href", next); } } function rewriteStaticLinks() { if (staticLinksDone) return; staticLinksDone = true; rewriteLinksIn(document.getElementById("navbar")); rewriteLinksIn(document.getElementById("sidebar-content")); rewriteLinksIn(document.getElementById("pagination")); rewriteLinksIn(document.querySelector("footer")); document.querySelectorAll(".t3-category-nav a[href^='/']").forEach(function (a) { var href = cleanRoute(a.getAttribute("href") || ""); if (href !== a.getAttribute("href")) a.setAttribute("href", href); }); } function rewriteContentLinks() { rewriteLinksIn(contentRoot()); } function syncNavbarHeight() { var nav = document.getElementById("navbar"); if (!nav) return; var h = Math.max(64, Math.ceil(nav.getBoundingClientRect().bottom) + 6); document.documentElement.style.setProperty("--t3-navbar-height", h + "px"); } function formatStat(value, lang) { return lang === "de" ? String(value).replace(/\B(?=(\d{3})+(?!\d))/g, ".") : value.toLocaleString("en-US"); } function applyDocStats(stats) { if (!stats) return; var lang = document.documentElement.lang === "de" ? "de" : "en"; var bucket = stats[lang] || stats.en || {}; document.querySelectorAll("[data-t3-stat]").forEach(function (el) { var key = el.getAttribute("data-t3-stat"); if (!key || key === "locale") return; var value = bucket[key]; if (typeof value !== "number") return; el.textContent = formatStat(value, lang); }); statsLoaded = true; } function hydrateDocStats() { if (statsLoaded) return; if (window.__T3_DOC_STATS__) { applyDocStats(window.__T3_DOC_STATS__); return; } fetch(withDocsBase("/_static/t3-stats.json"), { priority: "low" }) .then(function (res) { if (!res.ok) throw new Error("stats"); return res.json(); }) .then(applyDocStats) .catch(function () {}); } function hideMintlifyPoweredBy() { try { var nodes = document.querySelectorAll('a[href*="utm_campaign=poweredBy"]'); for (var i = 0; i < nodes.length; i++) { var el = nodes[i]; if (el && el.parentNode) el.parentNode.removeChild(el); } } catch (eHide) {} } function ensureDocsBaseOnClick(e) { try { var t = e.target; while (t && t.tagName !== "A") t = t.parentElement; if (!t) return; if (t.closest && (t.closest("#sidebar-content") || t.closest("#navbar") || t.closest("footer") || t.closest("nav"))) return; var href = t.getAttribute("href"); if (!href || href[0] !== "/" || href.charAt(0) === '/' && href.charAt(1) === '/') return; if (href === DOCS_BASE || href.indexOf(DOCS_BASE + "/") === 0) return; var next = withDocsBase(cleanRoute(href)); if (next && next !== href) t.setAttribute("href", next); } catch (eClick) {} } function rewriteAllDocLinks() { try { rewriteLinksIn(contentRoot()); } catch (eAll) {} } function enhanceContentCritical() { hideMintlifyPoweredBy(); ensureSupademoFullscreen(); if (!window.__t3DocsBaseClickBound) { window.__t3DocsBaseClickBound = 1; document.addEventListener("click", ensureDocsBaseOnClick, true); try { rewriteLinksIn(contentRoot()); } catch (eRew) {} } applyContentClasses(); rewriteContentLinks(); lazyIframes(); lazyImages(); } function enhanceContentDeferred() { lazyIframes(); lazyImages(); if (!isLocalMintDev()) prefetchNeighbors(); else if (isBehindCacheProxy()) prefetchAdjacentBehindProxy(); } var onRouteChange = debounce(function () { var next = currentPath(); if (next === routePath) { applyRouteClasses(); progress(false); return; } routePath = next; canonicalCleanUrl(); applyRouteClasses(); if (typeof requestAnimationFrame === "function") { requestAnimationFrame(function () { enhanceContentCritical(); idle(enhanceContentDeferred, 300); }); } else { enhanceContentCritical(); idle(enhanceContentDeferred, 300); } progress(false); }, 8); function patchHistory() { if (patchHistory.done) return; patchHistory.done = true; var origPush = history.pushState; if (origPush) { history.pushState = function () { var result = origPush.apply(this, arguments); onRouteChange(); return result; }; } try { if (window.next && window.next.router && window.next.router.events) { window.next.router.events.on("routeChangeStart", function () { if (!pendingNavHref && !document.documentElement.classList.contains("t3-nav-busy")) return; progress(true); }); window.next.router.events.on("routeChangeComplete", onRouteChange); window.next.router.events.on("routeChangeError", function () { progress(false); }); } } catch (e3) {} } function isInternalNavAnchor(a) { if (!a || a.target === "_blank") return null; var href = cleanRoute(a.getAttribute("href") || ""); if (!href || href[0] !== "/" || href[1] === "/") return null; var pathOnly = (href.split("#")[0].split("?")[0] || "/").replace(/\/$/, "") || "/"; if (pathOnly === currentPath()) return null; if (/\.(txt|json|xml|css|js|map|png|jpe?g|gif|webp|svg|pdf|zip)$/i.test(pathOnly)) return null; return href; } function beginNavFromLink(href, opts) { if (!href) return; opts = opts || {}; pendingNavHref = href; prefetchGateOpen = true; try { window.__t3PrefetchGateOpen = true; } catch (eGate) {} try { prefetch(href); } catch (ePrefetch) {} if (opts.deferHold) return; if (isLocalMintDev()) { if (!document.documentElement.classList.contains("t3-nav-busy")) { progress(true); } else if (!document.documentElement.classList.contains("t3-holding")) { captureHold(href); } } else if (!document.documentElement.classList.contains("t3-nav-busy")) { progress(true); } } function bindPrefetchPointerDown() { document.addEventListener( "pointerdown", function (e) { if (e.button !== 0 && e.pointerType !== "touch") return; var a = e.target.closest && e.target.closest('a[href^="/"]'); var href = isInternalNavAnchor(a); if (!href) return; beginNavFromLink(href, { deferHold: true }); if (isLocalMintDev()) { try { prefetchDocument(href, { priority: true }); } catch (eDoc) {} } }, { capture: true, passive: true } ); } function bindPrefetchIntent() { var root = document; root.addEventListener( "pointerenter", function (e) { var a = e.target.closest && e.target.closest('a[href^="/"]'); if (!a || a.target === "_blank") return; var href = cleanRoute(a.getAttribute("href") || ""); if (!href || href[0] === "#" || href === currentPath()) return; prefetchOnIntent(href); }, true ); root.addEventListener( "focusin", function (e) { var a = e.target.closest && e.target.closest('a[href^="/"]'); if (!a) return; prefetchOnIntent(cleanRoute(a.getAttribute("href") || "")); }, true ); } function openSearch() { var desktop = document.getElementById("search-bar-entry"); var mobile = document.getElementById("search-bar-entry-mobile"); var trigger = desktop || mobile; if (trigger && typeof trigger.click === "function") { trigger.click(); return true; } try { var ev = new KeyboardEvent("keydown", { key: "k", code: "KeyK", metaKey: true, ctrlKey: true, bubbles: true, }); document.dispatchEvent(ev); return true; } catch (e4) {} return false; } function bindSearchTriggers() { document.addEventListener( "click", function (e) { var btn = e.target.closest && e.target.closest("[data-t3-search-trigger]"); if (!btn) return; e.preventDefault(); openSearch(); }, false ); } function recoverEmptyDocOnce() { if (window.__t3EmptyRecovered) return; if (!isBehindCacheProxy()) return; if ( pendingNavHref || document.documentElement.classList.contains("t3-nav-busy") || document.documentElement.classList.contains("t3-holding") ) { return; } var root = contentRoot(); if (!root) return; var text = (root.innerText || "").replace(/\s+/g, " ").trim(); if (text.length > 80) return; if (root.querySelector("h1, h2, .t3-home-landing, .t3-hub-landing, article p")) { var t2 = (root.innerText || "").replace(/\s+/g, " ").trim(); if (t2.length > 40) return; } if (/\/Index\/?$/i.test(currentPath()) && root.querySelector("h1")) return; window.__t3EmptyRecovered = 1; try { var pathAtRecover = currentPath(); var u = new URL(location.href); if (u.searchParams.get("_t3r")) return; u.searchParams.set("_t3r", String(Date.now())); try { fetch( "/__t3_cache_purge?path=" + encodeURIComponent(pathAtRecover), { cache: "no-store" } ).catch(function () {}); } catch (ePurge) {} setTimeout(function () { if (currentPath() !== pathAtRecover) return; if ( pendingNavHref || document.documentElement.classList.contains("t3-nav-busy") || document.documentElement.classList.contains("t3-holding") ) { return; } location.replace(u.pathname + u.search + u.hash); }, 150); } catch (eRec) {} } var hardNavBound = false; function bindHardNavClicks() { if (hardNavBound) return; hardNavBound = true; try { window.__t3HardNav = 1; } catch (eMark) {} document.addEventListener( "click", function (e) { if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; var a = e.target.closest && e.target.closest('a[href^="/"]'); var href = isInternalNavAnchor(a); if (!href) return; if (href !== a.getAttribute("href")) a.setAttribute("href", href); if (isLocalMintDev()) { var go = cleanRoute(href); if (go === "/Index") go = "/"; pendingNavHref = go; pauseBackgroundWarmForUserNav(); e.preventDefault(); e.stopPropagation(); try { e.stopImmediatePropagation(); } catch (eStop) {} try { progress(true); } catch (eUi) {} hardNavigate(go); return; } beginNavFromLink(href); }, true ); } function canonicalizeIndexPath() { try { var p = location.pathname || "/"; if (p === "/index" || p === "/Index/") { history.replaceState(null, "", "/" + location.search + location.hash); return; } if (/\/index\/?$/i.test(p) && !/\/Index\/?$/.test(p)) { var fixed = p.replace(/\/index\/?$/i, "/Index"); history.replaceState(null, "", fixed + location.search + location.hash); } } catch (eCanon) {} } function init() { if (document.documentElement.dataset.t3DocsInit === "1") return; document.documentElement.dataset.t3DocsInit = "1"; canonicalizeIndexPath(); setInterval(function () { try { var html = document.documentElement; var stuck = html.classList.contains("t3-holding") || html.classList.contains("t3-nav-busy") || html.classList.contains("t3-loader-on") || html.classList.contains("t3-route-loading"); if (!stuck) return; if (!navStartedAt) { hideNavLoader(true); hideVeil(); html.classList.remove("t3-loader-on", "t3-holding", "t3-route-loading", "t3-nav-busy"); return; } if (Date.now() - navStartedAt < 8000) return; progress(false); hideNavLoader(true); hideVeil(); html.classList.remove("t3-loader-on", "t3-holding", "t3-route-loading", "t3-nav-busy"); } catch (eSafe) {} }, 2000); injectPerfHints(); gateNextRouterPrefetch(); ensureProgress(); canonicalCleanUrl(); routePath = currentPath(); document.documentElement.classList.add("t3-sidebar-ready"); applyRouteClasses(); syncNavbarHeight(); patchHistory(); bindPrefetchIntent(); bindPrefetchPointerDown(); bindSearchTriggers(); window.addEventListener( "resize", debounce(function () { syncNavbarHeight(); applyOverlayBounds(holdEl); applyOverlayBounds(veilEl); }, 150), { passive: true } ); bindHardNavClicks(); window.addEventListener("popstate", function () { progress(true); if (!document.documentElement.classList.contains("t3-holding")) { showVeil(); } onRouteChange(); }); rewriteStaticLinks(); enhanceContentCritical(); observeLateMedia(); setTimeout(recoverEmptyDocOnce, 1200); bindMobileNavEnhancements(); bindLogoHomePrefetch(); setTimeout(function () { lazyIframes(); lazyImages(); }, 120); setTimeout(function () { lazyIframes(); lazyImages(); }, 600); idle(enhanceContentDeferred, 200); idle(hydrateDocStats, 50); warmHomeOnLocal(); if (isBehindCacheProxy()) { idle(warmHubsBehindProxy, 400); } else if (!isLocalMintDev()) { idle(prefetchHubs, 400); idle(prefetchVisibleSidebar, 800); } } gateLocalRscFetch(); gateNextRouterPrefetch(); bindHardNavClicks(); if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init); else init(); })();

​Custom Elements

​Template’s Elements

Custom Elements

Template’s Elements