{"version":3,"sources":["20250220TechnologyPage_functions.js"],"names":["$","click","location","pathname","replace","this","hostname","offsetValue","target","hash","length","slice","window","innerWidth","animate","scrollTop","offset","top","elements","document","querySelectorAll","check","entries","map","entry","isIntersecting","classList","add","observer","unobserve","IntersectionObserver","togglers","forEach","elem","observe","toggleCollapse","toggler","checked","closePopUpVideo","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","playVideoBtns","addEventListener","documentElement","body","parent","msdwPopupVideoWrapper","querySelector","msdwPopupVideoBackDrop","msdwPopupVideo","getElementById","vid","contains","playVideoBtn","e","preventDefault","videoUrl","getAttribute","setAttribute","muted","play","remove","pause","currentTime","onkeydown","keyCode","loadVideo","sm","matchMedia","md","lg","xl","changeVideoSize","matches","size","videoSource","attr","autoplay","load","onresize","onloadeddata"],"mappings":"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","file":"20250220TechnologyPage_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"]}