{"version":3,"sources":["20230223DiscoverRecover_functions.js"],"names":["defaultSnapOptions","metaTC","document","createElement","appHeight","name","content","getElementsByTagName","appendChild","documentElement","style","setProperty","window","innerHeight","isTouchDevice","DocumentTouch","addEventListener","getElementById","scrollIntoView","behavior","$","toggleClass","body","classList","contains","container","panelSelector","directionThreshold","delay","duration","easing","t","PanelSnap","sections","querySelectorAll","cb","entries","forEach","entry","id","target","getAttribute","isIntersecting","querySelector","add","remove","observer","IntersectionObserver","rootMargin","sliderShoes","el","observe","click","location","pathname","replace","this","hostname","offsetValue","hash","length","slice","innerWidth","animate","scrollTop","offset","top","Swiper","slidesPerView","spaceBetween","effect","fadeEffect","crossFade","speed","loop","autoplay","disableOnInteraction","sliderProducts","breakpoints","600","sliderFeaturesThumbs1","watchSlidesProgress","sliderFeatures1","900","thumbs","swiper","sliderFeaturesThumbs2","sliderFeatures2"],"mappings":"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","file":"20230223DiscoverRecover_functions.min.js","sourcesContent":["// MOBILE FIX\r\n// TOUCH OR NO-TOUCH, THAT IS THE QUESTION!\r\n// SCROLL/SNAP PANELS\r\n// SCROLL SPY\r\n// SCROLL-TO ANIMATION FOR ANCHOR LINKS\r\n// SLIDER (SWIPER JS)\r\n\r\n\r\n//\r\n// =MOBILE FIX\r\n// --------------------------------------------------\r\n\r\n// set (safari) theme color to match page bg color\r\nvar metaTC = document.createElement('meta');\r\nmetaTC.name = \"theme-color\";\r\nmetaTC.content = \"#212121\";\r\ndocument.getElementsByTagName('head')[0].appendChild(metaTC);\r\n\r\n// check real viewport height\r\nconst appHeight = () => {\r\n  const doc = document.documentElement\r\n  doc.style.setProperty('--app-height', `${window.innerHeight}px`)\r\n}\r\nwindow.addEventListener('resize', appHeight)\r\nappHeight();\r\n\r\n// hero cta: scroll to video\r\ndocument.getElementById('mobileScrollToVideo').addEventListener('click', () => {\r\n  document.getElementById('video').scrollIntoView({behavior: 'smooth'});\r\n});\r\n\r\n\r\n//\r\n// =TOUCH OR NO-TOUCH, THAT IS THE QUESTION!\r\n// --------------------------------------------------\r\n\r\nfunction isTouchDevice() {\r\n  return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n}\r\nif (isTouchDevice() === true) {\r\n  $(\"body\").toggleClass(\"touch\");\r\n} else {\r\n  $(\"body\").toggleClass(\"no-touch\");\r\n}\r\n\r\n\r\n//\r\n// =SCROLL/SNAP PANELS\r\n// --------------------------------------------------\r\n\r\nif (document.body.classList.contains('no-touch')) {\r\n  const defaultSnapOptions = {\r\n    container: document.body,\r\n    panelSelector: '.msdw-section-fs',\r\n    directionThreshold: 150,\r\n    delay: 0,\r\n    duration: 300,\r\n    easing: function(t) { return t },\r\n  };\r\n\r\n  new PanelSnap(defaultSnapOptions);\r\n}\r\n\r\n\r\n//\r\n// =SCROLL SPY\r\n// --------------------------------------------------\r\n\r\nconst sections = document.querySelectorAll('section[data-scroll-spy]');\r\n\r\nconst cb = (entries) => {\r\n  entries.forEach((entry) => {\r\n    const id = entry.target.getAttribute('id');\r\n    entry.isIntersecting ?\r\n      document.querySelector(`a[data-scroll-spy][href=\"#${id}\"]`).classList.add('msdw-nav-anchor-active') :\r\n      document.querySelector(`a[data-scroll-spy][href=\"#${id}\"]`).classList.remove('msdw-nav-anchor-active');\r\n  });\r\n};\r\n\r\nconst observer = new IntersectionObserver(cb, {\r\n  // root\r\n  rootMargin: '-50%'\r\n  // threshold: [0.25, 0.5]\r\n  // threshold: [0.5, 0.75]\r\n});\r\n\r\nsections.forEach((el) => observer.observe(el));\r\n\r\n\r\n//\r\n// =SCROLL-TO ANIMATION FOR ANCHOR LINKS\r\n// --------------------------------------------------\r\n\r\n$('.msdw-nav-anchor').click(function() {\r\n  if (location.pathname.replace(/^\\//,'') == this.pathname.replace(/^\\//,'') && location.hostname == this.hostname) {\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 = 0;\r\n        // console.log(offsetValue);\r\n      }\r\n\r\n      $('html,body').animate({\r\n        scrollTop: target.offset().top - offsetValue\r\n      }, 900);\r\n      return false;\r\n    }\r\n  }\r\n});\r\n\r\n\r\n//\r\n// =SLIDER (SWIPER JS)\r\n// --------------------------------------------------\r\n\r\nconst sliderShoes = new Swiper('#sliderShoes', {\r\n  slidesPerView: 1,\r\n  spaceBetween: 0,\r\n  effect: \"fade\",\r\n  fadeEffect: { crossFade: true },\r\n  speed: 500,\r\n  loop: false,\r\n  autoplay: {\r\n    delay: 2500,\r\n    disableOnInteraction: false,\r\n  },\r\n});\r\n\r\nvar sliderProducts = new Swiper('.msdw-slider-gallery', {\r\n  slidesPerView: 1.1,\r\n  spaceBetween: 10,\r\n  loop: false,\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 1.43,\r\n      spaceBetween: 15,\r\n    },\r\n  },\r\n  // autoplay: {\r\n  //   delay: 2500,\r\n  //   disableOnInteraction: false,\r\n  // },\r\n});\r\n\r\n\r\nvar sliderFeaturesThumbs1 = new Swiper('#sliderFeaturesThumbs1', {\r\n  slidesPerView: 5,\r\n  watchSlidesProgress: true,\r\n});\r\n\r\nvar sliderFeatures1 = new Swiper('#sliderFeatures1', {\r\n  slidesPerView: 1.5,\r\n  spaceBetween: 10,\r\n  loop: false,\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 2,\r\n      spaceBetween: 15,\r\n    },\r\n    900: {\r\n      slidesPerView: 3,\r\n      spaceBetween: 20,\r\n    },\r\n  },\r\n  autoplay: {\r\n    delay: 3000,\r\n    disableOnInteraction: false,\r\n  },\r\n  thumbs: {\r\n    swiper: sliderFeaturesThumbs1\r\n  }\r\n});\r\n\r\n\r\nvar sliderFeaturesThumbs2 = new Swiper('#sliderFeaturesThumbs2', {\r\n  slidesPerView: 5,\r\n  watchSlidesProgress: true,\r\n});\r\n\r\nvar sliderFeatures2 = new Swiper('#sliderFeatures2', {\r\n  slidesPerView: 1.5,\r\n  spaceBetween: 10,\r\n  loop: false,\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 2,\r\n      spaceBetween: 15,\r\n    },\r\n    900: {\r\n      slidesPerView: 3,\r\n      spaceBetween: 20,\r\n    },\r\n  },\r\n  autoplay: {\r\n    delay: 3000,\r\n    disableOnInteraction: false,\r\n  },\r\n  thumbs: {\r\n    swiper: sliderFeaturesThumbs2\r\n  }\r\n});\r\n"]}