{"version":3,"sources":["20230216Wolftrail_functions.js"],"names":["vid","document","getElementById","loadVideo","sm","window","matchMedia","md","lg","xl","addListener","$","proxy","changeVideoSize","this","matches","size","videoSource","attr","autoplay","load","contains","addEventListener","onresize","onloadeddata","classList","add","click","location","pathname","replace","hostname","target","hash","length","slice","offsetValue","innerWidth","animate","scrollTop","offset","top","scroll","requestAnimationFrame","showOnScroll","querySelectorAll","forEach","el","getBoundingClientRect","innerHeight","productSlider","Swiper","slidesPerView","spaceBetween","loop","navigation","nextEl","prevEl","breakpoints","600","900","teamSlider","freeMode","grabCursor","daySlider","productPickers","productPicker","productIdNumber","dataset","productId","e","preventDefault","jwsdwMediator","publish","console","log","playVideoBtns","msdwPopupVideoWrapper","querySelector","msdwPopupVideoBackDrop","msdwPopupVideo","playVideoBtn","videoUrl","href","setAttribute","body","muted","play","closePopUpVideo","remove","pause","currentTime","onkeydown","keyCode","sliderSlot","catLandingMiddle","appendChild"],"mappings":"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","file":"20230216Wolftrail_functions.min.js","sourcesContent":["// RESPONSIVE VIDEO!\r\n// SCROLL-TO ANIMATION FOR ANCHOR LINKS\r\n// FADE-IN-UP ELEMENTS ON SCROLL\r\n// SLIDER (SWIPER JS)\r\n// PRODUCT PICKER\r\n// VIDEO POP-UP\r\n// LOTTERY FORM\r\n\r\n//\r\n// =RESPONSIVE VIDEO!\r\n// --------------------------------------------------\r\n\r\nconst vid = document.getElementById(\"msdw-video-responsive\");\r\n\r\nfunction loadVideo() {\r\n  var sm = window.matchMedia(\"(min-width: 0px) and (max-width: 599px)\"), // Standard def (mp4, 640x360)\r\n    md = window.matchMedia(\"(min-width: 600px) and (max-width: 899px)\"), // Standard def (mp4, 960x540)\r\n    lg = window.matchMedia(\"(min-width: 900px) and (max-width: 1199px)\"), // High def (mp4, 1280x720)\r\n    xl = window.matchMedia(\"(min-width: 1200px) and (max-width: 99999px)\"); // High def 1080 (mp4, 1920x1080)\r\n\r\n  sm.addListener($.proxy(changeVideoSize, this, \"sm\"));\r\n  md.addListener($.proxy(changeVideoSize, this, \"md\"));\r\n  lg.addListener($.proxy(changeVideoSize, this, \"lg\"));\r\n  xl.addListener($.proxy(changeVideoSize, this, \"xl\"));\r\n\r\n  if (sm.matches) {\r\n    changeVideoSize(\"sm\");\r\n  } else if (md.matches) {\r\n    changeVideoSize(\"md\");\r\n  } else if (lg.matches) {\r\n    changeVideoSize(\"lg\");\r\n  } else if (xl.matches) {\r\n    changeVideoSize(\"xl\");\r\n  }\r\n}\r\n\r\nfunction changeVideoSize(size) {\r\n  const videoSource = $(\"#msdw-video-responsive source\");\r\n  videoSource.attr(\"src\", videoSource.attr(\"data-video-\" + size));\r\n  vid.autoplay = true;\r\n  vid.load();\r\n  // console.log(videoSource.attr(\"src\"));\r\n}\r\n\r\nif (document.contains(vid)) {\r\n  document.addEventListener(\"DOMContentLoaded\", loadVideo);\r\n  window.onresize = loadVideo;\r\n  vid.onloadeddata = () => vid.classList.add(\"msdw-video-loaded\");\r\n}\r\n\r\n//\r\n// =SCROLL-TO ANIMATION FOR ANCHOR LINKS\r\n// --------------------------------------------------\r\n\r\n$(\".msdw-page-scroll\").click(function () {\r\n  if (\r\n    location.pathname.replace(/^\\//, \"\") == this.pathname.replace(/^\\//, \"\") &&\r\n    location.hostname == this.hostname\r\n  ) {\r\n    var target = $(this.hash);\r\n    target = target.length ? target : $(\"[name=\" + this.hash.slice(1) + \"]\");\r\n    if (target.length) {\r\n      var offsetValue = 0;\r\n      if (window.innerWidth <= 767) {\r\n        offsetValue;\r\n        // console.log(offsetValue);\r\n      } else {\r\n        offsetValue = 59;\r\n        // console.log(offsetValue);\r\n      }\r\n\r\n      $(\"html,body\").animate(\r\n        {\r\n          scrollTop: target.offset().top - offsetValue,\r\n        },\r\n        900\r\n      );\r\n      return false;\r\n    }\r\n  }\r\n});\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 productSlider = new Swiper(\"#productSlider\", {\r\n  slidesPerView: 1,\r\n  spaceBetween: 10,\r\n  loop: true,\r\n  navigation: {\r\n    nextEl: \".msdw-swiper-button-next\",\r\n    prevEl: \".msdw-swiper-button-prev\",\r\n  },\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 3,\r\n      spaceBetween: 15,\r\n    },\r\n    900: {\r\n      slidesPerView: 3,\r\n      spaceBetween: 20,\r\n    },\r\n  },\r\n});\r\n\r\nconst teamSlider = new Swiper(\"#teamSlider\", {\r\n  slidesPerView: 1.2,\r\n  spaceBetween: 10,\r\n  freeMode: true,\r\n  grabCursor: true,\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 1.72,\r\n      spaceBetween: 15,\r\n    },\r\n    900: {\r\n      slidesPerView: 2.5,\r\n      spaceBetween: 20,\r\n    },\r\n    // 1920: {\r\n    //   slidesPerView: 3.17,\r\n    //   spaceBetween: 20,\r\n    // },\r\n  },\r\n});\r\n\r\nconst daySlider = new Swiper(\"#daySlider\", {\r\n  slidesPerView: 1.21,\r\n  spaceBetween: 10,\r\n  freeMode: true,\r\n  grabCursor: true,\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 1.65,\r\n      spaceBetween: 15,\r\n    },\r\n    900: {\r\n      slidesPerView: 2.5,\r\n      spaceBetween: 20,\r\n    },\r\n    // 1920: {\r\n    //   slidesPerView: 3.17,\r\n    //   spaceBetween: 20,\r\n    // },\r\n  },\r\n});\r\n\r\n//\r\n// =PRODUCT PICKER\r\n// --------------------------------------------------\r\n\r\nconst productPickers = document.querySelectorAll(\".msdw-product-detail-picker\");\r\n\r\nproductPickers.forEach((productPicker) => {\r\n  const productIdNumber = productPicker.dataset.productId;\r\n  productPicker.addEventListener(\"click\", (e) => {\r\n    e.preventDefault();\r\n    window.jwsdwMediator.publish(\"openPicker\", \"productDetailPicker\", {\r\n      productId: productIdNumber,\r\n    });\r\n    console.log(e);\r\n    console.log(`${productIdNumber} clicked`);\r\n  });\r\n});\r\n\r\n//\r\n// =VIDEO POP-UP\r\n// --------------------------------------------------\r\n\r\nconst playVideoBtns = document.querySelectorAll(\".msdw-play-video\");\r\nconst msdwPopupVideoWrapper = document.querySelector(\r\n  \".msdw-popup-video-wrapper\"\r\n);\r\nconst msdwPopupVideoBackDrop = document.querySelector(\r\n  \".msdw-popup-video-backdrop\"\r\n);\r\nconst msdwPopupVideo = document.getElementById(\"msdwPopupVideo\");\r\n\r\nif (document.contains(msdwPopupVideoWrapper)) {\r\n  // OPEN\r\n  playVideoBtns.forEach((playVideoBtn) => {\r\n    playVideoBtn.addEventListener(\"click\", (e) => {\r\n      e.preventDefault();\r\n      const videoUrl = playVideoBtn.href;\r\n      msdwPopupVideo.setAttribute(\"src\", videoUrl);\r\n      msdwPopupVideoWrapper.classList.add(\"msdw-active\");\r\n      document.body.classList.add(\"jws-overflowHidden\");\r\n      msdwPopupVideo.muted = false;\r\n      msdwPopupVideo.play();\r\n    });\r\n  });\r\n\r\n  // CLOSE\r\n  const closePopUpVideo = () => {\r\n    document.body.classList.remove(\"jws-overflowHidden\");\r\n    msdwPopupVideo.muted = true;\r\n    msdwPopupVideo.pause();\r\n    msdwPopupVideo.currentTime = 0;\r\n\r\n    msdwPopupVideoWrapper.classList.remove(\"msdw-active\");\r\n  };\r\n\r\n  msdwPopupVideoBackDrop.addEventListener(\"click\", () => {\r\n    closePopUpVideo();\r\n  });\r\n\r\n  window.onkeydown = (e) => {\r\n    if (e.keyCode == 27) closePopUpVideo();\r\n  };\r\n}\r\n\r\n//\r\n// =PLACE SLOT MODULE INSIDE THE LP\r\n// --------------------------------------------------\r\n\r\nconst sliderSlot = document.getElementById('msdwSlidetSlot');\r\nconst catLandingMiddle = document.getElementById('cat-landing-middle');\r\ncatLandingMiddle && sliderSlot.appendChild(catLandingMiddle);\r\n\r\n//\r\n// =LOTTERY FORM\r\n//  scroll to success message after form is sent\r\n// --------------------------------------------------\r\n\r\n// $(document).ready(function () {\r\n//   $(\".msdw-section-form\").css(\"visibility\", \"visible\");\r\n// });\r\n\r\n// $(\"#jwsdw-lottery-salutation\").blur();\r\n\r\n// var $div = $(\"#jwsdw-lotteryForm\");\r\n// var observer = new MutationObserver(function (mutations) {\r\n//   mutations.forEach(function (mutation) {\r\n//     if (mutation.attributeName === \"class\") {\r\n//       var attributeValue = $(mutation.target).prop(mutation.attributeName);\r\n//       // console.log(\"Class attribute changed to:\", attributeValue);\r\n\r\n//       $(\"html, body\").animate(\r\n//         {\r\n//           scrollTop: $(\"#anchorToForm\").offset().top - 70,\r\n//         },\r\n//         500\r\n//       );\r\n//     }\r\n//   });\r\n// });\r\n\r\n// if ($($div).length) {\r\n//   observer.observe($div[0], {\r\n//     attributes: true,\r\n//   });\r\n\r\n//   // var fixOptionText = document.querySelector('option[value=\"UK\"]');\r\n//   // fixOptionText.innerHTML = \"UK\";\r\n// }\r\n\r\n// // COUNTRY PRE-SELECT\r\n// const pageLocale = window.jwsdwSettings.locale;\r\n\r\n// function changeCountryCode(c) {\r\n//   document.getElementById(\"countryCode\").value = c;\r\n// }\r\n\r\n// pageLocale === \"de-IT\" && changeCountryCode(\"IT\");\r\n// pageLocale === \"en-IT\" && changeCountryCode(\"IT\");\r\n// pageLocale === \"en-LU\" && changeCountryCode(\"LU\");\r\n// pageLocale === \"fr-CH\" && changeCountryCode(\"CH\");\r\n// pageLocale === \"fr-FR\" && changeCountryCode(\"DE\");\r\n// pageLocale === \"fr-BE\" && changeCountryCode(\"BE\");\r\n// pageLocale === \"nl-BE\" && changeCountryCode(\"BE\");\r\n"]}