{"version":3,"sources":["20230331Layering_functions.js"],"names":["scroll","window","requestAnimationFrame","showOnScroll","document","querySelectorAll","forEach","el","getBoundingClientRect","top","innerHeight","classList","add","sliderThumbs","Swiper","slidesPerView","loop","breakpoint","matchMedia","sliderLayers","sliderWeather","breakpointChecker","matches","undefined","destroy","enableSwiper","spaceBetween","effect","fadeEffect","crossFade","speed","autoHeight","navigation","prevEl","nextEl","thumbs","swiper","breakpoints","900","noSwipingClass","600","freeMode","enabled","sticky","addEventListener"],"mappings":"AAQA,IAAMA,OAASC,OAAOC,sBAEtB,SAASC,eACOC,SAASC,iBAAiB,iBAElCC,QAAQ,SAACC,GACMA,EAAGC,wBAAwBC,IAC7BR,OAAOS,YAAc,IAGpCH,EAAGI,UAAUC,IAAI,mBAIrBZ,OAAOG,cAGTA,eAMA,IAAMU,aAAe,IAAIC,OAAO,gBAAiB,CAC/CC,cAAe,EACfC,MAAM,IAGFC,WAAahB,OAAOiB,WAAW,sBAEjCC,kBAAAA,EACAC,mBAAAA,EAEEC,kBAAoB,WACxB,IAA2B,IAAvBJ,WAAWK,aACQC,IAAjBJ,cAA4BA,aAAaK,SAAQ,GAAM,QACrCD,IAAlBH,eAA6BA,cAAcI,SAAQ,GAAM,QAExD,IAA2B,IAAvBP,WAAWK,QACpB,OAAOG,gBAILA,aAAe,WACnBN,aAAe,IAAIL,OAAO,gBAAiB,CACzCY,aAAc,EACdC,OAAQ,OACRC,WAAY,CAAEC,WAAW,GACzBC,MAAO,GACPd,MAAM,EACNe,YAAY,EACZC,WAAY,CACVC,OAAQ,2BACRC,OAAQ,4BAEVC,OAAQ,CACNC,OAAQvB,cAEVwB,YAAa,CACXC,IAAK,CACHC,eAAgB,oBAChBT,MAAO,QAKbV,cAAgB,IAAIN,OAAO,iBAAkB,CAC3CC,cAAe,EACfW,aAAc,EACdM,WAAY,CACVC,OAAQ,4BACRC,OAAQ,6BAEVG,YAAa,CACXG,IAAK,CACHzB,cAAe,EACf0B,SAAU,CACRC,SAAS,EACTC,QAAQ,QAOlB1B,WAAW2B,iBAAiB,SAAUvB,mBAEtCA","file":"20230331Layering_functions.min.js","sourcesContent":["// FADE-IN-UP ELEMENTS ON SCROLL\r\n// SLIDER (SWIPER JS)\r\n// LAYERS SECTION DESKTOP ANIMATION\r\n\r\n//\r\n// =FADE-IN-UP ELEMENTS ON SCROLL\r\n// --------------------------------------------------\r\n\r\nconst scroll = window.requestAnimationFrame;\r\n\r\nfunction showOnScroll() {\r\n const elems = document.querySelectorAll(\".msdw-animate\");\r\n\r\n elems.forEach((el) => {\r\n const elPosition = el.getBoundingClientRect().top;\r\n const elScreen = window.innerHeight / 0.9;\r\n\r\n if (elPosition < elScreen) {\r\n el.classList.add(\"msdw-animated\");\r\n }\r\n });\r\n\r\n scroll(showOnScroll);\r\n}\r\n\r\nshowOnScroll();\r\n\r\n//\r\n// =SLIDER (SWIPER JS)\r\n// --------------------------------------------------\r\n\r\nconst sliderThumbs = new Swiper(\"#sliderThumbs\", {\r\n slidesPerView: 3,\r\n loop: false,\r\n});\r\n\r\nconst breakpoint = window.matchMedia(\"(min-width: 900px)\");\r\n\r\nlet sliderLayers;\r\nlet sliderWeather;\r\n\r\nconst breakpointChecker = function () {\r\n if (breakpoint.matches === true) {\r\n if (sliderLayers !== undefined) sliderLayers.destroy(true, true);\r\n if (sliderWeather !== undefined) sliderWeather.destroy(true, true);\r\n return;\r\n } else if (breakpoint.matches === false) {\r\n return enableSwiper();\r\n }\r\n};\r\n\r\nconst enableSwiper = function () {\r\n sliderLayers = new Swiper(\"#sliderLayers\", {\r\n spaceBetween: 0,\r\n effect: \"fade\",\r\n fadeEffect: { crossFade: true },\r\n speed: 50,\r\n loop: false,\r\n autoHeight: true,\r\n navigation: {\r\n prevEl: \".msdw-layers-button-prev\",\r\n nextEl: \".msdw-layers-button-next\",\r\n },\r\n thumbs: {\r\n swiper: sliderThumbs,\r\n },\r\n breakpoints: {\r\n 900: {\r\n noSwipingClass: \"msdw-no-swipe--lg\",\r\n speed: 500,\r\n },\r\n },\r\n });\r\n\r\n sliderWeather = new Swiper(\"#sliderWeather\", {\r\n slidesPerView: 1,\r\n spaceBetween: 0,\r\n navigation: {\r\n prevEl: \".msdw-weather-button-prev\",\r\n nextEl: \".msdw-weather-button-next\",\r\n },\r\n breakpoints: {\r\n 600: {\r\n slidesPerView: 2,\r\n freeMode: {\r\n enabled: true,\r\n sticky: true,\r\n },\r\n },\r\n },\r\n });\r\n};\r\n\r\nbreakpoint.addEventListener(\"change\", breakpointChecker);\r\n\r\nbreakpointChecker();\r\n\r\n//\r\n// =LAYERS SECTION DESKTOP ANIMATION\r\n// --------------------------------------------------\r\n\r\n// \r\n// \r\n\r\n// gsap.defaults({\r\n// ease: Linear.easeNone,\r\n// });\r\n\r\n// ScrollTrigger.matchMedia({\r\n// \"(min-width:900px)\": function () {\r\n// const tl = gsap.timeline({\r\n// scrollTrigger: {\r\n// trigger: \".msdw-section-layers\",\r\n// scrub: 0.1,\r\n// pin: \".landingpage-wrapper\",\r\n// start: \"top 60px\",\r\n// },\r\n// });\r\n\r\n// tl.call(() => sliderLayers.slideTo(0));\r\n// tl.to(\".msdw-section-weather\", 1, { opacity: 0.333 });\r\n// tl.call(() => sliderLayers.slideTo(1));\r\n// tl.to(\".msdw-section-weather\", 1, { opacity: 0.666 });\r\n// tl.call(() => sliderLayers.slideTo(2));\r\n// tl.to(\".msdw-section-weather\", 1, { opacity: 1 });\r\n// },\r\n// });\r\n"]}