{"version":3,"sources":["20230609TechnologyPage_functions.js"],"names":["$","click","location","pathname","replace","this","hostname","target","hash","length","slice","offsetValue","window","innerWidth","animate","scrollTop","offset","top","elements","document","querySelectorAll","check","entries","map","entry","isIntersecting","classList","add","observer","unobserve","IntersectionObserver","forEach","elem","observe","togglers","toggleCollapse","toggler","checked","filterNav","Swiper","spaceBetween","slidesPerView","freeMode","loop","allowTouchMove","breakpoints","600","900","1200","on","filterContent","noSwipingClass","effect","fadeEffect","crossFade","speed","thumbs","swiper","sliderSubProducts","navigation","prevEl","nextEl","sliderCarryingSystems","addEventListener","documentElement","body","parent","playVideoBtns","msdwPopupVideoWrapper","querySelector","msdwPopupVideoBackDrop","msdwPopupVideo","getElementById","contains","playVideoBtn","e","preventDefault","videoUrl","getAttribute","setAttribute","muted","play","closePopUpVideo","remove","pause","currentTime","onkeydown","keyCode","vid","loadVideo","sm","matchMedia","md","lg","xl","changeVideoSize","matches","size","videoSource","attr","autoplay","load","onresize","onloadeddata"],"mappings":"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","file":"20230609TechnologyPage_functions.min.js","sourcesContent":["// SCROLL-TO ANIMATION FOR ANCHOR LINKS\r\n// FADE-IN-UP ELEMENTS ON SCROLL\r\n// SLIDER (SWIPER JS)\r\n// SCROLL UP AFTER COLLAPSE\r\n// =RESPONSIVE VIDEO!\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 elements = document.querySelectorAll(\".msdw-animate\");\r\n\r\nfunction check(entries) {\r\n  entries.map((entry) => {\r\n    if (entry.isIntersecting) {\r\n      entry.target.classList.add(\"msdw-animated\");\r\n      observer.unobserve(entry.target);\r\n    }\r\n  });\r\n}\r\n\r\nconst observer = new IntersectionObserver(check);\r\n\r\nelements.forEach((elem) => observer.observe(elem));\r\n\r\n//\r\n// =SLIDER (SWIPER JS)\r\n// --------------------------------------------------\r\n\r\nconst togglers = document.querySelectorAll(\".msdw-toggler\");\r\n\r\nfunction toggleCollapse() {\r\n  togglers.forEach((toggler) => {\r\n    toggler.checked = false;\r\n  });\r\n}\r\n\r\nconst filterNav = new Swiper(\"#filterNav\", {\r\n  spaceBetween: 10,\r\n  slidesPerView: \"auto\",\r\n  freeMode: true,\r\n  // watchSlidesProgress: true,\r\n  loop: false,\r\n  allowTouchMove: true,\r\n  breakpoints: {\r\n    600: { spaceBetween: 15 },\r\n    900: { spaceBetween: 20 },\r\n    1200: { allowTouchMove: false },\r\n  },\r\n  on: {\r\n    click: () => toggleCollapse(),\r\n  },\r\n});\r\n\r\nconst filterContent = new Swiper(\"#filterContent\", {\r\n  noSwipingClass: \"no-swipe\",\r\n  slidesPerView: 1,\r\n  spaceBetween: 0,\r\n  effect: \"fade\",\r\n  fadeEffect: { crossFade: true },\r\n  speed: 5,\r\n  loop: false,\r\n  thumbs: { swiper: filterNav },\r\n\r\n  // initialSlide: 5, // comment when done building\r\n});\r\n\r\nconst sliderSubProducts = new Swiper(\"#sliderSubProducts\", {\r\n  slidesPerView: 1,\r\n  spaceBetween: 0,\r\n  loop: true,\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  navigation: {\r\n    prevEl: \".swiper-products-button-prev\",\r\n    nextEl: \".swiper-products-button-next\",\r\n  },\r\n});\r\n\r\nconst sliderCarryingSystems = new Swiper(\"#sliderCarryingSystems\", {\r\n  slidesPerView: 1.115,\r\n  spaceBetween: 10,\r\n  freeMode: true,\r\n  breakpoints: {\r\n    600: {\r\n      slidesPerView: 1.67,\r\n      spaceBetween: 15,\r\n    },\r\n    900: {\r\n      slidesPerView: 4,\r\n      spaceBetween: 20,\r\n      noSwipingClass: \"msdw-no-swipe--lg\",\r\n    },\r\n  },\r\n});\r\n\r\n//\r\n// =SCROLL UP AFTER COLLAPSE\r\n// --------------------------------------------------\r\n\r\ntogglers.forEach((toggler) => {\r\n  toggler.addEventListener(\"change\", function () {\r\n    if (!this.checked) {\r\n      $([document.documentElement, document.body]).animate(\r\n        {\r\n          scrollTop: $(this).parent().offset().top - 59,\r\n        },\r\n        350\r\n      );\r\n    }\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.getAttribute(\"data-modal-video\");\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// =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.addEventListener(\"change\", changeVideoSize);\r\n  md.addEventListener(\"change\", changeVideoSize);\r\n  lg.addEventListener(\"change\", changeVideoSize);\r\n  xl.addEventListener(\"change\", changeVideoSize);\r\n\r\n  if      (sm.matches) { changeVideoSize('sm') }\r\n  else if (md.matches) { changeVideoSize('md') }\r\n  else if (lg.matches) { changeVideoSize('lg') }\r\n  else if (xl.matches) { changeVideoSize('xl') }\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"]}