document.addEventListener("DOMContentLoaded", function () { setTimeout(() => { // Logo Language Path const docsProtocol = location.protocol; const docsHost = location.host; const urlRootPathKO = `${docsProtocol}//${docsHost}/docs`; const urlRootPathEN = `${docsProtocol}//${docsHost}/docs/en/home`; const urlRootPathJA = `${docsProtocol}//${docsHost}/docs/ja/home`; const urlRootPathZH = `${docsProtocol}//${docsHost}/docs/zh/home`; const ncpLinks = { ko: '', en: '', ja: '', zh: '' }; function updateDOM(languageCode, logoClass, rootPath, ncpLink) { document.documentElement.lang = languageCode; const logoImg = document.querySelector(".brand-logo img"); if (logoImg) { logoImg.className = ""; logoImg.classList.add(logoClass); } const brandLogo = document.querySelector(".brand-logo"); if (brandLogo) { brandLogo.setAttribute("href", rootPath); } const navBrand = document.querySelector(".primary-nav-bar-container .nav-bar-brand"); if (navBrand) { const oldLink = navBrand.querySelector(".lang-link"); if (oldLink) navBrand.removeChild(oldLink); navBrand.insertAdjacentHTML("beforeend", ncpLink); } } function setLanguageKO() { updateDOM("ko", "logo-url-ko", urlRootPathKO, ncpLinks.ko); } function setLanguageEN() { updateDOM("en", "logo-url-en", urlRootPathEN, ncpLinks.en); } function setLanguageJA() { updateDOM("ja", "logo-url-ja", urlRootPathJA, ncpLinks.ja); } function setLanguageZH() { updateDOM("zh", "logo-url-zh", urlRootPathZH, ncpLinks.zh); } function logoChange() { const urlPath = location.pathname; const langCode = urlPath.split('/docs/')[1]?.split('/')[0]; switch (langCode) { case "en": setLanguageEN(); break; case "ja": setLanguageJA(); break; case "zh": setLanguageZH(); break; default: setLanguageKO(); break; } } logoChange(); document.addEventListener("click", function (e) { const dropdownItem = e.target.closest(".project-language-dropdown .dropdown-menu .dropdown-item"); if (dropdownItem) { setTimeout(() => { logoChange(); }, 500); } }); }, 2000); }); // After article details load window.addEventListener("articleDetailsLoaded", function () { document.addEventListener("click", function (e) { const anchor = e.target.closest("a"); if (!anchor) return; const decodedHref = decodeURI(anchor.href); const targetId = decodedHref.split('#')[1]; const href = anchor.getAttribute('href'); if (!href || !href.startsWith(`${location.pathname}#`)) return; const target = anchor.getAttribute('target'); const isBlank = target === '_blank'; if (isBlank) { return; } if (targetId) { const cleanedValue = targetId .replace(/[-()]/g, "") .replace(/\b-\b/gm, "") .replace(/\s+/g, '-') .replace(/[`!@#$%^&*()_+\=\[\]{};':"\\|,.<>\/?~]/g, '') .replace(/\-\-+/g, '-') .replace(/^-+|-+$/g, ''); const element = document.getElementById(cleanedValue); if(element) { anchor.setAttribute('href', href.split('#')[0] + '#' + cleanedValue); } const namedAnchors = document.querySelectorAll('#articleContent a[name]'); namedAnchors.forEach(function (namedAnchor) { const nameAttr = namedAnchor.getAttribute('name') || ''; const cleanedNameAttr = nameAttr .replace(/[-()]/g, "") .replace(/\b-\b/gm, "") .replace(/\s+/g, '-') .replace(/[`!@#$%^&*()_+\=\[\]{};':"\\|,.<>\/?~]/g, '') .replace(/\-\-+/g, '-') .replace(/^-+|-+$/g, ''); if (cleanedValue === cleanedNameAttr) { const newDiv = document.createElement("div"); newDiv.id = cleanedNameAttr; namedAnchor.parentNode.insertBefore(newDiv, namedAnchor); const targetElement = document.getElementById(cleanedValue); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 140, behavior: "auto" }); } } }); } }); function myfunction() { const routerContainer = document.querySelector(".router-container"); if (!routerContainer) return; if (document.getElementById("docHome")) { routerContainer.classList.add("docs-home"); } else { routerContainer.classList.remove("docs-home"); } } setTimeout(myfunction, 0); const hash = window.location.hash; if (hash) { const decoded = decodeURIComponent(hash.slice(1)); const el = document.getElementById(decoded) || document.getElementsByName(decoded)[0]; if (el) { window.scrollTo({ top: el.offsetTop - 131, behavior: 'smooth' }); } } });