https://cosmeticplant.ro/cdn/shop/t/52/assets/article.js?v=62550254482812116311790882093

1window.Eurus.loadedScript.has("article.js")||(window.Eurus.loadedScript.add("article.js"),requestAnimationFrame(()=>{document.addEventListener("alpine:init",()=>{Alpine.data("xArticle",()=>({init(){const menuArticle=document.querySelector(".menu-article");if(!menuArticle)return;const itemsMenuArticle=document.querySelectorAll(".item-menu-article"),headings=this.$refs.content.querySelectorAll("h2, h3, h4");if(headings.length<=1){menuArticle.remove();return}const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){const currentActive=document.querySelector(".menu-article .active");currentActive&&currentActive.classList.remove("active"),itemsMenuArticle[entry.target.dataset.index].classList.add("active")}})},{rootMargin:"0px 0px -60% 0px"});headings.forEach((heading,index)=>{heading.dataset.index=index,observer.observe(heading)})},loadData(list_style){const load=document.querySelector(".load-curr"),loadBar=document.querySelector(".load-bar"),element=this.$refs.content;document.addEventListener("scroll",()=>{const elementTop=element.offsetTop,elementHeight=element.offsetHeight,windowHeight=window.xViewport.innerHeight,scrollPosition=window.scrollY+windowHeight;let scrollPercent;scrollPosition<elementTop?(scrollPercent=0,loadBar.classList.remove("active")):scrollPosition>elementTop+elementHeight?scrollPercent=100:(loadBar.classList.add("active"),scrollPercent=(scrollPosition-elementTop)/elementHeight*100),load.style.width=`${scrollPercent.toFixed(2)}%`});const heading2=this.$refs.content.querySelectorAll("h2, h3, h4");if(heading2.length>1){let htmlContent="";heading2.forEach((item,index)=>{item.tagName==="H2"&&(htmlContent+="<li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>"),item.tagName==="H3"&&(heading2[index-1]&&heading2[index-1].tagName==="H2"?index!==heading2.length-1&&heading2[index+1].tagName!=="H2"?htmlContent+=list_style==="Unordered"?"<ul class='toc:m-0 toc:pl-5'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>":"<ul class='toc:m-0 toc:pl-4'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>":htmlContent+=list_style==="Unordered"?"<ul class='toc:m-0 toc:pl-5'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul>":"<ul class='toc:m-0 toc:pl-4'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul>":index!==heading2.length-1&&heading2[index+1].tagName!=="H2"?htmlContent+="<li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>":htmlContent+="<li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul>"),item.tagName==="H4"&&(heading2[index-1]&&heading2[index-1].tagName!=="H4"?index!==heading2.length-1&&heading2[index+1].tagName==="H4"?htmlContent+=list_style==="Unordered"?"<ul class='toc:m-0 toc:pl-5'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>":"<ul class='toc:m-0 toc:pl-6'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>":index!==heading2.length-1&&heading2[index+1].tagName==="H3"?htmlContent+=list_style==="Unordered"?"<ul class='toc:m-0 toc:pl-5'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul>":"<ul class='toc:m-0 toc:pl-6'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul>":htmlContent+=list_style==="Unordered"?"<ul class='toc:m-0 toc:pl-5'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul></ul>":"<ul class='toc:m-0 toc:pl-6'><li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul></ul>":index!==heading2.length-1&&heading2[index+1].tagName==="H4"?htmlContent+="<li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li>":index!==heading2.length-1&&heading2[index+1].tagName==="H3"?htmlContent+="<li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul>":htmlContent+="<li class='toc:m-0 item-menu-article w-full cursor-pointer pb-2' @click='scrollTop($el,"+index+")' >"+item.textContent+"</li></ul></ul>")}),document.querySelector(".list-menu-article").innerHTML+=htmlContent}},scrollTop(el,index){this.$refs.content.querySelectorAll("h2, h3, h4").length>index&&(document.querySelector(".menu-article .active")&&document.querySelector(".menu-article .active").classList.remove("active"),el.classList.add("active"),this.$refs.content.querySelectorAll("h2, h3, h4")[index].scrollIntoView({behavior:"smooth"}))}})),Alpine.store("xSideBar",{setPositionSideBar(){let sideBar=document.getElementById("side-bar"),sideBarContent=document.getElementById("side-bar-template");if(sideBarContent){sideBar.innerHTML=sideBarContent.innerHTML;let tableInfomation=document.querySelector(".menu-article");tableInfomation&&sideBar.children[0].dataset.position==tableInfomation.dataset.position?(sideBar.children[0].dataset.sticky&&!tableInfomation.dataset.sticky?(sideBar.classList.add("lg:sticky"),tableInfomation.appendChild(sideBar)):tableInfomation.children[0].appendChild(sideBar),sideBar.classList.add("lg:pt-5"),sideBar.classList.remove("lg:w-1/3")):(sideBar.classList.add("lg:w-1/3"),sideBar.children[0].dataset.position=="right"?sideBar.classList.add("order-3"):sideBar.classList.add("order-1")),sideBar.classList.remove("hidden")}else sideBar.classList.add("hidden")}})})}));
2//# sourceMappingURL=/cdn/shop/t/52/assets/article.js.map?v=62550254482812116311790882093