https://zapsign.com.br/hubfs/hub_generated/module_assets/1/2008588…/module_zs_sobre_section.min.js

1var module_196196964669=void document.addEventListener("DOMContentLoaded",()=>{const stepItem=document.querySelectorAll(".zs_icon_list_item"),cardContent=(document.querySelector(".zs_card_sobre"),document.querySelector(".zs_card_sobre span")),cardLink=document.querySelector(".zs_card_sobre a"),cardBackground=document.querySelector(".zs_card_sobre"),ctaButtons=document.querySelectorAll(".zs_card_sobre__cta_button"),mobileSection=document.querySelector(".zs_sobre_section_mobile"),mobileCards=mobileSection.querySelectorAll(".zs_list_card_item");stepItem[0].classList.add("last_item_active"),ctaButtons.length>0&&ctaButtons[0].classList.add("cta_button_active"),stepItem.forEach(item=>{item.addEventListener("mouseenter",()=>{if(!item.classList.contains("last_item_active")){!function(itemIndex){const targetItem=stepItem[itemIndex];if(targetItem){const newContent=targetItem.getAttribute("data-content");newContent&&(cardContent.innerHTML=newContent);const newLink=targetItem.getAttribute("data-link");newLink&&cardLink&&(cardLink.href=newLink);const newImage=targetItem.getAttribute("data-image");newImage&&cardBackground&&(cardBackground.style.backgroundImage=`url('${newImage}')`),document.querySelectorAll(".zs_card_sobre__cta_button").forEach((button,index)=>{index===itemIndex?button.classList.add("cta_button_active"):button.classList.remove("cta_button_active")})}}(Array.from(stepItem).indexOf(item));const activeItem=document.querySelector(".last_item_active");activeItem?.classList.remove("last_item_active"),handleClassesToggle("add",[item],["last_item_active"])}})}),document.querySelectorAll(".zs_arrow_icon_rounded").forEach(icon=>{icon.addEventListener("mouseenter",()=>{icon.classList.remove("hover-out"),icon.classList.add("hover-in")}),icon.addEventListener("mouseleave",()=>{icon.classList.remove("hover-in"),icon.classList.add("hover-out")})}),mobileCards.forEach((card,index)=>{if(0===index){const cardHeight=card.getBoundingClientRect().height;card.style.setProperty("--card-height",`${cardHeight}px`)}else{const prevCardHeight=mobileCards[index-1].getBoundingClientRect().height;card.style.setProperty("--card-height",`${prevCardHeight}px`)}}),window.addEventListener("scroll",()=>{if(!mobileSection)return;const sectionRect=mobileSection.getBoundingClientRect(),sectionTop=sectionRect.top,sectionBottom=sectionRect.bottom;if(sectionTop<window.innerHeight&&sectionBottom>0){let visibleCardIndex=function(){const windowHeight=window.innerHeight,centerY=windowHeight/2;for(let i=0;i<mobileCards.length;i++){const cardRect=mobileCards[i].getBoundingClientRect();if(cardRect.top<=centerY&&cardRect.bottom>=centerY)return i}let maxVisibleArea=0,visibleIndex=0;return mobileCards.forEach((card,index)=>{const cardRect=card.getBoundingClientRect(),visibleTop=Math.max(0,cardRect.top),visibleBottom=Math.min(windowHeight,cardRect.bottom),visibleHeight=Math.max(0,visibleBottom-visibleTop);visibleHeight>maxVisibleArea&&(maxVisibleArea=visibleHeight,visibleIndex=index)}),visibleIndex}();for(let i=0;i<visibleCardIndex;i++)mobileCards[i+1].style.marginTop=0;const currentCard=mobileCards[visibleCardIndex],currentCardRect=mobileCards[visibleCardIndex].getBoundingClientRect(),cardPadding=.1*currentCardRect.height,currentMarginTop=-1*(currentCardRect.height-cardPadding),nextCard=mobileCards[visibleCardIndex+1],windowHeight=window.innerHeight,progress=Math.max(0,Math.min(1,(windowHeight-currentCardRect.top)/(windowHeight+currentCardRect.height)));if(currentCard&&nextCard){const calculatedMarginTop=currentMarginTop+100*progress*10;calculatedMarginTop<0&&(nextCard.style.marginTop=`${calculatedMarginTop}px`)}}})});
2//# sourceURL=https://21139751.fs1.hubspotusercontent-na1.net/hubfs/21139751/hub_generated/module_assets/1/200858897409/1776452964295/module_zs_sobre_section.js