{"version":3,"sources":["20250106ContentBar_functions.js"],"names":["stickyTop","document","querySelector","navi","stickyDisplay","getElementById","closeContentBar","window","addEventListener","before","style","display"],"mappings":"AA2LA,IAAMA,UAAYC,SAASC,cAAc,wBACnCC,KAAOF,SAASC,cAAc,kCAC9BE,cAAgBH,SAASI,eAAe,mBACxCC,gBAAkBL,SAASC,cAAc,0BAE/CK,OAAOC,iBAAiB,mBAAoB,WACpCL,MACAA,KAAKM,OAAOT,aAIpBO,OAAOC,iBAAiB,mBAAoB,WACpCJ,cAAcM,MAAMC,QAAU,OAC9BP,cAAcM,MAAMC,QAAU,UAKtCL,gBAAgBE,iBAAiB,QAAS,WACnCJ,cAAcM,MAAMC,QAAU,QAC7BP,cAAcM,MAAMC,QAAU","file":"20250106ContentBar_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\n// function isTouchDevice() {\r\n// return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n// }\r\n// if (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-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\nconst stickyTop = document.querySelector('.msdw-sticky-bar-top');\r\nconst navi = document.querySelector('.jwsdw-header-container header');\r\nconst stickyDisplay = document.getElementById('msdw-barDisplay');\r\nconst closeContentBar = document.querySelector('.msdw-contentBar-close');\r\n\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n if (navi) {\r\n navi.before(stickyTop);\r\n }\r\n});\r\n\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n if (stickyDisplay.style.display = \"none\") {\r\n stickyDisplay.style.display = \"block\";\r\n }\r\n});\r\n\r\n// Close content bar\r\ncloseContentBar.addEventListener('click', () => {\r\n if(stickyDisplay.style.display = \"block\") {\r\n stickyDisplay.style.display = \"none\"\r\n }\r\n})\r\n"]}