{"version":3,"sources":["20250220Kids_functions.js"],"names":["isTouchDevice","window","DocumentTouch","document","$","toggleClass","hovers","querySelectorAll","sliderSlot","forEach","hover","addEventListener","classList","toggle","getElementById","catLandingBottom1","sliderSlot2","appendChild","catLandingBottom2","vid","changeVideoSize","size","videoSource","attr","autoplay","load","console","log","loadVideo","sm","matchMedia","md","lg","xl","matches","contains","onloadeddata","add","onresize"],"mappings":"AAcA,SAASA,gBACP,OAAO,IAAS,iBAAkBC,QAAUA,OAAOC,eAAiBC,oBAAoBD,gBAElE,IAApBF,gBACFI,EAAE,QAAQC,YAAY,SAEtBD,EAAE,QAAQC,YAAY,YAMxB,IAAMC,OAAUH,SAASI,iBAAiB,oBASpCC,YAPNF,OAAOG,QAAQ,SAAAC,GACXA,EAAMC,iBAAiB,QAAS,WAAA,OAAMD,EAAME,UAAUC,OAAO,cAM9CV,SAASW,eAAe,mBACrCC,kBAAoBZ,SAASW,eAAe,uBAM5CE,aALND,mBAAqBP,WAAWS,YAAYF,mBAKxBZ,SAASW,eAAe,oBACtCI,kBAAoBf,SAASW,eAAe,uBA2K5CK,KA1KND,mBAAqBF,YAAYC,YAAYC,mBA0KjCf,SAASW,eAAe,0BAEpC,SAASM,gBAAgBC,GACvB,IAAMC,EAAclB,EAAE,iCACtBkB,EAAYC,KAAK,MAAOD,EAAYC,KAAK,cAAgBF,IACzDF,IAAIK,UAAW,EACfL,IAAIM,OACJC,QAAQC,IAAIL,EAAYC,KAAK,QAG/B,SAASK,YACP,IAAIC,EAAK5B,OAAO6B,WAAW,2CACzBC,EAAK9B,OAAO6B,WAAW,6CACvBE,EAAK/B,OAAO6B,WAAW,8CACvBG,EAAKhC,OAAO6B,WAAW,gDAEzBD,EAAGlB,iBAAiB,SAAUS,iBAC9BW,EAAGpB,iBAAiB,SAAUS,iBAC9BY,EAAGrB,iBAAiB,SAAUS,iBAC9Ba,EAAGtB,iBAAiB,SAAUS,iBAE1BS,EAAGK,QACLd,gBAAgB,MACPW,EAAGG,QACZd,gBAAgB,MACPY,EAAGE,QACZd,gBAAgB,MACPa,EAAGC,SACZd,gBAAgB,MAIhBjB,SAASgC,SAAShB,OACpBhB,SAASQ,iBAAiB,mBAAoBiB,WAC9CT,IAAIiB,aAAe,WAAA,OAAMjB,IAAIP,UAAUyB,IAAI,sBAC3CpC,OAAOqC,SAAWV","file":"20250220Kids_functions.min.js","sourcesContent":["// TOUCH OR NO-TOUCH, THAT IS THE QUESTION!\r\n// SCROLL-TO ANIMATION FOR ANCHOR LINKS\r\n// FADE-IN-UP ELEMENTS ON SCROLL\r\n// SLIDER (SWIPER JS)\r\n// SLIDER (SLICK JS)\r\n// PRODUCT PICKER\r\n// NEWSLETTER PICKER\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// Section Passende Bekleidung für alle deine Aktivitäten\r\n//-------------------------------------------------\r\n\r\nconst hovers =  document.querySelectorAll(\".msdw-hover-text\");\r\n\r\nhovers.forEach(hover => {\r\n    hover.addEventListener('click', () => hover.classList.toggle(\"active\"))\r\n});\r\n\r\n//\r\n// =PLACE SLOT MODULE INSIDE THE LP\r\n// --------------------------------------------------\r\nconst sliderSlot = document.getElementById('msdwSliderSlot');\r\nconst catLandingBottom1 = document.getElementById('cat-landing-bottom1');\r\ncatLandingBottom1 && sliderSlot.appendChild(catLandingBottom1);\r\n\r\n//\r\n// =PLACE SLOT MODULE2 INSIDE THE LP\r\n// --------------------------------------------------\r\nconst sliderSlot2 = document.getElementById('msdwSliderSlot2');\r\nconst catLandingBottom2 = document.getElementById('cat-landing-bottom2');\r\ncatLandingBottom2 && sliderSlot2.appendChild(catLandingBottom2);\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 (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 = 59;\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// =FADE-IN-UP ELEMENTS ON SCROLL\r\n// --------------------------------------------------\r\n\r\n// *** IntersectionObserver ***\r\n\r\n// const elements = document.querySelectorAll(\".msdw-animate\");\r\n\r\n// function 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\n// const observer = new IntersectionObserver(check);\r\n\r\n// elements.forEach((elem) => observer.observe(elem));\r\n\r\n\r\n// *** requestAnimationFrame ***\r\n\r\n// const scroll = window.requestAnimationFrame;\r\n\r\n// function 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 / .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\n// showOnScroll();\r\n\r\n\r\n//\r\n// =SLIDER (SWIPER JS)\r\n// --------------------------------------------------\r\n\r\n// var swiper = new Swiper('.swiper-container', {\r\n//   slidesPerView: 1,\r\n//   loop: true,\r\n//   navigation: {\r\n//     nextEl: '.swiper-button-next',\r\n//     prevEl: '.swiper-button-prev',\r\n//   },\r\n// });\r\n\r\n\r\n//\r\n// =SLIDER (SLICK JS)\r\n// --------------------------------------------------\r\n\r\n// $('.msdw-slider-jacket').slick({\r\n//   slidesToShow: 1,\r\n//   slidesToScroll: 1,\r\n//   swipe: false,\r\n//   arrows: false,\r\n//   swipeToSlide: true,   // in case, 2 or more slides at a time\r\n//   autoplay: true,       // if autoplay...\r\n//   accessibility: false  // use this to avoid page jumping bug\r\n// });\r\n\r\n// $('.slick-prev').click(function() {\r\n//   $('.msdw-slider-jacket').slick('slickPrev');\r\n// });\r\n//\r\n// $('.slick-next').click(function() {\r\n//   $('.msdw-slider-jacket').slick('slickNext');\r\n// });\r\n\r\n// UNSLICK\r\n// If needed, here's a fix for window resizing\r\n// $(window).on('orientationchange resize', function() {\r\n//   $('.msdw-slider-jacket').slick('resize');\r\n// });\r\n\r\n\r\n//\r\n// =PRODUCT PICKER\r\n// --------------------------------------------------\r\n\r\n// const productPickers = document.querySelectorAll('.msdw-product-detail-picker');\r\n\r\n// productPickers.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//   });\r\n// });\r\n\r\n\r\n//\r\n// =NEWSLETTER PICKER\r\n// --------------------------------------------------\r\n\r\n// var campaignId = 'familyAndFriends',\r\n//     pickerTag = document.getElementById(\"openPicker\"),\r\n//     newsletterConfig = {},\r\n//     baseUrl = jwsdwSettings.baseUrl;\r\n\r\n// $.ajax({\r\n//   type: 'GET',\r\n//   url: baseUrl + '/Newsletter-getNewsletterConfig',\r\n//   data: {\r\n//     campaignId: campaignId\r\n//   },\r\n//   success: function(response) {\r\n//     newsletterConfig = response\r\n//   },\r\n//   error: function(response) {\r\n//     jwsdwApi.popup.showHttpError(response.status)\r\n//   }\r\n// });\r\n\r\n// pickerTag.addEventListener(\"click\", function(){\r\n//   window.jwsdwMediator.publish('openPicker', 'newsletterSignupPicker', {\r\n//     \"campaign\": newsletterConfig.id,\r\n//     \"introduction\": newsletterConfig.introduction,\r\n//     \"disclaimerOne\": newsletterConfig.disclaimerOne,\r\n//     \"disclaimerTwo\": newsletterConfig.disclaimerTwo\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 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\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) {\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\nif (document.contains(vid)) {\r\n  document.addEventListener(\"DOMContentLoaded\", loadVideo);\r\n  vid.onloadeddata = () => vid.classList.add(\"msdw-video-loaded\");\r\n  window.onresize = loadVideo;\r\n}\r\n"]}