function unsetBg() {
  const mainWrap = document.getElementById("container");
  mainWrap.classList.add("kaia-bg");
  const bodyWrap = document.querySelector(".wrap.wide");
  bodyWrap.classList.add("kaia-unset");
}
function addHeaderId() {
  const headerElement = document.querySelector(".bui_header");
  if (headerElement) {
    headerElement.id = "kaia-custom";
  }
}
function scrollDirection() {
  let lastScrollTop = 0;
  window.addEventListener("scroll", function () {
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if (scrollTop < lastScrollTop) {
      const target = document.querySelector("#kaia-custom .bui_language_area");
      if (target && target.classList.contains("on")) {
        target.querySelector(".button_language").click();
      }
    }
    lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
  });
}
function popupMenu() {
  const targetBtns = document.querySelectorAll(".bui_nav_area .bui_link_list a");
  if (targetBtns.length === 0) return;
  targetBtns.forEach(function (link) {
    link.addEventListener("click", function (event) {
      const parent = link.parentElement;
      const url = window.location.href;
      const pathname = new URL(url).pathname;
      const segments = pathname.split("/").filter(Boolean);
      const urlLang = segments.length > 0 ? segments[0] + "/" : "";
      const hashValue = this.getAttribute("href");
      if (!parent && parent.target === "_blank") {
        event.preventDefault();
        location.href = `/${urlLang}${hashValue}`;
      }
      if (document.querySelector("header.gnb_open")) {
        document.querySelector(".button_gnb").click();
        document.querySelector("body").classList.add("scroll_down");
      }
    });
  });
}
function openLayerPop(p_title, p_content) {
  const popupLayer = `<div class="custom-overlay active"></div><div class="custom-layer-pop kaia-layerpop active"><h2 class="lineseed">${p_title}</h2><p class="lineseed">${p_content}</p><button class="custom-close-btn">close</button></div>`;
  document.body.insertAdjacentHTML("beforeend", popupLayer);
  const overlay = document.querySelector(".custom-overlay");
  const layerPop = document.querySelector(".custom-layer-pop");
  const closeButton = document.querySelector(".custom-close-btn");
  function removeElements() {
    if (layerPop) layerPop.remove();
    if (overlay) overlay.remove();
  }
  if (closeButton) closeButton.addEventListener("click", removeElements);
  if (overlay) overlay.addEventListener("click", removeElements);
}
function initScroll() {
  let observedElements = document.querySelectorAll(".kaia-ani");
  if ("IntersectionObserver" in window) {
    const options = { threshold: 0, rootMargin: "0px" };
    const inViewCallback = (entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          entry.target.classList.add("on");
        } else {
          entry.target.classList.remove("on");
        }
      });
    };
    let observer = new IntersectionObserver(inViewCallback, options);
    observedElements.forEach(function (element) {
      observer.observe(element);
    });
  } else {
    observedElements.forEach(function (element) {
      element.classList.add("on");
    });
  }
}
function dpHeaderCNError() {
  if (document.documentElement.lang === "zh") {
    const langBtn = document.querySelector(".bui_language_area");
    langBtn.querySelector(".bui_button>span").textContent = "CN";
  }
}
unsetBg();
addHeaderId();
scrollDirection();
initScroll();
popupMenu();
dpHeaderCNError();


kaia-custom

const observer=new MutationObserver((mutationsList,observer)=>{for(const mutation of mutationsList){if(mutation.type==="childList"){unsetBg();addHeaderId();scrollDirection();initScroll();popupMenu()}}});const targetNode=document.getElementById("__next");observer.observe(targetNode,{attributes:false,childList:true,subtree:true,});

const targetLangNode = document.documentElement;
const langObserver = new MutationObserver((mutationsList) => {
  for (let mutation of mutationsList) {
    if (mutation.type === "attributes" && mutation.attributeName === "lang") {
      dpHeaderCNError();
    }
  }
});
langObserver.observe(targetLangNode, {
  attributes: true,
  attributeFilter: ["lang"],
});


MutationObserver

Join us to accelerate future growth of your Dapps. Officially supported by Kaia and LINE.