1var module_176983373965=function(){const periodSlider=document.querySelector(".period_slider"),periodImages=document.querySelectorAll(".slider img"),periods=document.querySelectorAll(".period"),periodSlideAmount=100/periods.length,gradient=document.querySelector(".period_gradient"),timeline=document.getElementById("timeline"),dateWrapper=document.querySelector(".micro_wrapper"),dates=document.querySelectorAll(".date"),numDates=dates.length,dots=document.querySelectorAll(".dot"),nums=document.querySelectorAll(".num"),prev=document.getElementById("prev"),next=document.getElementById("next");let viewportWidth,gradientWidth,dateWidth,gradientEnd,gradientMove;nums.forEach(num=>{const number=parseInt(num.innerHTML);num.innerHTML=`${number.toLocaleString()} Customers`});let currentPeriod=0,currentDate=0,positioned=!1;const updateVariables=()=>{setTimeout(()=>{viewportWidth=window.innerWidth,gradientWidth=gradient.offsetWidth,dateWidth=dates[1].offsetWidth,gradientEnd=gradientWidth-viewportWidth,gradientMove=gradientEnd/numDates})};function changePeriod(){const datePeriod=parseInt(dates[currentDate].getAttribute("data-period"));return currentPeriod!==datePeriod&&(currentPeriod=datePeriod,periodSlider.style.transform=`translateY(-${periodSlideAmount*datePeriod}%)`,periods.forEach((period,idx)=>{period.classList.toggle("active",idx===datePeriod)}),periodImages.forEach((image,idx)=>{image.classList.toggle("hide",idx!==datePeriod),setTimeout(()=>{image.classList.toggle("active",idx===datePeriod)},0)}),!0)}function changeActiveDate(){dates.forEach((date,idx)=>{idx===currentDate?date.classList.add("active"):date.classList.remove("active")})}function changeDots(){dots.forEach((dot,idx)=>{idx<currentDate?dot.classList.add("past"):dot.classList.remove("past")})}document.addEventListener("DOMContentLoaded",()=>{updateVariables()}),window.addEventListener("resize",function(){updateVariables(),currentDate=0,dateWrapper.style.transform=`translate(-${dateWidth*currentDate}px)`,gradient.style.transform=`translateX(-${gradientMove*currentDate}px)`,changePeriod(),changeActiveDate(),changeDots(),prev.classList.add("inactive"),next.classList.remove("inactive")}),prev.addEventListener("click",function(){next.classList.remove("inactive"),currentDate>0&&(currentDate--,dateWrapper.style.transform=`translate(-${dateWidth*currentDate}px)`,gradient.style.transform=`translateX(-${gradientMove*currentDate}px)`,0===currentDate&&prev.classList.add("inactive"));changePeriod(),changeActiveDate(),changeDots()}),next.addEventListener("click",function(){prev.classList.remove("inactive"),positioned||(timeline.scrollIntoView({behavior:"smooth",block:"start"}),positioned=!0);currentDate<numDates-1&&(currentDate++,dateWrapper.style.transform=`translateX(-${dateWidth*currentDate}px)`,gradient.style.transform=`translateX(-${gradientMove*currentDate}px)`,changePeriod(),changeActiveDate(),changeDots(),currentDate===numDates-1&&next.classList.add("inactive"))})}(); 2//# sourceURL=https://1769758.fs1.hubspotusercontent-na1.net/hubfs/1769758/hub_generated/module_assets/1/176983373965/1779490924569/module_aboutpage_history.js
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.