{"version":3,"file":"js/homepagebgloader.min.js","mappings":"CACyC,WACjC,IAAMA,EAAcC,SAASC,cAAc,kBAE3C,GAAKF,GAAgBA,EAAYG,QAAQC,MAAzC,CAEA,IACUC,EAOJC,EAASL,SAASM,cAAc,OACtCC,OAAOC,OAAOH,EAAOI,MAAO,CACxBC,SAAU,WACVC,KAVMP,EAAaQ,KAAKC,IACpBb,SAASc,KAAKC,aACdf,SAASgB,gBAAgBD,cAEtBH,KAAKK,MAAmB,GAAbb,GAAoB,MAOtCc,KAAM,IACNC,MAAO,MACPC,OAAQ,MACRC,WAAY,WAEhBrB,SAASc,KAAKQ,YAAYjB,GAG1B,IAAMkB,EAAW,IAAIC,sBAAqB,SAACC,GACzBA,EAAQ,GACZC,iBACN3B,EAAYU,MAAMkB,gBAAkB,OAAHC,OAAU7B,EAAYG,QAAQC,MAAK,KACpEoB,EAASM,aAEjB,GAAG,CACCC,KAAM,KACNC,WAAY,YACZC,UAAW,IAGfT,EAASU,QAAQ5B,EAlCqC,CAmC1D,CACA6B","sources":["webpack://mbttheme/./assets/js/homepage-background-loader.js"],"sourcesContent":["(() => {\r\n    const initHomepageBackgroundLoader = () => {\r\n        const homeContent = document.querySelector('.content--home');\r\n\r\n        if (!homeContent || !homeContent.dataset.bgSrc) return;\r\n\r\n        const calculateMarkerPosition = () => {\r\n            const pageHeight = Math.max(\r\n                document.body.scrollHeight,\r\n                document.documentElement.scrollHeight,\r\n            );\r\n            return Math.floor(pageHeight * 0.6) + 'px';\r\n        };\r\n\r\n        const marker = document.createElement('div');\r\n        Object.assign(marker.style, {\r\n            position: 'absolute',\r\n            top: calculateMarkerPosition(),\r\n            left: '0',\r\n            width: '1px',\r\n            height: '1px',\r\n            visibility: 'hidden'\r\n        });\r\n        document.body.appendChild(marker);\r\n\r\n        //When you scroll within 100px of the marker position, we want to load the background image that appears at the bottom of the page.\r\n        const observer = new IntersectionObserver((entries) => {\r\n            const entry = entries[0];\r\n            if (entry.isIntersecting) {\r\n                homeContent.style.backgroundImage = `url(${homeContent.dataset.bgSrc})`;\r\n                observer.disconnect();\r\n            }\r\n        }, {\r\n            root: null,\r\n            rootMargin: '100px 0px',\r\n            threshold: 0\r\n        });\r\n\r\n        observer.observe(marker);\r\n    };\r\n    initHomepageBackgroundLoader();\r\n})();"],"names":["homeContent","document","querySelector","dataset","bgSrc","pageHeight","marker","createElement","Object","assign","style","position","top","Math","max","body","scrollHeight","documentElement","floor","left","width","height","visibility","appendChild","observer","IntersectionObserver","entries","isIntersecting","backgroundImage","concat","disconnect","root","rootMargin","threshold","observe","initHomepageBackgroundLoader"],"sourceRoot":""}