{"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// <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js\"></script>\r\n// <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js\"></script>\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"]}