';\n });\n }\n\n $($productContainer).trigger('product:updateAvailability', {\n product: response.product,\n $productContainer: $productContainer,\n message: availabilityValue,\n resources: response.resources\n });\n}\n\n/**\n * Updates the images shown in page from response containing images.\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateImages(imgs, $productContainer) {\n const buildSrcSet = (imageSet, prevArrStartIndex) => {\n return imageSet.map((url, idx) => {\n return url + ' ' + ((idx + 1 + prevArrStartIndex) * 200) + 'w';\n }).join(',');\n };\n let $imageContainer = $productContainer.find('.js-image-list');\n\n // Read the template for the images shown in the list\n const imgTemplate = document.getElementById('image-template').innerHTML;\n for (var i = 0; i < imgs.length; i++) {\n var $imagesDivs = $imageContainer.find('.cc-content-image');\n var singleImage = $imagesDivs.get(i);\n var $ResizedUrlsFirstSource = (imgs[i].resizedUrls).splice(0, 3);\n var $ResizedUrlsSecondSource = (imgs[i].resizedUrls);\n if (singleImage) {\n var $picture = $(singleImage).find('picture');\n var $image = $picture.find('img');\n var $sources = $picture.find('source');\n $sources.eq(0).attr('srcset', buildSrcSet($ResizedUrlsFirstSource, 0));\n $sources.eq(1).attr('srcset', buildSrcSet($ResizedUrlsSecondSource, 3));\n $image.attr('src', imgs[i].url);\n $image.attr('alt', imgs[i].alt + 'image number ' + i + '');\n if ($image.hasClass('lazyload')) {\n $image.removeClass('lazyload');\n }\n } else {\n var cloneImage = $imagesDivs.get(i - 1);\n $(cloneImage).clone().appendTo($imageContainer);\n $imagesDivs = $imageContainer.find('.cc-content-image');\n cloneImage = $imagesDivs.get(i);\n var $picture = $(cloneImage).find('picture');\n var $image = $picture.find('img');\n var $sources = $picture.find('source');\n $sources.eq(0).attr('srcset', buildSrcSet($ResizedUrlsFirstSource, 0));\n $sources.eq(1).attr('srcset', buildSrcSet($ResizedUrlsSecondSource, 3));\n $image.attr('src', imgs[i].url);\n $image.attr('alt', imgs[i].alt + 'image number ' + i + '');\n if ($image.hasClass('lazyload')) {\n $image.removeClass('lazyload');\n }\n }\n }\n var imgLength = $imageContainer.find('.cc-content-image').length;\n if (imgs.length < imgLength) {\n var $imagesOld = $imageContainer.find('.cc-content-image');\n for (var j = (imgLength - 1); j > (imgs.length - 1); j--) {\n var oldimg = $imagesOld.get(j);\n $(oldimg).remove();\n }\n }\n}\n\nfunction updateVideo($productContainer, htmlVideo, position) {\n let $videoContainerVertical = $productContainer.find('.js-image-list').find('.cc-content-video:not(\".cc-only-mobile\")');\n let $videoContainerHorizontalDesktop = $productContainer.find('.cc-pdp__video-horizontal-desktop');\n let $videoContainerHorizontalMobile = $productContainer.find('.cc-content-video.cc-only-mobile');\n var ImageandVideoContainer = $productContainer.find('.js-image-list');\n if ($videoContainerVertical.length > 0) {\n if (position === 'vertical') {\n $videoContainerVertical.replaceWith(htmlVideo);\n } else {\n $productContainer.find('.js-image-list .cc-content-video').remove();\n var desktopVideo = $(htmlVideo).filter('.cc-pdp__video-horizontal-desktop');\n var mobileVideo = $(htmlVideo).filter('.cc-content-video.cc-only-mobile');\n $(ImageandVideoContainer).append(mobileVideo);\n $(desktopVideo).insertAfter('.cc-pdp__info');\n }\n } else if ($videoContainerHorizontalDesktop.length > 0 || $videoContainerHorizontalMobile.length > 0) {\n if (position === 'vertical') {\n $productContainer.find('.cc-pdp__video-horizontal-desktop').remove();\n $productContainer.find('.cc-content-video.cc-only-mobile').remove();\n $(ImageandVideoContainer).prepend(htmlVideo);\n } else {\n var desktopVideo = $(htmlVideo).filter('.cc-pdp__video-horizontal-desktop');\n var mobileVideo = $(htmlVideo).filter('.cc-content-video.cc-only-mobile');\n $videoContainerHorizontalDesktop.replaceWith(desktopVideo);\n $videoContainerHorizontalMobile.replaceWith(mobileVideo);\n }\n } else {\n if (position === 'vertical') {\n $(ImageandVideoContainer).prepend(htmlVideo);\n } else {\n var desktopVideo = $(htmlVideo).filter('.cc-pdp__video-horizontal-desktop');\n var mobileVideo = $(htmlVideo).filter('.cc-content-video.cc-only-mobile');\n $(ImageandVideoContainer).append(mobileVideo);\n $(desktopVideo).insertAfter('.cc-pdp__info');\n }\n }\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {Object} response.product.price - Price object related to the product\n * @param {Object} response.product.price.html - HTML rendering of the price object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object} response.product.images - Product images\n * @param {Object[]} response.product.images.large - Product images in large format\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {Object} response.resources - Translation object\n * @param {boolean} imagesCanChange - if the images can change\n * @param {jQuery} $productContainer - DOM element for a given product.\n **/\nfunction handleVariantResponse(response, $productContainer, imagesCanChange) {\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n }\n\n if (imagesCanChange) {\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n updateImages(primaryImageUrls, $productContainer);\n if (response.product.hasHorizontalVideo) {\n if (response.product.videoH.CLDvideoHURL !== $('.cc-pdp__video-horizontal-desktop .cc-video-hotizontal source').attr('src')) {\n updateVideo($productContainer, response.product.videoCloudinaryPdpHtml, 'horizontal');\n }\n } else if (response.product.hasVerticalVideo) {\n if (response.product.videoV.CLDvideoVURL !== $('.js-image-list .cc-content-video source').attr('src')) {\n updateVideo($productContainer, response.product.videoCloudinaryPdpHtml, 'vertical');\n }\n } else {\n $productContainer.find('.js-image-list .cc-content-video').remove();\n $productContainer.find('.cc-pdp__video-horizontal-desktop').remove();\n $productContainer.find('.cc-content-video.cc-only-mobile').remove();\n }\n }\n\n // Update pricing\n var $priceSelector = $('.js-prices .js-price', $productContainer).length\n ? $('.js-prices .js-price', $productContainer)\n : $('.js-prices .js-price');\n $priceSelector.replaceWith(response.product.price.html);\n\n updateAvailability(response, $productContainer);\n\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {boolean} imagesCanChange - indicates if the images could change as a result of the selection of the attribute\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer, imagesCanChange) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n if (imagesCanChange) {\n var imgVal = $('#js-pv-image').val();\n let $imageContainer = $productContainer.find('.js-image-list');\n $imageContainer.find('.cc-content-image').find('picture source').attr('srcset', imgVal);\n }\n\n // cites on variation group, checking cites value on color selection\n if (data.product.enableDisclaimerShipment && $('.js-disclaimer-shipment').length) {\n $('.js-disclaimer-shipment').removeClass('d-none');\n } else if (!$('.js-disclaimer-shipment').hasClass('d-none')) {\n $('.js-disclaimer-shipment').addClass('d-none');\n }\n\n // pfas on variation group/variant\n if (data.product.pfas && $('.js-banner-pfas').length) {\n $('.js-banner-pfas').removeClass('d-none');\n } else if (!$('.js-banner-pfas').hasClass('d-none')) {\n $('.js-banner-pfas').addClass('d-none');\n }\n\n // data tags\n if (data.product.Tag) {\n $('.js-tag-container span', $productContainer).text(data.product.Tag.toUpperCase());\n $('.js-tag-container', $productContainer).attr('hidden', false);\n } else {\n $('.js-tag-container', $productContainer).attr('hidden', true);\n $('.js-tag-container span', $productContainer).text('');\n }\n handleVariantResponse(data, $productContainer, imagesCanChange);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {boolean} imagesCanChange - indicates if the images could change as a result of the selection of the attribute\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelectSizeLook(selectedValueUrl, $productContainer, imagesCanChange) {\n if (selectedValueUrl) {\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n $('.js-product-detail-look').data('pid', data.product.id);\n $('button.add-to-cart').data('disabled', (!data.product.readyToOrder || !data.product.available));\n\n $.spinner().stop();\n // trigger wishlist update\n $('body').trigger('wishlist:productVariantChanged');\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {boolean} imagesCanChange - indicates if the images could change as a result of the selection of the attribute\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelectLook(selectedValueUrl) {\n if (selectedValueUrl) {\n var url = $('.js-select-single-tile-look').data('href');\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n var pid = data.product.sku;\n var dat = {\n pid: pid\n };\n\n $.ajax({\n url: url,\n data: dat,\n method: 'GET',\n success: function (response) {\n if (response.stickyBar) {\n $('.js-sticky-look-container').html(response.stickyBar);\n }\n },\n error: function(err) {\n }\n });\n // handleVariantResponse(data, $productContainer, imagesCanChange);\n // $('body').trigger('product:afterAttributeSelect',\n // { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nfunction performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, onSuccess, onError, customFrom) {\n var data = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n var masterPid = $('.js-master-pid').val();\n if (addToCartUrl) {\n $.spinner().start();\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: data,\n success: function (data) {\n // handlePostCartAdd(data);\n $.spinner().stop();\n if (onSuccess != null) {\n // analytics\n\n // get product by pid\n var totPid = pid;\n var generalPid;\n if (data.skuMaster) {\n generalPid = data.skuMaster;\n } else if (masterPid) {\n generalPid = masterPid;\n } else if (data.productColor) {\n var split = totPid.split(data.productColor);\n if (split) {\n generalPid = split[0];\n }\n }\n if (! generalPid) {\n var posC = totPid.lastIndexOf('C');\n if (totPid.charAt(posC - 1) === 'C') {\n posC = posC - 1;\n }\n if (posC !== -1) {\n generalPid = totPid.substr(0, posC);\n } else {\n generalPid = totPid;\n }\n }\n\n // get product -> js-analytics-impressions-product-initialized prevent minicart elements to be selected\n var selectorPrefix = '.js-analytics-impressions-product-initialized.js-analytics-click-product-info-';\n var product = $(selectorPrefix + generalPid);\n if ($('.page').data('action') && $('.page').data('action').indexOf('Wishlist') !== -1) {\n if (product.length > 1) {\n product = $($(selectorPrefix + generalPid + '[data-color=\"' + data.productColor + '\"]')[0]);\n }\n }\n if (product.length <= 0) {\n product = $(selectorPrefix + totPid);\n }\n if (product.length <= 0) {\n product = $(selectorPrefix + totPid.substring(0, totPid.length - 2));\n }\n if (product.length <= 0) {\n product = $(selectorPrefix + generalPid + 'C'); // pid concatenazione\n }\n\n if (product.length > 1) {\n if (window.isDesktop) {\n product = $(product[0]);\n } else product = $(product[1]);\n }\n\n if (customFrom) {\n product.attr('data-sticky', customFrom);\n }\n\n $('body').trigger('analytics:pushAddToCart', product);\n\n // END\n // update live content\n $('.js-mini-cart-update').text(data.addToCartLiveContent);\n\n onSuccess(data);\n }\n },\n error: function () {\n $.spinner().stop();\n if (onError != null) {\n onError();\n }\n }\n });\n\n var urlAnalytics = $('.add-to-minicart-analytics').val();\n var urlParams = {\n pid: pid\n };\n urlAnalytics = appendToUrl(urlAnalytics, urlParams);\n $.spinner().start();\n $.ajax({\n url: urlAnalytics,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.js-minicart-analytics').append(data.minicartAnalytics);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n $.spinner().stop();\n }\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] button.js-color-choice', function (e) {\n // When the user clicks on one color inside the stickybar selection, change the aria-label of the selected color.\n $('.cc-content-thumb-color-sticky').attr(\"aria-label\", $(this).attr(\"data-accessibility-change\"));\n\n if ($(this).hasClass('js-color-choiche-sticky-look')) {\n attributeSelectLook($(this).attr('data-url'));\n } else {\n e.preventDefault();\n $(document).find('.js-image-list .cc-image').removeClass('lazyload');\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect($(this).attr('data-url'), $productContainer, true);\n // Reset size on PDP selector\n $('#js-size-text-default').removeClass('hidden');\n $('#js-size-text-selected').addClass('hidden');\n $('#js-size-text-selected').text('');\n // Reset size on PDP sticky selector\n $('#js-sticky-size-text-default').removeClass('hidden');\n $('#js-sticky-size-text-selected').addClass('hidden');\n $('#js-sticky-size-text-selected').text('');\n // 4Gift action url after size select\n var colorSelect = $(this).data('attr-value');\n var productPid = $(document).find('#skuMaster').val();\n var action = $(document).find('#4giftersCheckout').data('action');\n var sizeCode = $(document).find('.js-select-size.cc-active').data('attr-value');\n var SKU = productPid + colorSelect + sizeCode; // pid concatenation PDP\n $(document).find('#4giftersCheckout').data('action-url', action + SKU.toLowerCase());\n }\n });\n },\n\n colorAttributeLook: function () {\n $(document).on('click', '[data-attr=\"color\"] button.js-color-choice.js-color-choiche-sticky-look', function (e) {\n window.scrollTo(0, 0);\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect($(this).attr('data-url'), $productContainer, true);\n // Reset size on PDP selector\n $('#js-size-text-default').removeClass('hidden');\n $('#js-size-text-selected').addClass('hidden');\n $('#js-size-text-selected').text('');\n // Reset size on PDP sticky selector\n $('#js-sticky-size-text-default').removeClass('hidden');\n $('#js-sticky-size-text-selected').addClass('hidden');\n $('#js-sticky-size-text-selected').text('');\n // 4Gift action url after size select\n var colorSelect = $(this).data('attr-value');\n var productPid = $(document).find('#skuMaster').val();\n var action = $(document).find('#4giftersCheckout').data('action');\n var sizeCode = $(document).find('.js-select-size.cc-active').data('attr-value');\n var SKU = productPid + colorSelect + sizeCode; // pid concatenation PDP\n $(document).find('#4giftersCheckout').data('action-url', action + SKU.toLowerCase());\n });\n },\n\n selectAttribute: function () {\n $(document).on('click', '.js-select-size', function (e) {\n e.preventDefault();\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n if ($(this).closest('.cc-content-size-choice-sticky').hasClass('js-select-size-sticky-look')) {\n attributeSelectSizeLook($(e.currentTarget).data('value'), $productContainer, false);\n $('.js-upload-size').find('.js-size-container').removeClass('cc-active');\n $('.js-upload-size').find('.js-select-size').removeClass('cc-active');\n $(this).addClass('cc-active');\n $(this).parent().addClass('cc-active');\n let size = $(this).children('.js-size-value').text();\n let sizeCode = $(this).data('attr-value');\n $('#js-selected-size').val(sizeCode);\n $('#js-selected-size-to-find').val(sizeCode);\n $('.js-selected-size-socialList').val(sizeCode);\n // set size on PDP selector\n $('#js-size-text-default').addClass('hidden');\n $('#js-size-text-selected').removeClass('hidden');\n $('#js-size-text-selected').text(size);\n // set size on PDP sticky selector\n $('#js-sticky-size-text-default').addClass('hidden');\n $('#js-sticky-size-text-selected').removeClass('hidden');\n $('#js-sticky-size-text-selected').text(size);\n $('.js-sticky-choice-look').each((_idx, el) => {\n let $el = $(el);\n $el.removeClass('cc-open');\n $($el.data('target')).removeClass('cc-open');\n });\n // $productContainer = $(e.currentTarget).closest('.js-sticky-look-container');\n // attributeSelectSizeLook($(e.currentTarget).data('value'), $productContainer, false);\n } else {\n attributeSelect($(e.currentTarget).data('value'), $productContainer, false);\n let size = $(this).children('.js-size-value').text();\n let sizeCode = $(this).data('attr-value');\n $('#js-selected-size').val(sizeCode);\n $('#js-selected-size-to-find').val(sizeCode);\n $('.js-selected-size-socialList').val(sizeCode);\n // set size on PDP selector\n $('#js-size-text-default').addClass('hidden');\n $('#js-size-text-selected').removeClass('hidden');\n $('#js-size-text-selected').text(size);\n // set size on PDP sticky selector\n $('#js-sticky-size-text-default').addClass('hidden');\n $('#js-sticky-size-text-selected').removeClass('hidden');\n $('#js-sticky-size-text-selected').text(size);\n // 4Gift action url after size select\n var colorSelect = $(document).find('.js-color-choice.cc-active').data('attr-value');\n var productPid = $(document).find('#skuMaster').val();\n var action = $(document).find('#4giftersCheckout').data('action');\n var SKU = productPid + colorSelect + sizeCode; // pid concatenation PDP\n $(document).find('#4giftersCheckout').data('action-url', action + SKU.toLowerCase());\n }\n });\n },\n\n performAddToCart: function (target) {\n var addToCartUrl;\n var pid;\n var pidsObj;\n\n $('body').trigger('product:beforeAddToCart', target);\n\n pid = getPidValue($(target));\n if (!pid) {\n pid = $(target).data('pid');\n };\n addToCartUrl = getAddToCartUrl();\n var childProducts = [];\n var quantity = getQuantitySelected($(target));\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n var newStickyAddToCartButton = '';\n if (window.isMobile && $(target).closest('.cc-pdp__info').length) {\n var isStickyTop = $(target).closest('.cc-pdp__info').hasClass('cc-pdp__info--top');\n if (isStickyTop) {\n newStickyAddToCartButton = 'sticky_bar_top_macro';\n }\n var isMicroSticky = $(target).hasClass('js-went-micro-button');\n if (isMicroSticky) {\n newStickyAddToCartButton = 'sticky_bar_top_micro';\n $(target).removeClass('js-went-micro-button');\n }\n if (!isMicroSticky && !isStickyTop) {\n newStickyAddToCartButton = 'sticky_bar_bottom';\n }\n } else {\n newStickyAddToCartButton = $(target).attr('data-sticky');\n }\n\n $(target).trigger('updateAddToCartFormData', form);\n\n performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, function (resData) {\n miniCartReportingUrl(resData.reportingURL);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n //\n }, newStickyAddToCartButton);\n },\n\n performAddToCartLook: function(target) {\n var addToCartUrl;\n var pid = $('.js-product-detail-look').data('pid');\n var pidsObj;\n\n addToCartUrl = getAddToCartUrl();\n var childProducts = [];\n var quantity = 1;\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, function (resData) {\n miniCartReportingUrl(resData.reportingURL);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n //\n }, $(target).attr('data-sticky'));\n },\n\n addToCart: function () {\n var t = this;\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n if ($(this).hasClass('js-add-to-cart-sticky-look')) {\n var addToCartUrl;\n var pid = $('.js-product-detail-look').data('pid');\n var pidsObj;\n\n addToCartUrl = getAddToCartUrl();\n var childProducts = [];\n var quantity = 1;\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, function (resData) {\n miniCartReportingUrl(resData.reportingURL);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n //\n }, $(target).attr('data-sticky'));\n } else {\n t.performAddToCart(this);\n }\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl,\n performAddToCartCall: performAddToCartCall\n};\n","/* eslint-disable require-jsdoc */\nmodule.exports = function (containerElement) {\n function Constructor() {\n this.containerEl = containerElement;\n }\n Constructor.prototype.show = function () {\n this.containerEl.style.display = 'block';\n };\n Constructor.prototype.hide = function () {\n this.containerEl.style.display = 'none';\n };\n return new Constructor();\n};\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","var processInclude = require('./util');\n\n$(document).ready(function () {\n if (!window.ApplePaySession || !window.ApplePaySession.canMakePayments()) {\n $('.js-apple-pay-container').remove();\n }\n var name = 'lastPage=';\n var lastPage = '';\n var cookieArray = document.cookie.split(';');\n for (var i = 0; i < cookieArray.length; i++) {\n var cookieItem = cookieArray[i];\n if (cookieItem.indexOf(name) !== -1) {\n lastPage = cookieItem.substring(name.length + 1, cookieItem.length);\n }\n }\n if (lastPage === '' || document.URL !== lastPage) {\n document.cookie = 'orderID' + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n document.cookie = 'orderEmail' + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n document.cookie = 'lastPage' + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n }\n processInclude(require('./components/clientSideValidation'));\n processInclude(require('./components/footer'));\n processInclude(require('./components/collapsibleItem'));\n processInclude(require('./components/search'));\n processInclude(require('./components/accessibility'));\n processInclude(require('./components/menuNav'));\n processInclude(require('./components/countdown'));\n processInclude(require('./components/locale'));\n processInclude(require('./components/analytics'));\n processInclude(require('./wishlist/wishlist'));\n var $phoneHeader = $('.js-phone-header');\n var $phoneHeaderMobile = $('.js-phone-header-tab-mob');\n var url = $phoneHeader.data('url');\n $.ajax({\n url: url,\n type: 'get',\n success: function (data) {\n if (data.enableInThisCountry) {\n $phoneHeader.removeClass('d-none');\n $phoneHeaderMobile.removeClass('d-none');\n $phoneHeader.find('.cc-text').text(data.label);\n $phoneHeaderMobile.find('.cc-text').text(data.label);\n\n var phoneHeaderElement = $('.js-phone-header');\n var dataAccessibilityValue = phoneHeaderElement.attr('data-accessibility');\n\n $phoneHeader.find('.cc-icon').attr('aria-label', dataAccessibilityValue+ \" \" + data.label);\n $phoneHeaderMobile.find('.cc-icon').attr('aria-label', dataAccessibilityValue+ \" \" + data.label);\n \n $('.js-phone-header-tab-mob').attr('href', 'tel:' + data.value);\n } else {\n $phoneHeader.hide();\n $phoneHeaderMobile.hide();\n $('.js-phone-row').remove();\n }\n },\n error: function () {\n $phoneHeader.hide();\n $phoneHeaderMobile.hide();\n $('.js-phone-row').remove();\n }\n });\n if ($(document).find('.js-update-cartItemNumber').length) {\n var cartItemNumberUrl = $(document).find('.js-update-cartItemNumber').val();\n $.ajax({\n url: cartItemNumberUrl,\n type: 'get',\n success: function (data) {\n if (data) {\n var loginObject = $('.login.lazyload');\n var visitorObject = $('.visitorId.lazyload');\n var cartItemObject = $('.cartItemNumber.lazyload');\n loginObject.text(data.isLogged);\n visitorObject.text(data.userUUID);\n cartItemObject.text(data.cartItemNumber);\n loginObject.removeClass('lazyload');\n visitorObject.removeClass('lazyload');\n cartItemObject.removeClass('lazyload');\n $('body').trigger('analytics:pushuserdatachange');\n }\n },\n error: function () {\n\n }\n });\n }\n var $deliveryTime = $('.js-delivery-time');\n if ($deliveryTime.length > 0) {\n var urlDelivery = $deliveryTime.data('url');\n $.ajax({\n url: urlDelivery,\n type: 'get',\n success: function (data) {\n if (data.minDays && data.maxDays) {\n $('.js-delivery-min-days').text(data.minDays);\n $('.js-delivery-max-days').text(data.maxDays);\n }\n },\n error: function () { }\n });\n }\n\n // Full page cache: load minicart quantity ajax\n if ($('.minicart[data-minicartajax-url]').length > 0) {\n $.post($('.minicart[data-minicartajax-url]').eq(0).data('minicartajax-url'), {}, function(data) {\n $('.minicart', '.cc-section-right').each(function() {\n $(this).html(data);\n });\n });\n }\n // Full page cache: load minicart content ajax and init Paypal\n if ($('#cart-placeholder').length) {\n $.post($('#cart-placeholder').eq(0).data('cartajax-url'), {}, function(data) {\n $('#cart-placeholder').each(function() {\n $(data).insertAfter(this);\n $(this).remove();\n processInclude(require('./components/miniCartSide'));\n });\n });\n }\n\n // Full page cache: load shipping banner content via ajax\n if ($('#banner-placeholder').length) {\n $.post($('#banner-placeholder').eq(0).data('bannerajax-url'), {}, function(data) {\n $('#banner-placeholder').each(function() {\n $(data).insertAfter(this);\n $(this).remove();\n\n var isVisible = $('.js-locale-switch-popup').attr('data-isvisible');\n if (isVisible === 'true'){\n var geolocationountry = $('.js-locale-switch-popup').attr('data-whereami');\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'checklocale', eventAction: 'start', eventLabel: geolocationountry});\n }\n });\n });\n }\n});\n\nif ($(document).find('.cc-full-page-dashboard').length > 0 || $(document).find('.js-ContactUs-Page').length > 0 || $(document).find('.js-Return-page').length > 0 || $(document).find('.js-appointment').length > 0) {\n processInclude(require('./common/datepicker'));\n}\n\n// common should be processed first to enable window settings\nrequire('./common/common');\n\nvar cntrlIsPressed = false;\n\n$(document).keydown(function(event) {\n if (event.which == '17') {\n cntrlIsPressed = true;\n }\n if (event.metaKey) {\n cntrlIsPressed = true;\n }\n});\n\n$(document).keyup(function() {\n cntrlIsPressed = false;\n});\n\n$('body').on('click', '*[href]', function(e) {\n var targetBlank = false;\n targetBlank = $(this).attr('target') ? $(this).attr('target') === '_blank' : false;\n if ($(this)[0].classList.value.indexOf('cc-social') === -1 && $(this)[0].classList.value.indexOf('js') === -1 && $(this).attr('href').indexOf('#') === -1 && !cntrlIsPressed && !targetBlank && $(this).attr('href').indexOf('javascript:void(0)') === -1) {\n $.spinner().start();\n }\n});\n","'use strict';\n\nvar scrollAnimate = require('./scrollAnimate');\n\nmodule.exports = function () {\n $('.back-to-top').click(function () {\n scrollAnimate(0);\n });\n\n $(document).on('click', '.js-open-size-chart-footer', function (e) {\n // analytics\n dataLayer.push({\n event: 'sizeChart',\n eventCategory: 'Size Chart Footer',\n eventAction: 'open'\n });\n // END\n });\n\n if ($('.js-copyright-year').length) {\n var d = new Date();\n var year = d.getFullYear();\n var value = parseInt($('.js-copyright-year').html());\n if (value !== year) {\n $('.js-copyright-year').html(year);\n }\n }\n\n $(document).on('click', '.js-footer-newsletter-button', function(){\n var target = $(this).attr('data-target');\n var email = $(this).closest('.cc-footer-newsletter').find('.js-email-footer:visible').val();\n if (target) {\n $(document).trigger('overlaynewsletter:showmodal', {\n target: target,\n source: 'footer',\n email: email,\n });\n }\n });\n};\n","'use strict';\nmodule.exports = function () {\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n\n sizes.forEach(function (size) {\n var selector = '.collapsible-' + size + ' .title';\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n $(this).parents('.collapsible-' + size).toggleClass('active');\n\n if ($(this).parents('.collapsible-' + size).hasClass('active')) {\n $(this).attr('aria-expanded', true);\n } else {\n $(this).attr('aria-expanded', false);\n }\n });\n });\n};\n","'use strict';\n\nvar debounce = require('lodash/debounce');\n\nvar endpoint = $('.suggestions-wrapper').data('url');\nvar minChars = 3;\nvar searchedWord;\nvar UP_KEY = 38;\nvar DOWN_KEY = 40;\nvar DIRECTION_DOWN = 1;\nvar DIRECTION_UP = -1;\nconst FOCUSABLE = 'button:not(:disabled):not([aria-hidden]),a[href],input';\n/**\n * Retrieves Suggestions element relative to scope\n *\n * @param {Object} scope - Search input field DOM element\n * @return {JQuery} - .suggestions-wrapper element\n */\nfunction getSuggestionsWrapper(scope) {\n return $('.suggestions-wrapper');\n}\n\n/**\n * Determines whether DOM element is inside the .search-mobile class\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n * @return {boolean} - Whether DOM element is inside div.search-mobile\n */\nfunction isMobileSearch(scope) {\n return !!$(scope).closest('.search-mobile').length;\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $('body').removeClass('modal-open');\n $('header').siblings().attr('aria-hidden', 'false');\n $('.js-suggestions').removeClass('modal');\n}\n\n/**\n * Apply modal classes needed for mobile suggestions\n *\n * @param {Object} scope - Search input field DOM element\n */\nfunction applyModals(scope) {\n if (isMobileSearch(scope)) {\n $('body').addClass('modal-open');\n $('header').siblings().attr('aria-hidden', 'true');\n getSuggestionsWrapper(scope).find('.js-suggestions').addClass('modal');\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $('input.search-field').val('');\n clearModals();\n $('.search-mobile .js-suggestions').unbind('scroll');\n $('.suggestions-wrapper').empty();\n}\n\n/**\n * Toggle search field icon from search to close and vice-versa\n *\n * @param {string} action - Action to toggle to\n */\n/*\nfunction toggleSuggestionsIcon(action) {\n var mobileSearchIcon = '.search-mobile button.';\n var iconSearch = 'fa-search';\n var iconSearchClose = 'fa-close';\n\n if (action === 'close') {\n $(mobileSearchIcon + iconSearch).removeClass(iconSearch).addClass(iconSearchClose).attr('type', 'button');\n } else {\n $(mobileSearchIcon + iconSearchClose).removeClass(iconSearchClose).addClass(iconSearch).attr('type', 'submit');\n }\n} */\n\n/**\n * Determines whether the \"More Content Below\" icon should be displayed\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction handleMoreContentBelowIcon(scope) {\n if (($(scope).scrollTop() + $(scope).innerHeight()) >= $(scope)[0].scrollHeight) {\n $('.more-below').fadeOut();\n } else {\n $('.more-below').fadeIn();\n }\n}\n\n/**\n * Positions Suggestions panel on page\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction positionSuggestions(scope) {\n var outerHeight;\n var $scope;\n var $suggestions;\n var top;\n\n if (isMobileSearch(scope)) {\n $scope = $(scope);\n top = $scope.offset().top;\n outerHeight = $scope.outerHeight();\n $suggestions = getSuggestionsWrapper(scope).find('.js-suggestions');\n $suggestions.css('top', top + outerHeight);\n\n handleMoreContentBelowIcon(scope);\n\n // Unfortunately, we have to bind this dynamically, as the live scroll event was not\n // properly detecting dynamic suggestions element's scroll event\n $suggestions.scroll(function () {\n handleMoreContentBelowIcon(this);\n });\n }\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n var $suggestionsWrapper = getSuggestionsWrapper(this).empty();\n $('.js-no-suggestions').hide();\n $('.js-suggestions').show();\n // $.spinner().stop();\n\n if (!(typeof (response) === 'object')) {\n $suggestionsWrapper.append(response).show();\n $(this).siblings('.reset-button').addClass('d-sm-block');\n positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n // toggleSuggestionsIcon('close');\n applyModals(this);\n }\n\n // Trigger screen reader by setting aria-describedby with the new suggestion message.\n var suggestionsList = $('.js-suggestions .item');\n $('#sr-search-suggestions-ready-desktop').text($('#js-sr-searchsuggestionsready-desktop').val());\n $('#sr-search-suggestions-ready-mobile').text($('#js-sr-searchsuggestionsready-mobile').val());\n if ($(suggestionsList).length) {\n $('input.search-field').attr('aria-describedby', 'search-result-count');\n } else {\n $('input.search-field').removeAttr('aria-describedby');\n }\n } else {\n $suggestionsWrapper.hide();\n $('#sr-search-suggestions-ready-desktop').empty();\n $('#sr-search-suggestions-ready-mobile').empty();\n }\n $('body').trigger('suggestion:productAnalytics');\n}\n\nfunction specialCharChecker(toCheck) {\n const forbiddenChar = ['<', '>', '&', '%', '(', ')', '|', '!', '$', '^', '`', '?'];\n const errorFieldDesktop = $('#search-assistive-text-desktop .cc-error-message');\n const errorFieldMobile = $('#search-assistive-text-mobile .cc-error-message');\n const jsSearchControlSelector = $('.js-search-control');\n\n var isValid = true;\n\n forbiddenChar.forEach(element => {\n if (toCheck.indexOf(element) !== -1) {\n isValid = false;\n return true;\n }\n });\n\n function updateErrorField($errorField) {\n if (!isValid && toCheck.length > 0) {\n if ($errorField.hasClass('d-none')) $errorField.removeClass('d-none');\n jsSearchControlSelector.attr('data-isvalid', 'false');\n } else {\n if (!$errorField.hasClass('d-none')) $errorField.addClass('d-none');\n jsSearchControlSelector.attr('data-isvalid', 'true');\n }\n }\n\n updateErrorField(errorFieldDesktop);\n updateErrorField(errorFieldMobile);\n \n return isValid;\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n var searchWord = $(scope).val();\n // NEC-3045 add control to special char\n var validChar = specialCharChecker(searchWord);\n if (searchWord.length >= minChars && searchWord !== searchedWord && validChar) {\n searchedWord = searchWord;\n // $.spinner().start();\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent(searchWord),\n method: 'GET',\n success: processResponse,\n error: function () {\n // $.spinner().stop();\n }\n });\n } else {\n // $('.js-no-suggestions').show();\n // // toggleSuggestionsIcon('search');\n // $(scope).siblings('.reset-button').removeClass('d-sm-block');\n // clearModals();\n // getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n var suggestionsList = $('.js-suggestions .item');\n if (suggestionsList.filter('.selected').length === 0) {\n suggestionsList.first().addClass('selected');\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.first()[0].id);\n });\n } else {\n suggestionsList.each(function (index) {\n var idx = index + direction;\n if ($(this).hasClass('selected')) {\n $(this).removeClass('selected');\n $(this).removeAttr('aria-selected');\n if (suggestionsList.eq(idx).length !== 0) {\n suggestionsList.eq(idx).addClass('selected');\n suggestionsList.eq(idx).attr('aria-selected', true);\n $(this).removeProp('aria-selected');\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.eq(idx)[0].id);\n });\n } else {\n suggestionsList.first().addClass('selected');\n suggestionsList.first().attr('aria-selected', true);\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.first()[0].id);\n });\n }\n return false;\n }\n return true;\n });\n }\n}\n\n/**\n * This function retrieves another page of content to display in the content search grid\n * @param {JQuery} $element - the jquery element that has the click event attached\n * @param {JQuery} $target - the jquery element that will receive the response\n * @return {undefined}\n */\nfunction getContent($element, $target) {\n var showMoreUrl = $element.data('url');\n if (showMoreUrl) {\n // $.spinner().start();\n $.ajax({\n url: showMoreUrl,\n method: 'GET',\n success: function (response) {\n $target.append(response);\n // $.spinner().stop();\n },\n error: function () {\n // $.spinner().stop();\n }\n });\n }\n}\n\nfunction closeSearch() {\n\n $('#sr-search-suggestions-ready-desktop').empty();\n $('#sr-search-suggestions-ready-mobile').empty();\n $('.cc-search-section').hide();\n $('.js-site-search').hide();\n $('.js-no-suggestions').hide();\n $('.js-suggestions').hide();\n\n $('body').removeClass('cc-megamenu-open');\n $('.id-js-searchIcon').data('open', false).removeClass('cc-search-open');\n var $searchButton = $('.id-js-searchIcon button');\n $searchButton.attr('aria-expanded', 'false');\n\n // Analytics\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'search_layer',\n layer_action: 'close'\n });\n}\n\nfunction openSearch() {\n const searchSection = $('.cc-search-section');\n searchSection.show();\n $('.js-site-search').show();\n var isFill = ($(document).find('input.search-field').val() !== '');\n if (isFill) {\n $('.js-suggestions').show();\n } else {\n $('.js-no-suggestions').show();\n searchedWord = '';\n }\n $('body').addClass('cc-megamenu-open');\n $('.id-js-searchIcon').data('open', true).addClass('cc-search-open');\n var $searchButton = $('.id-js-searchIcon button');\n $searchButton.attr('aria-expanded', 'true');\n\n searchSection.find('input').focus();\n\n searchSection.on('keydown', function(event) {\n let focusableNodes = searchSection.find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n const key = event.which;\n const focusedItemIndex = focusableNodes.indexOf(document.activeElement);\n if (event.shiftKey && focusedItemIndex === 0) {\n focusableNodes[focusableNodes.length - 1].focus();\n event.preventDefault();\n }\n if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1 && key === 9) {\n focusableNodes[0].focus();\n event.preventDefault();\n }\n if (key === 27) { // close search overlay and focus on serch icon\n closeSearch();\n $('.id-js-searchIcon button').focus();\n }\n });\n\n // Analytics\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'search_layer',\n layer_action: 'open'\n });\n}\n\nmodule.exports = function () {\n $('form[name=\"simpleSearch\"]').submit(function (e) {\n if ($(document).find('.js-search-control').data('isvalid') === 'false') {\n e.stopPropagation();\n e.preventDefault();\n }\n var suggestionsList = $('.js-suggestions .item');\n if (suggestionsList.filter('.selected').length !== 0) {\n e.preventDefault();\n suggestionsList.filter('.selected').find('a')[0].click();\n }\n });\n\n $('input.search-field').each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 600);\n $(this).on('keyup focus', function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n\n // $('body').on('click', function (e) {\n // if (!$('.js-suggestions').has(e.target).length && !$(e.target).hasClass('search-field')) {\n // $('.js-suggestions').hide();\n // }\n // });\n\n /*\n $('body').on('click touchend', '.search-mobile button.fa-close', function (e) {\n e.preventDefault();\n $('.js-suggestions').hide();\n toggleSuggestionsIcon('search');\n tearDownSuggestions();\n closeSearch();\n });\n */\n\n $('#product-tab').on('keypress click', function (e) {\n if (e.type === 'click' || (e.type === 'keypress' && e.key === 'Enter')) {\n setTimeout(function() {\n $('.show-filter-text').focus(); // Adding focus for accessibility\n }, 100); // Delay of 100ms to allow the element to appear\n }\n });\n\n $('#articles-tab').on('keypress click', function (e) {\n if (e.type === 'click' || (e.type === 'keypress' && e.key === 'Enter')) {\n var firstLink = $('#content-search-results a:first');\n setTimeout(function() {\n $(firstLink).focus(); // Adding focus for accessibility\n }, 100); // Delay of 100ms to allow the element to appear\n }\n });\n\n\n $('.js-site-search .reset-button').on('click', function () {\n $(this).removeClass('d-sm-block');\n });\n\n $('body').on('click', '.id-js-searchIcon', function(e) {\n var wasOpen = false;\n if ($('.id-js-searchIcon').data('open')) {\n wasOpen = true;\n }\n\n if (wasOpen) {\n closeSearch();\n if (window.isMobile) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n }\n } else {\n openSearch();\n if (window.isMobile || window.isTabletPortrait) {\n if ($('.cc-navbar').hasClass('cc-open')) {\n $('.cc-navbar').removeClass('cc-open');\n $('.cc-mobile .cc-navbar').css('display', 'none');\n $('.cc-tablet-portrait .cc-navbar').css('display', 'none');\n $('.cc-button-menu-mobile').removeClass('cc-open').attr('aria-label', $('#js-openmenu-label').val());\n }\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n } else $('.js-menu-overlay').addClass('d-none');\n }\n\n // close share section if is open\n if ($('.cc-mobile .cc-product-detail .cc-share-button-share').is(':visible') || $('.cc-tablet-portrait .cc-product-detail .cc-share-button-share').is(':visible')) {\n $('.cc-mobile-content-share').css('display', 'none');\n $('.cc-sticky-add-to-cart').css('display', 'unset');\n $('.cc-share-button-share').removeClass('cc-share-background-overlay');\n $('body').css('overflow', 'auto');\n }\n });\n\n $('body').on('click', '.id-js-searchClose', function(e) {\n closeSearch();\n if (window.isMobile) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n }\n });\n\n $('body').on('click', function (event) {\n var $target = $(event.target);\n if (!$target.closest('.id-js-search-container').length && $('.id-js-searchIcon').data('open')) {\n closeSearch();\n if (window.isMobile) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n }\n }\n });\n\n // Display content results from the search\n $('body').on('click', '.container .content-search', function () {\n if ($('#content-search-results').html() === '') {\n getContent($(this), $('#content-search-results'));\n }\n });\n\n // go to selected suggested page\n $('body').on('click', '.js-content-terms', function (e) {\n e.preventDefault();\n var href = $(this).attr('href');\n window.location.href = href;\n });\n\n // Display the next page of content results from the search\n /*\n $('body').on('click', '.container .show-more-content button', function () {\n getContent($(this), $('#content-search-results'));\n $('.show-more-content').remove();\n });\n */\n var notPushed = true;\n // search-analytics\n $(document).on('click', '.js-search-analytics-ideas', function (e) {\n\n var val = $(this).find('a').text();\n\n // analytics\n if (notPushed) {\n dataLayer.push({\n event: 'internalSearch',\n eventCategory: 'Internal Search',\n eventAction: 'Ideas',\n eventLabel: val\n });\n notPushed = false;\n }\n // END\n });\n\n $(document).on('click', '.js-search-analytics-tips', function (e) {\n\n var val = $(this).attr('aria-label');\n\n if (val === 'undefined') {\n val = $(this).text();\n }\n\n // analytics\n dataLayer.push({\n event: 'internalSearch',\n eventCategory: 'Internal Search',\n eventAction: 'Tips',\n eventLabel: val\n });\n // END\n });\n\n $(document).on('keyup', '.search-field', function (e) {\n e.preventDefault();\n\n if (e.keyCode === 13) {\n var val = $('.search-field').val();\n\n // analytics\n dataLayer.push({\n event: 'internalSearch',\n eventCategory: 'Internal Search',\n eventAction: 'Tips',\n eventLabel: val\n });\n }\n // END\n });\n\n $(document).on('click', '.id-js-searchIcon', function(e) {\n // caricamento contenuto asset\n var url = $('.id-urlSuggestion').val();\n if (window.isMobile || window.isTabletPortrait) {\n var products = $('.cc-only-mobile .js-products-suggested');\n var containerClass = '.cc-only-mobile ';\n } else {\n var products = $('.cc-no-mobile .js-products-suggested');\n var containerClass = '.cc-no-mobile ';\n }\n\n for (var i = 0; i < products.length; i++) {\n var prod = products[i];\n var pid = $(prod).val();\n var urlTile = 'pid=' + pid;\n var completeUrl = url + '?' + urlTile;\n $.ajax({\n url: completeUrl,\n method: 'GET',\n success: function (data) {\n if (data) {\n var tempDiv = document.createElement('div');\n tempDiv.classList.add('cc-item');\n tempDiv.innerHTML = data;\n var returningPid = $(data).data('id');\n var finalClass = containerClass + '.js-item-append-' + returningPid;\n $(finalClass).replaceWith(tempDiv);\n $('body').trigger('suggestion:productAnalytics');\n }\n },\n error: function(err) {\n console.log('ERROR');\n }\n });\n }\n });\n\n $(document).find('.js-contant-suggested-noResult .js-products-suggested').each(function (index) {\n var url = $('.id-urlSuggestion').val();\n\n var products = $(this);\n var prod = $(this);\n var pid = $(prod).val();\n var urlTile = 'pid=' + pid;\n var completeUrl = url + '?' + urlTile;\n $.ajax({\n url: completeUrl,\n method: 'GET',\n success: function (data) {\n if (data) {\n var containerClass = '.js-contant-suggested-noResult ';\n var tempDiv = document.createElement('div');\n tempDiv.classList.add('cc-item');\n tempDiv.innerHTML = data;\n var returningPid = $(data).data('id');\n var finalClass = containerClass + '.js-item-append-' + returningPid;\n $(finalClass).replaceWith(tempDiv);\n $('body').trigger('suggestion:productAnalytics', {\n container: containerClass\n });\n }\n },\n error: function(err) {\n console.log('ERROR');\n }\n });\n });\n};\n","'use strict';\n\nmodule.exports = function () {\n\n document.body.addEventListener('keyup', function(e) {\n if (e.which === 9 && document.documentElement.classList.contains('no-focus-outline')) { // TAB\n document.documentElement.classList.remove('no-focus-outline');\n }\n });\n\n document.body.addEventListener('mousedown', function() {\n if (!document.documentElement.classList.contains('no-focus-outline')) {\n document.documentElement.classList.add('no-focus-outline');\n }\n });\n\n};\n","'use strict';\n\nconst closeMenuDesktop = () => {\n $('body').removeClass('cc-megamenu-open');\n $('.js-menu-overlay').addClass('d-none');\n $('.js-menu-close').addClass('d-none');\n $('.js-navbar-link').attr('aria-expanded', 'false');\n $('.js-header-banner').removeClass('cc-header-banner-hide');\n $('.js-header-banner').addClass('cc-header-banner-show');\n $('.cc-header').css('border-bottom', '');\n};\n\n/* const calcMaxHeight = () => {\n let headerHeight = $('.js-header').height();\n return `calc(100vh - ${headerHeight}px)`;\n}; */\n\nconst openSection = (cgid, navbarHeight, megamenuHeight) => {\n $('.js-menu-overlay').addClass('d-none');\n $('.js-navbar-link').attr('aria-expanded', 'false');\n $('#menu-overlay-' + cgid).removeClass('d-none');\n\n $('body').addClass('cc-megamenu-open');\n $('.cc-navbar-list').css('content-visibility', 'visible');\n $('.js-menu-close').removeClass('d-none');\n if ($('#' + cgid).length) {\n $('#' + cgid).attr('aria-expanded', 'true');\n } else {\n $('.js-navbar-link[data-cs-override-id=\"' + cgid + '\"]').attr('aria-expanded', 'true');\n }\n if ($('body').hasClass('cc-desktop') || $('body').hasClass('cc-tablet-landscape')) {\n $('.cc-navbar-list').css('min-height', navbarHeight + megamenuHeight);\n }\n $('.cc-header').css('border-bottom', 'none');\n $('.js-header-banner').addClass('cc-header-banner-hide');\n $('.js-header-banner').removeClass('cc-header-banner-show');\n $('body').trigger('analytics:openMenuSection');\n};\n\nconst openSectionDelayed = (cgid, delay, navbarHeight, megamenuHeight, checkAfterDelay) => {\n setTimeout(() => {\n if (checkAfterDelay && !checkAfterDelay()) {\n return;\n }\n openSection(cgid, navbarHeight, megamenuHeight);\n }, delay);\n};\n\nconst getAnalyticsTemplale = (menuType) => {\n var templateName = '';\n switch (menuType) {\n case 'catalog':\n templateName = 'catalog-standard';\n break;\n case 'editorial':\n templateName = 'four-image';\n break;\n case 'editorialtextcol':\n templateName = 'three-image-advanced';\n break;\n case 'editorialtwoc':\n templateName = 'two-image';\n break;\n case 'editorialthreec':\n templateName = 'three-image';\n break;\n case 'editorialfivec':\n templateName = 'five-image';\n break;\n case 'lifestyle':\n templateName = 'catalog-image';\n break;\n }\n return templateName;\n};\n\nfunction getAnalyticsReference(element) {\n var navItem = element.parents('.js-navbar-item');\n var mainMenu = navItem.data('analyticsmainmenu');\n var type = navItem.data('analyticmenutype');\n var analyticsTemplate = getAnalyticsTemplale(type);\n return [mainMenu, analyticsTemplate];\n}\n\nmodule.exports = function () {\n var megamenuHeight = 0;\n var navbarHeight = 59;\n\n $(document).on('headerSticky:true', function() {\n navbarHeight = 35;\n megamenuHeight = $('.cc-menu-overlay:not(.d-none) .cc-menu-overlay-content').outerHeight();\n $('.cc-navbar-list').css('min-height', navbarHeight + megamenuHeight);\n // $('.cc-header').css('border-bottom', 'none');\n });\n $(document).on('headerSticky:false', function() {\n navbarHeight = 56;\n megamenuHeight = $('.cc-menu-overlay:not(.d-none) .cc-menu-overlay-content').outerHeight();\n $('.cc-navbar-list').css('min-height', navbarHeight + megamenuHeight);\n // $('.cc-header').css('border-bottom', 'none');\n });\n\n let isTouchMode = false;\n\n // Detect touchstart (user is using touchscreen)\n $(document).on('touchstart', function () {\n isTouchMode = true;\n if ($('.cc-desktop').length > 0) {\n $('.cc-desktop').addClass('cc-big-tablet');\n }\n });\n\n // Detect mousemove (user is using a real mouse)\n $(document).on('mousemove', function () {\n isTouchMode = false;\n });\n\n // click event to prevent default navigation on ipad\n $(document).on('click', '.cc-big-tablet .js-navbar-item .js-navbar-link', function (e) {\n e.preventDefault();\n });\n\n // Hover event (only runs if not in touch mode)\n $(document).on('mouseenter', '.cc-desktop .js-navbar-item, .cc-tablet-landscape .js-navbar-item', function (e) {\n if (isTouchMode) return; // Skip hover logic if user is in touch mode\n\n let isSearchOpen = $('.id-js-searchIcon').data('open');\n if (isSearchOpen) {\n return;\n }\n e.preventDefault();\n\n if ($('.cc-search-section').is(':visible')) {\n return false;\n }\n\n const cgid = $(this).data('cgid');\n var delayMenuHover = 300;\n\n if ($('.js-menu-close').hasClass('d-none')) {\n megamenuHeight = $('#menu-overlay-' + cgid + ' .cc-menu-overlay-content').outerHeight();\n openSectionDelayed(cgid, delayMenuHover, navbarHeight, megamenuHeight, () => {\n return $(this).is(':hover');\n });\n } else {\n megamenuHeight = $('#menu-overlay-' + cgid + ' .cc-menu-overlay-content').outerHeight();\n openSectionDelayed(cgid, delayMenuHover, navbarHeight, megamenuHeight, () => {\n if ($(this).is(':hover')) {\n closeMenuDesktop();\n return true;\n }\n return false;\n });\n }\n });\n\n // Touch event (always runs for touch devices)\n $(document).on('touchstart', '.cc-desktop .js-navbar-item, .cc-tablet-landscape .js-navbar-item', function (e) {\n isTouchMode = true; // Switch to touch mode\n let isSearchOpen = $('.id-js-searchIcon').data('open');\n if (isSearchOpen) {\n return;\n }\n e.preventDefault();\n\n if ($('.cc-search-section').is(':visible')) {\n return false;\n }\n\n const cgid = $(this).data('cgid');\n megamenuHeight = $('#menu-overlay-' + cgid + ' .cc-menu-overlay-content').outerHeight();\n\n openSectionDelayed(cgid, 300, navbarHeight, megamenuHeight, () => {\n return true; // Always open on touch\n });\n });\n\n $('.js-navbar-item').on('keydown', function(e) {\n const key = e.which;\n var arrowUp = $('.js-opencontent-header-menu-svg').data('arrowup');\n var arrowDown = $('.js-opencontent-header-menu-svg').data('arrowdown');\n const cgid = $(this).data('cgid');\n\n if (key === 40 || (key === 13 && e.target.classList.contains('js-opencontent-header-menu-svg') && $(this).find('#menu-overlay-' + cgid).hasClass('d-none'))) {\n $('.js-opencontent-header-menu-svg use').attr('xlink:href', arrowDown);\n $(this).find('.js-opencontent-header-menu-svg').css('opacity', 1);\n $(this).find('.js-opencontent-header-menu-svg use').attr('xlink:href', arrowUp);\n megamenuHeight = $('#menu-overlay-' + cgid + ' .cc-menu-overlay-content').outerHeight();\n openSection(cgid, navbarHeight, megamenuHeight);\n } else if (key === 38 || key === 27 || (key === 13 && e.target.classList.contains('js-opencontent-header-menu-svg') && !$(this).find('#menu-overlay-' + cgid).hasClass('d-none'))) {\n $(this).find('.js-opencontent-header-menu-svg').css('opacity', 1);\n $(this).find('.js-opencontent-header-menu-svg use').attr('xlink:href', arrowDown);\n $('.cc-navbar-list').css('min-height', '');\n $('.cc-header').css('border-bottom', '');\n closeMenuDesktop();\n } else if (key === 13) {\n $(this).find('a.js-navbar-link').length > 0 ? $(this).find('a.js-navbar-link')[0].click() : $(this).find('span.js-navbar-link')[0].click();\n }\n });\n\n $(document).on('keyup', '.js-navbar-item', function(e) {\n const key = e.which;\n if ((key === 9 || key === 16 || key === 13) && e.target.classList.contains('js-opencontent-header-menu-svg')) {\n $('body:not(.cc-megamenu-open) .cc-page-header-fixed .cc-header:not(.cc-header-sticky)').length > 0 ? $(this).find('.js-opencontent-header-menu-svg svg').css('fill', 'white') : $(this).find('.js-opencontent-header-menu-svg svg').css('fill', 'inherit');\n $(this).find('.js-opencontent-header-menu-svg').css('opacity', 1);\n } else {\n $('.js-opencontent-header-menu-svg').css('opacity', 0);\n }\n });\n\n $(document).on('click', function(e) {\n if (!e.target.classList.contains('js-opencontent-header-menu-svg')) {\n $('.js-opencontent-header-menu-svg').css('opacity', 0);\n }\n });\n\n $(document).on('touchstart', '.js-menu-close', function(e) {\n e.preventDefault();\n $('.cc-navbar-list').css('min-height', '');\n $('.js-opencontent-header-menu-svg').css('opacity', 0);\n closeMenuDesktop();\n });\n\n $(document).on('mouseleave', '.cc-desktop .js-navbar-list', function (e) {\n let isSearchOpen = $('.id-js-searchIcon').data('open');\n if (isSearchOpen) {\n return;\n }\n e.preventDefault();\n $('.cc-navbar-list').css('min-height', '');\n $('.cc-header').css('border-bottom', '');\n closeMenuDesktop();\n });\n\n // Mobile + Tablet\n $(document).on('click', '.cc-mobile .js-navbar-item .js-navbar-link, .cc-tablet-portrait .js-navbar-item .js-navbar-link', function (e) {\n e.preventDefault();\n\n if ($('.cc-search-section').is(':visible')) {\n return false;\n }\n\n var cgid = $(this).closest('.js-navbar-item').data('cgid');\n\n $('#menu-overlay-' + cgid).removeClass('cc-hide-mobile').removeClass('d-none').addClass('cc-show-mobile');\n $('.js-menu-container-' + cgid)\n .removeClass('cc-hide-mobile')\n .addClass('cc-show-mobile');\n $('.js-navbar-mobile-submenu').addClass('cc-hide-mobile');\n\n // accessibility: toggle aria-expanded attribute\n if ($('#' + cgid).length) {\n $('#' + cgid).attr('aria-expanded', 'true');\n } else {\n $('.js-navbar-link[data-cs-override-id=\"' + cgid + '\"]').attr('aria-expanded', 'true');\n }\n $('body').trigger('analytics:openMenuSection');\n $(this).closest('.cc-navbar').addClass('cc-blocked');\n return false;\n });\n\n $(document).on('click', '.cc-mobile .js-menu-subcategory-name-container .js-menu-subcategory-name, .cc-tablet-portrait .js-menu-subcategory-name-container .js-menu-subcategory-name', function (e) {\n e.preventDefault();\n\n var cgid = $(this).closest('.js-menu-subcategory-name-container').data('cgid');\n\n if ($(this).closest('.js-menu-subcategory-name-container').hasClass('hasSub')) {\n $('.js-menu-subcategory-dis').each(function() {\n if (!$(this).hasClass('js-menu-subcategory-dis-' + cgid)) {\n $(this).addClass('cc-hide-mobile');\n }\n });\n\n $('.js-menu-subcategory-link-container-' + cgid).addClass('cc-open');\n $('.js-menu-mobile-back-item').addClass('cc-hide-mobile');\n $('.js-menu-images-container').addClass('cc-hide-mobile');\n $(this).closest('.js-menu-subcategory-name-container').addClass('cc-hide-mobile');\n $(this).closest('.cc-navbar').addClass('cc-blocked');\n\n return false;\n } else {\n window.location.href = $(this).attr('href');\n }\n });\n // Mobile\n $(document).on('click', '.cc-mobile .js-menu-overlay-container .js-back-text, .cc-tablet-portrait .js-menu-overlay-container .js-back-text', function (e) {\n e.preventDefault();\n\n var cgid = $(this).data('cgid');\n\n $('#menu-overlay-' + cgid).addClass('cc-hide-mobile').removeClass('d-none');\n\n $('.js-menu-container-' + cgid).addClass('cc-hide-mobile');\n $('.js-navbar-mobile-submenu')\n .removeClass('cc-hide-mobile')\n .addClass('cc-show-mobile');\n\n // accessibility: toggle aria-expanded attribute\n if ($('#' + cgid).length) {\n $('#' + cgid).attr('aria-expanded', 'false');\n } else {\n $('.js-navbar-link[data-cs-override-id=\"' + cgid + '\"]').attr('aria-expanded', 'false');\n }\n $(this).closest('.cc-navbar').removeClass('cc-blocked');\n return false;\n });\n\n $(document).on('click', '.cc-mobile .js-menu-subcategory-dis .js-back-text-subcategory, .cc-tablet-portrait .js-menu-subcategory-dis .js-back-text-subcategory', function (e) {\n e.preventDefault();\n\n var cgid = $(this).data('cgid');\n\n $('.js-menu-subcategory-dis')\n .removeClass('cc-hide-mobile')\n .addClass('cc-show-mobile');\n\n $('.js-menu-subcategory-link-container-' + cgid).removeClass('cc-open');\n $('.js-menu-mobile-back-item')\n .removeClass('cc-hide-mobile')\n .addClass('cc-show-mobile');\n $('.js-menu-images-container')\n .removeClass('cc-hide-mobile')\n .addClass('cc-show-mobile');\n $('.js-menu-subcategory-name-container')\n .removeClass('cc-hide-mobile')\n .addClass('cc-show-mobile');\n\n $(this).closest('.cc-navbar').removeClass('cc-blocked');\n return false;\n });\n\n $(document).on('click', '.cc-mobile .cc-header .cc-button-menu-mobile, .cc-tablet-portrait .cc-header .cc-button-menu-mobile', function (e) {\n $(this).toggleClass('cc-open');\n const mobileRef = $('.cc-mobile .cc-navbar');\n const tabletRef = $('.cc-tablet-portrait .cc-navbar');\n\n mobileRef.toggleClass('cc-open');\n tabletRef.toggleClass('cc-open');\n $('.cc-navbar-list').css('content-visibility', 'visible');\n // $('body').toggleClass('cc-blocked');\n e.preventDefault();\n if ($('.cc-mobile .cc-product-detail .cc-share-button-share').is(':visible') || $('.cc-tablet-portrait .cc-product-detail .cc-share-button-share').is(':visible')) {\n $('.cc-mobile-content-share').css('display', 'none');\n $('.cc-sticky-add-to-cart').css('display', 'unset');\n $('.cc-share-button-share').removeClass('cc-share-background-overlay');\n $('body').css('overflow', 'auto');\n }\n if ($(this).hasClass('cc-open')) {\n mobileRef.css('display', 'flex');\n tabletRef.css('display', 'flex');\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n $('body').addClass('cc-blocked');\n $('body').addClass('cc-megamenu-open');\n $('.cc-button-menu-mobile').attr('aria-label', $('#js-closemenu-label').val());\n } else {\n mobileRef.css('display', 'none');\n tabletRef.css('display', 'none');\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n $('body').removeClass('cc-blocked');\n $('body').removeClass('cc-megamenu-open');\n $('.cc-button-menu-mobile').attr('aria-label', $('#js-openmenu-label').val());\n }\n });\n\n $(document).on('mousedown', '.js-navbar-analytics', function (e) {\n var navItem = $(this).parent('.js-navbar-item');\n var mainMenu = navItem.data('analyticsmainmenu');\n var type = navItem.data('analyticmenutype');\n var analyticsTemplate = getAnalyticsTemplale(type);\n var position = +navItem.data('analyticposition');\n position += 1;\n\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Menu Click',\n eventAction: mainMenu,\n eventLabel: position, // a primo livello solo la position\n menu_hierarchy: mainMenu + '|' + position, // a primo livello non esistono secondo e terzo liv\n menu_template: analyticsTemplate\n });\n });\n\n $(document).on('mousedown', '.js-editorial-analytics', function (e) {\n var [mainMenu, analyticsTemplate] = getAnalyticsReference($(this));\n var position = +$(this).data('analyticposition');\n position += 1;\n var imageText = $(this).data('analyticsimagetitle');\n var eventLabel = position + '|' + imageText;\n\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Menu Click',\n eventAction: mainMenu,\n eventLabel: eventLabel,\n menu_hierarchy: mainMenu + '|' + eventLabel,\n menu_template: analyticsTemplate\n });\n });\n\n $(document).on('mousedown', '.js-footer-analytics', function (e) {\n var [mainMenu, analyticsTemplate] = getAnalyticsReference($(this));\n var position = 'footer';\n\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Menu Click',\n eventAction: mainMenu,\n eventLabel: position,\n menu_hierarchy: mainMenu + '|' + position,\n menu_template: analyticsTemplate\n });\n });\n\n $(document).on('mousedown', '.js-main-analytics-second', function (e) {\n var [mainMenu, analyticsTemplate] = getAnalyticsReference($(this));\n var position = $(this).data('analyticposition');\n var menuItem = $(this).data('analyticscgid');\n var eventLabel = position + '|' + menuItem;\n\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Menu Click',\n eventAction: mainMenu,\n eventLabel: eventLabel,\n menu_hierarchy: mainMenu + '|' + eventLabel,\n menu_template: analyticsTemplate\n });\n });\n\n $(document).on('mousedown', '.js-main-analytics-third', function (e) {\n var [mainMenu, analyticsTemplate] = getAnalyticsReference($(this));\n var position = 'main';\n var secondLevelMenu = $(this).data('analyticssecondcgid');\n var thirdLevelMenu = $(this).data('analyticscgid');\n var eventLabel = position + '|' + secondLevelMenu + '|' + thirdLevelMenu;\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Menu Click',\n eventAction: mainMenu,\n eventLabel: eventLabel,\n menu_hierarchy: mainMenu + '|' + eventLabel,\n menu_template: analyticsTemplate\n });\n });\n};\n","module.exports = function () {\n\n function initInterval ($this, countDownDate, element) {\n // Get today's date and time\n var now = new Date().getTime();\n $this.addClass('cc-active');\n\n // Find the distance between now and the count down date\n var distance = countDownDate - now;\n\n // Time calculations for days, hours, minutes and seconds\n var days = ('0' + Math.floor(distance / (1000 * 60 * 60 * 24))).slice(-2);\n var hours = ('0' + Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).slice(-2);\n var minutes = ('0' + Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).slice(-2);\n var seconds = ('0' + Math.floor((distance % (1000 * 60)) / 1000)).slice(-2);\n\n // Output the result in an element with id=\"demo\"\n element.html('' + days + ':' + hours + ':' + minutes + ':' + seconds + '');\n };\n\n $(document).ready(function () {\n $('.js-date-countdown').each(function() {\n var date = $(this).data('date-countdown');\n var countDownDate = new Date(date).getTime();\n var element = $(this);\n var $this = $(this);\n var now = new Date().getTime();\n var distance = countDownDate - now;\n\n if (distance < 0) {\n element.hide();\n } else {\n initInterval($this, countDownDate, element);\n }\n\n // Update the count down every 1 second\n var x = setInterval(function() {\n initInterval($this, countDownDate, element);\n\n var now = new Date().getTime();\n var distance = countDownDate - now;\n\n // If the count down is over, write some text\n if (distance < 0) {\n clearInterval(x);\n element.html('00:00:00:00');\n }\n }, 1000);\n });\n });\n};\n","'use strict';\nconst { appendToUrl } = require('../common/urlUtil');\n\nfunction addDropdownFix() {\n // add code to fix dropdown only if not present already.\n var fixAlreadyPresent = $._data(document, \"events\").keydown.some(e => e.namespace === 'fixdropdown');\n if (!fixAlreadyPresent){\n $(document).on('keydown.fixdropdown', (e)=>{\n if (e.key === 'Tab'){\n $('.dropdown-toggle').attr('tabindex', '0');\n }\n });\n\n $(document).on('keydown.fixdropdown', '.dropdown:not(.show) .dropdown-toggle', function(e){\n if (e.key === 'Enter' || e.key === ' ') {\n // trigger click and move focus to dropdown items\n $(this)[0].click();\n var $menu = $(this).siblings('.dropdown-menu');\n $menu.find('.dropdown-item')[0].focus();\n }\n });\n\n $(document).on('keydown.fixdropdown', '.dropdown-item', function(e){\n if (e.key === 'Enter' || e.key === ' ') {\n $(this)[0].click();\n }\n });\n }\n}\n\nmodule.exports = function () {\n // open pop-up\n $(document).on('click', '.js-locale-show', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n if (!$(this).hasClass('js-complete-upload')) {\n $(this).addClass('js-complete-upload');\n $.spinner().start();\n var urlPopUp = $(document).find('.js-lazyload-popUp').data('action-url');\n $.ajax({\n url: urlPopUp,\n success: function(data) {\n $(document).find('.js-lazyload-popUp').html(data.popUpTemplate);\n $('.selectpicker').each(function() {\n $(this).css({\n display: 'none'\n });\n var label;\n // set button id for label\n if (this.labels.length > 0) {\n label = this.labels[0].innerText;\n } else {\n label = $(this).closest('.cc-form-group').find('.cc-label').html();\n }\n var $button = $(this).siblings('button');\n $button.attr('aria-label', label);\n $(this).selectpicker('refresh');\n // fix voice over\n $(this).parent().find('.dropdown-toggle').removeAttr('role');\n });\n $('.js-update-PopUp-selectLanguages').html(data.imgPopUp);\n var imgPath;\n if (($('body').hasClass('cc-desktop')) && ($('#js-img-desktop').length > 0)) {\n imgPath = $('#js-img-desktop').val();\n $('.js-select-language-img').attr('src', imgPath);\n } else if (($('body').hasClass('cc-tablet')) && ($('#js-img-tablet').length > 0)) {\n imgPath = $('#js-img-tablet').val();\n $('.js-select-language-img').attr('src', imgPath);\n } else if (($('body').hasClass('cc-mobile')) && ($('#js-img-mobile').length > 0)) {\n imgPath = $('#js-img-mobile').val();\n $('.js-select-language-img').attr('src', imgPath);\n }\n $('.js-locale-popup').show();\n $('body').addClass('cc-blocked');\n addDropdownFix();\n $.spinner().stop();\n $('.cc-locale-popup-content-form')[0].focus();\n var localeCode = $('.js-changelocale-popup-content').attr('data-currentlocale');\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'changelocale', eventAction: 'start', eventLabel: localeCode});\n }\n });\n } else {\n $('.js-locale-popup').show();\n $('body').addClass('cc-blocked');\n $('.cc-locale-popup-content-form')[0].focus();\n var localeCode = $('.js-changelocale-popup-content').attr('data-currentlocale');\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'changelocale', eventAction: 'start', eventLabel: localeCode});\n }\n return false;\n });\n\n $(document).on('click', '.js-locale-overlay, .js-locale-popup-close', function (e) {\n e.preventDefault();\n\n $('.js-locale-popup').hide();\n $('.js-locale-switch-popup').hide();\n $('body').removeClass('cc-blocked');\n\n var url = $(this).data('action');\n var localeCode = $('.js-locale-mylocale').data('mylocale');\n var type = 'no';\n var action = $('.page').data('action') !== null ? $('.page').data('action') : '';\n var querystring = $('.page').data('querystring') !== null ? $('.page').data('querystring') : '';\n\n var urlParams = {\n localeCode: localeCode,\n action: action,\n query: querystring,\n type: type,\n geoloc: true\n };\n\n url = appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (response) {\n },\n error: function (_err) {\n }\n });\n\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'checklocale', eventAction: 'close', eventLabel: localeCode});\n });\n\n $(document).on('click', '.js-changelocale-overlay, .js-changelocale-popup-close', function (e) {\n e.preventDefault();\n\n $('.js-locale-popup').hide();\n $('.js-locale-switch-popup').hide();\n $('body').removeClass('cc-blocked');\n var localeCode = $('.js-changelocale-popup-content').attr('data-currentlocale');\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'changelocale', eventAction: 'close', eventLabel: localeCode});\n });\n\n $(document).on('change', '.js-locale-popup-form-country-select', function (e) {\n e.preventDefault();\n\n // var action = $('.page').data('action');\n var localeCode = $(this).find(':selected').data('locale');\n // var localeCurrencyCode = $(this).data('currencycode');\n // var queryString = $('.page').data('querystring');\n var url = $('.js-changelocale-popup-content').data('url');\n var urlParams = {\n localeCode: localeCode\n };\n\n url = appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (response) {\n $('#js-locale-popup-form-language-select').selectpicker().find('option').remove().selectpicker('refresh');\n for (var i = 0; i < response.locale.curLangs.length; i++) {\n $('#js-locale-popup-form-language-select').append('').selectpicker('refresh');\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n\n $(document).on('click', '.js-locale-popup-form-button-link', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n var localeCode = $('#js-locale-popup-form-language-select').find(':selected').data('locale');\n var countryCode = $('#js-locale-popup-form-language-select').find(':selected').data('countrycode');\n var type = $(this).data('type');\n var action = $('.page').data('action') !== null ? $('.page').data('action') : '';\n var querystring = $('.page').data('querystring') !== null ? $('.page').data('querystring') : '';\n\n var urlParams = {\n localeCode: localeCode,\n countryCode: countryCode,\n type: type,\n action: action,\n query: querystring,\n geoloc: false,\n cookieSave: true\n };\n\n url = appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (response) {\n if (response && response.redirectUrl) {\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'changelocale', eventAction: 'confirm', eventLabel: localeCode });\n window.location.href = response.redirectUrl;\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n\n $(document).on('click', '.js-locale-international-form-button-link', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n var localeCode = $('#js-locale-popup-form-language-select').find(':selected').data('locale');\n var countryCode = $('#js-locale-popup-form-language-select').find(':selected').data('countrycode');\n var type = $(this).data('type');\n var action = 'Home-Show';\n var querystring = $('.page').data('querystring') !== null ? $('.page').data('querystring') : '';\n\n var urlParams = {\n localeCode: localeCode,\n countryCode: countryCode,\n type: type,\n action: action,\n query: querystring,\n geoloc: false,\n cookieSave: true\n };\n\n url = appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (response) {\n if (response && response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n\n $(document).on('change', '.js-switch-locale-popup-form-country-select', function(e) {\n e.preventDefault();\n var country = $('.js-switch-locale-popup-form-country-select').find(':selected').data('country');\n $('.js-locale-popup-form-title-countryname').text(country);\n });\n\n $(document).on('click', '.js-switch-locale-popup-form-button-link', function (e) {\n e.preventDefault();\n\n var localeCode = $('.js-switch-locale-popup-form-country-select').find(':selected').data('locale');\n var country = $('.js-switch-locale-popup-form-country-select').find(':selected').data('country');\n var countryCode = $('.js-switch-locale-popup-form-country-select').find(':selected').data('countrycode');\n\n $('.js-locale-popup-form-title-countryname-yesno').text(country);\n\n var url = $(this).data('action');\n var action = $('.page').data('action') !== null ? $('.page').data('action') : '';\n\n var data = {\n localeCode: localeCode,\n country: country,\n countryCode: countryCode,\n action: action\n };\n\n url = appendToUrl(url, data);\n\n $.ajax({\n url: url,\n type: 'get',\n datatype: 'json',\n success: function (response) {\n if (response && response.redirectUrl) {\n $('body').trigger('analytics:pushgeolocationbanner',\n {eventCategory: 'checklocale', eventAction: 'confirmchange',\n eventLabel: localeCode.indexOf('_') > 0 ? localeCode.substring(localeCode.indexOf('_') + 1) : localeCode });\n window.location.href = response.redirectUrl;\n }\n },\n error: function (err) {\n }\n\n });\n });\n\n $(document).on('click', '.js-locale-popup-backtoconfirm', function(e) {\n e.preventDefault();\n\n $('.js-locale-popup-content-yesno').hide();\n $('.js-locale-popup-content').show();\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'checklocale', eventAction: 'change', eventLabel: ''});\n });\n\n $(document).on('click', '.js-switch-locale-popup-form-button-link-yesno', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n var localeCode = $('.js-locale-popup-form-title-countryname-yesno').data('locale');\n var type = $(this).data('type');\n var action = $('.page').data('action') !== null ? $('.page').data('action') : '';\n var querystring = $('.page').data('querystring') !== null ? $('.page').data('querystring') : '';\n\n if (type === 'no') {\n localeCode = $('.js-locale-mylocale').data('mylocale');\n }\n\n var urlParams = {\n localeCode: localeCode,\n action: action,\n query: querystring,\n type: type,\n geoloc: true\n };\n\n url = appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (response) {\n if (response && response.redirectUrl && response.redirectUrl !== 'no') {\n $('body').trigger('analytics:pushgeolocationbanner',\n {eventCategory: 'checklocale', eventAction: 'confirm',\n eventLabel: localeCode.indexOf('_') > 0 ? localeCode.substring(localeCode.indexOf('_') + 1) : localeCode });\n window.location.href = response.redirectUrl;\n } else {\n $('.js-locale-popup').hide();\n $('.js-locale-switch-popup').hide();\n $('body').removeClass('cc-blocked');\n $('body').trigger('analytics:pushgeolocationbanner', {eventCategory: 'checklocale', eventAction: 'close', eventLabel: localeCode});\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n\n $(document).ready(function () {\n if ($('.js-locale-switch-popup').data('isvisible') == true) {\n $('body').addClass('cc-blocked');\n }\n });\n};\n","'use strict';\n\nvar base = require('./../common/analyticsBase');\n\nvar cntrlIsPressed = false;\n$(document).keydown(function(event) {\n if (event.which == '17') {\n cntrlIsPressed = true;\n }\n});\n\n$(document).keyup(function() {\n cntrlIsPressed = false;\n});\n\n$(document).on('analytics:dataLayerPushObj', function(_, object) {\n base.dataLayerPush(object);\n});\n\n$(document).on('analytics:promoViewAutoSlider', function(_, promo, position) {\n base.checkPromo($(promo), window.pageYOffset, position);\n});\n\n$('body').on('analytics:changeTemplateProduct', function(e) {\n base.checkCollisionNotImpressed($('.js-analytics-impressions-block-load'));\n});\n\n$('body').on('analytics:openMenuSection', function(e) {\n base.checkCollisionNotImpressed($('.js-analytics-impression-header'));\n});\n\n$(document).on('afterChange', '.slick-slider', function(e) {\n base.checkCollisionNotImpressed($(this).parents('.js-analytics-impressions-relatives-load'));\n});\n\n$('body').on('analytics:pushAddToCart', function(e, product) {\n base.pushAddToCart(product);\n});\n\n$('body').on('analytics:pushRemoveFromCart', function(e, data) {\n base.pushRemoveFromCart(data.selector, data.quantity, data.from, data.oncomplete);\n});\n\n$('body').on('analytics:pushChangeQuantity', function(e, data) {\n base.pushChangeQuantity(data.selector, data.type, data.from);\n});\n\n$('body').on('analytics:pushgeolocationbanner', function(e, data) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: data.eventCategory,\n eventAction: data.eventAction,\n eventLabel: data.eventLabel\n });\n});\n\n$(document).on('analytics:video', function(e, data) {\n base.dataLayerPush({\n event: 'video',\n eventCategory: 'Video',\n eventAction: data.eventAction,\n eventLabel: data.eventLabel\n });\n});\n\n$('body').on('analytics:clickpayment', function(e, data) {\n var paymentType = $(data).attr('id');\n if (paymentType === 'rb_scheme' || paymentType.indexOf('rb_storedCard') > -1) {\n paymentType = 'radio-CREDIT_CARD';\n }\n\n base.dataLayerPush({\n event: 'checkoutOption',\n ecommerce: {\n checkout_option: {\n actionField: { step: 4, option: paymentType }\n }\n }\n });\n});\n\n$('body').on('analytics:clickpaymentnewcheckout', function(e, data) {\n var paymentType = $(data).attr('id');\n if (paymentType === 'rb_scheme' || paymentType.indexOf('rb_storedCard') > -1) {\n paymentType = 'radio-CREDIT_CARD';\n }\n\n base.dataLayerPush({\n event: 'checkoutOption',\n ecommerce: {\n checkout_option: {\n actionField: { step: 5, option: paymentType }\n }\n }\n });\n});\n\n$(document).on('shop-the-image:modal-open', function(e){\n base.checkCollisionNotImpressed($('.js-analytics-impressions-relatives-load'));\n});\n\n$('body').on('wishlist:productAnalytics', function(e) {\n var prodAnalytics = $('.js-analytics-wishlist');\n base.loadAnalyticsProduct(prodAnalytics).done(function() {\n base.checkCollisionNotImpressed($('.js-analytics-impressions-block-load'));\n });\n});\n\n$('body').on('suggestion:productAnalytics', function(e, data) {\n var container = $(data && data.container ? data.container : (window.isMobile || window.isTabletPortrait ? '.cc-only-mobile .js-analytics-impression-search' : '.cc-no-mobile .js-analytics-impression-search'));\n var prodAnalytics = container.find('.js-analytics-suggestion');\n base.loadAnalyticsProduct(prodAnalytics).done(function() {\n base.checkCollisionNotImpressed(container);\n });\n});\n\n$(document).on('analytics:newsletter', function(e, data) {\n var obj = {\n event: 'newsletter',\n eventCategory: 'Newsletter',\n eventAction: data.eventAction,\n eventLabel: data.eventLabel\n }\n\n if (data.other) {\n obj.interestList = data.other;\n }\n\n base.dataLayerPush(obj);\n});\n\n$('body').on('analytics:pushpagechange', base.analyticsPushPage);\n\n$('body').on('analytics:pushuserdatachange', base.analyticsPushUserData);\n\n$('body').on('analytics:pushCheckoutStep', function(e, data) {\n var products = base.initializeCheckoutProducts(data.selector);\n base.pushCheckoutObject(products, data.step, data.step_type);\n});\n\n$('body').on('analytics:pushPurchase', function(e, data) {\n var products = base.initializeCheckoutProducts(data.selector);\n base.pushPurchaseObject(products);\n});\n\n// ------------------------------------------------- page events -------------------------------------------------\n$(document).on('click', '.js-promo-click', function(e) {\n var $promo = $(this).closest('.js-promo');\n base.analyticsPushPromoClick(e.currentTarget, $promo);\n});\n\n$(document).on('click', '.js-analytics-product-swatch', function(e) {\n e.preventDefault();\n base.analyticsPushChangeVariation(e.currentTarget);\n});\n\nvar alreadySend = false;\n$(document).on('mousedown', '.js-analytics-click-product', function(e) {\n // e.preventDefault();\n if ((!alreadySend && window.isMobile) || !window.isMobile) {\n var el = $(this);\n if (!el.attr('data-pid')) {\n el = $(this).siblings('.js-analytics-click-product');\n }\n var pos = 0;\n var inToRemove = 0;\n var previousElement = '';\n $('.js-analytics-click-product').each(function (index, element) {\n if (!$(element).attr('data-pid')) {\n inToRemove++;\n }\n if ($(element).attr('data-pid') && previousElement !== '' && $(element).attr('data-pid') === $(previousElement).attr('data-pid')) {\n inToRemove++;\n } else if ($(element).attr('data-pid')) {\n previousElement = element;\n }\n if (el.attr('data-pid') === $(element).attr('data-pid')) {\n pos = index - inToRemove;\n return false;\n }\n });\n pos++;\n var pid = $(this).attr('data-pid') || $(this).attr('data-id');\n\n if (!pid) {\n pid = $(e.currentTarget).closest('.product').attr('data-pid');\n }\n\n var product = $('.js-analytics-impressions-product-initialized.js-analytics-click-product-info-' + pid);\n\n if (product.length > 1) {\n let $parent = $(this).closest('.product').find('.js-analytics-click-product-info-' + pid);\n if ($parent.length) product = $parent;\n if (product.closest('.slick-slide.slick-cloned').length) {\n product = product.closest('.slick-track').find('.slick-slide:not(.slick-cloned) .js-analytics-click-product-info-' + pid);\n }\n }\n base.analyticsPushProductClick(product);\n\n if (window.isMobile && !cntrlIsPressed) {\n alreadySend = true;\n }\n }\n});\n\n$(document).on('click', '.js-add-size-product-analytics', function(e) {\n var $analytics = $(this).parents('.product').find('.new-analytics');\n var sizeCode = $(this).attr('data-value');\n\n if (e.originalEvent !== undefined) { // check if event is triggered or is a click of the user\n var masterPid = $analytics.attr('data-pid');\n var color = $analytics.attr('data-color');\n var sku = masterPid + color; // pid concatenation tiles\n \n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'size select',\n eventLabel: `${sku} - ${sizeCode}`,\n buttonType: 'Quick Cart Add',\n accessType: 'tile'\n });\n $('#size-overlay').removeData('analyticsowner');\n }\n\n // set current size\n $analytics.attr({\n 'data-size': sizeCode\n });\n});\n\n$(document).on('click', '.js-add-size-product-page-analytics', function(e) {\n var $analytics = $('.product-detail .new-analytics');\n var masterPid = $analytics.attr('data-pid');\n var color = $analytics.attr('data-color');\n var sizeCode = $(this).data('attr-value');\n\n if (e.originalEvent !== undefined) {\n var analyticsOwn = $('#size-overlay').data('analyticsowner') || $('#size-modal-sticky').data('analyticsowner');\n var accessType = $('#size-overlay').data('accessType') || $('#size-modal-sticky').data('accessType');\n var sku = masterPid + color; // pid concatenation tiles\n\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'size select',\n eventLabel: sku + ' - ' + sizeCode,\n buttonType: analyticsOwn,\n accessType: accessType\n });\n $('#size-overlay').removeData('analyticsowner');\n $('#size-modal-sticky').removeData('accessType');\n }\n\n // set current size\n $analytics.attr({\n 'data-size': sizeCode\n });\n});\n\n$(document).on('click', '.js-add-color-variation-analytics', function(e) {\n var pid = $(this).data('pid');\n var color = $(this).data('value');\n var product = $('.js-analytics-click-product-info-' + pid);\n // product.attr('data-color', color);\n product.data('color', color)\n});\n\n$(document).on('click', '.js-contact-open-analytics', function(e) {\n var type = $(this).data('type');\n base.dataLayerPush({\n event: 'contactUs',\n eventCategory: 'Contact Us - Other',\n eventAction: ' submit_ok',\n eventLabel: type\n });\n});\n\n$(document).on('click', '.js-contact-checkout-analytics', function(e) {\n var type = $(this).data('type');\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'checkout',\n eventAction: ' help request',\n eventLabel: type\n });\n});\n\n$(document).on('click', '.helpButton', function(e) {\n base.dataLayerPush({\n event: 'chat',\n eventCategory: 'Chat',\n eventAction: 'chat_open'\n });\n});\n\n$(document).on('click', '.dialogButton', function(e) {\n base.dataLayerPush({\n event: 'chat',\n eventCategory: 'Chat',\n eventAction: 'chat_end'\n });\n});\n\n$(document).on('click', '.js-analytics-subcategory-mypage', function(e) {\n var subcategory = $(this).data('subcategory');\n var pushObject = {\n pagesubCategory: subcategory\n };\n\n if (subcategory === 'MyRequests') {\n pushObject.pageDetail = $('.js-myRequest-analyticsDetail').val();\n }\n\n var advisorID = $('#advisorID').val();\n if (advisorID) {\n pushObject.client_advisor_id = advisorID;\n }\n base.analyticsPushPage(e, pushObject);\n});\n\n$(document).on('click', '.cc-cta', function(e) {\n var isExlusiveServiceApponintment = $('.pagesubCategory').text() === 'exclusive-service-appointment';\n if ($(this).closest('.js-promo').length > 0) {\n if ($(this).closest('.js-promo').hasClass('js-book-appointment')) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: isExlusiveServiceApponintment ? 'appointment-page' : 'service-page',\n eventLabel: 'boutique-appointment'\n });\n }\n }\n\n if ($(this).closest('.js-promo').length > 0) {\n if ($(this).closest('.js-promo').hasClass('js-style-advisor')) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: isExlusiveServiceApponintment ? 'appointment-page' : 'service-page',\n eventLabel: 'virtual-appointment'\n });\n }\n }\n});\n\n$(document).on('click', '.js-exclusive-service-header', function(e) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: 'header',\n eventLabel: document.location.href\n });\n});\n\n$(document).on('click', '.js-exclusive-service-menu', function(e) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: 'menu',\n eventLabel: document.location.href\n });\n});\n\n$(document).on('click', '.cc-button', function(e) {\n var isExclusiveServiceBanner = $(this).closest('.js-promo') ? $(this).closest('.js-promo').hasClass('js-exclusive-service-banner') : false;\n\n if (isExclusiveServiceBanner) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: 'banner',\n eventLabel: document.location.href\n });\n }\n});\n\n$(document).on('click', '.js-exclusive-service-footer', function(e) {\n base.dataLayerPush({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: 'footer',\n eventLabel: document.location.href\n });\n});\n\n// ------------------------------------------------- page events -------------------------------------------------\n$(window).on('load', base.analyticsCheckImpressionAndPromo);\n\n$(window).scroll(base.analyticsCheckImpressionAndPromo);\n\n// ------------------------------------------------- module 31 Shop The Image -------------------------------------------------\n$('.cc-pd-shop-the-image .cc-pd__modal').on('scroll', base.analyticsCheckImpressionAndPromo);\n","\nfunction getPositions(box) {\n var $box = $(box);\n var pos = $box.offset();\n var width = $box.width();\n var height = $box.height();\n if (pos) {\n return [[pos.left, pos.left + width], [pos.top, pos.top + height]];\n } else return [];\n}\n\nfunction comparePositions(p1, p2) {\n if (p1[1] > p2[0] || p1[0] === p2[0]) {\n return true;\n } else return false;\n}\n\nconst TYPE = {\n PLP: 1,\n RELATIVE: 2,\n MAIN: 4,\n SBL: 5,\n SEARCH: 6,\n MENU: 7,\n UNDEF: 8\n};\n\n/**\n @param {jQuery} $product\n @return {TYPE}\n */\nfunction determineType(prodFrom) {\n switch (prodFrom) {\n case 'plp':\n return TYPE.PLP;\n case 'search':\n return TYPE.SEARCH;\n case 'menu':\n return TYPE.MENU;\n case 'recommendation':\n return TYPE.RELATIVE;\n case 'pdp':\n return TYPE.MAIN;\n case 'sbl':\n return TYPE.SBL;\n default:\n return TYPE.UNDEF;\n }\n}\n\n\nfunction getContainerFrom($container) {\n return $container.data('analyticsfrom');\n}\n\nfunction getContainerTemplate($container) {\n var template = $container.data('analyticstemplate');\n if (!template) {\n // plp fallback to avoid duplicate params and manage for switch\n template = $container.find('.js-plp-current-template').attr('data-currenttemplate');\n }\n return template;\n}\n\nfunction getProductTemplate($product, $container) {\n var prodTemplate = $product.attr('data-template');\n if (prodTemplate === 'retrieve' && $container) {\n var containerFrom = getContainerFrom($container);\n if (containerFrom === 'editorial') {\n prodTemplate = $product.closest('.js-promo').attr('data-creative');\n } else {\n var containerTemplate = getContainerTemplate($container);\n switch (containerTemplate) {\n case 'search/grid3Template':\n case 'search/plpLayout/grid3/searchResultNoDecorator':\n case '/search/plpLayout/grid3/productGrid':\n prodTemplate = 'grid3';\n break;\n case 'search/wallTemplate':\n case 'search/plpLayout/wall/searchResultNoDecorator':\n case '/search/plpLayout/wall/productGrid':\n prodTemplate = 'wall';\n break;\n case 'search/grid2Template':\n case 'search/plpLayout/grid2/searchResultNoDecorator':\n case '/search/plpLayout/grid2/productGrid':\n prodTemplate = 'grid2';\n break;\n case 'search/gridShopByLookTemplate':\n prodTemplate = 'gridShopByLook';\n break;\n case 'search/wallShopByLookTemplate':\n prodTemplate = 'wallShopByLook';\n break;\n default:\n prodTemplate = containerTemplate;\n break;\n }\n }\n $product.attr('data-template', prodTemplate);\n }\n return prodTemplate;\n}\n\nfunction getProductFrom($product, $container) {\n var prodFrom = $product.attr('data-from');\n if (prodFrom === 'retrieve' && $container) {\n var containerFrom = getContainerFrom($container);\n var containerTemplate = getContainerTemplate($container); // può essere diverso da quello di prodotto\n prodFrom = containerFrom;\n if (((containerFrom === 'pdp' || containerFrom === 'pdpLook') && containerTemplate === 'recommendation') || containerFrom === 'cart' || containerFrom === 'thankyou'){\n prodFrom = $container.find('.js-einstein-slick').length ? 'einstein' : 'recommendation';\n }\n $product.attr('data-from', prodFrom);\n }\n return prodFrom;\n}\n\nfunction getProductTag($product, $container) {\n if ($container) { // shows only tag within container anabled\n var containerEnabled = $container.attr('data-analyticstags') === \"true\";\n if (containerEnabled) {\n return $product.attr('data-tag-' + $product.data('color'));\n }\n }\n return '';\n}\n\nfunction getProduct3d($product, $container) {\n var prodTag = $product.attr('data-3d');\n if (prodTag && $container) { // shows only tag within container anabled\n var containerEnabled = $container.attr('data-analytics3d') === \"true\";\n if (!containerEnabled) {\n prodTag = ''; // if container doesn't enable tagging, i'll remove the value\n $product.attr('data-3d', prodTag);\n }\n }\n return prodTag;\n}\n\nfunction getCategoryGender(categoryId, sblList) {\n if (categoryId) {\n if (categoryId.indexOf('girl') !== -1) {\n return sblList ? 'kids_girl' : 'girls';\n } else if (categoryId.indexOf('boy') !== -1) {\n return sblList ? 'kids_boy' : 'boys';\n } else if (categoryId.indexOf('woman') !== -1) {\n return sblList ? 'woman' : 'female';\n } else if (categoryId.indexOf('man') !== -1) {\n return sblList ? 'man' : 'male';\n } else if (categoryId.indexOf('fragrances') !== -1) {\n return categoryId.indexOf('-m') !== -1 ? 'man' : 'woman';\n } else if (categoryId.indexOf('eyewear') !== -1) {\n return 'unisex';\n }\n }\n return '';\n}\n\nfunction getSBLGender(categoryId) {\n return getCategoryGender(categoryId, true);\n}\n\nfunction getProductList($product, prodFrom, prodTemplate) {\n var prodList = $product.attr('data-list');\n if (prodList === 'retrieve') {\n if (prodFrom === 'recommendation') {\n prodList = $('#searchList').val().replace('category-', 'relatives-');\n } else if (prodFrom === 'pdpLook') {\n if ('recommendation' === prodTemplate) {\n prodList = 'relatives-product-look';\n } else if ('pdp' === prodTemplate) {\n prodList = $('#searchList').val();\n } else {\n prodList = 'product-look';\n }\n } else if (prodFrom === 'editorial-relatives') {\n prodList = 'relatives-editorial-' + $('.storepage').attr('id');\n } else if (prodFrom === 'einstein') { // TODO: refactoring pending definire container\n prodList = $('#searchList').val().replace('category-', 'einstein-');\n } else if (prodFrom === 'editorial' || prodFrom === 'editorial-shoptheimage') {\n prodList = 'editorial-' + $('.storepage').attr('id')\n if (prodFrom === 'editorial-shoptheimage') {\n prodList += '-shop-the-image';\n }\n } else if (prodFrom === 'search') {\n prodList = 'search-suggested';\n } else if (prodFrom === 'menu') {\n var analyticsMenu = $product.parents('.js-navbar-item') ? $product.parents('.js-navbar-item').attr('data-analyticsmainmenu') : '';\n prodList = 'menu-' + analyticsMenu;\n } else if (prodFrom === 'sbl') {\n // prodList = 'shop-by-look-' + getSBLGender($product.attr('data-categoryid'));\n prodList = $('#searchList').val().replace('category-', 'pdp-');\n } else if (prodFrom === 'pdp') {\n prodList = '';\n } else {\n prodList = $('#searchList').val();\n }\n $product.attr('data-list', prodList);\n }\n return prodList;\n}\n\nfunction getProductPosition($product, $container) {\n var prodPosition = $product.attr('data-position');\n if (prodPosition === 'retrieve' && $container) {\n prodPosition = $container.find('.js-analytics-impressions-product-initialized').length + 1;\n $product.attr('data-position', prodPosition);\n }\n return prodPosition;\n}\n\nfunction getAnalyticsImage($product, $container) {\n var prodImage = $product.attr('data-img');\n if (prodImage === 'retrieve' && $container) {\n var containerFrom = getContainerFrom($container);\n if (containerFrom === 'editorial') {\n var parent = $product.closest('.js-analytics-impressions-image');\n var type = parent.attr('data-analyticsimage');\n prodImage = (parent.find('.cc-content-video').length > 0 ? 'video_' : 'img_' ) + type;\n } else if ($product.closest('.cc-product-tile')) {\n var parent = $product.closest('.cc-product-tile');\n if (parent.find('.js-analytics-impressions-image-vv').length) {\n prodImage = 'video_standard';\n } else if (parent.find('.js-analytics-impressions-image-vh').length) {\n prodImage = 'video_double';\n } else if (parent.find('.js-analytics-impressions-image-idh').length) {\n prodImage = 'img_double-hover';\n } else if (parent.find('.js-analytics-impressions-image-ifh').length) {\n prodImage = 'img_full-hover';\n } else if (parent.find('.js-analytics-impressions-image-ih').length) {\n prodImage = 'img_standard-hover';\n } else if (parent.find('.js-analytics-impressions-image-id').length) {\n prodImage = 'img_double';\n } else if (parent.find('.js-analytics-impressions-image-if').length) {\n prodImage = 'img_full';\n } else {\n prodImage = 'img_standard';\n }\n }\n $product.attr('data-img', prodImage);\n }\n return prodImage;\n}\n\n// dataLayerPush\nfunction dataLayerPush(object) {\n setTimeout(function() { // setTimeout moves this function off the main thread to break long task\n dataLayer.push(object);\n }, 0);\n};\n\n/**\n * push user_data event to datalayer to update customer data\n * @param {*} e\n */\nfunction analyticsPushUserData (e) {\n var login = $('.login').text();\n var visitorId = $('.visitorId').text();\n var cartItemNumber = $('.cartItemNumber').text();\n // var optin_sf = $('.optin_sf').text();\n\n dataLayerPush({\n // optin_sf: optin_sf,\n event: 'user_data',\n login: login,\n visitorId: visitorId,\n cartItemNumber: cartItemNumber\n });\n};\n\n/**\n * push content grouping event to datalayer to update page informartion\n * @param {*} e \n * @param {*} data overring values for pageCategory, pagesubCategory, pageDetail\n * listingType or client_advisor_id only if should be pushed\n */\nfunction analyticsPushPage (e, data) {\n // init fields if doesn't exist overriding value\n var pageCategory = (data && data.pageCategory) ? data.pageCategory : $('.pageCategory').text();\n var pagesubCategory = (data && data.pagesubCategory) ? data.pagesubCategory : $('.pagesubCategory').text();\n var pageDetail = (data && data.pageDetail) ? data.pageDetail : $('.pageDetail').text();\n\n // field common in all pages where override is useless\n var visitorShipping = $('.visitorShipping').text();\n var visitorCurrency = $('.visitorCurrency').text();\n var pageLanguage = $('.pageLanguage').text();\n var pageStatus = $('.pageStatus').text();\n\n var baseObject = {\n visitorShipping: visitorShipping,\n visitorCurrency: visitorCurrency,\n pageCategory: pageCategory,\n pagesubCategory: pagesubCategory,\n pageDetail: pageDetail,\n pageLanguage: pageLanguage,\n pageStatus: pageStatus\n };\n\n // field that should be pushed only if request by trigger\n if (data.listingType) {\n baseObject.listingType = data.listingType;\n }\n\n if (data.client_advisor_id) {\n baseObject.client_advisor_id = data.client_advisor_id;\n }\n\n dataLayerPush(baseObject);\n\n // trigger user_data on all page changes\n analyticsPushUserData(e);\n};\n\nfunction loadAnalyticsProduct(prodAnalytics) {\n var deferred = new $.Deferred();\n prodAnalytics.each(function (i, item) {\n var $item = $(item);\n if ($item.is(':empty')){\n var href = $item.attr('href');\n $.ajax({\n url: href,\n async: false\n }).done(function (data) {\n $item.append(data);\n }).fail(function(data) {\n deferred.reject(response);\n });\n }\n });\n deferred.resolve();\n return deferred.promise();\n};\n\nfunction checkPromo (promo, positionScroll, positionValue) {\n for (var i = 0; i < promo.length; i++) {\n var promoToCheck = $(promo[i]);\n var posPromo = promoToCheck.offset().top - $('.cc-content-header').height() * 1.1;\n var name;\n var position = i + 1;\n var isCtaAnchorate = promoToCheck.hasClass('cc-pd-cta-anchored');\n if ($('.storepage').length > 0) {\n name = $('.storepage').attr('id');\n } else {\n name = promoToCheck.attr('data-name');\n }\n var notToPrint = false;\n if (promoToCheck.attr('data-animated-slide')) {\n notToPrint = true;\n }\n if (isCtaAnchorate) {\n position = -1;\n posPromo = -1;\n }\n if (!notToPrint && (posPromo <= positionScroll) && !promoToCheck.hasClass('alreadyPrint')) {\n dataLayerPush({\n event: 'promoView',\n ecommerce: {\n promoView: {\n promotions: [{\n id: promoToCheck.attr('data-id'),\n name: name,\n creative: promoToCheck.attr('data-creative'),\n position: positionValue || i + 1\n }]\n }\n }\n });\n promoToCheck.addClass('alreadyPrint');\n }\n promoToCheck.attr('data-position', position);\n }\n};\n\nfunction checkPromoScrollHorizontal (promo, positionScroll) {\n for (var i = 0; i < promo.length; i++) {\n var promoToCheck = $(promo[i]);\n var posPromo = promoToCheck.width() * i - promoToCheck.width() * 0.5;\n var name;\n if ($('.storepage').length > 0) {\n name = $('.storepage').attr('id');\n } else {\n name = promoToCheck.data('name');\n }\n var notToPrint = false;\n if (promoToCheck.data('animated-slide')) {\n notToPrint = true;\n }\n if (!notToPrint && (posPromo <= positionScroll || i === 0) && !promoToCheck.hasClass('alreadyPrint')) {\n dataLayerPush({\n event: 'promoView',\n ecommerce: {\n promoView: {\n promotions: [{\n id: promoToCheck.data('id'),\n name: name,\n creative: promoToCheck.data('creative'),\n position: i + 1\n }]\n }\n }\n });\n promoToCheck.addClass('alreadyPrint');\n }\n promoToCheck.data('position', i + 1);\n }\n};\n\nfunction checkCollisionsProducts(products, posBlock, container) {\n if (products) {\n var prodCurrency = $('.visitorCurrency').text(); // taken from analytics-generate controller\n var pageAction = $('.page').data('action');\n var analyticsFrom = getContainerFrom(container);\n\n for (var i = 0; i < products.length; i++) {\n // retrieve product info\n var product = $(products[i]);\n var prodPid = product.attr('data-pid'); // skuMaster\n var prodName = product.attr('data-name');\n var prodPrice = product.attr('data-price');\n var prodPromotions = product.attr('data-promotions');\n var prodColor = product.attr('data-color');\n var prodGender = product.attr('data-gender');\n var prodAnalyticsColor = product.attr('data-color-' + prodColor);\n var prodUrl = product.attr('data-url');\n var prodAvailable = product.attr('data-available');\n var prodVideo = product.attr('data-video');\n var productIsSet = product.attr('data-isset') || false;\n var prodTemplate = getProductTemplate(product, container);\n var prodFrom = getProductFrom(product, container);\n var prodList = getProductList(product, prodFrom);\n var type = determineType(prodFrom);\n var prodPosition = getProductPosition(product, container);\n var sizeImg = getAnalyticsImage(product, container);\n var prod3d = getProduct3d(product, container);\n var prodTag = getProductTag(product, container);\n // used in product position to complete product initialization before the impression push\n product.addClass('js-analytics-impressions-product-initialized');\n\n if (pageAction !== 'Search-Show' || prodTemplate === 'wallTemplate') {\n if (prodList.indexOf('shop-by-look') !== -1 && pageAction === 'Product-Show') {\n var productDiv = product.closest('.cc-list-col').length > 0 ? product.closest('.cc-list-col') : products[i];\n } else {\n if (product.closest('.js-singleItem-plp').length > 0) {\n productDiv = product.closest('.js-singleItem-plp');\n } else if (prodFrom === 'editorial-shoptheimage') {\n productDiv = products[i];\n } else {\n productDiv = product.closest('.row').length > 0 ? product.closest('.row') : products[i];\n }\n }\n } else productDiv = products[i];\n if ((pageAction === 'Account-Show' || pageAction === 'Wishlist-ShowWishlist') && product.closest('.cc-wishlist-item').length > 0) {\n productDiv = product.closest('.cc-wishlist-item');\n }\n var posBomb = getPositions(productDiv);\n\n var horizontalMatch = comparePositions(posBlock[0], posBomb[0]);\n var verticalMatch = comparePositions(posBlock[1], posBomb[1]);\n var match = horizontalMatch && verticalMatch;\n\n if (prodFrom === 'recommendation' && (analyticsFrom === 'cart' || analyticsFrom === 'thankyou') && $(window).width() > 767) {\n var posProduct = product.parent().offset().top;\n var actPos = $('.js-analytics-impressions-block-scroll').offset().top;\n match = posProduct <= actPos;\n } else if (prodFrom === 'recommendation' || prodFrom === 'einstein' || prodFrom === 'editorial-relatives') {\n // prevent impression push before slick is loaded in pdp, or editorial pages\n if (!product.closest('.slick-slide').hasClass('slick-active')) {\n match = false;\n }\n }\n\n if (prodFrom === 'search') {\n if (!$('.id-js-searchIcon').data('open') && product.closest('.no-search-results-suggestions').length < 1) {\n match = false;\n }\n if (product.closest('.cc-item').offset().top === 0) {\n match = false;\n }\n }\n\n if (prodFrom === 'menu') {\n // prevent impression to be pushed before opening the menu section containing target products\n if (product.closest('.js-menu-overlay').hasClass('d-none')) {\n match = false;\n }\n }\n\n if (prodFrom === 'editorial-shoptheimage') {\n // prevent impression to be sended before opening the shop the image modal\n if (!product.parents('.cc-pd-shop-the-image').hasClass('cc-open')) {\n match = false;\n }\n }\n\n if (prodList === 'editorial') {\n var positionScroll = window.pageYOffset;\n var posProduct = product.offset().top;\n if (posProduct <= positionScroll) {\n var matchEditorial = true;\n }\n }\n\n if (match || matchEditorial) {\n if (prodFrom === 'pdp' && type === TYPE.MAIN) {\n dataLayerPush({\n event: 'productDetail',\n ecommerce: {\n currencyCode: prodCurrency,\n dimension27: prodVideo,\n detail: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension14: prodAvailable,\n dimension26: prodPromotions,\n callout: prodTag,\n '3dEnabled': prod3d\n }]\n }\n }\n });\n\n $(document).trigger('pdp:productDetailEventPushed');\n } else {\n dataLayerPush({\n event: 'productImpression',\n ecommerce: {\n currencyCode: prodCurrency,\n dimension25: prodFrom === 'plp' ? prodTemplate : '',\n impressions: [\n {\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n tileType: sizeImg,\n color: prodAnalyticsColor,\n gender: prodGender,\n list: prodList,\n position: prodPosition,\n dimension14: productIsSet ? '' : prodAvailable,\n dimension26: prodPromotions,\n callout: prodTag,\n '3dEnabled': prod3d\n }\n ]\n }\n });\n }\n\n product.removeClass('js-analytics-impressions-product-not-impressed').addClass('js-analytics-impressions-product-impressed');\n }\n }\n }\n};\n\nfunction checkContainerCollisionNotImpressed(container, esclusionSelector){\n var products = container.find('.js-analytics-impressions-product-not-impressed');\n if (esclusionSelector) {\n products = products.filter(function(i) {\n var product = $(this);\n return product.closest(esclusionSelector).length === 0;\n });\n }\n if (products.length > 0) {\n var posBlock = getPositions($('.js-analytics-impressions-block-scroll'));\n checkCollisionsProducts(products, posBlock, container);\n }\n}\n\nfunction checkCollisionNotImpressed(containers, esclusionSelector) {\n containers.each(function(index) {\n var container = $(this);\n if (container.attr('data-analyticsfrom') && container.attr('data-analyticsfrom') === 'wishlist'){\n // wishlist loading is async, product analytics should be loaded before sending impression \n var prodAnalytics = $('.js-analytics-wishlist');\n loadAnalyticsProduct(prodAnalytics).done(function() {\n checkContainerCollisionNotImpressed(container, esclusionSelector);\n });\n } else {\n checkContainerCollisionNotImpressed(container, esclusionSelector);\n }\n });\n};\n\nfunction analyticsCheckImpressionAndPromo(e) {\n // product impressions in the current page\n checkCollisionNotImpressed($('.js-analytics-impressions-block-load'), '.js-analytics-impressions-relatives-load');\n // product impressions contained in carousel / shop the images / etc - that have diff from attribute\n checkCollisionNotImpressed($('.js-analytics-impressions-relatives-load'));\n var promo = $('.js-promo').not('.cc-pd-slider-progression .js-promo');\n var positionScroll = window.pageYOffset;\n if ($('.cc-horizontal-scroll-item').length > 0 && window.isDesktop) {\n checkPromoScrollHorizontal(promo, positionScroll);\n } else checkPromo(promo, positionScroll);\n};\n\nfunction pushAddToCart (product) {\n var $product = $(product);\n var prodPid = $product.attr('data-pid');\n var prodName = $product.attr('data-name');\n var prodCurrency = $('.visitorCurrency').text();\n var prodPrice = $product.attr('data-price');\n var prodPromotions = $product.attr('data-promotions');\n var prodColor = $product.attr('data-color');\n var prodGender = $product.attr('data-gender');\n var prodAnalyticsColor = $product.attr('data-color-' + prodColor);\n var prodUrl = $product.attr('data-url');\n var sizeImg = getAnalyticsImage($product);\n var prodFrom = getProductFrom($product);\n var prodList = getProductList($product, prodFrom);\n var prod3d = $product.attr('data-3d');\n var prodTag = $product.attr('data-tag');\n var prodSizeCode = $product.attr('data-size');\n var prodSticky = $product.attr('data-sticky');\n var prodVideo = $product.attr('data-video');\n\n var isPDPLook = false;\n if ($('.add-to-cart').hasClass('js-add-to-cart-sticky-look')) {\n isPDPLook = true;\n var selectedElement = $('.js-color-choiche-sticky-look.cc-active');\n var productVariationGroup = selectedElement.attr('data-id');\n prodColor = selectedElement.attr('data-attr-value');\n prodAnalyticsColor = $('.js-pdp-variation-look[data-pid=\"' + productVariationGroup + '\"]').find('.new-analytics').attr('data-color-' + prodColor);\n prodSizeCode = $('.js-select-size.cc-active').attr('data-attr-value');\n }\n\n var prodSize = $product.attr('data-size-' + prodSizeCode);\n\n if (isPDPLook) {\n dataLayerPush({\n event: 'addToCart',\n ecommerce: {\n currencyCode: prodCurrency,\n add: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n dimension21: prodSize,\n dimension22: 'product-look',\n dimension26: prodPromotions,\n dimension27: false,\n quantity: 1,\n color: prodAnalyticsColor,\n gender: prodGender\n }]\n }\n }\n });\n } else {\n dataLayerPush({\n event: 'addToCart',\n ecommerce: {\n currencyCode: prodCurrency,\n add: {\n actionField: { list: prodList },\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension21: prodSize,\n dimension22: prodSticky || prodFrom,\n dimension26: prodPromotions,\n dimension27: prodVideo,\n quantity: 1,\n tileType: prodFrom === 'pdp' ? '' : sizeImg,\n callout: prodTag,\n '3dEnabled': prod3d\n }]\n }\n }\n });\n }\n};\n\nfunction pushRemoveFromCart (selector, prodQuantity, fromWhere, oncomplete) {\n var product = $(selector);\n // all product info\n var prodPid = product.data('pid');\n var prodName = product.data('name');\n var prodCurrency = $('.visitorCurrency').text();\n var prodPrice = product.data('price');\n var prodPromotions = product.data('promotions');\n var prodColor = product.data('color');\n var prodGender = product.data('gender');\n var prodAnalyticsColor = product.attr('data-color-' + prodColor);\n var prodUrl = product.data('url');\n var sizeAnalytics = product.attr('data-size-' + product.data('size'));\n var fromEventName = fromWhere === 'minicart' ? 'FromMinicart' : 'FromCart';\n\n dataLayerPush({\n event: 'remove' + fromEventName,\n ecommerce: {\n currencyCode: prodCurrency,\n remove: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension21: sizeAnalytics,\n dimension26: prodPromotions,\n quantity: prodQuantity\n }]\n }\n }\n });\n if (oncomplete) {\n oncomplete(selector);\n }\n};\n\nfunction pushChangeQuantity (selector, type, fromWhere) {\n\n var product = $(selector);\n\n // all product info\n var prodPid = product.data('pid');\n var prodName = product.data('name');\n var prodCurrency = $('.visitorCurrency').text();\n var prodPrice = product.data('price');\n var prodPromotions = product.data('promotions');\n var prodColor = product.data('color');\n var prodGender = product.data('gender');\n var prodAnalyticsColor = product.attr('data-color-' + prodColor);\n var prodUrl = product.data('url');\n var fromEventName = fromWhere === 'minicart' ? 'FromMinicart' : 'FromCart';\n var sizeAnalytics = product.attr('data-size-' + product.data('size'));\n\n if (type === 'up') {\n dataLayerPush({\n event: 'addToCart' + fromEventName,\n ecommerce: {\n currencyCode: prodCurrency,\n add: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension21: sizeAnalytics,\n dimension22: fromWhere ? fromWhere : 'cart',\n dimension26: prodPromotions,\n quantity: 1\n }]\n }\n }\n });\n } else if (type === 'down') {\n dataLayerPush({\n event: 'remove' + fromEventName,\n ecommerce: {\n currencyCode: prodCurrency,\n remove: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension21: sizeAnalytics,\n dimension26: prodPromotions,\n quantity: 1\n }]\n }\n }\n });\n }\n}\n\nfunction analyticsPushPromoClick(currentTarget, $promo) {\n var position = $promo.attr('data-position');\n var contentButtons = $(currentTarget).parents('.cc-content-buttons');\n if (contentButtons.length > 0) {\n var clickableElements = contentButtons.find('.js-promo-click');\n if (clickableElements.length > 1) {\n var subPosition = clickableElements[0] === currentTarget ? '1' : '2';\n position += '-' + subPosition;\n }\n }\n let object = {\n promoClick: {\n promotions: [{\n id: $promo.attr('data-id'),\n name: $('.storepage').length > 0 ? $('.storepage').attr('id') : $promo.attr('data-name'),\n creative: $promo.attr('data-creative'),\n position: position\n }]\n },\n promo_text: currentTarget.innerText\n }\n let data = {event: \"promoClick\", ecommerce: object}\n\n dataLayerPush(data);\n};\n\n\nfunction analyticsPushChangeVariation(currentTarget) {\n var product;\n var $this = $(currentTarget);\n\n if ($this.hasClass('js-color-choiche-sticky-look')) {\n var productName = $('.js-analytics-look-product').attr('data-name');\n dataLayerPush({\n event: 'custom_event',\n eventCategory: 'Product Look Detail Page',\n eventAction: 'color select',\n eventLabel: productName\n });\n } else {\n // get product\n if (!$('.product-detail.cc-pdp').length) {\n product = $this.closest('.cc-info-section').parent().children('.cc-image-section').children('.js-analytics-impressions-product-impressed');\n } else {\n var wrapper = $this.closest('.cc-pdp__wrp');\n if ($this.parents('.js-sticky-add-to-cart').length) {\n wrapper = $this.closest('.product-detail').find('.cc-pdp__wrp');\n }\n product = wrapper.children('.cc-pdp__images').children('.js-analytics-impressions-product-impressed');\n }\n\n // execute switch\n var newColor = $this.data('attr-value');\n product.attr('data-color', newColor);\n\n // all product info\n var prodPid = product.attr('data-pid');\n var prodName = product.attr('data-name');\n var prodCurrency = $('.visitorCurrency').text();\n var prodPrice = product.attr('data-price');\n var prodPromotions = product.attr('data-promotions');\n var prodGender = product.attr('data-gender');\n var prodUrl = product.attr('data-url');\n var prodAvailable = product.attr('data-available');\n var prodVideo = product.attr('data-video');\n var prod3d = product.attr('data-3d');\n var prodAnalyticsColor = product.attr('data-color-' + newColor);\n var prodAnalyticsTag = product.attr('data-tag-' + newColor);\n\n dataLayerPush({\n event: 'productDetail',\n ecommerce: {\n currencyCode: prodCurrency,\n dimension27: prodVideo,\n detail: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: newColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension14: prodAvailable,\n dimension26: prodPromotions,\n callout: prodAnalyticsTag,\n '3dEnabled': prod3d\n }]\n }\n }\n });\n }\n};\n\nfunction analyticsPushProductClick (product) {\n // all product info processed on page load, should be evaluated\n var prodPid = product.attr('data-pid');\n var prodName = product.attr('data-name');\n var prodCurrency = $('.visitorCurrency').text();\n var prodPrice = product.attr('data-price');\n var prodGender = product.attr('data-gender');\n var prodPromotions = product.attr('data-promotions');\n var prodColor = product.attr('data-color');\n var prodAnalyticsColor = product.attr('data-color-' + prodColor);\n var prodUrl = product.attr('data-url');\n var prodAvailable = product.attr('data-available');\n var prodTemplate = getProductTemplate(product);\n var prodFrom = getProductFrom(product);\n var prodList = getProductList(product, prodFrom);\n var prodPosition = getProductPosition(product);\n var sizeImg = getAnalyticsImage(product);\n var productIsSet = product.attr('data-isset') || false;\n var prod3d = product.attr('data-3d');\n var prodTag = product.attr('data-tag');\n\n if (prodTemplate && prodTemplate === 'pdpLook') {\n dataLayerPush({\n event: 'productClick',\n ecommerce: {\n currencyCode: prodCurrency,\n impressions: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n list: prodList,\n position: prodPosition,\n dimension14: prodAvailable,\n dimension26: prodPromotions,\n tileType: sizeImg,\n color: prodAnalyticsColor,\n gender: prodGender\n }]\n }\n });\n dataLayerPush({\n event: 'productDetail',\n ecommerce: {\n currencyCode: prodCurrency,\n dimension27: false,\n detail: {\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n dimension14: prodAvailable,\n dimension26: prodPromotions,\n quantity: 1,\n color: prodAnalyticsColor,\n gender: prodGender,\n callout: prodTag,\n '3dEnabled': prod3d\n }]\n }\n }\n });\n } else {\n dataLayerPush({\n event: 'productClick',\n ecommerce: {\n currencyCode: prodCurrency,\n dimension25: prodFrom === 'plp' ? prodTemplate : '',\n click: {\n actionField: { list: prodList },\n products: [{\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n position: prodPosition,\n dimension14: productIsSet ? '' : prodAvailable,\n dimension26: prodPromotions,\n tileType: sizeImg,\n callout: prodTag,\n '3dEnabled': prod3d\n }]\n }\n }\n });\n }\n};\n\nfunction initializeProducts (containerSelector) {\n var products = [];\n $(containerSelector + ' .js-analytics-impressions-product-not-impressed').each(function (index) {\n // get product by pid\n var product = $(this);\n // all product info\n var prodPid = product.data('pid');\n var prodName = product.data('name');\n var prodPrice = product.data('price');\n var prodPromotions = product.data('promotions');\n var prodColor = product.data('color');\n var prodGender = product.data('gender');\n var prodAnalyticsColor = product.attr('data-color-' + prodColor);\n var prodUrl = product.data('url');\n var prodSize = product.attr('data-size-' + product.data('size'));\n var prodQuantity = product.data('quantity');\n\n products.push({\n name: prodName,\n id: prodPid,\n price: prodPrice,\n category: prodUrl,\n variant: prodColor,\n color: prodAnalyticsColor,\n gender: prodGender,\n dimension21: prodSize,\n dimension26: prodPromotions,\n quantity: prodQuantity\n });\n });\n return products;\n};\n\nfunction pushCheckoutObject (products, step, step_type){\n var prodCurrency = $('.visitorCurrency').text();\n var obj = {\n event: 'checkout',\n ecommerce: {\n currencyCode: prodCurrency,\n checkout: {\n actionField: { step: step },\n products: products\n }\n }\n };\n if (step_type) {\n obj['step_type'] = step_type;\n }\n\n dataLayerPush(obj);\n}\n\nfunction pushPurchaseObject (products) {\n var prodCurrency = $('.visitorCurrency').text();\n dataLayerPush({\n 'event': 'purchase',\n 'shipping_method': $('#js-analytics-type-shipping').val(),\n 'boutiqueName': $('#js-analytics-boutique').val(),\n 'typ_type': $('#js-thankyoupage-type').val(),\n 'ecommerce': {\n 'currencyCode': prodCurrency,\n 'purchase': {\n 'actionField': {\n 'id': $('#js-analytics-id').val(),\n 'revenue': $('#js-analytics-revenue-datalayer').val(),\n 'tax': $('#js-analytics-tax-datalayer').val(),\n 'shipping': $('#js-analytics-shipping-datalayer').val(),\n 'coupon': $('#js-analytics-coupon').val(),\n 'dimension8': $('#js-analytics-dimension').val()\n },\n 'products': products\n }\n }\n });\n}\n\nmodule.exports = {\n dataLayerPush: dataLayerPush,\n analyticsPushPage: analyticsPushPage,\n analyticsPushUserData: analyticsPushUserData,\n analyticsPushPromoClick: analyticsPushPromoClick,\n analyticsPushChangeVariation: analyticsPushChangeVariation,\n analyticsPushProductClick: analyticsPushProductClick,\n pushAddToCart: pushAddToCart,\n pushRemoveFromCart: pushRemoveFromCart,\n pushChangeQuantity: pushChangeQuantity,\n loadAnalyticsProduct: loadAnalyticsProduct,\n checkPromo: checkPromo,\n checkCollisionNotImpressed: checkCollisionNotImpressed,\n analyticsCheckImpressionAndPromo: analyticsCheckImpressionAndPromo,\n initializeCheckoutProducts: initializeProducts,\n pushCheckoutObject: pushCheckoutObject,\n pushPurchaseObject: pushPurchaseObject\n};\n","'use strict';\n\nconst FOCUSABLE = 'button:not(:disabled):not([aria-hidden]),a[href],input';\nconst footerElement = document.getElementsByTagName('footer')[0];\nconst viewportHeight = document.documentElement.clientHeight;\nvar base = require('../product/base');\nvar accessFocus = require('../accessibilityFocus');\nconst Modal = require('../modalUtilities');\nconst scrollAnimate = require('../components/scrollAnimate');\n\nfunction liveChatPositionStikyUp() {\n var stikyHeight = $('.js-wishlist-stiky-onMobile').height();\n if (window.isMobile) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: stikyHeight,\n right: '16px'\n });\n }\n}\nfunction liveChatPositionStikyDown() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: '16px',\n right: '16px'\n });\n if ($('.cc-pd.cc-pd-cta-anchored').length > 0) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: '60px'\n });\n }\n};\nfunction createItemsArray () {\n var products = [];\n $(document).find('.js-add-to-cart-wishlist').each(function() {\n var prodID = $(this).data('pid');\n var sizevariantselected = $(this).data('sizevariantselected');\n var size = null;\n var obj = {\n pid: prodID,\n size: size\n };\n if (!sizevariantselected) {\n $('.js-available-size-list-' + prodID).children('.cc-size-list-container').find('label').each(function () {\n if ($(this).hasClass('js-selected-size')) {\n size = $(this).attr('size');\n }\n });\n if (size !== null) {\n obj.size = size;\n products.push(obj);\n }\n }\n });\n\n return products;\n}\n\nfunction sendAnalyticsAddAllToCart (producs) {\n for (var i = 0; i < producs.length; i++) {\n var pid = producs[i];\n var product = $('.js-analytics-impressions-product-initialized.js-analytics-click-product-info-' + pid);\n if (product.length <= 0) {\n product = $('.js-analytics-impressions-product-initialized.js-analytics-click-product-info-' + pid.substring(0, pid.length - 2));\n }\n $('body').trigger('analytics:pushAddToCart', product);\n }\n}\n\nmodule.exports = {\n updateWishlistQuantity: function () {\n if ($('#wishlistItemsCountURL').length > 0) {\n $.ajax({\n url: $('#wishlistItemsCountURL').val(),\n type: 'GET',\n dataType: 'json',\n success: function(res) {\n if (! res.error) {\n var badgeText = res.itemsCount;\n if (res.itemsCount === 0) badgeText = '';\n else if (res.itemsCount > 99) badgeText = '99+';\n $('.js-wishlist-quantity').text(badgeText);\n }\n }\n });\n }\n },\n\n updateWishlistQuantityTrigger: function () {\n var self = this;\n $('body').on('wishlist:updateQuantity', function(e) {\n self.updateWishlistQuantity();\n });\n },\n\n // wishlist tile Share button\n openShareWishlistIteam: function () {\n $(document).on('click', '.js-open-share', function (e) {\n if ($('body').hasClass('cc-mobile')) {\n $('.js-whatsapp-link').attr('href', function() { this.href = this.href.replace('https://wa.me/?text=', 'whatsapp://send?text='); });\n }\n var $shareContainer = $(this).closest('.cc-share');\n $shareContainer.find('.cc-share-overlay-product').fadeIn();\n $shareContainer.find('.cc-share-content').fadeIn();\n accessFocus.focusOnFirstElement($shareContainer.find('.cc-share-content'));\n $($shareContainer.find('.cc-share-content')).on('keydown', function(event) {\n let focusableNodes = $($shareContainer.find('.cc-share-content')).find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n const key = event.which;\n const focusedItemIndex = focusableNodes.indexOf(document.activeElement);\n if (event.shiftKey && focusedItemIndex === 0) {\n focusableNodes[focusableNodes.length - 1].focus();\n event.preventDefault();\n }\n if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1 && key !== 13) {\n focusableNodes[0].focus();\n event.preventDefault();\n }\n if (key === 27) { // close popUp on ESC from tile overlay\n $shareContainer.find('.cc-share-overlay-product').fadeOut();\n $shareContainer.find('.cc-share-content').fadeOut();\n setTimeout(function() {\n $(this).focus();\n }, 0);\n if ($('body').hasClass('cc-blocked')) $('body').removeClass('cc-blocked');\n if ($('body').hasClass('veiled')) $('body').removeClass('veiled');\n }\n });\n if ($('body').hasClass('cc-mobile')) {\n $('body').addClass('cc-blocked');\n }\n e.stopPropagation();\n });\n },\n closeShareWishlistIteam: function () {\n $(document).on('click', '.js-close-share', function (e) {\n var $overlay = $('.cc-share');\n $overlay.find('.cc-share-overlay-product').fadeOut();\n $overlay.find('.cc-share-content').fadeOut();\n var copyLink = $('.js-link-label').data('copy');\n $('.js-link-label').find('.js-social-text').text(copyLink);\n setTimeout(function() {\n $overlay.find('.js-open-share').focus();\n }, 0);\n if ($('body').hasClass('cc-mobile')) {\n $('body').removeClass('cc-blocked');\n }\n e.stopPropagation();\n });\n },\n // wechat overlay\n openWeChatOverlay: function () {\n $(document).on('click', '.cc-mobile .wechatShareMobile', function (e) {\n $('.cc-wechat-container .cc-qrcode-overlay').addClass('cc-block');\n });\n },\n closeWeChatOverlay: function () {\n $(document).on('click', '.cc-mobile .cc-wechat-container .cc-qrcode-overlay, .cc-mobile .cc-share-overlay', function (e) {\n $('.cc-wechat-container .cc-qrcode-overlay').removeClass('cc-block');\n });\n },\n\n removeWishlistElement: function() {\n $(document).on('click', '.js-remove-from-wishlist', function (e) {\n var iteams = $('.wishlistItemCards .cc-wishlist-item').length;\n e.preventDefault();\n $.spinner().start();\n var url = $(this).data('url');\n var pid = $(this).data('pid');\n $.ajax({\n url: url,\n type: 'get',\n data: {\n pageSize: iteams\n },\n success: function(data) {\n $('.cc-dashboard-left-container').children('.tab-content').children('#wishlist').empty().html(data.renderedTemplate);\n $('.js-main-subtitle-dashboard').text(data.wishlistCountLabel);\n $('.js-go-to-wishlist-page').attr('data-count', data.wishlistCountLabel);\n $('body').trigger('wishlist:productAnalytics');\n $('body').trigger('wishlist:updateQuantity');\n\n $('.js-wishlist-status').text(window.wishlistAria.removeFromWishlist.label);\n\n // analytics\n dataLayer.push({\n event: 'wishlist',\n eventCategory: 'Wish List',\n eventAction: 'remove',\n eventLabel: pid\n });\n // END\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $.spinner().stop();\n $('body').trigger('wishlist:updateQuantity');\n }\n });\n return false;\n });\n },\n\n removeWishlistElementGuest: function() {\n $(document).on('click', '.js-remove-from-wishlist-guest', function (e) {\n e.preventDefault();\n $.spinner().start();\n var iteams = $('.wishlistItemCards .cc-wishlist-item').length;\n var url = $(this).data('url');\n var pid = $(this).data('pid');\n $.ajax({\n url: url,\n type: 'get',\n data: {\n pageSize: iteams\n },\n success: function(data) {\n var $header = $(data.renderedTemplate).find('.cc-counter-result');\n $('.cc-counter-result').empty().html($header.html());\n\n // empty salva wishlist\n var $button = $(data.renderedTemplate).find('.cc-save-wishlist-container');\n $('.cc-save-wishlist-container').empty().html($button.html());\n\n var $body = $(data.renderedTemplate).find('.js-guest-wishlist-container');\n $('.js-guest-wishlist-container').empty().html($body.html());\n\n // analytics\n dataLayer.push({\n event: 'wishlist',\n eventCategory: 'Wish List',\n eventAction: 'remove',\n eventLabel: pid\n });\n // END\n \n $('.js-wishlist-status').text(window.wishlistAria.removeFromWishlist.label);\n \n $('body').trigger('wishlist:productAnalytics');\n $('body').trigger('wishlist:updateQuantity');\n $('#js-link-input').val(data.link);\n $('#js-link-input')[0].defaultValue = data.link;\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $.spinner().stop();\n $('body').trigger('wishlist:updateQuantity');\n }\n });\n return false;\n });\n },\n\n openProductOverlayWishlist: function() {\n $(document).on('click', '.js-open-product-overlay', function(e) {\n e.stopImmediatePropagation();\n var pid = $(this).data('pid');\n\n // Change aria-expanded only on the selected item (with pid)\n $('.openTab-' + pid).attr(\"aria-expanded\", \"true\");\n $('.closeTab-' + pid).attr(\"aria-expanded\", \"false\");\n $('.js-general-overlay-wishlist').attr(\"aria-expanded\",\"true\"); //fix accessibility issues\n this.dispatchEvent(new Event('statechange')); //notify Screen readers \n\n $('.js-general-overlay-wishlist').each(function() {\n $(this).fadeOut();\n });\n $('.js-open-product-overlay').each(function() {\n $(this).removeClass('d-none');\n });\n $('.js-close-product-overlay').each(function() {\n $(this).addClass('d-none');\n });\n $(this).addClass('d-none');\n $(this).siblings('button').removeClass('d-none');\n $('.js-overlay-container-' + pid).fadeIn();\n accessFocus.focusOnFirstElement('.js-overlay-container-' + pid);\n accessFocus.focuseOnModal('.js-overlay-container-' + pid, '.openTab-' + pid, '.js-overlay-container-' + pid);\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: pid,\n buttonType: 'Quick Cart Add'\n });\n });\n },\n closeProductOverlayWishlist: function() {\n $(document).on('click', '.js-close-product-overlay', function() {\n var pid = $(this).data('pid');\n\n // Change aria-expanded only on the selected item (with pid)\n $('.openTab-' + pid).attr(\"aria-expanded\", \"false\");\n $('.closeTab-' + pid).attr(\"aria-expanded\", \"true\"); \n $('.js-general-overlay-wishlist').attr(\"aria-expanded\",\"false\"); //fix accessibility issues\n this.dispatchEvent(new Event('statechange')); //notify Screen readers \n\n $(this).addClass('d-none');\n $(this).siblings('button').removeClass('d-none');\n $('.js-overlay-container-' + pid).fadeOut();\n setTimeout(function() {\n $('.openTab-' + pid).focus();\n }, 0);\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'close',\n eventLabel: pid,\n buttonType: 'Quick Cart Add'\n });\n });\n },\n\n selectAvailableSizeWishlistProduct: function() {\n $(document).on('click', '.js-select-other-size', function() {\n var pid = $(this).data('pid');\n $(this).addClass('d-none');\n $('.js-unavailable-size-list-' + pid).addClass('d-none');\n $('.js-available-size-list-' + pid).removeClass('d-none');\n $('.js-buy-button-wishlist-' + pid).removeClass('d-none');\n });\n },\n\n chooseSizeWishlistItem: function() {\n $(document).on('keydown', '.js-size-element-radio', (e) => {\n if (e.keyCode === 13) {\n e.preventDefault(); // Ensure it is only this code that runs\n $(e.currentTarget).siblings('.js-size-element').trigger('click');\n }\n });\n\n $(document).on('click', '.js-size-element', (e) => {\n if ($(e.currentTarget).hasClass('cc-unavailable-size-text')) {\n return;\n }\n var prodID = $($(e.currentTarget)).data('pid');\n $('.js-size-' + prodID).each(function() {\n $(this).removeClass('cc-size-text-selected');\n $(this).removeClass('js-selected-size');\n });\n $(e.currentTarget).addClass('js-selected-size').addClass('cc-size-text-selected');\n $('.js-available-size-title-' + prodID).css('color', '#262626');\n $('.js-error-select-size-' + prodID).addClass('d-none');\n $(e.currentTarget).closest('.wishlistItemCards').find('.js-analytics-impressions-product-impressed').data('size', $(this).attr('size'));\n if (e.originalEvent !== undefined) {\n var sizeIndex = $(e.currentTarget).attr('size');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'size select',\n eventLabel: prodID + ' - ' + sizeIndex,\n buttonType: 'Quick Cart Add'\n });\n }\n });\n },\n\n addToCardWishlistProduct: function () {\n $(document).on('click', '.js-add-to-cart-wishlist', function (e) {\n e.stopImmediatePropagation();\n var prodID = $(this).data('pid');\n var sizevariantselected = $(this).data('sizevariantselected');\n var iteams = $('.wishlistItemCards .cc-wishlist-item').length;\n var pid;\n var size = null;\n\n $('.js-available-size-list-' + prodID).children('.cc-size-list-container').find('label').each(function () {\n if ($(this).hasClass('js-selected-size')) {\n size = $(this).attr('size');\n }\n });\n if (size == null) {\n $('.js-available-size-title-' + prodID).css('color', '#922222');\n $('.js-error-select-size-' + prodID).removeClass('d-none');\n } else {\n if (sizevariantselected == true) {\n pid = prodID;\n } else {\n pid = prodID + size;\n }\n var addToCartUrl = $('.add-to-cart-url').val();\n $(this).closest('.cc-wishlist-item').find('.new-analytics').attr('data-size', size);\n $('body').trigger('product:beforeAddToCart', this);\n var _self = this;\n //call add to Cart function\n base.performAddToCartCall(addToCartUrl, pid, null, [], 1, function (resData) {\n $('body').trigger('product:afterAddToCart', resData);\n if (!$('.js-guest-wishlist-container').hasClass('js-shared-wishlist')) {\n // remove product\n var removeUrl = $(_self).data('removeurl');\n $.ajax({\n url: removeUrl,\n type: 'get',\n data: {\n pageSize: iteams\n },\n success: function(data) {\n $('.cc-dashboard-left-container').children('.tab-content').children('#wishlist').empty().html(data.renderedTemplate);\n // $('.cc-dashboard-left-container').children('.tab-content').children('#wishlist').children('div').replaceWith(data.renderedTemplate);\n $('.js-main-subtitle-dashboard').text(data.wishlistCountLabel);\n $('.js-go-to-wishlist-page').attr('data-count', data.wishlistCountLabel);\n\n // guest\n var $header = $(data.renderedTemplate).find('.cc-counter-result');\n $('.cc-counter-result').empty().html($header.html());\n\n // empty salva wishlist\n var $button = $(data.renderedTemplate).find('.cc-save-wishlist-container');\n $('.cc-save-wishlist-container').empty().html($button.html());\n\n var $body = $(data.renderedTemplate).find('.js-guest-wishlist-container');\n $('.js-guest-wishlist-container').empty().html($body.html());\n $('#js-link-input').val(data.link);\n $('#js-link-input')[0].defaultValue = data.link;\n $('body').trigger('wishlist:productAnalytics');\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n }\n }, function() {\n //\n });\n }\n });\n },\n // button stycky logged\n appairWishlist: function() {\n let scrollTimer;\n let isPDP = true;\n $(document).on('scroll', function () {\n isPDP = $('.product-detail').length > 0;\n if (window.isMobile && !isPDP) {\n if (scrollTimer) {\n clearTimeout(scrollTimer);\n liveChatPositionStikyDown();\n }\n let $sticky = $('.js-wishlist-stiky-onMobile');\n let $liveAgentButton = $('.embeddedServiceHelpButton .helpButton');\n $liveAgentButton.addClass('cc-liveChat-button');\n $sticky.addClass('d-none');\n let isFooterVisible = footerElement.getBoundingClientRect().top < viewportHeight;\n let stickyCanAppear = !isFooterVisible;\n if (stickyCanAppear && !isPDP) {\n scrollTimer = setTimeout(() => {\n $sticky.removeClass('d-none');\n liveChatPositionStikyUp();\n }, 250);\n }\n }\n });\n },\n\n // add to cart all product with selected size\n addToCartWishlistProducts: function () {\n $(document).on('click', '.js-add-all-toCart', function () {\n let modalTarget = $(this).data('target');\n let modal = new Modal(modalTarget);\n var url = $(this).data('action');\n var productToAdd = createItemsArray();\n var products = JSON.stringify(productToAdd);\n var iteams = $('.wishlistItemCards .cc-wishlist-item').length;\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n pageSize: iteams,\n products: products\n },\n success: function(data) {\n // first sending analytics, before the page content will be removed\n sendAnalyticsAddAllToCart(data.itemsToRemove);\n if (data.isLogged) {\n $('.cc-dashboard-left-container').children('.tab-content').children('#wishlist').empty().html(data.renderedTemplate);\n $('.js-main-subtitle-dashboard').text(data.wishlistCountLabel);\n $('.js-go-to-wishlist-page').attr('data-count', data.wishlistCountLabel);\n $('body').trigger('wishlist:productAnalytics');\n } else {\n var $header = $(data.renderedTemplate).find('.cc-counter-result');\n $('.cc-counter-result').empty().html($header.html());\n var $button = $(data.renderedTemplate).find('.cc-save-wishlist-container');\n $('.cc-save-wishlist-container').empty().html($button.html());\n var $body = $(data.renderedTemplate).find('.js-guest-wishlist-container');\n $('.js-guest-wishlist-container').empty().html($body.html());\n $('body').trigger('wishlist:productAnalytics');\n $('#js-link-input').val(data.link);\n $('#js-link-input')[0].defaultValue = data.link;\n }\n $.spinner().stop();\n if (data.moveAllProducts) {\n modal.open();\n $('.cc-addAll-products-close.js-cl-pU-addTocart-byOverlay').removeClass('hidden');\n $('.js-close-popUp-addToCart').one('click', () => {\n modal.close();\n $(modal.modal).addClass('hidden').attr('aria-hidden', 'true');\n modal._open = false;\n modal._previouslyFocussedElement.focus();\n $('.cc-addAll-products-close.js-cl-pU-addTocart-byOverlay').addClass('hidden');\n if (data.addAnyProduct) {\n $('body').trigger('product:afterAddToCart');\n }\n });\n $('.js-confirm-close-popUp').one('click', () => {\n modal.close();\n $('.cc-addAll-products-close.js-cl-pU-addTocart-byOverlay').addClass('hidden');\n if (data.addAnyProduct) {\n $('body').trigger('product:afterAddToCart');\n }\n });\n $('.js-cl-pU-addTocart-byOverlay').one('click', () => {\n modal.close();\n $(modal.modal).addClass('hidden').attr('aria-hidden', 'true');\n modal._open = false;\n modal._previouslyFocussedElement.focus();\n $('.cc-addAll-products-close.js-cl-pU-addTocart-byOverlay').addClass('hidden');\n if (data.addAnyProduct) {\n $('body').trigger('product:afterAddToCart');\n }\n });\n } else {\n $('body').trigger('product:afterAddToCart');\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $.spinner().stop();\n }\n });\n });\n },\n // close popUp\n // ClosePopUpAddAllProducts: function() {\n // $(document).on('click', '.js-close-popUp-addToCart', function() {\n // let modalTarget = $('.js-add-all-toCart').data('target');\n // let modal = new Modal(modalTarget);\n // modal.close();\n // $('body').trigger('product:afterAddToCart');\n // });\n // },\n // show more products\n showMoreProduct: function() {\n $(document).on('click', '.js-loadMore-wishlist', function(e) {\n // avoid multiple calls\n e.stopImmediatePropagation();\n var url = $(this).data('action');\n var isShared = false;\n var listID = '';\n var iteams = $('.wishlistItemCards .cc-wishlist-item').length;\n if ($('.js-guest-wishlist-container').hasClass('js-shared-wishlist')) {\n isShared = true;\n listID = $('#js-list-id').val();\n }\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n data: {\n pageSize: iteams,\n isShared: isShared,\n listID: listID\n },\n success: function(data) {\n $('.wishlistItemCards').append(data);\n var $more = $(document).find('.js-attribute-afterLoad:last');\n var moreProducts = $more.data('moreproducts');\n var wishlistLabel = $more.data('wishlistlabel');\n var morelabel = $more.data('morelabel');\n $('.js-counter-wishlistProduct').empty().html(wishlistLabel);\n if (moreProducts) {\n $('.js-loadMore-wishlist').empty().html(morelabel);\n } else {\n $('.js-loadMore-wishlist').remove();\n }\n $('body').trigger('wishlist:productAnalytics');\n $.spinner().stop();\n }\n });\n });\n },\n\n shareWishlistLink: function () {\n $(document).on('click', '.cc-desktop .js-share-wishlist, .cc-tablet .js-share-wishlist', function (e) {\n if ($('.js-open-product-overlay').length > 0) {\n var length = $('.js-open-product-overlay').length\n for (var i=0; i 0) {\n var length = $('.js-open-product-overlay').length\n for (var i=0; i' +\n '' + message + '';\n\n $('.cart-error').append(errorHtml);\n}\n\n/**\n * re-renders the approaching discount messages\n * @param {Object} approachingDiscounts - updated approaching discounts for the cart\n */\nfunction updateApproachingDiscounts(approachingDiscounts) {\n var html = '';\n $('.approaching-discounts').empty();\n if (approachingDiscounts.length > 0) {\n approachingDiscounts.forEach(function (item) {\n html += '
'\n + item.discountMsg + '
';\n });\n }\n $('.approaching-discounts').append(html);\n}\n\n/**\n * Updates the availability of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateAvailability(data, uuid) {\n var lineItem;\n var messages = '';\n\n for (var i = 0; i < data.items.length; i++) {\n if (data.items[i].UUID === uuid) {\n lineItem = data.items[i];\n break;\n }\n }\n\n $('.js-availability-' + lineItem.UUID).empty();\n\n if (lineItem.availability) {\n if (lineItem.availability.messages) {\n lineItem.availability.messages.forEach(function (message) {\n messages += '
' + message + '
';\n });\n }\n\n if (lineItem.availability.inStockDate) {\n messages += '
'\n + lineItem.availability.inStockDate\n + '
';\n }\n }\n\n $('.js-availability-' + lineItem.UUID).html(messages);\n}\n\nfunction liveChatDisableAndFixScrolling() {\n liveChatDiseble();\n var heightFooter = $('.cc-minicart-footer').height();\n $('.cc-minicart-content').css({ 'padding-bottom': heightFooter });\n}\n\nfunction injectPaypalSDK() {\n var head = document.getElementsByTagName('head').item(0);\n var script = document.createElement('script');\n script.async = true;\n script.type = 'text/javascript';\n script.onload = function () {\n initPaypalButton.initPaypalButton();\n };\n script.src = window.paypalUrls.cartSdkUrl;\n script.setAttribute('data-partner-attribution-id', window.paypalUrls.partnerAttributionId);\n head.appendChild(script);\n}\n\nfunction initPaypal() {\n if ($('#js-paypal-minicart-enabled').val() === 'true') {\n const paypalUrls = document.querySelector('.js_paypal-content').getAttribute('data-paypal-urls');\n window.paypalUrls = JSON.parse(paypalUrls);\n window.paypal ? initPaypalButton.initPaypalButton() : injectPaypalSDK();\n done = true;\n }\n}\n\nmodule.exports = function () {\n var temporized;\n\n // open modal on click to minicart\n $('body').on('click', '.js-minicart-button', function (e) {\n e.preventDefault();\n let modalTarget = e.currentTarget.dataset.target;\n let modal = new Modal(modalTarget, { onShow: liveChatDisableAndFixScrolling, onClose: liveChatEnable });\n $(document).find('.js-minicartside-overlay-container').css('content-visibility', 'visible');\n $(modalTarget).attr('aria-hidden', 'false');\n modal.open();\n if (!done) {\n initPaypal();\n }\n clearTimeout(temporized);\n\n var heightFooter = $('.cc-minicart-footer').height();\n var widthContent = $('.cc-minicart-pcard').width();\n $('.cc-minicart-content').css({ 'padding-bottom': heightFooter });\n $('.cc-minicart-footer').css({ width: widthContent });\n });\n\n // open modal after on addToCart\n $('body').on('product:afterAddToCart', function (e) {\n e.preventDefault();\n\n clearTimeout(temporized);\n\n var url = $('.add-to-minicart-url').val();\n var isCart = $(document).find('.cc-cart');\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.js-minicart-quantity').empty().append(data.numItems);\n $('.js-minicart-numofitems').empty().append(data.resources.minicartNumberOfItems);\n $('.js-grand-total').empty().append(data.totals.grandTotal);\n $('.js-minicart-pcard').empty().append(data.miniCartSide);\n if (isCart.length === 0) {\n let modalTarget = $('.js-minicart-button').data('target');\n let modal = new Modal(modalTarget, { onShow: liveChatDisableAndFixScrolling, onClose: liveChatEnable });\n $(document).find('.js-minicartside-overlay-container').css('content-visibility', 'visible');\n modal.open();\n temporized = setTimeout(function () {\n modal.close();\n }, 5000);\n if (!done) {\n initPaypal();\n }\n }\n $('#minicart-overlay').attr('aria-hidden', 'false');\n $.spinner().stop();\n var widthContent = $('.cc-minicart-pcard').width();\n if (!$('body').hasClass('cc-desktop')) {\n widthContent += 15;\n }\n $('.cc-minicart-footer').css({ width: widthContent });\n var heightFooter = $('.cc-minicart-footer').height();\n $('.cc-minicart-content').css({ 'padding-bottom': heightFooter });\n if (isCart.length > 0) {\n $.spinner().start();\n }\n },\n error: function (err) {\n if (err.responseJSON) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n } else {\n $.spinner().stop();\n }\n }\n });\n });\n\n // temporize minicart side\n $('body').on('mouseleave', '.js-minicartside-overlay-container', function(e) {\n e.preventDefault();\n\n let modalTarget = $('.js-minicart-button').data('target');\n let modal = new Modal(modalTarget, { onShow: liveChatDisableAndFixScrolling, onClose: liveChatEnable });\n if ($(modalTarget).hasClass('cc-open')) {\n modal._open = true;\n }\n temporized = setTimeout(function () {\n modal.close();\n }, 5000);\n });\n\n // clear temporized minicart side\n $('body').on('mouseenter', '.js-minicartside-overlay-container', function(e) {\n e.preventDefault();\n clearTimeout(temporized);\n });\n\n // close modal onclick\n $('body').on('click', '.js-close', function(e) {\n e.preventDefault();\n clearTimeout(temporized);\n let modalTarget = $('.js-minicart-button').data('target');\n let modal = new Modal(modalTarget, { onShow: liveChatDisableAndFixScrolling, onClose: liveChatEnable });\n modal.close();\n });\n\n // goes to cart page\n $('body').on('click', '.js-gotocart, .js-go-to-cart-mobile', function (e) {\n e.preventDefault();\n var action = $(this).data('action');\n window.location.href = action;\n $.spinner().start();\n });\n\n $('body').on('click', '.js-remove-btn-minicart', function (e) {\n e.preventDefault();\n\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var fromWhere = $(this).data('from');\n var currentProductUUID = $(this).data('uuid');\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n // analytics\n var prodQuantity;\n var selector;\n if (fromWhere === 'minicart') {\n prodQuantity = $('.js-remove-quantity-analytics-minicart-' + uuid).text();\n selector = '.js-minicart-analytics .js-analytics-click-product-info-' + productID;\n } else {\n prodQuantity = $('.js-remove-quantity-analytics-cart-' + uuid).text();\n selector = '.js-cart-analytics .js-analytics-click-product-info-' + productID;\n }\n\n $('body').trigger('analytics:pushRemoveFromCart', {selector: selector, quantity: prodQuantity, from: fromWhere, oncomplete: function(selector){\n $(selector).remove();\n } });\n\n // Accessibility: announce that the product has been removed\n var srProdRemovedMessage = $('input[name=\"sr-minicart-product-removed-' + currentProductUUID + '\"]').val();\n $('#sr-minicart-product-removed').text(srProdRemovedMessage);\n\n if (data.basket.items.length === 0) {\n window.location.reload();\n } else {\n if (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $('.js-uuid-' + data.toBeDeletedUUIDs[i]).remove();\n }\n }\n\n $('.js-uuid-' + uuid).remove();\n\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n\n $('.js-coupon-err-container').empty().append(data.basket.totals.discountsHtml);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n validateBasket(data.basket);\n }\n\n $('body').trigger('cart:update');\n\n // update checkout summary\n if (data.checkoutSummaryHtml.length) {\n $('.cc-checkout-summary').replaceWith(data.checkoutSummaryHtml);\n }\n\n // update sticky summary\n if (data.grandTotalHtml) {\n $('.js-sticky-totalSummary').replaceWith(data.grandTotalHtml);\n }\n\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n $(document).on('click', '.js-change-quantity', function (e) {\n e.stopImmediatePropagation();\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var fromWhere = $(this).data('from');\n\n var itemQuantity = $('.js-item-quantity-' + uuid);\n var quantity = itemQuantity.data('quantity');\n var minQuantity = itemQuantity.data('min');\n var maxQuantity = itemQuantity.data('max');\n var type = $(this).data('type');\n var disabled = $(this).hasClass('disabled');\n\n if (!disabled) {\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid,\n type: type\n };\n url = appendToUrl(url, urlParams);\n\n $.spinner().start();\n\n $.ajax({\n url: url,\n type: 'get',\n context: this,\n dataType: 'json',\n success: function (data) {\n var newQuantity = 0;\n\n var selector;\n if (fromWhere === 'minicart') {\n prodQuantity = $('.js-remove-quantity-analytics-minicart-' + uuid).text();\n selector = '.js-minicart-analytics .js-analytics-click-product-info-' + productID;;\n } else {\n prodQuantity = $('.js-remove-quantity-analytics-cart-' + uuid).text();\n selector = '.js-cart-analytics .js-analytics-click-product-info-' + productID;\n }\n\n if (type === 'up') {\n newQuantity = quantity + 1;\n if ($('.js-down-quantity-' + uuid).hasClass('disabled')) {\n $('.js-down-quantity-' + uuid).each(function() {\n $(this).removeClass('disabled').prop('disabled', false);\n });\n }\n\n if (newQuantity === maxQuantity) {\n $('.js-up-quantity-' + uuid).each(function() {\n $(this).addClass('disabled').prop('disabled', true);\n });\n }\n } else if (type === 'down') {\n newQuantity = quantity - 1;\n if ($('.js-up-quantity-' + uuid).hasClass('disabled')) {\n $('.js-up-quantity-' + uuid).each(function() {\n $(this).removeClass('disabled').prop('disabled', false);\n });\n }\n\n if (newQuantity === minQuantity) {\n $('.js-down-quantity-' + uuid).each(function() {\n $(this).addClass('disabled').prop('disabled', true);\n });\n }\n }\n\n $('body').trigger('analytics:pushChangeQuantity', {selector: selector, type: type, from: fromWhere});\n\n itemQuantity.empty().append(newQuantity);\n itemQuantity.data('quantity', newQuantity);\n $('.js-coupon-err-container').empty().append(data.totals.discountsHtml);\n data.uuid = uuid;\n updateCartTotals(data);\n updateProductsTotalAndSubtotal(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n updateAvailability(data, uuid);\n validateBasket(data);\n\n $('body').trigger('cart:update');\n\n let $container = $('.js-quantity-update-accessibility-container');\n let text = $container.data('label');\n let items = data.items;\n let productName = items.filter((e) => { return e.UUID === uuid; })[0].productName;\n $container.html(text.replace('{0}', productName).replace('{1}', newQuantity)).show();\n\n // update checkout summary\n if (data.checkoutSummaryHtml.length) {\n $('.cc-checkout-summary').replaceWith(data.checkoutSummaryHtml);\n }\n // update sticky summary\n if (data.grandTotalHtml) {\n $('.js-sticky-totalSummary').replaceWith(data.grandTotalHtml);\n }\n\n $.spinner().stop();\n /* if ($(this).parents('.product-info').hasClass('bonus-product-line-item') && $('.cart-page').length) {\n location.reload();\n } */\n },\n error: function (err) {\n if (err.responseJSON) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $(this).val(parseInt(quantity, 10));\n $.spinner().stop();\n }\n }\n });\n }\n });\n\n base.selectAttribute();\n base.colorAttribute();\n};\n","var apiHelper = require('../../api');\nvar helper = require('../../helper');\nvar loaderInstance = require('../../loader');\nvar $loaderContainer = document.querySelector('.paypalLoader');\nvar loader = loaderInstance($loaderContainer);\n\n/**\n * Appends error message on cart page\n *\n * @param {string} message error message\n */\nfunction showCartErrorHtml(message) {\n $('.checkout-btn').addClass('disabled');\n $('.cart-error').append(\n `
\n \n ${message}\n
`\n );\n window.scrollTo(0, 0);\n}\n\nfunction onClick() {\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'checkout',\n eventAction: 'fast',\n eventLabel: 'Paypal Express',\n accessType: 'minicart'\n });\n}\n\n/**\n * Gets order id as string\n *\n * @returns {string} order id\n */\nfunction createOrder() {\n return apiHelper.getPaypalOrderId();\n}\n\n/**\n * Makes post call and transfers order ID to returnFromCart endpoint, goes to ty page, if an error occurs, the user is redirect to Checkout-Begin \n *\n * @param {Object} orderID - order id\n */\nfunction onApprove(fieldsData) {\n // make sure that amount > 0\n var $defer = $.Deferred();\n $.get(window.paypalUrls.getCartPurchaseUnit)\n .then(function ({ purchase_units }) {\n let parsedPurchaseUnit = purchase_units[0];\n if (JSON.parse(parsedPurchaseUnit.amount.value) === 0) {\n showCartErrorHtml('Order total 0 is not allowed for PayPal');\n $defer.reject();\n } else {\n $defer.resolve();\n }\n })\n .fail(function(){\n $defer.reject();\n });\n \n \n let cartBillingFormData = apiHelper.createCartBillingFormData(fieldsData,\n document.querySelector('.js_paypal_button_on_minicart_page'));\n\n $defer.done(function(){\n $.ajax({\n type: 'POST',\n url: window.paypalUrls.returnFromCart,\n contentType: false,\n data: cartBillingFormData,\n processData: false,\n success: () => {\n loader.hide();\n $.spinner().start();\n \n // validate shipping\n $.ajax({\n type: 'GET',\n url: window.paypalUrls.validateShipping,\n success: (data) => {\n if (data.error && data.countryMatchError) {\n // redirect to Checkout-Begin shipping stage\n window.location.href = data.redirectUrl;\n } else {\n // validate billing\n $.ajax({\n type: 'GET',\n url: window.paypalUrls.billingStep,\n success: (data) => {\n var continueUrl = data.continueUrl;\n var urlParams = {\n ID: data.orderID,\n token: data.orderToken\n };\n \n continueUrl += (continueUrl.indexOf('?') !== -1 ? '&' : '?') +\n Object.keys(urlParams).map(function (key) {\n return key + '=' + encodeURIComponent(urlParams[key]);\n }).join('&');\n \n // redirect to TYP\n window.location.href = continueUrl;\n },\n error: (data) => {\n $.spinner().stop();\n // todo paypal: show billing error message\n }\n });\n }\n },\n error: function(data) {\n $.spinner().stop();\n // todo paypal: show shipping error message\n }\n });\n },\n error: function () {\n loader.hide();\n if (window.location.href !== window.paypalUrls.cartPage) {\n window.location.href = window.paypalUrls.cartPage;\n }\n if (!document.querySelector('.cartError')) {\n // todo paypal: translate error message\n apiHelper.showCartErrorHtml('An internal server error has occurred. \\r\\nRetry the request later.');\n }\n }\n });\n });\n}\n\n/**\n * Hides loader on paypal widget closing without errors\n */\nfunction onCancel() {\n loader.hide();\n}\n\n/**\n * Shows errors if paypal widget was closed with errors\n */\nfunction onError() {\n loader.hide();\n if (window.location.href !== window.paypalUrls.cartPage) {\n window.location.href = window.paypalUrls.cartPage;\n }\n if (!document.querySelector('.cartError')) {\n showCartErrorHtml('An internal server error has occurred. \\r\\nRetry the request later.');\n }\n}\n\n/**\n *Inits paypal button on cart page\n */\nfunction initPaypalButton() {\n loader.show();\n window.paypal.Buttons({\n onClick,\n createOrder,\n onApprove,\n onCancel,\n onError,\n style: helper.getPaypalButtonStyle(document.querySelector('.js_paypal_button_on_minicart_page'))\n }).render('.paypal-minicart-button')\n .then(() => {\n loader.hide();\n });\n}\n\nmodule.exports = {\n initPaypalButton: initPaypalButton\n}\n","'use strict';\nmodule.exports = {\n exportDatepicker: function () {\n $(document).ready(function () {\n $('.js-datepicker').datepicker(\n {\n disableTouchKeyboard: true,\n autoclose: true,\n language: $('html').attr('lang') && $('html').attr('lang').trim().length > 0 ? $('html').attr('lang') : 'en'\n }\n );\n });\n }\n};\n","/* Variabili globali */\nwindow.isMobile = false;\nwindow.isTablet = false;\nwindow.isTabletPortrait = false;\nwindow.isTabletLandscape = false;\nwindow.isDesktop = false;\nvar formValidation = require('../components/formValidation');\nvar accessFocus = require('../accessibilityFocus');\nconst Modal = require('../modalUtilities');\nvar navigationCountry;\nconst _throttle = require('lodash/throttle');\nconst scrollAnimate = require('../components/scrollAnimate');\nconst CSRFUtil = require('../common/CSRFUtil');\n\n/* Funzioni Globali */\nvar responsiveResize = function () {\n if (window.matchMedia('(max-width: 767.98px)').matches) {\n $('body')\n .addClass('cc-mobile')\n .removeClass('cc-tablet')\n .removeClass('cc-tablet-portrait')\n .removeClass('cc-tablet-landscape')\n .removeClass('cc-desktop');\n window.isMobile = true;\n window.isTablet = false;\n window.isTabletPortrait = false;\n window.isTabletLandscape = false;\n window.isDesktop = false;\n } else if (window.matchMedia('(max-width: 1023.98px)').matches) {\n $('body')\n .removeClass('cc-mobile')\n .addClass('cc-tablet')\n .addClass('cc-tablet-portrait')\n .removeClass('cc-tablet-landscape')\n .removeClass('cc-desktop');\n window.isMobile = false;\n window.isTablet = true;\n window.isTabletPortrait = true;\n window.isTabletLandscape = false;\n window.isDesktop = false;\n } else if (window.matchMedia('(max-width: 1199.98px)').matches) {\n $('body')\n .removeClass('cc-mobile')\n .addClass('cc-tablet')\n .addClass('cc-tablet-landscape')\n .removeClass('cc-tablet-portrait')\n .removeClass('cc-desktop');\n window.isMobile = false;\n window.isTablet = true;\n window.isTabletPortrait = false;\n window.isTabletLandscape = true;\n window.isDesktop = false;\n } else {\n $('body')\n .removeClass('cc-mobile')\n .removeClass('cc-tablet')\n .removeClass('cc-tablet-portrait')\n .removeClass('cc-tablet-landscape')\n .addClass('cc-desktop');\n window.isMobile = false;\n window.isTablet = false;\n window.isTabletPortrait = false;\n window.isTabletLandscape = false;\n window.isDesktop = true;\n }\n $('.js-touched').removeAttr('style');\n $('.js-touched').removeClass('js-touched');\n\n if ($('.js-header-banner').find('.cc-shipment-banner').length > 0) {\n var isSlider = $(document).find('.js-header-banner .js-banner-slider').length > 0 || $(document).find('.js-header-banner .js-banner-slider-fade').length > 0;\n if ($('.js-header-banner').hasClass('preload-gap') || isSlider) {\n var height = 0;\n if ($('body').hasClass('cc-mobile') || $('body').hasClass('cc-tablet-portrait')) {\n height = 81;\n } else {\n height = 139;\n }\n\n if (isSlider) {\n var banner = require('./bannerSlider');\n $('.js-header-banner').find('.js-banner-slider, .js-banner-slider-fade')\n .on('init', function() {\n $('.js-header').removeClass('sticky-for-a-while');\n $('.js-header-banner').removeClass('preload-gap');\n var heightBanner = $('.js-header-banner').height();\n var tot = parseInt(height + heightBanner);\n $('.js-header, :not(.cc-page-header-fixed)>.cc-content-header').css({ 'min-height': tot });\n });\n banner.initializeBannerHeader();\n } else {\n $('.js-header').removeClass('sticky-for-a-while');\n $('.js-header-banner').removeClass('preload-gap');\n var heightBanner = $('.js-header-banner').height();\n var tot = parseInt(height + heightBanner);\n $('.js-header, :not(.cc-page-header-fixed)>.cc-content-header').css({ 'min-height': tot });\n // $(document).find('.cc-shipment-banner').css('display', 'block');\n }\n }\n } else {\n $('.js-header').removeClass('sticky-for-a-while');\n }\n\n if (window.isMobile) {\n $('.js-summary-button').attr('aria-disabled', false);\n $('.js-summary-button').attr('aria-expanded', false);\n } else {\n $('.js-summary-button').attr('aria-disabled', true);\n $('.js-summary-button').attr('aria-expanded', true);\n }\n\n // heightDevice();\n};\n\nvar updateFooter = function () {\n if ($('body').hasClass('cc-mobile')) {\n $('.cc-col-title-button').attr('aria-disabled', false);\n $('.cc-col-title-button').attr('aria-expanded', false);\n } else {\n $('.cc-col-title-button').attr('aria-disabled', true);\n $('.cc-col-title-button').attr('aria-expanded', true);\n }\n};\n\nvar updateNavMenu = function () {\n if (!$('.cc-header').hasClass('cc-header-checkout')) {\n $('.cc-mobile .cc-header .cc-button-menu-mobile, .cc-tablet-portrait .cc-header .cc-button-menu-mobile').removeClass('cc-open');\n $('.cc-mobile .cc-navbar, .cc-tablet-portrait .cc-navbar').removeClass('cc-open');\n $('.cc-mobile .cc-navbar').css('display', 'none');\n $('.cc-tablet-portrait .cc-navbar').css('display', 'none');\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n $('body').removeClass('cc-blocked');\n $('body').removeClass('cc-megamenu-open');\n $('.js-header-banner').removeClass('cc-header-banner-hide');\n $('.cc-menu-overlay.js-menu-overlay').removeClass('cc-show-mobile, cc-hide-mobile');\n $('.cc-menu-overlay.js-menu-overlay').addClass('d-none');\n $('.cc-navbar-list').css('min-height', 0);\n $('.cc-button-menu-mobile').attr('aria-label', $('#js-openmenu-label').val());\n }\n};\n\nvar resizeMiniCartModal = function () {\n var widthContent = $('.cc-minicart-pcard').width();\n if (!$('body').hasClass('cc-desktop')) {\n widthContent += 15;\n }\n $('.cc-minicart-footer').css({ width: widthContent });\n var heightFooter = $('.cc-minicart-footer').height();\n $('.cc-minicart-content').css({ 'padding-bottom': heightFooter });\n};\n\nfunction updateSizeList ($selector) {\n var url = $selector.data('url');\n var sku = $selector.data('id');\n var color = $selector.attr('data-color'); // data('color') retrieve old value\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n data: {\n sku: sku,\n color: color\n },\n success: function (data) {\n for (var i = 0; i < data.checkSize.length; i++) {\n var el = data.checkSize[i];\n var $input = $(document).find('#input-modalTile-size-' + sku + ' .js-checkavalability-' + sku + '-' + el.value);\n var $inputMobile = $(document).find('.size-list-mobile-tile-' + sku + ' .js-checkavalability-' + sku + '-' + el.value);\n var $label = $input.siblings('.js-select-size-tile');\n if (el.selectable) {\n $input.removeAttr('disabled');\n $label.removeClass('cc-size-no-available');\n $inputMobile.removeClass('cc-size-list-text-mobile-no-available cc-size-no-available disabled');\n $inputMobile.siblings('.cc-no-available-size-mobile').addClass('d-none');\n if (el.isOnlyOneLeft) {\n $inputMobile.siblings('.cc-only-one-left').removeClass('d-none');\n } else {\n $inputMobile.siblings('.cc-only-one-left').addClass('d-none');\n }\n } else {\n $input.attr('disabled');\n $label.addClass('cc-size-no-available');\n $inputMobile.addClass('cc-size-list-text-mobile-no-available cc-size-no-available disabled');\n $inputMobile.siblings('.cc-no-available-size-mobile').removeClass('d-none');\n $inputMobile.siblings('.cc-only-one-left').addClass('d-none');\n }\n }\n $.spinner().stop();\n }\n });\n}\n\nfunction openSizeColorModal() {\n $(document).on('click', '.js-open-size-color', function (event) {\n var $product = $(this).closest('.cc-product-tile');\n var $analytics = $('.new-analytics', $product);\n var masterPid = $analytics.attr('data-pid');\n var color = $analytics.attr('data-color');\n var id = $(this).data('id');\n var plus = $(this).data('plus');\n var minus = $(this).data('minus');\n updateSizeList($(this));\n $('.cc-size-color-modal').removeClass('cc-open');\n $('.js-change-icon').each(function() {\n $(this).children().attr('xlink:href', plus);\n });\n $('.js-close-size-color').removeClass('js-close-size-color').addClass('js-open-size-color');\n $(this).removeClass('js-open-size-color').addClass('js-close-size-color');\n if ($(document.body).hasClass('cc-mobile')) {\n $product.find($('.sizecolorTab-' + id)).addClass('js-mobileOverlay');\n $product.find($('.js-imageContainerWall-' + id)).attr('rel', $('.js-imageContainerWall-' + id).attr('href'));\n $product.find($('.js-imageContainerWall-' + id)).attr('href', 'javascript:;');\n\n $product.find($('.swatch-list-mobile-tile-' + id)).addClass('d-none');\n $product.find($('.open-swatch-list-' + id)).addClass('d-none');\n $product.find($('.close-swatch-list-' + id)).removeClass('d-none');\n $product.find($('.size-list-mobile-container-' + id)).removeClass('d-none');\n $product.find($('.open-size-list-' + id)).addClass('d-none');\n $product.find($('.close-size-list-' + id)).removeClass('d-none');\n }\n\n $(this).find('.js-size-color').attr('aria-expanded', true);\n\n $product.find($('.openTab-' + id)).find('use').attr('xlink:href', minus);\n\n $product.find($('.sizecolorTab-' + id)).addClass('cc-open');\n let parent = '.js-desktop-variant.sizecolorTab-' + id;\n setTimeout(() => {\n let maxWidthConsideringArrows = $product.find($(`${parent} .js-color-carousel-container:visible`)).width() - (35 * 2);\n let numberOfColors = parseInt(maxWidthConsideringArrows / 67);\n let numberOfAvailableColors = $product.find($(`${parent} .js-color-carousel-container:visible`)).data('numberOfColors');\n if (numberOfAvailableColors > numberOfColors && numberOfColors > 0) {\n if (!$(parent + ' .cc-swatch-container').hasClass('slick-initialized')) {\n $(parent + ' .js-arrow-sx-color').removeClass('d-none');\n $(parent + ' .js-arrow-dx-color').removeClass('d-none');\n $(parent + ' .cc-swatch-container').css({ maxWidth: (maxWidthConsideringArrows - 10) + 'px', display: 'inline-block' });\n $(parent + ' .cc-swatch-container').slick({\n infinite: false,\n slidesToScroll: 1,\n slidesToShow: numberOfColors,\n dots: false,\n arrow: true,\n prevArrow: parent + ' .js-arrow-sx-color',\n nextArrow: parent + ' .js-arrow-dx-color'\n });\n }\n } else {\n $product.find($(parent + ' .js-arrow-sx-color')).addClass('d-none');\n $product.find($(parent + ' .js-arrow-dx-color')).addClass('d-none');\n }\n }, 100);\n // focus on modal when open\n var selector;\n if (window.isMobile) {\n selector = '.hide-mobile-up.sizecolorTab-' + id;\n } else {\n selector = '.hide-mobile.sizecolorTab-' + id;\n }\n const FOCUSABLE = 'button:not(:disabled):not([aria-hidden]),[id*=\"input-modalTile-size-\"] input,.input-modalTile-color ul button';\n $product.find($('.sizecolorTab-' + id)).attr('tabindex', '-1');\n $product.find($(selector)).find(FOCUSABLE).each(function() {\n if (!this.disabled && !$(this).hasClass('d-none') && !$(this).hasClass('js-arrow-sx-color') && !$(this).hasClass('js-arrow-dx-color')) {\n this.focus();\n return false;\n }\n });\n $product.find($(selector)).on('keydown', function(event) {\n let nodes = $(selector).find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n var focusableNodes = [];\n $.each(nodes, function(i, val) {\n if (!this.disabled) {\n focusableNodes.push(val);\n }\n });\n const key = event.which;\n const focusedItemIndex = focusableNodes.indexOf(document.activeElement);\n if (event.shiftKey && focusedItemIndex === 0) {\n focusableNodes[focusableNodes.length - 1].focus();\n event.preventDefault();\n }\n if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1 && key !== 13) {\n // move focus out of the size modal, leaving it open\n $product.find($('.js-close-size-color[data-id=\"' + id + '\"] .js-size-color')[0]).focus();\n event.preventDefault();\n }\n if (key === 27) { // close popUp on ESC\n $product.find($('.sizecolorTab-' + id)).removeClass('cc-open');\n $product.find($('.openTab-' + id)).find('.js-change-icon').children().attr('xlink:href', plus);\n $product.find($('.openTab-' + id)).removeClass('js-close-size-color').addClass('js-open-size-color');\n $product.find($('.openTab-' + id)).find('.js-size-color').attr('aria-expanded', false);\n setTimeout(function() {\n $product.find($('.openTab-' + id + ' button')).focus();\n }, 0);\n }\n });\n event.stopPropagation();\n \n // auto select size if product has one size\n var $sizes = $('.cc-size-list:visible .js-add-size-product-analytics', $product);\n if ($sizes.length == 1) {\n $sizes.trigger('click');\n }\n\n $(document).trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: masterPid + color, // pid concatenation tiles\n buttonType: 'Quick Cart Add',\n accessType: 'tile'\n });\n });\n}\n\n/**\n * experience module common to all\n */\nvar changeBackground = function (e) {\n if ($('body').find('.change-background').length > 0) {\n $(window).scroll(function() {\n var $window = $(window);\n var $body = $('body');\n var windowHeight = $window.height();\n var scrollOffset = windowHeight / 5;\n\n var $section = $('.change-background');\n\n var scrollStart = $window.scrollTop() + scrollOffset;\n var scrollEnd = $window.scrollTop() + windowHeight - scrollOffset;\n\n $body.css('background', '#fff');\n\n $section.each(function () {\n var $this = $(this);\n var className = $this.attr('class');\n var colorName = ('' + className).match(/.*change\\-background\\-(.*?)\\s.*$/)[1];\n\n var sectionStart = $this.position().top;\n var sectionEnd = $this.position().top + $this.height();\n\n if ((sectionStart < scrollEnd) && (sectionEnd > scrollStart)) {\n $body.css('background', '#' + colorName);\n }\n });\n }).scroll();\n };\n};\n\n/* 22 Slider */\nvar pdSlider = function () {\n if ($('.cc-pd-slider').length > 0) {\n if ($('.cc-pd-slider .cc-slider .slick-slide').length === 0) {\n $('.cc-pd-slider .cc-slider').each(function () {\n var configAutoplay = $(this).closest('.cc-pd-slider').data('config-autoplay');\n var sliderTimer = $(this).closest('.cc-pd-slider').data('config-speed');\n var $slidesContainer = $(this);\n\n $slidesContainer.slick({\n infinite: true,\n autoplay: true,\n swipe: false,\n focusOnSelect: false,\n pauseOnHover: false,\n pauseOnFocus: false,\n centerMode: false,\n autoplaySpeed: sliderTimer,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 1,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: ''\n });\n\n // $slidesContainer.on('touchstart', e => {\n // touched = true;\n // $(this).slick('slickPlay');\n // });\n\n function progressBar() {\n $('.cc-pd-slider').find('.cc-pd-slider-progress .cc-progress').removeAttr('style');\n $('.cc-pd-slider').find('.cc-pd-slider-progress .cc-progress').removeClass('cc-active');\n setTimeout(function() {\n $('.cc-pd-slider').find('.cc-pd-slider-progress .cc-progress').css('transition-duration', ((sliderTimer + 400) / 1000) + 's');\n $('.cc-pd-slider').find('.cc-pd-slider-progress .cc-progress').addClass('cc-active');\n }, 100);\n }\n\n if (($(this).closest('.cc-pd-slider').find('.cc-pd-slider-progress .cc-progress').length > 0) && (configAutoplay === true)) {\n progressBar();\n\n $slidesContainer.on('beforeChange', function(e, slick) {\n progressBar();\n });\n }\n });\n }\n }\n};\n\n/* 35 Slider Progression */\nvar pdSliderProgression = function () {\n if ($('.cc-pd-slider-progression').length > 0) {\n if ($('.cc-pd-slider-progression .cc-slider .slick-slide').length === 0) {\n $('.cc-pd-slider-progression .cc-slider').each(function () {\n var $sliderModule = $(this).closest('.cc-pd-slider-progression');\n var sliderTimer = $sliderModule.data('config-speed');\n var $slidesContainer = $(this);\n\n $slidesContainer.slick({\n infinite: true,\n autoplay: false,\n swipe: false,\n focusOnSelect: false,\n pauseOnHover: false,\n pauseOnFocus: false,\n centerMode: false,\n autoplaySpeed: sliderTimer,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 1,\n variableWidth: false,\n dots: false,\n arrow: false,\n prevArrow: '',\n nextArrow: ''\n });\n\n var slideCount = $slidesContainer.find('.slick-slide:not(.slick-cloned)').length;\n\n var currentSlideIndex = $slidesContainer.slick('slickCurrentSlide');\n var $progressbar = $sliderModule.find('.cc-progressbar-active').eq(currentSlideIndex);\n var $promos = $slidesContainer.find('.slick-slide:not(.slick-cloned) .js-promo');\n var isPaused = false;\n var iterations = 0;\n var time = 150;\n\n const pauseInterval = function () {\n isPaused = true;\n };\n\n const resumeInterval = function () {\n iterations = 0;\n isPaused = false;\n };\n\n var interval = setInterval(() => {\n if (isPaused) return;\n\n var width = (time / sliderTimer) * iterations * 100;\n if (width <= 100) {\n $progressbar.css('width', width + '%');\n iterations++;\n } else {\n pauseInterval();\n\n // change slide\n currentSlideIndex = $slidesContainer.slick('slickCurrentSlide');\n var nextSlideIndex = (currentSlideIndex + 1) % slideCount;\n $slidesContainer.slick('slickGoTo', nextSlideIndex);\n\n // clear progress for current progressbar\n $progressbar.css('width', '');\n\n // update progressbar to match next slide\n $progressbar = $sliderModule.find('.cc-progressbar-active').eq(nextSlideIndex);\n\n // resume interval\n resumeInterval();\n }\n }, time);\n\n // handle click events\n $sliderModule.on('click', '.cc-progression-item', function(e) {\n var $cta = $(this).find('button.cc-item-label');\n // if cta is visible and click is not on the cta or on the progresss bar, ignore click\n if ($cta.is(':visible') && ! $(e.target).is('button.cc-item-label, .cc-progressbar')) return;\n pauseInterval();\n // get clicked slide index\n var slideId = $(this).find('.cc-progressbar-active').data('progression-id');\n var slideIndex = $slidesContainer.find('[data-slide-id='+ slideId +']').closest('.slick-slide').data('slick-index');\n\n // remove progress from other progress bars\n $sliderModule.find('.cc-progressbar-active').css('width', '');\n\n // update slide and progressbar\n $slidesContainer.slick('slickGoTo', slideIndex);\n $progressbar = $sliderModule.find('.cc-progressbar-active').eq(slideIndex);\n resumeInterval();\n });\n\n // handle click on arrows\n $sliderModule.on('click', '.slick-arrow', function() {\n pauseInterval();\n $sliderModule.one('afterChange', function(_, slide) {\n // clear progress for current progressbar\n $progressbar.css('width', '');\n\n // update progressbar to match next slide\n $progressbar = $sliderModule.find('.cc-progressbar-active').eq(slide.currentSlide);\n resumeInterval();\n });\n });\n\n // analytics\n $slidesContainer.on('afterChange', function(_, slick){\n var position = slick.currentSlide;\n var $promo = $promos.eq(position);\n if ($promo.length && ! $promo.hasClass('alreadyPrint')) {\n $(document).trigger('analytics:promoViewAutoSlider', [$promo, position+1]);\n }\n });\n $(document).trigger('analytics:promoViewAutoSlider', [$promos.eq(0), 1]);\n });\n }\n }\n};\n\n/* 36 Slider Immersive */\nvar pdSliderImmersive = function () {\n if ($('.cc-pd-slider-immersive').length > 0) {\n window.history.scrollRestoration = 'manual';\n window.addEventListener('beforeunload', () => window.scrollTo(0, 0));\n\n if ($('.cc-pd-slider-immersive .cc-slider .slick-slide').length === 0) {\n $('.cc-pd-slider-immersive .cc-slider').each(function () {\n let $sliderModule = $(this).closest('.cc-pd-slider-immersive');\n let $slidesContainer = $(this);\n\n $slidesContainer.slick({\n infinite: false,\n autoplay: false,\n swipe: true,\n focusOnSelect: false,\n pauseOnHover: false,\n pauseOnFocus: false,\n centerMode: false,\n fade: true,\n cssEase: 'linear',\n autoplaySpeed: 0,\n speed: 1300,\n slidesToScroll: 1,\n slidesToShow: 1,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: ''\n });\n\n let moduleHeight = $sliderModule.height();\n let slideCount = $slidesContainer.find('.slick-slide:not(.slick-cloned)').length;\n let canChangeSlide = true;\n let $header = $('header.js-header');\n let scrollingDown;\n let scrollBlocked = false;\n let intersection = null\n let lastIntersection = null;\n\n // update numbers on slide change\n $sliderModule.find('.cc-numbers .cc-number--total').text(slideCount);\n $sliderModule.on('afterChange', function(_, slide) {\n $sliderModule.find('.cc-numbers .cc-number--active').text(slide.currentSlide+1);\n });\n\n if (! window.isTablet) {\n const scrollSlides = function (scrollingDown) {\n if (! canChangeSlide) return;\n let currSlideIndex = $slidesContainer.slick('slickCurrentSlide');\n let nextSlideIndex = currSlideIndex + (scrollingDown ? 1: -1);\n if (nextSlideIndex > -1 && nextSlideIndex < slideCount) {\n // scroll slides\n canChangeSlide = false;\n $slidesContainer.slick('slickGoTo', nextSlideIndex);\n setTimeout(() => canChangeSlide = true, 500);\n } else {\n // first or last slide reached. unlock scroll\n $('body').removeClass('cc-blocked');\n scrollBlocked = false;\n if (scrollingDown) {\n observer.disconnect();\n lastIntersection = null;\n $sliderModule.one('scroll-up', function(){\n observer.observe($sliderModule[0]);\n });\n } else {\n observer.disconnect();\n lastIntersection = null;\n $sliderModule.one('scroll-down', function(){\n observer.observe($sliderModule[0]);\n });\n }\n }\n };\n\n // scroll event listeners\n $(document).on('wheel', function(e) {\n scrollingDown = e.originalEvent.deltaY > 0;\n if (scrollBlocked) {\n scrollSlides(scrollingDown);\n } else if (! scrollingDown) {\n $sliderModule.trigger('scroll-up');\n } else {\n $sliderModule.trigger('scroll-down');\n }\n });\n\n $(document).on('touchstart', function(start){\n $(document).one('touchmove', function(move) {\n scrollingDown = move.touches[0].clientY < start.touches[0].clientY;\n\n if (scrollBlocked) {\n scrollSlides(scrollingDown);\n } else if (! scrollingDown) {\n $sliderModule.trigger('scroll-up');\n } else {\n $sliderModule.trigger('scroll-down');\n }\n });\n });\n\n const onIntersect = function (entries) {\n intersection = entries[0];\n if (intersection.intersectionRatio < threshold) return;\n if (! lastIntersection) lastIntersection = intersection;\n\n // do not block scroll if scrolling past the module\n if (lastIntersection.boundingClientRect.y > intersection.boundingClientRect.y && scrollingDown) return;\n else if (lastIntersection.boundingClientRect.y < intersection.boundingClientRect.y && !scrollingDown) return;\n\n $('body').addClass('cc-blocked');\n\n // temporary block scroll on slides\n canChangeSlide = false;\n setTimeout(() => canChangeSlide = true, 750);\n\n // document.body.classList.add('cc-blocked');\n if (! scrollBlocked) lastIntersection = intersection;\n scrollBlocked = true;\n // center the slide\n let headerHeight = $header.height();\n $('body').css('touch-action', 'none');\n setTimeout(() => {\n let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\n let clientTop = document.documentElement.clientTop || document.body.clientTop || 0;\n let sliderTop = $sliderModule[0].getBoundingClientRect().top;\n let offsetTop = sliderTop + scrollTop - clientTop;\n $(document).scrollTop(offsetTop + moduleHeight/2 - window.innerHeight/2 -headerHeight/2);\n setTimeout(() => {\n $('body').css('touch-action', '');\n }, 500);\n }, 250);\n };\n let extraspace = (window.innerHeight - $sliderModule.height()) / 2;\n extraspace = Math.max(extraspace - 1, 0);\n\n let threshold = (window.innerHeight - $header.height()) / $sliderModule.height() - 0.005;\n threshold = Math.min(threshold/1.5, 1);\n let options = {\n // threshold: [Math.min(threshold/1.5 -0.1, 0.9), Math.min(threshold/1.5, 1)],\n threshold: threshold,\n rootMargin: -$header.height() + 'px 0px 0px 0px'\n };\n\n let observer = new IntersectionObserver(onIntersect, options);\n observer.observe($sliderModule[0]);\n }\n });\n }\n }\n};\n\n/* Checkout select address */\nvar lookRelativesSlider = function () {\n if ($('.cc-look-relatives-slider').length > 0) {\n if ($('.cc-look-relatives-slider .cc-slider .slick-slide').length === 0) {\n $('.cc-look-relatives-slider .cc-slider').each(function () {\n var slidesContainer = $(this);\n\n slidesContainer.slick({\n infinite: true,\n autoplay: false,\n focusOnSelect: false,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 3,\n slidesToShow: 3,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: '',\n responsive: [\n {\n breakpoint: 1199.98,\n settings: {\n slidesToShow: 3\n }\n },\n {\n breakpoint: 767.98,\n settings: {\n slidesToShow: 2\n }\n }\n ]\n });\n });\n }\n }\n};\n\nvar sliderVariation = function () {\n // var arialabelPrev = $('.cc-product-list.cc-slider').data('arialabelprev');\n // var arialabelNext = $('.cc-product-list.cc-slider').data('arialabelnext');\n // var arrowNext = $('.cc-product-list.cc-slider').data('arrowdx');\n // var arrowPrev = $('.cc-product-list.cc-slider').data('arrowsx');\n if ($('.cc-product-list.cc-product-list-slider').length > 0) {\n if ($('.cc-product-list.cc-product-list-slider.slick-slide').length === 0) {\n $('.cc-product-list.cc-product-list-slider').each(function () {\n var slidesContainer = $(this);\n\n slidesContainer.slick({\n accessibility: false,\n infinite: false,\n autoplay: false,\n focusOnSelect: false,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 3,\n variableWidth: false,\n dots: true,\n dotsClass: 'slick-dots-line',\n appendDots: $('.js-product-list-slick-dots'),\n arrow: false,\n prevArrow: null,\n nextArrow: null,\n responsive: [\n {\n breakpoint: 10000,\n settings: 'unslick'\n },\n {\n breakpoint: 767.98,\n settings: {\n slidesToScroll: 1,\n slidesToShow: 3,\n dots: false,\n arrow: true,\n infinite: false\n }\n }\n ]\n });\n });\n }\n }\n};\n\nwindow.addEventListener('pageshow', (event) => {\n if (event.persisted || (window.performance.getEntriesByType('navigation').length && window.performance.getEntriesByType('navigation')[0].type === 'back_forward')) {\n if ($('.veil').length > 0 && !$('.veil').hasClass('hidden')) {\n $.spinner().stop();\n }\n }\n});\n\n/* Height device */\nvar initViewportHeight = function () {\n if ($('.cj-height-device').length > 0) {\n var height = $(window).innerHeight() - $('.cc-content-header').height();\n height = parseInt(height) + 'px';\n $('.cj-height-device').css('height', height);\n }\n if ($('.cc-page-designer-heder-fixed .cj-height-device').length > 0 && !$('body').hasClass('cc-mobile') && !$('body').hasClass('cc-tablet')) {\n var height = $(window).innerHeight();\n height = parseInt(height) + 'px';\n $('.cj-height-device').css('height', height);\n }\n};\nwindow.heightDevice = initViewportHeight;\n\nvar productBase = require('./../product/base');\n\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\nfunction getCookie(cookieName) {\n var name = cookieName + '=';\n var decodedCookie = decodeURIComponent(document.cookie);\n var cookieArray = decodedCookie.split(';');\n for (var i = 0; i < cookieArray.length; i++) {\n var cookieItem = cookieArray[i];\n while (cookieItem.charAt(0) === ' ') {\n cookieItem = cookieItem.substring(1);\n }\n if (cookieItem.indexOf(name) === 0) {\n return cookieItem.substring(name.length, cookieItem.length);\n }\n }\n return '';\n}\n\nfunction setCookie (cookieName, value, expireDate) {\n var cookieExpiresDate = new Date();\n var addDays = parseInt(expireDate);\n cookieExpiresDate.setDate(cookieExpiresDate.getDate() + addDays);\n document.cookie = cookieName + '=' + String(value) + '; expires=' + cookieExpiresDate.toUTCString() + '; path=/';\n}\n\nfunction isSafari() {\n return navigator.vendor && navigator.vendor.indexOf('Apple') > -1 &&\n navigator.userAgent &&\n navigator.userAgent.indexOf('CriOS') == -1 &&\n navigator.userAgent.indexOf('FxiOS') == -1;\n}\n\nfunction liveChatEnable() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n};\nfunction liveChatDisable() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n}\n\nfunction setButtonScrollDownPosition () {\n var heightHeader = $('.js-header').outerHeight();\n var heightContainerScrollDownArrow = $('.js-button-scroll-down').parent().outerHeight();\n if ($('.cc-page-header-fixed').length > 0 && window.innerWidth >= 1200) {\n if (heightContainerScrollDownArrow - window.innerHeight >= 0) {\n $('.js-button-scroll-down').css('bottom', (heightContainerScrollDownArrow) - window.innerHeight + 30 + 'px');\n } else {\n $('.js-button-scroll-down').css('bottom', '2rem');\n }\n } else if ((heightContainerScrollDownArrow + heightHeader) - window.innerHeight > 0) {\n $('.js-button-scroll-down').css('bottom', (heightContainerScrollDownArrow + heightHeader) - window.innerHeight + 30 + 'px');\n }\n}\n\n$(document).on('lazybeforeunveil', function(e) {\n let $element = $(e.target);\n let ajax = $element.data('video-url');\n if (!ajax) {\n return;\n }\n if ($element.hasClass('cloudinary')) {\n $element.setAttribute('src', ajax);\n } else {\n $.ajax({\n url: ajax,\n success: function(data) {\n $element.attr('src', data.videoURL);\n }\n });\n }\n});\n$(document).ready(function () {\n navigationCountry = $('.page').attr('data-navigation-country');\n if (navigationCountry === 'CN') {\n var TencentCaptcha = require('../common/tencentCaptcha');\n }\n if ($('.js-button-scroll-down').length > 0) {\n setButtonScrollDownPosition();\n }\n\n // Resize Window\n responsiveResize();\n updateFooter();\n updateHeaderHeightVariables();\n\n if (isSafari()) {\n $('body').addClass('cc-safari');\n }\n\n $(window).resize(function () {\n if ($('.js-button-scroll-down').length > 0) {\n setButtonScrollDownPosition();\n }\n responsiveResize();\n updateFooter();\n updateNavMenu();\n setTimeout(function() {\n resizeMiniCartModal();\n }, 200);\n });\n accessFocus.iterateFocusOnPage();\n // Selectpicker\n $.fn.selectpicker.Constructor.BootstrapVersion = '4';\n $('.selectpicker').selectpicker();\n $('.selectpicker').each(function() {\n $(this).css({\n display: 'none'\n });\n var label;\n // set button id for label\n if (this.labels.length > 0) {\n label = this.labels[0].innerText;\n } else {\n label = $(this).closest('.cc-form-group').find('.cc-label').html();\n }\n var $button = $(this).siblings('button');\n // var selectID = $(this).attr('id') + '_btn';\n // var labelID = $(this).attr('id') + '_lbl';\n // $(this).attr('aria-hidden', 'true');\n // $button.attr('id', selectID);\n var $dropdown = $button.siblings('.dropdown-menu').children('.inner');\n $dropdown.attr('aria-label', label);\n $button.attr('aria-label', label);\n $button.attr('role', 'combobox').attr('aria-activedescendant', '');\n $(this).selectpicker('refresh');\n // fix voice over\n $(this).parent().find('.dropdown-toggle').attr('tabindex', '0');\n });\n $('.dropdown-menu .inner').removeAttr('aria-activedescendant');\n\n var targets = $('button.dropdown-toggle').siblings('.dropdown-menu').children('.inner').removeAttr('aria-activedescendant').get();\n if (targets) {\n // create an observer instance\n targets.forEach(function(target) {\n var observer = new MutationObserver(function(mutations) {\n if (mutations.length) {\n $(target).removeAttr('aria-activedescendant');\n // disconnect `observer`\n // this.disconnect();\n }\n });\n var config = {\n attributes: true\n };\n\n // pass in the target node, as well as the observer options\n observer.observe(target, config);\n });\n };\n // $.fn.selectpicker.Constructor.DEFAULTS.template.caret = '
';\n // cambio colore title dropdown\n $(document).on('change', '.cc-content-select-color .cc-select', function () {\n $(this).closest('.cc-content-select-color').removeClass('cc-content-select-color');\n });\n\n function updateHeaderHeightVariables() {\n var headerHeight = Math.ceil($('header').outerHeight());\n var bannerHeigth = Math.ceil($('header .js-header-banner').outerHeight() || 0);\n var topHeaderHeight = headerHeight - bannerHeigth;\n $('body').css('--header-height', `${headerHeight}px`).css('--header-top-height', `${topHeaderHeight}px`);\n }\n\n $(document).on('product:updatePrices', function(_, ...productIds){\n var url = $('.getProductPriceURL').val();\n productIds.forEach(function(pid) {\n $.ajax({\n url: url,\n method: 'GET',\n data: {\n pid: pid\n },\n success: function(data) {\n if (data.priceHTML) {\n var $updatedPrice = $(data.priceHTML);\n $updatedPrice.attr('data-price-updated', true);\n var productId = $updatedPrice.attr('data-pid');\n var $pricesToUpdate = $(`.cc-price.js-price[data-pid=\"${productId}\"]`);\n $updatedPrice.replaceAll($pricesToUpdate);\n }\n }\n });\n });\n });\n\n // Sticky Header\n $(document).on('scroll', _throttle(function() {\n var $phoneHeader = $('.js-phone-header');\n if ($(window).scrollTop() > 86) {\n if (!$('body.cc-desktop').hasClass('body-horizontal-scroll')) {\n $('.cc-content-header .cc-header:not(.js-header-newpdp)').addClass('cc-header-sticky');\n $('body').trigger('headerSticky:true');\n $('.cc-navbar-list').css('content-visibility', 'visible');\n $('.js-button-scroll-down').hide();\n if ($('.cc-navbar-item').length > 6) {\n $phoneHeader.find('.cc-text').attr('style', 'display:none !important');\n } else $phoneHeader.find('.cc-text').attr('style', '');\n }\n } else {\n $('.cc-content-header .cc-header:not(.js-header-newpdp)').removeClass('cc-header-sticky');\n $('body').trigger('headerSticky:false');\n $('.js-button-scroll-down').show();\n $phoneHeader.find('.cc-text').attr('style', '');\n }\n updateHeaderHeightVariables();\n }, 150));\n // PDP Share button\n $(document).on('click', '.cc-desktop .cc-product-detail .cc-share-button-share, .cc-tablet .cc-product-detail .cc-share-button-share', function (e) {\n $(this).find('.cc-share-overlay').fadeIn();\n $(this).addClass('cc-share-background-overlay');\n accessFocus.focusOnFirstElement('.cc-share-overlay');\n accessFocus.focuseOnModal('.cc-share-overlay', '.cc-share-button-share', '.cc-share-overlay');\n e.stopPropagation();\n });\n\n $(document).on('click', '.cc-mobile .cc-product-detail .cc-share-button-share', function (e) {\n $('.js-whatsapp-link').attr('href', function() { this.href = this.href.replace('https://wa.me/?text=', 'whatsapp://send?text='); });\n $('body').css('overflow', 'hidden');\n $('.cc-mobile-content-share').css('display', 'block');\n $('.cc-sticky-add-to-cart').css('display', 'none');\n\n var heightSocialHead = 75;\n var top;\n var headerHeight = $('header').height();\n var heightPage = $(window).height();\n if (heightPage < 550) {\n top = headerHeight + heightSocialHead;\n } else {\n var heightSocialListLink = $('div.cc-social-list').height();\n var heightSocialListUl = $('.cc-social-list-ul').height();\n var heightSocialList = heightSocialListUl + heightSocialListLink;\n top = heightPage - heightSocialList - heightSocialHead;\n }\n $('.cc-mobile-content-share').css('top', top);\n $(this).addClass('cc-share-background-overlay');\n e.stopPropagation();\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n });\n $(document).on('click', '.cc-mobile .cc-product-detail .cc-qrcode-overlay', function (e) {\n $('.qrcode').removeClass('qrcode-active');\n $('.cc-qrcode-overlay').removeClass('cc-overlay-active');\n });\n $(document).on('click', '.cc-mobile .wechatShareMobile', function (e) {\n e.preventDefault();\n $('.qrcode').addClass('qrcode-active');\n $('.cc-qrcode-overlay').addClass('cc-overlay-active');\n });\n $(document).on('click', '.cc-product-detail .cc-mobile-content-share .cc-mobile-close-share-button', function (e) {\n $('.cc-mobile-content-share').css('display', 'none');\n $('.cc-sticky-add-to-cart').css('display', 'unset');\n $('.cc-share-button-share').removeClass('cc-share-background-overlay');\n var copyLink = $('.js-link-label').data('copy');\n $('.js-link-label').find('.js-social-text').text(copyLink);\n $('body').css('overflow', 'unset');\n e.stopPropagation();\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n });\n\n $(document).on('click', '.cc-product-detail .cc-share-button-share .cc-close-overlay-share-button', function (e) {\n $(this).closest('.cc-share-overlay').fadeOut();\n $(this).closest('.cc-share-button-share').removeClass('cc-share-background-overlay');\n var copyLink = $('.js-link-label').data('copy');\n $('.js-link-label').find('.js-social-text').text(copyLink);\n e.stopPropagation();\n });\n\n // valorizza aria-label in selectpicker\n\n // var select = $(document).find('.dropdown .dropdown-toggle');\n // select.each(function() {\n // var title = $(this).attr('title');\n // $(this).attr('aria-label', title);\n // });\n $(document).on('change', 'select', function() {\n var select = $(this).closest('.dropdown').find('.dropdown-toggle');\n var title = select.attr('title');\n select.attr('aria-label', title);\n });\n\n // Collapsable section\n $(document).on('click', '.cc-collapsable .cc-collapsable-button', function (e) {\n if ($(this).data('id-collapsable')) {\n var id = $(this).data('id-collapsable');\n $(this).toggleClass('cc-collapsable-close');\n $(this).closest('.cc-collapsable').find('.cc-collapsable-section').filter(function () {\n return ($(this).data('id-collapsable') && $(this).data('id-collapsable') === id);\n }).slideToggle();\n if (($(this).find('.js-expand-button').length > 0)) {\n if (!$(this).hasClass('cc-collapsable-close')) {\n $(this).find('.js-expand-button').attr('aria-expanded', true);\n } else {\n $(this).find('.js-expand-button').attr('aria-expanded', false);\n }\n }\n }\n e.stopPropagation();\n });\n\n // Collapsable section Summary\n $(document).on('click', '.cc-mobile .cj-summary-mobile-collapsable .cc-summary-header', function (e) {\n $(this).toggleClass('cc-open');\n if ($('.cc-summary-total-mobile').css('display') === 'block') {\n $('.cc-summary-total-mobile').css('display', 'none');\n } else {\n $('.cc-summary-total-mobile').css('display', 'block');\n }\n if ($(this).hasClass('cc-open')) {\n $('.cc-icon-down').addClass('d-none');\n $('.cc-icon-up').removeClass('d-none');\n $('.js-summary-button').attr('aria-expanded', true);\n } else {\n $('.cc-icon-up').addClass('d-none');\n $('.cc-icon-down').removeClass('d-none');\n $('.js-summary-button').attr('aria-expanded', false);\n }\n $(this).closest('.cj-summary-mobile-collapsable').find('.cc-summary-body').slideToggle();\n e.stopPropagation();\n });\n\n // Size Guide Info\n $(document).on('click', '.cc-size-guide .cc-content-size-columns .cc-content-table .cc-size-table .cc-size-info .cc-icon', function (e) {\n $(this).closest('.cc-content-size-columns').find('.cc-img-section').addClass('cc-open');\n e.stopPropagation();\n });\n $(document).on('click', '.cc-size-guide .cc-content-size-columns .cc-img-section', function (e) {\n $(this).removeClass('cc-open');\n e.stopPropagation();\n });\n\n // Size Guide accordion\n $(document).on('click', '.cc-size-guide-standard .cc-size-table .cc-row .cc-col.cc-col-1', function (e) {\n $(this).closest('.cc-row').toggleClass('cc-section-open');\n e.stopPropagation();\n });\n\n // Cart accordion\n $(document).on('click', '.cc-tax-accordion .cc-accordion-button', function (e) {\n $(this).toggleClass('cc-open');\n $(this).closest('.cc-tax-accordion').find('.cc-accordion-section').slideToggle();\n e.stopPropagation();\n });\n\n // Footer page Collapsable menu mobile\n $(document).on('click', '.cc-mobile .cc-footer-page .cc-content-lateral-menu .cc-button-lateral-menu', function (e) {\n $(this).toggleClass('cc-open');\n $(this).closest('.cc-content-lateral-menu').find('.cc-lateral-menu').slideToggle();\n e.stopPropagation();\n });\n\n // Footer page Active item link on onepage scroll\n if ($('.cc-footer-page .cc-lateral-menu-onepage').length > 0) {\n var lateralMenu = $('.cc-footer-page .cc-lateral-menu-onepage');\n var menuItems = lateralMenu.find('a');\n var scrollItems = menuItems.map(function() {\n var item = $($(this).attr('href'));\n if (item.length) { return item; }\n });\n }\n\n // experience: trigger definition to process background from an external ajax request after onload\n $('body').on('experience:changebackground', changeBackground);\n\n $(document).on('scroll', function () {\n if ($('.cc-footer-page .cc-lateral-menu-onepage').length > 0) {\n var fromTop = $(window).scrollTop() + 20;\n\n // Get id of current scroll item\n var cur = scrollItems.map(function() {\n if ($(this).offset().top < fromTop) { return this; }\n });\n // Get the id of the current element\n cur = cur[cur.length - 1];\n var id = cur && cur.length ? cur[0].id : '';\n // Set/remove active class\n menuItems\n .parent().removeClass('cc-active')\n .end().filter(\"[href='#\" + id + \"']\").parent().addClass('cc-active');\n }\n });\n\n // Footer page Collapsable section\n $(document).on('click', '.cc-footer-page .cc-section .cc-collapsable-button', function (e) {\n $(this).toggleClass('cc-open');\n $(this).closest('.cc-collapsable-section').find('.cc-collapsable-main').slideToggle();\n e.stopPropagation();\n });\n\n // Footer Accordion Mobile\n $(document).on('click', '.cc-mobile .cc-footer .cc-footer-items .cc-col-title', function (e) {\n if ($(this).data('id-footer-menu-item')) {\n var id = $(this).data('id-footer-menu-item');\n $(this).toggleClass('cc-link-open');\n $(this).closest('.cc-footer-col').find('.cc-footer-links').filter(function () {\n return ($(this).data('id-footer-menu-item') && $(this).data('id-footer-menu-item') === id);\n }).slideToggle();\n\n if ($(this).hasClass('cc-link-open')) {\n $(this).children('.cc-col-title-button').attr('aria-expanded', true);\n } else {\n $(this).children('.cc-col-title-button').attr('aria-expanded', false);\n }\n }\n e.stopPropagation();\n });\n\n // Return Sidebar Collapsable section\n $(document).on('click', '.cc-return-sidebar .cc-collapsable-button', function (e) {\n $(this).toggleClass('cc-open');\n $(this).closest('.cc-collapsable-section').find('.cc-collapsable-main').slideToggle();\n\n if ($(this).hasClass('cc-open')) {\n $(this).find('.js-return-accordion').attr('aria-expanded', true);\n } else {\n $(this).find('.js-return-accordion').attr('aria-expanded', false);\n }\n e.stopPropagation();\n });\n\n // heightDevice();\n // prodColorSliderSticky();\n // addressSlider();\n pdSlider();\n pdSliderProgression();\n pdSliderImmersive();\n lookRelativesSlider();\n sliderVariation();\n\n openSizeColorModal();\n\n // closeSizeColorModal\n $(document).on('click', '.js-close-size-color', function () {\n var $product = $(this).closest('.cc-product-tile');\n var $analytics = $('.new-analytics', $product);\n var masterPid = $analytics.attr('data-pid');\n var color = $analytics.attr('data-color');\n var id = $(this).data('id');\n $(this).removeClass('js-close-size-color').addClass('js-open-size-color');\n $('.sizecolorTab-' + id).removeClass('cc-open');\n $(this).find('.js-size-color').attr('aria-expanded', false);\n\n var plus = $(this).data('plus');\n $('.openTab-' + id).find('.js-change-icon').children().attr('xlink:href', plus);\n $(document).trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'close',\n eventLabel: masterPid + color, // pid concatenation tiles\n buttonType: 'Quick Cart Add',\n accessType: 'tile'\n });\n });\n\n // quickAddPLP\n $(document).on('click', '.js-buy-button-plp', function (e) {\n var prodID = $(this).attr('data-pid');\n var incompleteSelection = $(this).data('disabled');\n var isCart = $(document).find('.cc-cart');\n var addToCartUrl;\n var reupload = $('.js-goToCart-recommendad').val();\n if (incompleteSelection) {\n $('.js-available-size-title-' + prodID).css('color', '#922222');\n $('.error-select-size-' + prodID).removeClass('d-none');\n // accessibility: announce to select a size\n $('.error-select-size-' + prodID).append(' ');\n } else {\n if (isCart.length > 0) {\n addToCartUrl = getAddToCartUrl();\n productBase.performAddToCartCall(addToCartUrl, prodID, null, [], 1,\n function (resData) {\n $('body').trigger('product:afterAddToCart', resData);\n window.location.reload();\n },\n function() {window.location.reload();}\n );\n e.preventDefault();\n } else {\n addToCartUrl = getAddToCartUrl();\n $('body').trigger('product:beforeAddToCart', this);\n $(document).find('.js-minicartside-overlay-container').css('content-visibility', 'visible');\n // call add to Cart function\n let $container = $(this).closest('.product');\n productBase.performAddToCartCall(addToCartUrl, prodID, null, [], 1, function (resData) {\n $('.js-size-color-modal', $container).removeClass('cc-open');\n let $element = $container.find('.js-close-size-color').removeClass('js-close-size-color').addClass('js-open-size-color');\n let plus = $element.data('plus');\n $element.find('use').attr('xlink:href', plus);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n });\n }\n }\n });\n\n // openSwatchListMobile: function () {\n $(document).on('click', '.mobile-swatch-list', function () {\n var productID = $(this).data('pid');\n var container = $(this).closest($('.cc-size-color-modal'));\n if ($('.swatch-list-mobile-tile-' + productID, container).hasClass('d-none')) {\n // open swatch color\n $('.swatch-list-mobile-tile-' + productID, container).removeClass('d-none');\n $('.open-swatch-list-' + productID, container).removeClass('d-none');\n $('.close-swatch-list-' + productID, container).addClass('d-none');\n // if is open close sizeList\n if (!$('.size-list-mobile-container-' + productID, container).hasClass('d-none')) {\n $('.size-list-mobile-container-' + productID, container).addClass('d-none');\n $('.open-size-list-' + productID, container).removeClass('d-none');\n $('.close-size-list-' + productID, container).addClass('d-none');\n }\n\n let parent = `.sizecolorTab-${productID}.js-mobile-variant`;\n setTimeout(() => {\n let numberOfColors = parseInt(($(`.js-mobile-variant.sizecolorTab-${productID} .js-color-carousel-container`).width() - (16 * 2)) / 67);\n let numberOfAvailableColors = $(`.js-desktop-variant.sizecolorTab-${productID} .js-color-carousel-container`).data('numberOfColors');\n if (numberOfAvailableColors > numberOfColors && numberOfColors > 0) {\n $(parent + ' .js-arrow-sx-color').removeClass('d-none');\n $(parent + ' .js-arrow-dx-color').removeClass('d-none');\n if (!$(parent + ' .cc-swatch-container').hasClass('slick-initialized')) {\n var iteamWidth = $(parent + ' .cc-rectangle-color').width();\n $(parent + ' .cc-swatch-container').css({ maxWidth: ((numberOfColors * iteamWidth) - 32) + 'px', display: 'inline-block' });\n $(parent + ' .cc-swatch-container').slick({\n infinite: false,\n slidesToScroll: 1,\n slidesToShow: numberOfColors,\n dots: false,\n arrow: true,\n prevArrow: parent + ' .js-arrow-sx-color',\n nextArrow: parent + ' .js-arrow-dx-color'\n });\n }\n } else {\n $(parent + ' .js-arrow-sx-color').addClass('d-none');\n $(parent + ' .js-arrow-dx-color').addClass('d-none');\n }\n }, 100);\n } else {\n // closing swatch color\n $('.swatch-list-mobile-tile-' + productID).addClass('d-none');\n $('.open-swatch-list-' + productID).addClass('d-none');\n $('.close-swatch-list-' + productID).removeClass('d-none');\n }\n });\n // },\n\n $(document).on('click', '.cc-mobile-size-list', function () {\n var productID = $(this).data('pid');\n var $sizeContainer = $(`.size-list-mobile-tile-${productID} .cc-size-list-mobile`);\n if ($sizeContainer.hasClass('d-none')) {\n // open size list\n $sizeContainer.removeClass('d-none');\n $('.open-size-list-' + productID).addClass('d-none');\n $('.close-size-list-' + productID).removeClass('d-none');\n\n // close swatch color\n $('.swatch-list-mobile-tile-' + productID).addClass('d-none');\n $('.open-swatch-list-' + productID).addClass('d-none');\n $('.close-swatch-list-' + productID).removeClass('d-none');\n } else {\n // closing size list\n $sizeContainer.addClass('d-none');\n $('.open-size-list-' + productID).removeClass('d-none');\n $('.close-size-list-' + productID).addClass('d-none');\n }\n });\n\n const buildSrcSet = (imageSet, prevArrStartIndex, isSwatch) => {\n return imageSet.map((url, idx) => {\n if (isSwatch) {\n return url + ' ' + ((idx + prevArrStartIndex === 0) ? 100 : (idx + prevArrStartIndex) * 200) + 'w';\n } else {\n return url + ' ' + ((idx + prevArrStartIndex) * 200) + 'w';\n }\n }).join(',');\n };\n\n // request size from plp\n $(document).on('click', '.js-open-requestsize-pdp', function () {\n var redirectUrl = $(this).data('urlredirect');\n window.location.href = redirectUrl;\n });\n\n $(document).on('keydown', '.js-select-size-tile-radio, .js-select-size-tile-mobile', (e) => {\n if (e.keyCode === 13) {\n e.preventDefault(); // Ensure it is only this code that runs\n $(e.currentTarget).trigger('click');\n }\n });\n\n $(document).on('click', '.js-select-size-tile-radio, .js-select-size-tile-mobile, .js-select-color-tile', (e) => {\n var $clickedElement = $(e.currentTarget);\n if (!e.currentTarget.classList.contains('disabled')) {\n if (e.currentTarget.classList.contains('js-add-color-variation-analytics')) {\n var newColor = $(e.currentTarget).data('value');\n }\n $.spinner().start();\n let $productContainer = $(e.currentTarget).closest('.product');\n var bigTileRequired = false;\n if ($productContainer.parents('.grid2-central-tile-margin').length > 0) {\n bigTileRequired = true;\n }\n if ($clickedElement.hasClass('js-select-size-tile-radio')) {\n var sizeCode = $clickedElement.attr('data-value');\n }\n $.ajax({\n url: $(e.currentTarget).data('select'),\n method: 'GET',\n data: {\n bigTileRequired: bigTileRequired\n },\n success: function (data) {\n $.spinner().stop();\n $('.js-available-size-title', $productContainer).css('color', '#262626');\n $('.error-select-size', $productContainer).addClass('d-none');\n var $sizeContainer = $clickedElement.closest('.cc-size-color-modal').find('.cc-select-size-tile');\n var sizeTemplate = window.isMobile ? 'availableSizesMobileHtml' : 'availableSizesHtml';\n $sizeContainer.replaceWith($(data.product[sizeTemplate]).filter('.cc-select-size-tile'));\n $('.js-add-to-wishlist', $productContainer).data('pid', data.product.sku);\n $('.js-microcolor', $productContainer).addClass('d-none');\n $('.js-selected-color', $productContainer).addClass('d-none');\n if (data.product.hasVerticalVideo && $productContainer.parents('.grid2-central-tile-margin').length === 0) {\n $('.js-image-container .js-analytics-click-product, .js-image-container .justify-content-center', $productContainer).remove();\n $('.js-image-container .cc-vertical-video', $productContainer).remove();\n $('.js-image-container .js-pdp-variant-link', $productContainer).append(data.product.imageVideoTemplateTileHtml);\n $('.js-image-container .js-pdp-variant-link .js-analytics-click-product', $productContainer).attr('data-pid', $('.js-image-container', $productContainer).data('id'));\n } else if (data.product.hasHorizontalVideo && $productContainer.parents('.grid2-central-tile-margin').length > 0) {\n $('.js-image-container .js-analytics-click-product, .js-image-container .justify-content-center', $productContainer).remove();\n $('.js-image-container .cc-vertical-video, .js-image-container .cc-horizontal-video', $productContainer).remove();\n $('.js-image-container .js-pdp-variant-link', $productContainer).append(data.product.imageVideoTemplateTileHtml);\n $('.js-image-container .js-pdp-variant-link .js-analytics-click-product', $productContainer).attr('data-pid', $('.js-image-container', $productContainer).data('id'));\n $productContainer.removeClass('grid2BigTile');\n } else if (data.product.horizontalImage.horizontalImageUrl && $productContainer.parents('.grid2-central-tile-margin').length > 0) {\n if ($('.js-image-container .cc-vertical-video, .js-image-container .cc-horizontal-video', $productContainer).length > 0) {\n $('.js-image-container .js-analytics-click-product', $productContainer).remove();\n }\n $productContainer.removeClass('grid2BigTile');\n if ($('.js-image-container .js-tile-image', $productContainer).length === 0) {\n $('.js-image-container .js-pdp-variant-link', $productContainer).append(data.product.imageVideoTemplateTileHtml);\n $('.js-image-container .js-analytics-click-product', $productContainer).attr('data-pid', $('.js-image-container', $productContainer).data('id'));\n } else {\n if ($('.js-image-container .js-analytics-click-product', $productContainer).hasClass('cc-padding-preload-img')) {\n $('.js-image-container .js-analytics-click-product', $productContainer).removeClass('cc-padding-preload-img');\n $('.js-image-container .js-analytics-click-product', $productContainer).addClass('cc-padding-preload-img-horizontal');\n }\n var $hResizedUrlsFirstSource = (data.product.horizontalImage.horizontalImageUrl[0].resizedUrls).splice(0, 3);\n var $hResizedUrlsSecondSource = (data.product.horizontalImage.horizontalImageUrl[0].resizedUrls);\n $('.js-tile-image', $productContainer).siblings('source').eq(0).attr('srcset', buildSrcSet($hResizedUrlsFirstSource, 0));\n\n $('.js-tile-image', $productContainer).siblings('source').eq(1).attr('srcset', buildSrcSet($hResizedUrlsSecondSource, 3));\n\n $('.js-tile-image', $productContainer).attr('src', data.product.horizontalImage.horizontalImageUrl[0].absURL);\n }\n } else if (data.product.images.swatch.length > 0) {\n if ($('.js-image-container .cc-horizontal-video, .cc-padding-preload-img-horizontal', $productContainer).length > 0) {\n $productContainer.addClass('grid2BigTile');\n var horizontalContainer = $('.cc-padding-preload-img-horizontal', $productContainer);\n horizontalContainer.removeClass('cc-padding-preload-img-horizontal');\n horizontalContainer.addClass('cc-padding-preload-img');\n }\n if ($('.js-image-container .cc-vertical-video, .js-image-container .cc-horizontal-video', $productContainer).length > 0) {\n $('.js-image-container .js-analytics-click-product', $productContainer).remove();\n }\n if ($('.js-image-container .js-tile-image', $productContainer).length === 0) {\n $('.js-image-container .js-pdp-variant-link', $productContainer).append(data.product.imageVideoTemplateTileHtml);\n $('.js-image-container .js-analytics-click-product', $productContainer).attr('data-pid', $('.js-image-container', $productContainer).data('id'));\n } else {\n var $swatchResizedUrlsFirstSource = (data.product.images.swatch[0].resizedUrls).splice(0, 4);\n var $swatchResizedUrlsSecondSource = (data.product.images.swatch[0].resizedUrls);\n $('.js-tile-image', $productContainer).siblings('source').eq(0).attr('srcset', buildSrcSet($swatchResizedUrlsFirstSource, 0, true));\n\n $('.js-tile-image', $productContainer).siblings('source').eq(1).attr('srcset', buildSrcSet($swatchResizedUrlsSecondSource, 4, true));\n\n $('.js-tile-image', $productContainer).attr('src', data.product.images.swatch[0].absURL);\n }\n } else if (data.product.images.large.length > 0) {\n if ($('.js-image-container .cc-horizontal-video, .cc-padding-preload-img-horizontal', $productContainer).length > 0) {\n $productContainer.addClass('grid2BigTile');\n var horizontalContainer = $('.cc-padding-preload-img-horizontal');\n horizontalContainer.removeClass('cc-padding-preload-img-horizontal');\n horizontalContainer.addClass('cc-padding-preload-img');\n }\n if ($('.js-image-container .cc-vertical-video, .js-image-container .cc-horizontal-video', $productContainer).length > 0) {\n $('.js-image-container .js-analytics-click-product', $productContainer).remove();\n }\n if ($('.js-image-container .js-tile-image', $productContainer).length === 0) {\n $('.js-image-container .js-pdp-variant-link', $productContainer).append(data.product.imageVideoTemplateTileHtml);\n $('.js-image-container .js-analytics-click-product', $productContainer).attr('data-pid', $('.js-image-container', $productContainer).data('id'));\n } else {\n var $largeResizedUrlsFirstSource = (data.product.images.large[0].resizedUrls).splice(0, 3);\n var $largeResizedUrlsSecondSource = (data.product.images.large[0].resizedUrls);\n $('.js-tile-image', $productContainer).siblings('source').eq(0).attr('srcset', buildSrcSet($largeResizedUrlsFirstSource, 0));\n\n $('.js-tile-image', $productContainer).siblings('source').eq(1).attr('srcset', buildSrcSet($largeResizedUrlsSecondSource, 3));\n\n $('.js-tile-image', $productContainer).attr('src', data.product.images.large[0].absURL);\n }\n }\n $('.js-only-one-left', $productContainer).addClass('d-none');\n $('.js-open-requestsize-pdp', $productContainer).addClass('d-none');\n\n let $size = $('.js-selected-size', $productContainer);\n $size.text($size.data('resettext'));\n\n data.product.variationAttributes[0].values.forEach(function (attrValue) {\n let $attrValue = $(`.js-select-color-tile[data-value=\"${attrValue.value}\"]`, $productContainer);\n $attrValue.removeClass('cc-swatch-rectangle-selected cc-size-no-available');\n\n if (!attrValue.selectable) {\n $attrValue.addClass('cc-size-no-available');\n }\n if (attrValue.selected) {\n $attrValue.addClass('cc-swatch-rectangle-selected');\n $(`.js-microcolor[data-value=\"${attrValue.value}\"]`, $productContainer)\n .removeClass('d-none')\n .text(attrValue.microcolor);\n $(`.js-selected-color[data-value=\"${attrValue.value}\"]`, $productContainer).removeClass('d-none');\n if (attrValue.pdpUrl) {\n $('.js-pdp-variant-link', $productContainer).attr('href', attrValue.pdpUrl);\n if ($('.js-pdp-variant-link', $productContainer).attr('rel')) {\n $('.js-pdp-variant-link', $productContainer).attr('rel', attrValue.pdpUrl);\n }\n }\n $('.js-add-to-wishlist', $productContainer).attr('data-color', attrValue.value);\n $('.js-close-size-color', $productContainer).attr('data-color', attrValue.value);\n\n var ariaLabel = $attrValue.attr('data-selected-color');\n $attrValue.attr('aria-label', ariaLabel);\n } else {\n $attrValue.addClass('cc-swatch-rectangle');\n $attrValue.attr('aria-label', attrValue.microcolor);\n }\n });\n data.product.variationAttributes[1].values.forEach(function (attrValue) {\n let $attrValue = $(`[data-value=\"${attrValue.value}\"]`, $productContainer);\n $attrValue.data('select', attrValue.url).prop('disabled', false);\n\n $($attrValue).siblings('.js-select-size-tile').removeClass('cc-size-no-available cc-size-element-selected');\n $($attrValue).siblings('.js-only-one-left').removeClass('cc-size-element-selected');\n if (!attrValue.selectable) {\n $attrValue.prop('disabled', true);\n $($attrValue).siblings('.js-select-size-tile').addClass('cc-size-no-available');\n $(`.js-open-requestsize-pdp[data-value=\"${attrValue.value}\"]`, $productContainer).removeClass('d-none');\n $(`.js-open-requestsize-pdp[data-value=\"${attrValue.value}\"]`).prop('disabled', false);\n }\n if (attrValue.selected) {\n $attrValue.addClass('cc-size-element-selected');\n $('.js-selected-size', $productContainer).text(attrValue.displayValue);\n $('.cc-size-element').removeClass('cc-size-element-selected');\n $($attrValue).siblings('.cc-size-element').addClass('cc-size-element-selected');\n }\n if (attrValue.isOnlyOneLeft) {\n $(`.js-only-one-left[data-value=\"${attrValue.value}\"]`, $productContainer).removeClass('d-none');\n }\n });\n\n var noSizeSelected = data.product.variationAttributes[1].values.every(size => size.selected == false);\n if (noSizeSelected) {\n $('.new-analytics', $productContainer).attr({\n 'data-size': '' // reset current size\n });\n }\n\n // data tags\n if (data.product.Tag) {\n $('.js-tag-container span', $productContainer).text(data.product.Tag.toUpperCase());\n $('.js-tag-container', $productContainer).attr('hidden', false);\n } else {\n $('.js-tag-container', $productContainer).attr('hidden', true);\n $('.js-tag-container span', $productContainer).text('');\n }\n\n // Set the data on the button\n $('.js-buy-button-plp', $productContainer).data('disabled',\n (!data.product.readyToOrder || !data.product.available));\n $('.js-buy-button-plp', $productContainer).attr('data-pid', data.product.id);\n\n // Update the price (only if the price was \"range\")\n var hasRangePrice = $('.js-product-info', $productContainer).data('has-range-price');\n if (hasRangePrice && data.product.readyToOrder && data.product.available && data.product.price) {\n $('.js-price-container', $productContainer).text(data.product.price.sales.formatted);\n $('.js-price-container', $productContainer).removeClass('d-none');\n } else {\n var $priceSelector = $('.cc-price.js-price', $productContainer).length\n ? $('.cc-price.js-price', $productContainer)\n : $('.cc-price.js-price');\n $priceSelector.replaceWith(data.product.price.html);\n }\n var skuMaster = data.product.skuMaster;\n $productContainer.attr('data-skumaster', skuMaster);\n if (newColor) {\n $productContainer.find('.js-analytics-click-product-info-' + skuMaster).attr('data-color', newColor);\n }\n \n // accessibility: update size and color for selected variant in PLP\n if ($clickedElement.is('.js-select-color-tile')) {\n var colorText = $clickedElement.find('.js-microcolor').text();\n $('#sr-' + skuMaster + '-color').text(colorText);\n // clear the selected size\n $('#sr-' + skuMaster + '-size').empty();\n } else {\n var sizeText = $clickedElement.attr('data-size');\n $('#sr-' + skuMaster + '-size').text(sizeText);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n }).done(() => {\n $('body').trigger('wishlist:productVariationChange', [{$element: $productContainer}]);\n\n // close size selector\n // if (e.currentTarget.classList.contains('js-select-size-tile-mobile')) {\n // var id = $(e.currentTarget).closest('.cc-size-color-modal').attr('data-productid');\n // $(`.footer-tile-${id} .cc-mobile-size-list`).trigger('click');\n // }\n });\n }\n });\n\n // goToPDPLink\n $(document).on('click', '.js-pdp-variant-link', function(e) {\n var $productContainer = $(e.currentTarget).closest('.product');\n var $modalContainer = $productContainer.find('.js-size-color-modal');\n var $boxTile = $productContainer.find('.js-open-size-color');\n if (!$boxTile.length) {\n $boxTile = $productContainer.find('.js-close-size-color');\n }\n\n var plus = $boxTile.data('plus');\n // close overlay when it's open and tap in img\n if ($modalContainer.hasClass('cc-open')) {\n $modalContainer.removeClass('cc-open');\n $boxTile.removeClass('js-close-size-color').addClass('js-open-size-color');\n $boxTile.parent().find('.js-change-icon').children().attr('xlink:href', plus);\n e.preventDefault();\n }\n });\n\n // Inspirations Image Animation Desktop\n $(document).on('mouseenter', '.cc-desktop .cc-inspirations .cc-inspirations-items .cc-content-item .cc-item', function (e) {\n var elementId = $(this).data('inspirations');\n $(this).closest('.cc-content-item').siblings().find('.cc-item').removeClass('cc-active');\n $(this).addClass('cc-active');\n\n $('.cc-inspirations .cc-content-images .cc-content-image').each(function() {\n $(this).removeClass('cc-past');\n if ($(this).data('inspirations') == elementId) {\n $(this).addClass('cc-active');\n } else {\n if ($(this).hasClass('cc-active')) {\n $(this).removeClass('cc-active');\n $(this).addClass('cc-past');\n }\n }\n });\n });\n\n // When the Stories page loads, I need to set the tabindex=-1 to all the elements that do not have any data-category associated\n $('.cc-inspirations .cc-inspirations-elements .cc-inspirations-head .cc-inspirations-filters .cc-filter').each(function() {\n var category = $(this).data('category');\n var items = $('.cc-inspirations-items .cc-content-item[data-category=\"' + category + '\"]');\n var count = items.length;\n if (count === 0) {$(this).addClass('unclickable').attr('tabindex', '-1');}\n });\n\n // Inspirations Filters\n $(document).on('click keydown focus', '.cc-inspirations .cc-inspirations-head .cc-inspirations-filters .cc-filter', function(e) {\n if (e.type === 'click' || (e.type === 'keydown' && e.key === 'Enter')) {\n if (!$(this).hasClass('cc-active')) {\n var selectedCategory = $(this).data('category');\n var firstChild = false;\n \n $(this).siblings().removeClass('cc-active').attr({\n 'aria-selected': 'false'\n });\n $(this).addClass('cc-active').attr({\n 'aria-selected': 'true'\n });\n \n $('.cc-inspirations .cc-content-images .cc-content-image').each(function () {\n var element = $(this);\n if (selectedCategory == '0') {\n element.show();\n } else {\n if (element.data('category') == selectedCategory) {\n element.show();\n } else {\n element.hide();\n }\n }\n });\n \n $('.cc-inspirations .cc-inspirations-items .cc-content-item').each(function () {\n var element = $(this);\n if (selectedCategory == '0') {\n element.show();\n \n if (firstChild == false) {\n firstChild = true;\n var elementId = $(this).find('.cc-item').data('inspirations');\n \n $(this).siblings().find('.cc-item').removeClass('cc-active');\n $(this).find('.cc-item').addClass('cc-active');\n \n $('.cc-inspirations .cc-content-images .cc-content-image').each(function() {\n $(this).removeClass('cc-past');\n if ($(this).data('inspirations') == elementId) {\n $(this).addClass('cc-active');\n } else {\n if ($(this).hasClass('cc-active')) {\n $(this).removeClass('cc-active');\n $(this).addClass('cc-past');\n }\n }\n });\n }\n } else {\n if (element.data('category') == selectedCategory) {\n element.show();\n \n if (firstChild == false) {\n firstChild = true;\n var elementId = $(this).find('.cc-item').data('inspirations');\n \n $(this).siblings().find('.cc-item').removeClass('cc-active');\n $(this).find('.cc-item').addClass('cc-active');\n \n $('.cc-inspirations .cc-content-images .cc-content-image').each(function() {\n $(this).removeClass('cc-past');\n if ($(this).data('inspirations') == elementId) {\n $(this).addClass('cc-active');\n } else {\n if ($(this).hasClass('cc-active')) {\n $(this).removeClass('cc-active');\n $(this).addClass('cc-past');\n }\n }\n });\n }\n } else {\n element.hide();\n }\n }\n });\n }\n } \n });\n\n // 23-Module-Mouseover Image Animation Desktop\n $(document).on('mouseenter', '.cc-desktop .cc-pd-mouseover .cc-content-items .cc-content-item .cc-item', function (e) {\n var elementId = $(this).data('item');\n\n $(this).closest('.cc-pd-mouseover').find('.cc-content-images .cc-content-image').each(function() {\n $(this).removeClass('cc-past');\n if ($(this).data('item') == elementId) {\n $(this).addClass('cc-active');\n } else {\n if ($(this).hasClass('cc-active')) {\n $(this).removeClass('cc-active');\n $(this).addClass('cc-past');\n }\n }\n });\n });\n\n // 23-Module-Mouseover Image Animation Desktop On EXIT\n $(document).on('mouseleave', '.cc-desktop .cc-pd-mouseover .cc-content-items', function (e) {\n var elementId = 0;\n\n $(this).closest('.cc-pd-mouseover').find('.cc-content-images .cc-content-image').each(function() {\n $(this).removeClass('cc-past');\n if ($(this).data('item') == elementId) {\n $(this).addClass('cc-active');\n } else {\n if ($(this).hasClass('cc-active')) {\n $(this).removeClass('cc-active');\n $(this).addClass('cc-past');\n }\n }\n });\n });\n\n $(document).on('click', '.js-open-registration-modal', function() {\n if ($('body').hasClass('cc-desktop')) {\n $('.js-title-offcanvas').html($('.js-title-offcanvas').data('loginform'));\n var url = $(this).data('action');\n var $loginForm = $('.js-login-form');\n var $resetPwdForm = $('.js-resetpwd-form');\n $.ajax({\n url: url,\n type: 'post',\n success: function (data) {\n if (data.success) {\n $('body').addClass('cc-blocked');\n $loginForm.html(data.renderedTemplate);\n $(document).find('.cc-loginregistration-overlay').css('content-visibility', 'visible');\n $('#js-login-registration-modal').fadeIn();\n accessFocus.focusOnFirstElement('#js-loginregistration-overlay');\n accessFocus.focuseOnModal('#js-loginregistration-overlay', '.js-open-registration-modal', '#js-login-registration-modal');\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n if ($resetPwdForm.hasClass('cc-hide-form')) {\n $resetPwdForm.addClass('cc-hide-form');\n }\n } else {\n window.location.href = data.accountPageUrl;\n }\n },\n error: function () {\n $('#js-login-registration-modal').fadeOut();\n }\n });\n } else {\n var LoginRegistrationPageUrl = $(this).data('pageurl');\n window.location.href = LoginRegistrationPageUrl;\n }\n });\n\n $(document).on('submit', 'form.cc-login-form-offCanvas', function (e) {\n var form = $(this);\n e.preventDefault();\n var url = form.attr('action');\n form.spinner().start();\n $('form.cc-login-form-offCanvas').trigger('login:submit', e);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (!data.success) {\n formValidation(form, data);\n $('form.login').trigger('login:error', data);\n } else {\n $('form.login').trigger('login:success', data);\n location.href = data.redirectUrl;\n }\n },\n error: function (data) {\n if (data.responseJSON.redirectUrl) {\n window.location.href = data.responseJSON.redirectUrl;\n } else {\n $('form.login').trigger('login:error', data);\n form.spinner().stop();\n }\n }\n });\n return false;\n });\n\n\n $(document).on('click', '.cc-col-title', function(event) {\n var button = $(this).find('button[id^=\"accordion-\"]');\n if (button.length) {\n var ariaExpanded = button.attr('aria-expanded');\n button.attr('aria-expanded', ariaExpanded === 'true' ? 'false' : 'true');\n }\n });\n\n // reset password offCanvas\n $(document).on('click', '.js-reset-pwd-btn', function() {\n var url = this.dataset.urlreset;\n var $loginForm = $('.js-login-form');\n var $resetPwdForm = $('.js-resetpwd-form');\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'GET',\n success: function (data) {\n $loginForm.addClass('cc-hide-form');\n $resetPwdForm.removeClass('cc-hide-form');\n $('#js-loginregistration-overlay .cc-request-reset-OfCanvas-header').removeClass('cc-hide-form');\n $resetPwdForm.html(data);\n $('.js-title-offcanvas').html($('.js-title-offcanvas').data('resetpwdform'));\n $.spinner().stop();\n }\n });\n });\n // return to login offCanvas\n $(document).on('click', '.js-return-toLogin', function() {\n $('.js-login-form').removeClass('cc-hide-form');\n $('.js-resetpwd-form').addClass('cc-hide-form');\n $('.js-title-offcanvas').html($('.js-title-offcanvas').data('loginform'));\n $('.cc-request-reset-OfCanvas-header').addClass('cc-hide-form');\n });\n $(document).on('click', '.js-goto-login-button', function() {\n if ($('body').hasClass('cc-desktop') || $('body').hasClass('cc-tablet')) {\n $('.js-login-form').removeClass('cc-hide-form');\n $('.js-resetpwd-form').addClass('cc-hide-form');\n $('.js-title-offcanvas').html($('.js-title-offcanvas').data('loginform'));\n $('.cc-request-reset-OfCanvas-header').addClass('cc-hide-form');\n } else {\n $.spinner().start();\n window.location.href = $(this).data('url');\n }\n });\n\n $(document).on('submit', 'form.cc-resetPwd', function (e) {\n var form = $(this);\n e.preventDefault();\n var url = form.attr('action');\n form.spinner().start();\n $('form.cc-resetPwd').trigger('resetpwd:submit', e);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (data.success) {\n $('form.cc-resetPwd').empty().html(\n '
' +\n '
' + data.receivedMsgHeading + '
' +\n '
' + data.receivedMsgBody + '
'\n );\n } else {\n }\n },\n error: function (data) {\n }\n });\n return false;\n });\n\n $(document).on('click', '.js-close-loginRegistration-offCanvas', function() {\n var $loginForm = $('.cc-login-box-container form.cc-login-form-offCanvas');\n var $resetPwdForm = $('.cc-login-box-container form.cc-resetpwd-form-offCanvas');\n if ($loginForm.hasClass('cc-hide-form')) $loginForm.removeClass('cc-hide-form');\n if (!$resetPwdForm.hasClass('cc-hide-form')) $resetPwdForm.addClass('cc-hide-form');\n $('.cc-request-reset-OfCanvas-header').addClass('cc-hide-form');\n $('body').removeClass('cc-blocked');\n $('#js-login-registration-modal').fadeOut();\n setTimeout(function() {\n $('.js-open-registration-modal').focus();\n }, 0);\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n if ($('body').hasClass('veiled')) {\n $('body').removeClass('veiled');\n }\n $('form.cc-login-form-offCanvas').trigger('reset');\n formValidation($('form.cc-login-form-offCanvas'), null);\n });\n\n $(document).on('click', '.js-loginregistration-closeBy-overlay', function() {\n var $loginForm = $('.cc-login-box-container form.cc-login-form-offCanvas');\n var $resetPwdForm = $('.cc-login-box-container form.cc-resetpwd-form-offCanvas');\n if ($loginForm.hasClass('cc-hide-form')) $loginForm.removeClass('cc-hide-form');\n if (!$resetPwdForm.hasClass('cc-hide-form')) $resetPwdForm.addClass('cc-hide-form');\n $('.cc-request-reset-OfCanvas-header').addClass('cc-hide-form');\n $('body').removeClass('cc-blocked');\n $('#js-login-registration-modal').fadeOut();\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n if ($('body').hasClass('veiled')) {\n $('body').removeClass('veiled');\n }\n $('form.cc-login-form-offCanvas').trigger('reset');\n formValidation($('form.cc-login-form-offCanvas'), null);\n });\n\n $(document).on('click', '.js-icon-eye, .cc-icon-eye', function (e) {\n e.preventDefault();\n $(this).siblings('input').attr('type') === 'password' ? $(this).siblings('input').attr('type', 'text') : $(this).siblings('input').attr('type', 'password');\n $btn = $(this).find('a.cc-icon-eye-link');\n $btn.attr('aria-pressed', $btn.attr('aria-pressed') === 'true' ? 'false' : 'true');\n });\n\n if (!('loading' in HTMLImageElement.prototype)) {\n const images = document.querySelectorAll('img[loading=\"lazy\"]');\n images.forEach(img => {\n const urls1 = $(img).siblings().eq(0).attr('srcset');\n const urls2 = $(img).siblings().eq(1).attr('srcset');\n const imgUrl = $(img).attr('srcset');\n if (urls1 && urls2) {\n $(img).siblings().eq(0).removeAttr('srcset').attr('data-srcset', urls1);\n $(img).siblings().eq(1).removeAttr('srcset').attr('data-srcset', urls2);\n }\n if (imgUrl) {\n $(img).removeAttr('srcset').attr('data-srcset', imgUrl);\n }\n });\n } else {\n // handle iframes and imgs with no lazysizes library\n document.querySelectorAll('iframe.lazyload').forEach(video => {\n let endPoint = $(video).eq(0).attr('data-video-url');\n if (!endPoint) {\n return;\n }\n if ($(video).hasClass('cloudinary')) {\n video.setAttribute('src', endPoint);\n } else {\n $.ajax({\n url: endPoint,\n success: function(data) {\n video.setAttribute('src', data.videoURL);\n }\n });\n }\n });\n }\n\n changeBackground();\n\n $(document).on('click', '.js-resetPwd-request', function (e) {\n var form = $(this).closest('form');\n e.preventDefault();\n var url = form.attr('action');\n form.spinner().start();\n $('form.resetPwd').trigger('resetpwd:submit', e);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (data.success) {\n $('form.cc-resetPwd').empty().html(\n '
' +\n '
' + data.receivedMsgHeading + '
' +\n '
' + data.receivedMsgBody + '
' +\n '
' +\n '' +\n '
'\n\n );\n $(document).find('.js-request-text').addClass('d-none');\n } else {\n $('form.cc-resetPwd').find('#forgotPasswordemail').addClass('cc-error');\n $('form.cc-resetPwd').find('.cc-feedback-message .cc-text-message-error').empty().html(data.loginEmail);\n $('#forgotPasswordemail').focus();\n }\n },\n error: function (data) {\n $(document).find('.js-request-text').removeClass('d-none');\n }\n });\n return false;\n });\n\n // apple pay analytics\n $(document).on('click', '.js-analytics-fastCheckout', function() {\n var method = $(this).data('method');\n var accessType = $(this).parents('.js-analytics-position').data('position');\n if ($('.product-detail.cc-pdp').length && !(accessType && accessType.indexOf('pdp') !== 0)) {\n if ($('body:not(.cc-mobile)').length) {\n if ($(this).parents('.js-sticky-add-to-cart').length) {\n accessType = 'pdp-sticky-bottom';\n } else {\n accessType = 'pdp';\n }\n } else if ($('.cc-pdp__info--top').length) {\n if ($('.cc-pdp__resume-mobile--fixed').length) {\n accessType = 'pdp-sticky-top-micro';\n } else {\n accessType = 'pdp-sticky-top-macro';\n }\n } else {\n accessType = 'pdp-sticky-bottom';\n }\n } else {\n accessType = $(this).parents('.js-analytics-position').data('position');\n }\n\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'checkout',\n eventAction: 'fast',\n eventLabel: method,\n accessType: accessType\n });\n });\n\n $(document).on('click', '.js-button-scroll-down', function (e) {\n var moduleEnd = $(this).closest('.cc-pd').position().top + $(this).closest('.cc-pd').height() - 53;\n $(window).scrollTop(moduleEnd);\n });\n // Analytics search suggestion click link\n $(document).on('click', '.js-analytics-searchLink', function (e) {\n var analiticsSubCategory = $(this).data('analyticscategory');\n var eventAction;\n if ($(this).hasClass('cc-link')) {\n eventAction = $(this).closest('.cc-col-half').find('span a.js-analytics-searchLink').data('analyticscategory');\n } else {\n eventAction = analiticsSubCategory;\n }\n dataLayer.push({\n event: 'internalSearch',\n eventCategory: 'Internal Search',\n eventAction: eventAction,\n eventLabel: analiticsSubCategory\n });\n });\n // Analytics search suggestion did you mean\n $(document).on('click', '.js-analytics-didYouMean', function(e) {\n var label = $(this).data('searchkeyword');\n e.preventDefault();\n $.spinner().start();\n dataLayer.push({\n event: 'internalSearch',\n eventCategory: 'Internal Search',\n eventAction: 'Suggestion',\n eventLabel: label\n });\n window.location.href = $(this).attr('href');\n });\n\n // 27 - Animated Slide\n if ($('.editmode').length === 0) {\n if ($('.cc-pd-animated-slide').length > 0) {\n window.onload = function() {\n var windowHeight = $(window).height();\n\n // Set module height\n $('.cc-pd-animated-slide').each(function() {\n var $moduleWrp = $(this).find('.cc-pd-animated-slide-wrp');\n var $module = $(this).find('.cc-pd-animated-slide-item');\n var moduleHeight = $module.outerHeight();\n $moduleWrp.css('height', moduleHeight + 'px');\n if ($(this).find('video').length > 0) {\n $(this).find('video').on('loadstart', function() {\n var $videoContainer = $moduleWrp.find('.cc-content-video-mobile');\n var videoConf = $videoContainer.children().data('videoconf');\n var controlsEnabled = videoConf.indexOf('\\\\\"controls\\\\\":true');\n if ($videoContainer && controlsEnabled >= 0) {\n $videoContainer.addClass('video-controls-active');\n }\n var moduleHeight = $module.outerHeight();\n $moduleWrp.css('height', moduleHeight + 'px');\n });\n }\n if ($(this).find('.cc-pd-accordion').length > 0) {\n $moduleWrp.css('height', 'fit-content');\n } else {\n $(window).scroll(function() {\n moduleHeight = $module.outerHeight();\n $moduleWrp.css('height', moduleHeight + 'px');\n });\n }\n });\n\n // Animation for attached module on scroll\n if ($('.cc-pd-animated-slide.cc-module-attached').length > 0) {\n $('.cc-pd-animated-slide.cc-module-attached').each(function() {\n var $moduleWrp = $(this).find('.cc-pd-animated-slide-wrp');\n var $module = $(this).find('.cc-pd-animated-slide-item');\n var moduleHeight = $module.outerHeight();\n\n var moduleTop = $moduleWrp.offset().top;\n var moduleBottom = $moduleWrp.offset().top + moduleHeight;\n\n $(window).scroll(function() {\n var scrollpx = $(window).scrollTop();\n var bottomMonitor = scrollpx + windowHeight;\n moduleHeight = $module.outerHeight();\n moduleTop = $moduleWrp.offset().top;\n moduleBottom = $moduleWrp.offset().top + moduleHeight;\n\n if (moduleHeight >= windowHeight) {\n if (bottomMonitor >= moduleBottom) {\n $module.addClass('cc-module-fixed');\n } else {\n $module.removeClass('cc-module-fixed');\n }\n } else {\n if (scrollpx >= moduleTop) {\n $module.addClass('cc-module-fixed-top');\n } else {\n $module.removeClass('cc-module-fixed-top');\n }\n }\n });\n });\n }\n\n // Animation for title\n if ($('.cc-pd-animated-slide.cc-animation-title--animated').length > 0) {\n $('.cc-pd-animated-slide.cc-animation-title--animated').each(function() {\n var $this = $(this);\n var $moduleWrp = $(this).find('.cc-pd-animated-slide-wrp');\n var $module = $(this).find('.cc-pd-animated-slide-item');\n var moduleHeight = $module.outerHeight();\n var moduleTop = $moduleWrp.offset().top;\n var moduleBottom = moduleTop + moduleHeight;\n var $text = $(this).find('.cc-as-text-wrp > .cc-as-content-text');\n var textHeight = $text.outerHeight();\n var scrollpx = $(window).scrollTop();\n\n if ($this.hasClass('cc-animation-title--fixed-center')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n } else if ($this.hasClass('cc-animation-title--fade')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n $text.removeClass('cc-as-content-text--transparent');\n }\n }\n } else {\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--bottom');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--fixed-center');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--top');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--fixed-center');\n $text.removeClass('cc-as-content-text--bottom');\n } else {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--bottom');\n }\n }\n }\n\n $(window).scroll(function() {\n scrollpx = $(window).scrollTop();\n moduleHeight = $module.outerHeight();\n moduleTop = $moduleWrp.offset().top;\n moduleBottom = moduleTop + moduleHeight;\n\n if ($this.hasClass('cc-animation-title--size') && $this.find('.cc-content-title-image').length > 0) {\n var $titleImage = $this.find('.cc-content-title-image');\n var difference = moduleBottom - (windowHeight / 2) - (textHeight / 2);\n var differenceScroll = difference - scrollpx;\n var res = (1 + (differenceScroll / difference) * 2);\n if (res < 1) {\n res = 1;\n } else if (res > 3) {\n res = 3;\n }\n $titleImage.css('transform', 'scale(' + res + ')');\n }\n\n if ($this.hasClass('cc-animation-title--fixed-center')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n } else if ($this.hasClass('cc-animation-title--fade')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n $text.removeClass('cc-as-content-text--transparent');\n }\n }\n } else {\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--bottom');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--fixed-center');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--top');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--fixed-center');\n $text.removeClass('cc-as-content-text--bottom');\n } else {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--bottom');\n }\n }\n }\n });\n });\n }\n };\n\n // Resize\n $(window).resize(function () {\n var windowHeight = $(window).height();\n\n // Set module height\n $('.cc-pd-animated-slide').each(function() {\n var $moduleWrp = $(this).find('.cc-pd-animated-slide-wrp');\n var $module = $(this).find('.cc-pd-animated-slide-item');\n var moduleHeight = $module.outerHeight();\n $moduleWrp.css('height', moduleHeight + 'px');\n if ($(this).find('video').length > 0) {\n $(this).find('video').on('loadstart', function() {\n var $videoContainer = $moduleWrp.find('.cc-content-video-mobile');\n var videoConf = $videoContainer.children().data('videoconf');\n var controlsEnabled = videoConf.indexOf('\\\\\"controls\\\\\":true');\n if ($videoContainer && controlsEnabled >= 0) {\n $videoContainer.addClass('video-controls-active');\n }\n var moduleHeight = $module.outerHeight();\n $moduleWrp.css('height', moduleHeight + 'px');\n });\n }\n $(window).scroll(function() {\n moduleHeight = $module.outerHeight();\n $moduleWrp.css('height', moduleHeight + 'px');\n });\n });\n\n // Animation for attached module on scroll\n if ($('.cc-pd-animated-slide.cc-module-attached').length > 0) {\n $('.cc-pd-animated-slide.cc-module-attached').each(function() {\n var $moduleWrp = $(this).find('.cc-pd-animated-slide-wrp');\n var $module = $(this).find('.cc-pd-animated-slide-item');\n var moduleHeight = $module.outerHeight();\n\n var moduleTop = $moduleWrp.offset().top;\n var moduleBottom = $moduleWrp.offset().top + moduleHeight;\n\n $(window).scroll(function() {\n var scrollpx = $(window).scrollTop();\n var bottomMonitor = scrollpx + windowHeight;\n moduleHeight = $module.outerHeight();\n moduleTop = $moduleWrp.offset().top;\n moduleBottom = $moduleWrp.offset().top + moduleHeight;\n\n if (moduleHeight >= windowHeight) {\n if (bottomMonitor >= moduleBottom) {\n $module.addClass('cc-module-fixed');\n } else {\n $module.removeClass('cc-module-fixed');\n }\n } else {\n if (scrollpx >= moduleTop) {\n $module.addClass('cc-module-fixed-top');\n } else {\n $module.removeClass('cc-module-fixed-top');\n }\n }\n });\n });\n }\n\n // Animation for title\n if ($('.cc-pd-animated-slide.cc-animation-title--animated').length > 0) {\n $('.cc-pd-animated-slide.cc-animation-title--animated').each(function() {\n var $this = $(this);\n var $moduleWrp = $(this).find('.cc-pd-animated-slide-wrp');\n var $module = $(this).find('.cc-pd-animated-slide-item');\n var moduleHeight = $module.outerHeight();\n var moduleTop = $moduleWrp.offset().top;\n var moduleBottom = moduleTop + moduleHeight;\n var $text = $(this).find('.cc-as-text-wrp > .cc-as-content-text');\n var textHeight = $text.outerHeight();\n var scrollpx = $(window).scrollTop();\n\n if ($this.hasClass('cc-animation-title--fixed-center')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n } else if ($this.hasClass('cc-animation-title--fade')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n $text.removeClass('cc-as-content-text--transparent');\n }\n }\n } else {\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--bottom');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--fixed-center');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--top');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--fixed-center');\n $text.removeClass('cc-as-content-text--bottom');\n } else {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--bottom');\n }\n }\n }\n\n $(window).scroll(function() {\n scrollpx = $(window).scrollTop();\n moduleHeight = $module.outerHeight();\n moduleTop = $moduleWrp.offset().top;\n moduleBottom = moduleTop + moduleHeight;\n\n if ($this.hasClass('cc-animation-title--size') && $this.find('.cc-content-title-image').length > 0) {\n var $titleImage = $this.find('.cc-content-title-image');\n var difference = moduleBottom - (windowHeight / 2) - (textHeight / 2);\n var differenceScroll = difference - scrollpx;\n var res = (1 + (differenceScroll / difference) * 2);\n if (res < 1) {\n res = 1;\n } else if (res > 3) {\n res = 3;\n }\n $titleImage.css('transform', 'scale(' + res + ')');\n }\n\n if ($this.hasClass('cc-animation-title--fixed-center')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n } else if ($this.hasClass('cc-animation-title--fade')) {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--transparent');\n } else {\n $text.removeClass('cc-as-content-text--transparent');\n }\n }\n } else {\n if ((moduleBottom - scrollpx) <= ((windowHeight / 2) + (textHeight / 2))) {\n $text.addClass('cc-as-content-text--bottom');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--fixed-center');\n } else {\n if ((moduleTop - scrollpx) > ((windowHeight / 2) - (textHeight / 2))) {\n $text.addClass('cc-as-content-text--top');\n $text.removeAttr('style');\n $text.removeClass('cc-as-content-text--fixed-center');\n $text.removeClass('cc-as-content-text--bottom');\n } else {\n $text.addClass('cc-as-content-text--fixed-center');\n $text.css({ top: windowHeight / 2, position: 'fixed' });\n $text.removeClass('cc-as-content-text--top');\n $text.removeClass('cc-as-content-text--bottom');\n }\n }\n }\n });\n });\n }\n });\n };\n }\n\n // Animation text (lateral entry)\n if ($('.cc-animated-text').length > 0) {\n if ($('.cc-animated-text .cc-title').length > 0) {\n $('.cc-animated-text .cc-title').html(function () {\n var chars = $(this).text().split('');\n for (var j = 0; j < chars.length; j) {\n if (chars[j] === ' ') {\n chars[j] = ' ';\n } else {\n chars[j] = chars[j] + '';\n }\n }\n return '' + chars.join('') + '';\n });\n }\n }\n\n // 30 Relatives Slider and 39 Ghost Carousel\n {\n const cleanClonedSlideAnalytics = function(selector) {\n $(selector).on('init', function (event, slick, direction) {\n $(this).find('.slick-slide.slick-cloned .new-analytics.js-analytics-impressions-product-not-impressed').removeClass('js-analytics-impressions-product-not-impressed');\n });\n }\n\n const initializeSlider = function(selector) {\n $(selector).each(function () {\n var slidesContainer = $(this);\n var isGhostCarousel = $(this).find('.cc-ghostCarousel-item').length > 0;\n\n // remove empty childrens\n $(this).children(':empty').remove();\n\n // hide ghost carousel if has less than 3 child elements\n if (isGhostCarousel && $(this).children().length < 3) {\n $(this).closest('.cc-pd-ghostCarousel').addClass('d-none');\n }\n\n slidesContainer.slick({\n infinite: true,\n autoplay: false,\n focusOnSelect: false,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 4,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: '',\n responsive: [\n {\n breakpoint: 1199.98,\n settings: {\n slidesToShow: 2\n }\n },\n {\n breakpoint: 767.98,\n settings: {\n slidesToShow: 2\n }\n },\n {\n breakpoint: 599.98,\n settings: {\n slidesToShow: 1,\n centerMode: isGhostCarousel,\n centerPadding: isGhostCarousel ? '30px' : '0px'\n }\n }\n ]\n });\n const iframe = document.querySelectorAll('.slick-slide.slick-cloned iframe.lazyload');\n iframe.forEach(video => {\n let endPoint = $(video).eq(0).attr('data-video-url');\n if (!endPoint) {\n return;\n }\n if ($(video).hasClass('cloudinary')) {\n video.setAttribute('src', endPoint);\n } else {\n $.ajax({\n url: endPoint,\n success: function(data) {\n video.setAttribute('src', data.videoURL);\n }\n });\n }\n });\n });\n\n $('.cc-slider-prev').attr('aria-label', window.commonAria.prevSlideProducts.label);\n $('.cc-slider-next').attr('aria-label', window.commonAria.nextSlideProducts.label);\n }\n\n const updatePrices = function() {\n var productIds = [];\n \n $('.cc-pd-relatives-item .product').each(function(){\n let $product = $(this);\n let pid = $product.attr('data-pid');\n let priceAlreayUpdated = $('.cc-price.js-price', $product).is('[data-price-updated]');\n if (productIds.indexOf(pid) == -1 && ! priceAlreayUpdated) {\n productIds.push(pid);\n }\n });\n\n if (productIds.length) {\n $(document).trigger('product:updatePrices', productIds);\n }\n }\n\n $(document).on('click', '.js-relatives-group-switch', function(event) {\n let creative = $(this).closest('.cc-pd-relatives-groups').attr('data-creative');\n let moduleID = $(this).closest('.cc-pd-relatives-groups').attr('data-id');\n let groupID = $(this).attr('data-groupid');\n\n let $containerModule = $(this).closest('.cc-pd-relatives-groups');\n let $existingGroup = $(`[defaultgroupid=\"${groupID}\"]:not(:empty)`, $containerModule);\n\n if ($existingGroup.length) {\n $('.experience-relativesGroups > div', $containerModule).addClass('d-none');\n $existingGroup.removeClass('d-none');\n\n // update active group CTA\n $(this).addClass('cc-active').siblings().removeClass('cc-active');\n } else {\n let querystring = $('div.page').attr('data-querystring');\n let cid = new URLSearchParams(querystring).get('cid') || $('.storepage').attr('id');\n let $genderPage = $(this).parents('#mainContentContainer[data-page-id]');\n if ($genderPage.length) {\n var isGenderPage = true;\n cid = $genderPage.attr('data-page-id');\n }\n $.spinner().start();\n $.ajax({\n url: $(this).attr('data-url'),\n type: 'post',\n data: {\n cid,\n _creative: creative,\n _groupID: groupID\n },\n success: function (data) {\n let $html = $(data).filter(isGenderPage ? 'div.gender-page' :'div.page')\n .find(`.cc-pd-relatives-groups[data-id=${moduleID}] .experience-relativesGroups > div:not(:empty)`);\n\n $('.experience-relativesGroups', $containerModule).append($html);\n cleanClonedSlideAnalytics('.cc-pd-relatives .cc-slider');\n initializeSlider($(`[defaultgroupid=\"${groupID}\"] .cc-pd-relatives .cc-slider`, $containerModule));\n\n $('.experience-relativesGroups > div', $containerModule).addClass('d-none');\n $(`[defaultgroupid=\"${groupID}\"]:not(:empty)`, $containerModule).removeClass('d-none');\n\n // update active group CTA\n $(event.target).addClass('cc-active').siblings().removeClass('cc-active');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'relatives switch',\n eventAction: groupID\n });\n });\n\n const initializeRelativesSlider = function(parent='') {\n if ($(`${parent} .cc-slider .slick-slide`).length === 0) {\n cleanClonedSlideAnalytics(`${parent} .cc-slider`);\n initializeSlider(`${parent} .cc-slider`);\n // Adding tabindex -1 to all images inside the carousel.\n // This is needed because \"slick\" method automatically set the tabindex 0 but this causes accessibility issues\n $(`${parent} .cc-slider .js-pdp-variant-link.cc-standard-image`).attr('tabindex', -1);\n }\n }\n\n if ($('.cc-pd-relatives').length > 0) {\n initializeRelativesSlider('.cc-pd-relatives');\n updatePrices();\n }\n\n if ($('.cc-pd-ghostCarousel').length > 0) {\n initializeRelativesSlider('.cc-pd-ghostCarousel');\n }\n\n $(document).on('experience:init-30-relatives', function(_, parent){\n initializeRelativesSlider(`${parent} .cc-pd-relatives`);\n updatePrices();\n });\n }\n\n if ($('.cc-pd-slider-double-same.js-sliderContainer .cc-slider').length > 0) {\n \n if ($('.cc-pd-slider-double-same.js-sliderContainer .cc-slider .slick-slide').length === 0) {\n $('.cc-pd-slider-double-same.js-sliderContainer .cc-slider').each(function () {\n var slidesContainer = $(this);\n\n slidesContainer.slick({\n infinite: false,\n autoplay: false,\n focusOnSelect: true,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 1,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: ''\n });\n });\n }\n };\n\n // 31 Shop the image\n if ($(document).find('.cc-pd-shop-the-image').length > 0) {\n // handle open in new tab cta shop the image, replace\n var hrefsToReplace = $(document).find('a[href^=\"shop-the-image\"]');\n hrefsToReplace.each(function (index, elem) {\n var dataTarget = elem.attributes.href.value;\n var classes = elem.attributes.class ? elem.attributes.class.value : null;\n var value = elem.innerHTML;\n var ariaLabel = $('input[class=\"btn-aria-label-open-mobal\"]').val();\n var button = document.createElement('button');\n $(button).attr('data-target', dataTarget);\n $(button).attr('class', classes);\n $(button).attr('id', 'btn-' + dataTarget);\n $(button).attr('aria-label', ariaLabel);\n button.innerHTML = value;\n $(elem.parentNode).append(button);\n $(elem).remove();\n });\n $(document).on('click', 'button[data-target^=\"shop-the-image\"]', function(e) {\n e.preventDefault();\n var target = `#${$(this).attr('data-target')}`;\n if ($(target).length) {\n var m = new Modal(target, {\n onShow: ()=> {\n $(document).trigger('shop-the-image:modal-open');\n $('body:not(.cc-desktop)').addClass('cc-blocked');\n },\n onClose: () => $('body:not(.cc-desktop)').removeClass('cc-blocked')\n });\n m.open();\n\n $('.js-shop-the-image-close').one('click', function() {\n m.close();\n });\n $('body').on('product:afterAddToCart', function () {\n m.close();\n });\n }\n });\n\n // refresh product prices\n var productIds = [];\n $('.cc-pd-shop-the-image .product').each(function(){\n let $product = $(this);\n let pid = $product.attr('data-pid');\n let priceAlreayUpdated = $('.cc-price.js-price', $product).is('[data-price-updated]');\n if (productIds.indexOf(pid) == -1 && ! priceAlreayUpdated) {\n productIds.push(pid);\n }\n });\n\n if (productIds.length) {\n $(document).trigger('product:updatePrices', productIds);\n }\n }\n\n // 32 Accordion\n if ($(document).find('.cc-pd-accordion').length > 0) {\n $('.cc-pd a.cc-cta, .cc-pd a.cc-button').each(function() {\n if ($(this).attr('href').indexOf('accordion') !== -1) {\n $(this).attr('data-toggle', 'collapse');\n $(this).addClass('collapsed');\n $(this).attr('role', 'button');\n $(this).attr('aria-expanded', 'false');\n $(this).attr('aria-controls', $(this).attr('href'));\n $(this).attr('href', '#' + $(this).attr('href'));\n var ctaText = $(this).text();\n var arrowImg = $(document).find('.cc-pd-accordion')[0].dataset.arrow;\n $(this).html(ctaText + '');\n }\n });\n }\n\n // 34 Page Anchor\n if ($(document).find('.cc-pd-page-anchor').length > 0) {\n $(document).on('click', '.cc-pd-page-anchor .js-page-anchor-menu', function (e) {\n e.preventDefault();\n $(this).closest('.cc-content-buttons').toggleClass('cc-open');\n });\n\n var headerHeight = $('.cc-header').outerHeight();\n var anchorHeadHeight = $('.cc-pd-page-anchor .cc-page-anchor-head').outerHeight();\n var anchorOffset = headerHeight + anchorHeadHeight;\n\n $('.cc-pd-page-anchor .cc-page-anchor-head').addClass('cc-page-anchor-head-fixed');\n $('.cc-pd-page-anchor .cc-page-anchor-head').css('top', headerHeight + 'px');\n // $('.cc-pd-page-anchor .cc-anchor-point').css('top', '-' + anchorOffset + 'px');\n\n $(document).on('headerSticky:true', function() {\n headerHeight = $('.cc-header').outerHeight();\n anchorOffset = headerHeight + anchorHeadHeight;\n $('.cc-pd-page-anchor .cc-page-anchor-head').css('top', headerHeight + 'px');\n // $('.cc-pd-page-anchor .cc-anchor-point').css('top', '-' + anchorOffset + 'px');\n });\n $(document).on('headerSticky:false', function() {\n headerHeight = $('.cc-header').outerHeight();\n anchorOffset = headerHeight + anchorHeadHeight;\n $('.cc-pd-page-anchor .cc-page-anchor-head').css('top', headerHeight + 'px');\n // $('.cc-pd-page-anchor .cc-anchor-point').css('top', '-86px');\n });\n\n // close anchor selection dropdown after selecting one\n $(document).on('click', '.cc-page-anchor-head-item', function() {\n if (window.isDesktop) return;\n $(this).parents('.cc-content-buttons').removeClass('cc-open');\n });\n\n // scroll to the top of the page\n $(document).on('click', '.cc-page-anchor-gototop', function() {\n $(document).scrollTop(0);\n });\n\n // adjust anchor positioning\n var headerBannerHeight = $('.js-header-banner').innerHeight() || 0;\n if (headerBannerHeight) {\n $('.cc-anchor-point').each(function() {\n var currentValue = parseInt($(this).css('top'));\n $(this).css('top', currentValue - headerBannerHeight + 'px');\n });\n }\n\n var pageAnchorHeight = $('.cc-page-anchor-main-wrp').height();\n var $progressBar = $('.cc-page-anchor-head .cc-progressbar-active');\n var header = $('.js-header')[0];\n var anchorItems = $('.cc-page-anchor-main-wrp > .cc-page-anchor-main-item').toArray();\n var headerHeightDiff;\n if (window.isDesktop) headerHeightDiff = 141 - 55;\n else if (window.isTablet) headerHeightDiff = 141 - 87;\n else headerHeightDiff = 83 - 55;\n\n $(document).on('scroll', _throttle(function(e) {\n // calculate progress\n var currentScroll = $(document).scrollTop();\n var progress = currentScroll / (pageAnchorHeight + headerHeightDiff + headerBannerHeight) * 100;\n $progressBar.css('width', progress + '%');\n\n // activate current section\n var target = header.offsetHeight + anchorHeadHeight;\n for (var item of anchorItems) {\n var pos = item.getBoundingClientRect();\n if (pos.top <= target && pos.bottom > target) {\n $('.cc-page-anchor-head-item > .cc-item-button.active').removeClass('active');\n var id = $(item).find('.cc-anchor-point').attr('id');\n $('.cc-item-button[href$=' + id + ']').addClass('active');\n break;\n }\n }\n }, 150));\n }\n\n // 38 Newsletter overlay\n var hrefsToReplaceNewsletter = $(document).find('a[href^=\"overlay-newsletter\"]');\n hrefsToReplaceNewsletter.each(function (index, elem) {\n var dataTarget = elem.attributes.href.value;\n var classes = elem.attributes.class ? elem.attributes.class.value : '';\n var dataCsCverrideId = elem.attributes['data-cs-override-id'] ? elem.attributes['data-cs-override-id'].value : null;\n var value = elem.innerHTML;\n var ariaLabel = $('input[name=\"aria-label-nl-openmodal\"]').val();\n var dataAnalyticsLabel = elem.attributes['data-analyticslabel'] ? elem.attributes['data-analyticslabel'].value : null;\n var button = document.createElement('button');\n $(button).attr('data-target', dataTarget);\n $(button).attr('class', classes);\n $(button).attr('aria-label', ariaLabel);\n $(button).attr('data-cs-override-id', dataCsCverrideId);\n $(button).attr('data-analyticslabel', dataAnalyticsLabel);\n button.innerHTML = value;\n $(elem.parentNode).append(button);\n $(elem).remove();\n });\n\n $(document).on('click', 'button[data-target^=\"overlay-newsletter\"]:not(.js-footer-newsletter-button)', function(e) {\n e.preventDefault();\n var target = $(this).attr('data-target');\n var analyticsLabel = $(this).data('analyticslabel') || 'banner_editoriale';\n // var source = $(this).attr('data-source');\n $(document).trigger('overlaynewsletter:showmodal', {\n target: target,\n source: analyticsLabel\n });\n });\n // Select newsletter preferences click event\n $(document).on('click', '.js-newsletter .cc-newsletter-form-preferences .cc-checkbox', function(e) {\n var $preferences = $(this).closest('.cc-newsletter-form-preferences');\n var countCheckedPreferences = $('.cc-checkbox:checked', $preferences).length;\n var privacyContainer = $preferences.siblings('.js-newsletter-privacy');\n var isFirstCheckedPreferences = countCheckedPreferences === 1 && privacyContainer.hasClass('d-none');\n var $privacyField = privacyContainer.find('.js-privacyShopping[value=\"true\"]');\n if (countCheckedPreferences > 0) {\n privacyContainer.removeClass('d-none');\n } else if (!$privacyField.length || !$privacyField.is(':checked')) { // preventing hiding consent section if customer select consent\n privacyContainer.addClass('d-none');\n }\n if (isFirstCheckedPreferences) {\n scrollAnimate($preferences.siblings('.js-newsletter-privacy'), { scrollableParent: $preferences.closest('.cc-overlay-info') });\n }\n });\n\n // Accessibility on new Newsletter Modal Instance ID: 2194494626\n $(document).ready(function() {\n if ($(document).find('.js-form-overlay-newsletter button[role=\"combobox\"]').length > 0) {\n var buttonElement = $('.js-form-overlay-newsletter button[role=\"combobox\"]')[0];\n var selectElement = $('.js-form-overlay-newsletter select')[0];\n buttonElement.setAttribute('aria-controls', selectElement.getAttribute(\"id\"));\n }\n });\n\n $(document).on('click', '.js-form-overlay-newsletter-step1 button[type=\"submit\"]', function(e) {\n var $form = $(this.form);\n var $modal = $form.closest('.cc-overlay-info');\n var url = $form.attr('data-action');\n var modalSource = $(this).closest('.cc-pd-overlay-newsletter.cc-open').data('analyticslabel');\n const readyToSubmit = $.Deferred();\n\n if (navigationCountry === 'CN') {\n // initialize tencent captcha\n var $tencentCaptcha = $('.js-tencent-captcha-container', $form);\n TencentCaptcha.initialize($tencentCaptcha, readyToSubmit);\n } else {\n readyToSubmit.resolve();\n }\n\n readyToSubmit.done(function(){\n $.ajax({\n url: url,\n type: 'POST',\n dataType: 'json',\n data: $form.serialize(),\n beforeSend: function() {\n $.spinner().start();\n },\n complete: function() {\n $.spinner().stop();\n },\n success: function(data) {\n if (data.success) {\n // switch to step 2\n $('.js-overlay-title-top--step-1', $modal).addClass('d-none');\n $('.js-overlay-title-top--step-2', $modal).removeClass('d-none');\n $('.cc-overlay-info__titles--step1', $modal).addClass('d-none');\n $('.cc-overlay-form--step1', $modal).addClass('d-none');\n $('.cc-overlay-info__titles--step2', $modal).removeClass('d-none');\n $('.cc-overlay-form--step2', $modal).removeClass('d-none');\n $('.js-nwl-email-step2', $modal).val(data.email);\n\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_ok', eventLabel: modalSource });\n $(document).trigger('analytics:newsletter', { eventAction: 'step2', eventLabel: modalSource });\n } else {\n if (data.isCustomer) {\n $('.js-overlaynewsletter-customer-exist', $form).removeClass('cc-invisible');\n } else {\n $('.js-overlaynewsletter-technical-error', $form).removeClass('cc-invisible');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_fail', eventLabel: modalSource });\n }\n }\n },\n error: function() {\n $('.js-overlaynewsletter-technical-error', $form).removeClass('cc-invisible');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_fail', eventLabel: modalSource });\n }\n });\n });\n return false;\n });\n\n $(document).on('click', '.js-form-overlay-newsletter-step2 button[type=\"submit\"]', function(e) {\n var $form = $(this.form);\n var $modal = $form.closest('.cc-overlay-info');\n var url = $form.attr('data-action');\n var modalSource = $(this).closest('.cc-pd-overlay-newsletter.cc-open').data('analyticslabel');\n var randomId = $form.attr('data-id');\n\n $.ajax({\n url: url,\n type: 'POST',\n dataType: 'json',\n data: $form.serialize(),\n beforeSend: function() {\n $.spinner().start();\n },\n complete: function() {\n $.spinner().stop();\n },\n success: function(data) {\n if (data.success) {\n // switch to thank you page\n $('.cc-overlay-info__titles--step2', $modal).addClass('d-none');\n $('.cc-overlay-form--step2', $modal).addClass('d-none');\n $('.cc-overlay-typ', $modal).removeClass('d-none');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_ok_step2', eventLabel: modalSource });\n if (data.filledData) {\n var filledData = data.filledData;\n $(document).trigger('analytics:newsletter',\n { eventAction: 'save_preferences',\n eventLabel: `${filledData.name}|${filledData.surname}|${filledData.consent}|${filledData.interest}`,\n other: filledData.interestlist.replaceAll(';', '|')\n }\n );\n }\n\n $('.cc-pd-overlay-newsletter.cc-open .js-pd-overlay-close').on('click', function() {\n if (!$('.cc-overlay-typ', $modal).hasClass('d-none')) {\n $('.cc-pd-overlay-newsletter.cc-open').addClass('prevent-analytics-close');\n $(document).trigger('analytics:newsletter', { eventAction: 'confirmation_close', eventLabel: modalSource });\n $('.cc-overlay-info__titles--step1', $modal).removeClass('d-none');\n $('.cc-overlay-form--step1', $modal).removeClass('d-none');\n $('.cc-overlay-typ', $modal).addClass('d-none');\n }\n });\n } else {\n $('.js-overlaynewsletter-technical-error', $form).removeClass('cc-invisible');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_fail', eventLabel: modalSource });\n }\n },\n error: function() {\n $('.js-overlaynewsletter-technical-error', $form).removeClass('cc-invisible');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_fail', eventLabel: modalSource });\n }\n });\n return false;\n });\n\n $(document).on('click', '.js-form-overlay-newsletter-full button[type=\"submit\"]', function(e) {\n var $form = $(this).closest('.js-form-overlay-newsletter');\n var $modal = $form.closest('.cc-overlay-info');\n var modalSource = $(this).closest('.cc-pd-overlay-newsletter.cc-open').data('analyticslabel');\n var chatAlreadyHidden = $form.closest('.cc-pd-overlay-newsletter').data('chatAlreadyHidden');\n var simpleType = $modal.closest('.js-newsletter').attr('data-type') === 'simple';\n\n if ($form.attr('data-target')) {\n $('.cc-pd-overlay-newsletter.cc-open').addClass('prevent-analytics-close');\n $(document).trigger('overlaynewsletter:showmodal', {\n target: $form.attr('data-target'),\n source: modalSource,\n email: $('input[type=\"email\"]', $form).val(),\n chatAlreadyHidden: chatAlreadyHidden\n });\n return false;\n }\n\n var url = $form.attr('data-action');\n var randomId = $form.attr('data-id');\n const readyToSubmit = $.Deferred();\n\n if (simpleType) {\n readyToSubmit.resolve();\n } else {\n if (navigationCountry === 'CN') {\n // initialize tencent captcha\n var $tencentCaptcha = $('.js-tencent-captcha-container', $form);\n TencentCaptcha.initialize($tencentCaptcha, readyToSubmit);\n } else {\n readyToSubmit.resolve();\n }\n }\n\n readyToSubmit.done(function(){\n $.ajax({\n url: url,\n method: 'post',\n dataType: 'json',\n data: $form.serialize(),\n beforeSend: function() {\n $.spinner().start();\n },\n complete: function() {\n $.spinner().stop();\n },\n success: function (data) {\n if (data.success) {\n if (simpleType) {\n $(document).trigger('overlaynewsletter:close', {\n submit: true\n });\n $('.js-popUp-newsletter-upload').html(data.popUp);\n var successPopup = new Modal('.cc-overlay-success-popup[data-id=\"' + randomId + '\"]', { onClose: liveChatEnable });\n successPopup.open();\n $('.js-close-popup-overlay', successPopup.modal).one('click', function() {\n successPopup.close();\n $(document).trigger('analytics:newsletter', { eventAction: 'confirmation_close', eventLabel: modalSource });\n });\n } else {\n // switch to thank you page\n $('.cc-overlay-form', $modal).addClass('d-none');\n $('.cc-overlay-info__titles', $modal).addClass('d-none');\n $('.cc-overlay-typ', $modal).removeClass('d-none');\n\n $('.cc-pd-overlay-newsletter.cc-open .js-pd-overlay-close').on('click', function() {\n if (!$('.cc-overlay-typ', $modal).hasClass('d-none')) {\n $('.cc-pd-overlay-newsletter.cc-open').addClass('prevent-analytics-close');\n $(document).trigger('analytics:newsletter', { eventAction: 'confirmation_close', eventLabel: modalSource });\n $('.cc-overlay-info__titles', $modal).removeClass('d-none');\n $('.cc-overlay-form', $modal).removeClass('d-none');\n $('.cc-overlay-typ', $modal).addClass('d-none');\n }\n });\n }\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_ok', eventLabel: modalSource });\n if (data.filledData) {\n var filledData = data.filledData;\n $(document).trigger('analytics:newsletter',\n { eventAction: 'save_preferences',\n eventLabel: `${filledData.name}|${filledData.surname}|${filledData.consent}|${filledData.interest}`,\n other: filledData.interestlist.replaceAll(';', '|')\n }\n );\n }\n } else {\n if (data.isCustomer) {\n $('.js-overlaynewsletter-customer-exist', $form).removeClass('cc-invisible');\n } else {\n $('.js-overlaynewsletter-technical-error', $form).removeClass('cc-invisible');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_fail', eventLabel: modalSource });\n }\n }\n },\n error: function (data) {\n $('.js-overlaynewsletter-technical-error', $form).removeClass('cc-invisible');\n $(document).trigger('analytics:newsletter', { eventAction: 'submit_fail', eventLabel: modalSource });\n }\n });\n });\n\n return false;\n });\n\n $(document).on('click', '.js-analytics-nwl-registration', function(e) {\n var modalSource = $(this).closest('.cc-pd-overlay-newsletter.cc-open').data('analyticslabel');\n $(document).trigger('analytics:newsletter', { eventAction: 'go_to_registration', eventLabel: modalSource });\n });\n\n $(document).on('click', '.js-analytics-nwl-notnow', function(e) {\n var modalSource = $(this).closest('.cc-pd-overlay-newsletter.cc-open').data('analyticslabel');\n $(document).trigger('analytics:newsletter', { eventAction: 'not_now', eventLabel: modalSource });\n\n $(document).trigger('overlaynewsletter:close', {\n submit: true\n });\n });\n\n $(document).on('overlaynewsletter:showmodal', function(e, data) {\n var modal;\n var modalTarget = data.target;\n var source = data.source;\n var email = data.email;\n\n CSRFUtil.refreshToken();\n\n // close current modal (usefull for mini popup)\n $('.cc-pd-overlay-newsletter.cc-open .js-pd-overlay-close').trigger('click', {submit: true});\n\n var $target = $(`.${modalTarget}`);\n if ($target.length) {\n $target.data('analyticslabel', source);\n var autoRefreshID;\n modal = new Modal($target, {\n onShow: () => {\n // auto refresh CSRF token every 45 minutes\n autoRefreshID = CSRFUtil.startAutoRefresh(45);\n if (data.chatAlreadyHidden !== undefined) {\n var chatAlreadyHidden = chatAlreadyHidden;\n } else {\n var chatAlreadyHidden = $('.helpButton, #embeddedMessagingConversationButton').eq(0).is(':hidden');\n }\n modal.custom.chatAlreadyHidden = chatAlreadyHidden;\n modal.modal.data('chatAlreadyHidden', chatAlreadyHidden);\n if (! chatAlreadyHidden) liveChatDisable();\n },\n onClose: () => {\n CSRFUtil.stopAutoRefresh(autoRefreshID);\n if (! modal.custom.submit && ! modal.custom.chatAlreadyHidden) {\n liveChatEnable();\n // remove event listeners\n $target.off();\n }\n }\n });\n\n var $grecaptcha = $('.js-captcha-form.lazyloading', $target);\n if ($grecaptcha.length) {\n document.body.dispatchEvent(new CustomEvent('grecaptcha-load', {detail: $grecaptcha}));\n }\n\n if (email) {\n $('input[type=\"email\"]', $target).val(email);\n }\n \n modal.open();\n\n \n $target.on('click', '.js-pd-overlay-close', function(e, data) {\n e.stopImmediatePropagation();\n var object = $('.cc-pd-overlay-newsletter.cc-open');\n if (data && data.submit) {\n modal.custom.submit = true;\n }\n modal.close();\n if (!object.hasClass('prevent-analytics-close')) {\n var label = object.data('analyticslabel');\n $(document).trigger('analytics:newsletter', { eventAction: 'dismiss', eventLabel: label });\n } else {\n object.removeClass('prevent-analytics-close');\n }\n });\n\n $target.on('click', '.js-overlaynewsletter-customer-exist .cc-link', function(e) {\n e.stopImmediatePropagation();\n $('.js-pd-overlay-close', $target).trigger('click');\n if (window.isDesktop) {\n scrollAnimate(0, {duration: 200});\n $('.js-open-registration-modal').eq(0).trigger('click');\n } else {\n document.location = $(this).closest('#js-take-to-login').data('url');\n }\n });\n // analytics modal open\n var action = $target.hasClass('cc-pd-overlay-newsletter--small') ? 'mini_popup_open' : 'start';\n $(document).trigger('analytics:newsletter', { eventAction: action, eventLabel: source });\n }\n });\n\n // utilizzato dalla submit della form per dismettere la modale\n $(document).on('overlaynewsletter:close', function(e, data) {\n // analytics modal close\n if (data && data.submit) {\n $('.cc-pd-overlay-newsletter.cc-open').addClass('prevent-analytics-close');\n }\n $('.cc-pd-overlay-newsletter.cc-open .js-pd-overlay-close').trigger('click', data);\n });\n\n // set cookies\n if ($('.cc-pd-sticky-banner').length > 0) {\n $('.cc-pd-sticky-banner').each(function() {\n var cookieName = $(this).data('cookiename');\n var cookie = getCookie(cookieName);\n if (!cookie) {\n $(this).removeClass('d-none');\n var nameBanner;\n var bannerHeigth = $(document).find('.js-banner-cookie').height() + 3;\n var tagStyle = '';\n $('body').append(tagStyle);\n if ($('.storepage').length > 0) {\n nameBanner = $('.storepage').attr('id');\n } else {\n nameBanner = $(document).find('#searchList').val();\n }\n if ($('body').hasClass('cc-mobile') && ($(document).find('.sticky-bar-mobile').length > 0) && !$(this).hasClass('custom-margin')) {\n var filterButtonHeigt = $(document).find('.sticky-bar-mobile').height() + 'px';\n $(this).css('bottom', filterButtonHeigt);\n }\n\n dataLayer.push({\n event: 'promoView',\n ecommerce: {\n promoView: {\n promotions: [{\n id: $(this).data('id'),\n name: nameBanner,\n creative: $(this).data('creative'),\n position: 0\n }]\n }\n }\n });\n }\n });\n }\n $(document).on('click', '.js-close-stickybanner', function () {\n var cookieName = $(this).closest('.js-banner-cookie').data('cookiename');\n var cookieExpire = $(this).closest('.js-banner-cookie').data('savingtime');\n setCookie(cookieName, true, cookieExpire);\n $(this).closest('.js-banner-cookie').addClass('d-none');\n $(document).find('#button-banner-style').remove();\n var bannerId = $(this).closest('.cc-pd-sticky-banner').data('id');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Ecommerce',\n eventAction: 'Promotion Close',\n eventLabel: bannerId\n });\n });\n\n if ($('.js-button-scroll-down').length) {\n if (isSafari()) {\n $('.js-button-scroll-down, .cc-pd-hero-xl-full .cc-scroll-down.cc-valign-bottom').addClass('cc-safari');\n }\n }\n\n // whatsapp integration logic\n function whatsappIntegration (){\n var $whatsApp = $('.js-whatsapp-integration');\n if ($whatsApp.length) {\n var url = $whatsApp.data('url');\n if (url) {\n $.ajax({\n url: url,\n type: 'get',\n success: function (data) {\n if (data.enableInThisCountry) {\n $whatsApp.fadeIn();\n $whatsApp.attr('href', data.overrideLink);\n } else {\n $whatsApp.remove();\n }\n },\n error: function () {\n $whatsApp.remove();\n }\n });\n } else {\n $whatsApp.remove();\n }\n }\n }\n whatsappIntegration();\n $(document).on('whatsappIntegration', whatsappIntegration);\n});\n\n$(document).on('click', '.js-open-product-3d', function (e) {\n e.preventDefault();\n var link = $(this).parent().find('a.js-pdp-variant-link');\n var analytics = $(this).parent().find('.js-analytics-click-product');\n if (analytics.length > 0) {\n analytics.trigger('mousedown');\n }\n if (link.length > 0) {\n link.trigger('click');\n }\n window.location.href = $(this).data('href');\n});\n\n\nmodule.exports = {\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","'use strict';\n\nconst CSRFUtil = {\n getToken: function() {\n return $('input[name=\"csrf_token\"]').val();\n },\n\n /**\n * Updates the tokens elements on the page.\n * Creates a new token element if there aren't any.\n * @param {string} newToken \n */\n updateToken: function(newToken) {\n var $inputs = $('input[name=\"csrf_token\"]');\n if ($inputs.length) {\n $inputs.val(newToken);\n } else {\n $('').attr({\n type: 'hidden',\n name: 'csrf_token',\n value: newToken\n }).appendTo('body');\n }\n },\n\n /**\n * Gets the token as a string \"csrf_token=\"\n */\n getAsQueryParam: function() {\n return $.param({csrf_token: this.getToken()});\n },\n\n /**\n * Gets the token as an object with \"name\" and \"value\" properties\n */\n getAsObject: function() {\n return {\n name: 'csrf_token',\n value: this.getToken()\n };\n },\n\n /**\n * Adds the token to serialized forms data\n * @param {Array|string|Object} formData serialized form data\n * @returns {Array} serialized form data array with CSRF token\n */\n addTokenToFormData: function(formData) {\n if (formData instanceof Array) {\n formData.push(this.getAsObject());\n } else if (typeof formData === 'string') {\n formData += `&${this.getAsQueryParam()}`\n } else { // object\n Object.assign(formData, {'csrf_token': this.getToken()});\n }\n return formData;\n },\n\n /**\n * Refresh the token and updates the existing ones\n */\n refreshToken: function() {\n var endpoint = $('#csrf-refresh-url').val();\n if (! endpoint) return false;\n\n $.ajax({\n url: endpoint,\n dataType: 'json',\n type: 'POST',\n success: function(data) {\n var csrf_value = data.csrf.token;\n module.exports.updateToken(csrf_value);\n }\n });\n },\n\n /**\n * Starts automatically refresh the token\n * @param {Number} minutes\n * @returns {Number} the ID of the interval\n */\n startAutoRefresh: function(minutes) {\n return setInterval(function() {\n module.exports.refreshToken();\n }, minutes * 60 * 1000);\n },\n\n /**\n * Stops automatically refresh the token\n * @param {Number} intervalId the ID of the interval to be stopped\n */\n stopAutoRefresh: function(intervalId) {\n clearInterval(intervalId);\n }\n}\n\nmodule.exports = CSRFUtil;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","'use strict';\n\nconst FOCUSABLE = 'button:not(:disabled):not([aria-hidden=\"true\"]),a[href]';\n\nmodule.exports = class Modal {\n constructor (element, config, custom={}) {\n this.modal = element;\n this._onKeyDown = this._onKeyDownFn.bind(this);\n this._open = false;\n this._previouslyFocussedElement = null;\n this._config = Object.assign({ onShow: null, onClose: null }, config);\n this.custom = custom;\n }\n\n _trapFocus (event) {\n let focusableNodes = $(this.modal).find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n const focusedItemIndex = focusableNodes.indexOf(document.activeElement);\n if (event.shiftKey && focusedItemIndex === 0) {\n focusableNodes[focusableNodes.length - 1].focus();\n event.preventDefault();\n }\n if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1) {\n focusableNodes[0].focus();\n event.preventDefault();\n }\n };\n\n _onKeyDownFn(event) {\n if (event.keyCode === 27) { // ESC\n this.close();\n } else if (event.keyCode === 9) { // TAB\n this._trapFocus(event);\n }\n };\n\n _registerEvents() {\n const closeEvt = (e) => {\n e.stopPropagation();\n this.close();\n };\n $(this.modal).one('click', '.js-close', closeEvt.bind(this));\n document.addEventListener('keydown', this._onKeyDown);\n }\n\n open() {\n this._previouslyFocussedElement = document.activeElement;\n let $modal = $(this.modal);\n $('body').addClass('cc-blocked');\n $modal.removeClass('hidden').attr('aria-hidden', 'false');\n const focusFirstElementInModal = () => {\n let focusableNodes = $modal.find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n focusableNodes[0].focus();\n };\n\n this._registerEvents();\n // We add the class in another frame in order to have the animation\n let t = this;\n setTimeout(function() {\n $modal.addClass('cc-open');\n focusFirstElementInModal();\n if (t._config.onShow) {\n t._config.onShow.apply(null, t.arguments);\n }\n }, 0);\n\n this._open = true;\n }\n\n close() {\n if (!this._open) {\n return;\n }\n if (this._previouslyFocussedElement) {\n let $modal = $(this.modal);\n $modal.removeClass('cc-open');\n $modal.one('transitionend', () => {\n if (! $modal.hasClass('cc-open')) {\n $modal.addClass('hidden').attr('aria-hidden', 'true');\n this._open = false;\n if (! $(this._previouslyFocussedElement).is('iframe')) {\n this._previouslyFocussedElement.focus();\n }\n }\n });\n if (this._config.onClose) {\n this._config.onClose.apply(null, arguments);\n }\n $('body').removeClass('cc-blocked');\n document.removeEventListener('keydown', this._onKeyDown);\n }\n }\n\n isOpen() {\n return this._open;\n }\n};\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var debounce = require('./debounce'),\n isObject = require('./isObject');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;\n","'use strict';\nfunction getBannerHeigth() {\n $(document).find('.js-header-banner').removeClass('d-none');\n var h = $(document).find('.js-header-banner .cc-item').height();\n // $(document).find('.js-header-banner').addClass('d-none');\n return h;\n};\n\nfunction initializeBannerHeader () {\n var height, heightBanner, tot, timeToShift;\n if ($(document).find('.js-banner-slider').length > 0) {\n timeToShift = $(document).find('.js-banner-slider').data('timetoshift') != undefined ? $(document).find('.js-banner-slider-fade').data('timetoshift') : 10000;\n heightBanner = getBannerHeigth();\n $('.js-banner-slider').each(function () {\n var slidesContainer = $(this);\n\n slidesContainer.slick({\n infinite: true,\n autoplay: true,\n focusOnSelect: false,\n centerMode: true,\n autoplaySpeed: timeToShift,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 1,\n variableWidth: false,\n dots: false,\n arrow: true,\n fade: false,\n prevArrow: '',\n nextArrow: ''\n });\n\n $('.cc-slider-prev').attr('aria-label', window.commonAria.prevSlide.label);\n $('.cc-slider-next').attr('aria-label', window.commonAria.nextSlide.label);\n });\n // $('.js-banner-slider').slick('refresh');\n height = 0;\n if ($('body').hasClass('cc-mobile') || $('body').hasClass('cc-tablet-portrait')) {\n height = 81;\n } else {\n height = 139;\n }\n tot = parseInt(height + heightBanner);\n $('.js-header, :not(.cc-page-header-fixed)>.cc-content-header').css({ 'min-height': tot });\n } else if ($(document).find('.js-banner-slider-fade').length > 0) {\n timeToShift = $(document).find('.js-banner-slider-fade').data('timetoshift') != undefined ? $(document).find('.js-banner-slider-fade').data('timetoshift') : 10000;\n heightBanner = getBannerHeigth();\n $('.js-banner-slider-fade').each(function () {\n var slidesContainer = $(this);\n if (!$(this).hasClass('slick-initialized')) {\n slidesContainer.slick({\n infinite: true,\n autoplay: true,\n focusOnSelect: false,\n centerMode: true,\n autoplaySpeed: timeToShift,\n speed: 1000,\n slidesToScroll: 1,\n slidesToShow: 1,\n variableWidth: false,\n dots: false,\n arrow: true,\n fade: true,\n // cssEase: 'cubic-bezier(0,.42,1,.7) 1s',\n // cssEase: 'ease-in-out',\n prevArrow: '',\n nextArrow: ''\n });\n }\n $('.cc-slider-prev').attr('aria-label', window.commonAria.prevSlide.label);\n $('.cc-slider-next').attr('aria-label', window.commonAria.nextSlide.label);\n\n });\n // $('.js-banner-slider-fade').slick('refresh');\n $('.js-banner-slider-fade').on('beforeChange', function() {\n $(document).find('.js-banner-slider-fade .cc-item').removeClass('animated fadeInLeft').css({'opacity': '0', 'transition': 'opacity 0.5s'});\n });\n $('.js-banner-slider-fade').on('afterChange', function() {\n setTimeout(() => {\n $(document).find('.js-banner-slider-fade .cc-item').addClass('animated fadeInLeft').css({'opacity': '1', 'transition': 'opacity 0.5s'});\n }, 50);\n });\n\n // fix share and heart buttons showing behind header banner\n if ($('body').hasClass('cc-mobile') || $('body').hasClass('cc-tablet')) {\n var unobserveTimeout;\n const resizeObserver = new ResizeObserver(element => {\n var h = $('.js-header').height();\n $('.js-header, :not(.cc-page-header-fixed)>.cc-content-header').css({ 'min-height': h });\n\n // stop the observer after 30 secs from the last size change.\n if (unobserveTimeout){\n window.clearTimeout(unobserveTimeout);\n }\n unobserveTimeout = setTimeout(() => {\n resizeObserver.unobserve($('.js-header-banner')[0]);\n }, 30 * 1000);\n });\n resizeObserver.observe($('.js-header-banner')[0]);\n }\n }\n}\nmodule.exports = {\n initializeBannerHeader: initializeBannerHeader\n};\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","/**\n * Updates the subtotal and totals of all items on cart\n * @param {Object} data - AJAX response from the server\n */\nfunction updateProductsTotalAndSubtotal(data) {\n if (data.productCardsUpdateHtml) {\n if ($('.cc-cart__productItemsContainer').length > 0) {\n if (data.uuid) {\n // manually updating of price, template complete update when they contains isinclude tags is not available due to res.json\n $('.js-item.js-uuid-' + data.uuid + ' .js-ptotal-' + data.uuid).text(data.updatedItem.priceTotal.price);\n $('.js-item.js-uuid-' + data.uuid + ' .js-item-quantity-' + data.uuid).attr('data-quantity', data.updatedItem.quantity);\n\n // Update aria-labels for accessibility\n $('.js-item.js-uuid-' + data.uuid + ' .js-accessibility-total-amount-' + data.uuid).attr('aria-label', window.cartAria.totalAmount.label + \" \" + data.updatedItem.priceTotal.price);\n $('.js-item.js-uuid-' + data.uuid + ' .js-accessibility-total-quantity-' + data.uuid).attr('aria-label', window.cartAria.totalQuantity.label + \" \" + data.updatedItem.quantity);\n\n $('.js-item.js-uuid-' + data.uuid + ' .js-analytics-click-product-info-' + data.updatedItem.id).attr('data-quantity', data.updatedItem.quantity);\n } else {\n $('.cc-cart__productItemsContainer').empty().append(data.productCardsUpdateHtml);\n }\n } else {\n $('.cc-product-items-container').empty().append(data.productCardsUpdateHtml);\n }\n }\n}\n/**\n * Checks whether the basket is valid. if invalid displays error message and disables\n * checkout button\n * @param {Object} data - AJAX response from the server\n */\nfunction validateBasket(data) {\n if (data.valid.error) {\n if (data.valid.message) {\n var errorHtml = '