https://www.hubspot.fr/hubfs/hub_generated/module_assets/1/1910168…_-_WF_-_Use_Case_with_Overflow_Media.min.js

1var module_191016886562=void(()=>{"use strict";document.addEventListener("DOMContentLoaded",()=>{const createPositionUpdater=elements=>()=>{const stickyHeaderHeight=(()=>{const stickyHeaderElement=document.querySelector(".global-nav-main");return(stickyHeaderElement?stickyHeaderElement.offsetHeight:75)+35})(),measurements=((elements,stickyHeaderHeight)=>{const mediaContainerHeight=elements.mediaContainer.offsetHeight,imageHeight=elements.image.offsetHeight;return{mediaContainerHeight:mediaContainerHeight,imageHeight:imageHeight,maximumMoveDistance:mediaContainerHeight-imageHeight,distanceFromStickyHeader:elements.mediaContainer.getBoundingClientRect().top-stickyHeaderHeight,parallaxEffectSpeed:.9}})(elements,stickyHeaderHeight);if(measurements.containerBelowStickyHeader>0)return void(elements.image.style.top="0px");const newPosition=(measurements=>{const containerPassedStickyHeader=-measurements.distanceFromStickyHeader,progressRatio=Math.min(1,containerPassedStickyHeader/measurements.mediaContainerHeight),parallaxDistance=measurements.mediaContainerHeight*measurements.parallaxEffectSpeed*progressRatio;return Math.min(parallaxDistance,measurements.maximumMoveDistance)})(measurements);elements.image.style.top=`${Math.max(0,newPosition)}px`},checkParallaxEligibility=elements=>"true"===elements.mediaContainer.dataset.enableParallax&&(!!window.matchMedia("(min-width: 900px)").matches&&elements.cardContainer.offsetHeight>elements.image.offsetHeight);document.querySelectorAll(".wf-use-case-overflow-container").forEach(module=>{(module=>{const elements={mediaContainer:module.querySelector(".wf-use-case-overflow-media-container"),cardContainer:module.querySelector(".wf-use-case-overflow-card-container"),image:module.querySelector(".wf-use-case-overflow-media-image")};if(!elements.mediaContainer||!elements.cardContainer||!elements.image)return;const updateImagePosition=createPositionUpdater(elements),handleParallaxState=()=>{checkParallaxEligibility(elements)?(elements.image.classList.add("-parallax-effect"),updateImagePosition()):elements.image.classList.remove("-parallax-effect")};handleParallaxState(),window.addEventListener("scroll",()=>{checkParallaxEligibility(elements)&&updateImagePosition()}),window.addEventListener("resize",handleParallaxState),elements.image.addEventListener("load",handleParallaxState)})(module)}),document.querySelectorAll(".csol-section.wf-use-case-overflow").forEach(section=>{const container=section.querySelector(".wf-use-case-overflow-container");"true"===container?.dataset.playInView&&(section=>{const video=section.querySelector(".wf-use-case-overflow-video-wrapper video");video&&(window.matchMedia("(prefers-reduced-motion: reduce)").matches||new IntersectionObserver(([entry])=>{entry.isIntersecting?video.play().catch(Function.prototype):video.pause()},{threshold:.4}).observe(section))})(section)})})})();
2//# sourceURL=https://53.fs1.hubspotusercontent-na1.net/hubfs/53/hub_generated/module_assets/1/191016886562/1790605518911/module_WTM_-_WF_-_Use_Case_with_Overflow_Media.js