{"version":3,"sources":["20240419Sale_functions.js"],"names":["isTouchDevice","window","DocumentTouch","document","$","toggleClass","hovers","querySelectorAll","sliderSlot","forEach","hover","addEventListener","classList","toggle","getElementById","catLandingBottom1","vid","appendChild","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,oBAUpCC,YARNF,OAAOG,QAAQ,SAAAC,GACXA,EAAMC,iBAAiB,QAAS,WAAA,OAAMD,EAAME,UAAUC,OAAO,cAO9CV,SAASW,eAAe,mBACrCC,kBAAoBZ,SAASW,eAAe,uBA0K5CE,KAzKND,mBAAqBP,WAAWS,YAAYF,mBAyKhCZ,SAASW,eAAe,0BAEpC,SAASI,gBAAgBC,GACvB,IAAMC,EAAchB,EAAE,iCACtBgB,EAAYC,KAAK,MAAOD,EAAYC,KAAK,cAAgBF,IACzDH,IAAIM,UAAW,EACfN,IAAIO,OACJC,QAAQC,IAAIL,EAAYC,KAAK,QAG/B,SAASK,YACP,IAAIC,EAAK1B,OAAO2B,WAAW,2CACzBC,EAAK5B,OAAO2B,WAAW,6CACvBE,EAAK7B,OAAO2B,WAAW,8CACvBG,EAAK9B,OAAO2B,WAAW,gDAEzBD,EAAGhB,iBAAiB,SAAUO,iBAC9BW,EAAGlB,iBAAiB,SAAUO,iBAC9BY,EAAGnB,iBAAiB,SAAUO,iBAC9Ba,EAAGpB,iBAAiB,SAAUO,iBAE1BS,EAAGK,QACLd,gBAAgB,MACPW,EAAGG,QACZd,gBAAgB,MACPY,EAAGE,QACZd,gBAAgB,MACPa,EAAGC,SACZd,gBAAgB,MAIhBf,SAAS8B,SAASjB,OACpBb,SAASQ,iBAAiB,mBAAoBe,WAC9CV,IAAIkB,aAAe,WAAA,OAAMlB,IAAIJ,UAAUuB,IAAI,sBAC3ClC,OAAOmC,SAAWV","file":"20240419Sale_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//\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// =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"]}