' +\n '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'html',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n var messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-cart-messages').append(\n '' +\n '' +\n '' +\n '
' +\n '' +\n response.message +\n '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $('.bundle-item').each(function () {\n childProducts.push({\n pid: $(this).find('.product-id').text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10),\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find('.product-option')\n .map(function () {\n var $elOption = $(this).find('.options-select');\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]').data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId,\n };\n })\n .toArray();\n\n return JSON.stringify(options);\n}\n\nfunction updateStockNumber(stockNumber) {\n var $stockNumberContainer = $('.stock-number-content');\n if (stockNumber === '') {\n $stockNumberContainer.hide();\n } else {\n $stockNumberContainer.find('.value').text(stockNumber);\n $stockNumberContainer.show();\n }\n}\n\n// Accessibility - Keyboard navigation\n\nfunction showTooltip(e) {\n $(e.currentTarget).children('.swatch-tooltip').css('display', 'inline-block');\n // var productId = e.target.getAttribute('data-product');\n // var swatchTooltip = $(`div[data-product=${productId}]`).filter('[class=swatch-tooltip]')[1];\n\n // $(swatchTooltip).css('display', 'inline-block');\n}\n\nfunction navigationInTooltip(e) {\n // var activeSwatchTooltip = $('.swatch-tooltip:visible')[0];\n var activeSwatchTooltip = $(e.currentTarget).children('.swatch-tooltip');\n\n if (e.type === 'mouseleave' || e.type === 'focusout') {\n $(activeSwatchTooltip).css('display', 'none');\n return;\n }\n\n var activeElement = e.target;\n var lastLink = $(activeSwatchTooltip).children('a').last()[0];\n\n var swatchesDiv = $(activeSwatchTooltip).siblings()[0];\n\n if (\n (!e.shiftKey && e.key === 'Tab' && activeElement === lastLink) ||\n (e.shiftKey && e.key === 'Tab' && activeElement === swatchesDiv)\n ) {\n $(activeSwatchTooltip).css('display', 'none');\n }\n}\n/**\n * Event handler function that displays swatch tooltip on tab focus per current target,\n * if the currentTarget is currently active.\n */\nfunction showTooltipFocus(e) {\n var currentTooltip = $(e.currentTarget).siblings('.swatch-tooltip');\n currentTooltip.css('display', 'inline-block');\n //Adds the swatch-option divs to the tab order to focus on\n currentTooltip.children('.swatch-option').each(function () {\n $(this).children('.swatch-tooltip__caption').attr('tabindex', '0');\n //Set Tab index to -1 as the div caption will be used for focusing\n $(this).attr('tabindex', '-1');\n });\n //Tooltip is getting skipped due to swatches being the next element to tab to, hiding them causes the next available element to be the tooltip\n $('.swatches').each(function () {\n $(this).attr('tabindex', '-1');\n });\n}\n/**\n * Event handler function that hides swatch tooltip off tab focus per current target,\n * if the key down isn't shift.\n */\nfunction hideTooltipFocus(e) {\n var eventTarget = $(e.currentTarget);\n if (!e.shiftKey && e.keyCode === 9) {\n //Readd swatches to tabbing order\n $('.swatches').each(function () {\n $(this).attr('tabindex', '0');\n });\n eventTarget.parents('.swatch-tooltip').css('display', 'none');\n //Remove the current tooltip swatches from the tabbing order\n eventTarget\n .parents('.swatch-tooltip')\n .children('.swatch-option')\n .each(function () {\n $(this).children('.swatch-tooltip__caption').attr('tabindex', '-1');\n });\n } else {\n e.currentTarget.focus();\n }\n}\n\nfunction swatchOverride() {\n $('.swatch-tooltip__caption').on('focus mouseover touchstart', function (e) {\n e.preventDefault();\n let tile = $(this).closest('.product-tile');\n var swatchOptionParent = $(this).parents('.swatch-option')[0];\n tile.find('.tile-image').attr('src', swatchOptionParent.dataset.productImg);\n tile.find('.product-tile-link').attr('href', swatchOptionParent.href);\n tile.find('.product-name-link').attr('href', swatchOptionParent.href);\n tile.find('.swatch-circle').removeClass('selected-plp');\n $(this).find('img.swatch-circle').addClass('selected-plp');\n });\n}\n\nfunction addToCart(element) {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var $productDetail = $('.product-detail');\n var gtmdata = $productDetail.data('pdpdetails');\n\n $('body').trigger('product:beforeAddToCart', element);\n\n if ($('.set-items').length && $(element).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(element).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(element).find('.product-id').text(),\n qty: $(element).find('.quantity-select').val(),\n options: getOptions($(element)),\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(element));\n\n var $productContainer = $(element).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(element).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(element)),\n };\n\n var $productContainer = $(element).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(element).closest('.modal-content').find('.product-quickview');\n }\n\n var color = $('.swatch-attributes-container.order-1')\n .find('a.selectable.selected')\n .find('span')\n .attr('data-attr-display-value');\n var pSize = $('.btn-size.selected', $productContainer).data('attr-value');\n\n var pWidth = $('.btn-width.selected', $productContainer).data('attr-value');\n\n if (color != null) {\n gtmdata.color = color;\n } else {\n gtmdata.color = null;\n }\n\n if (pSize != null) {\n gtmdata.size = parseFloat(pSize);\n } else {\n gtmdata.size = null;\n }\n\n if (pWidth != null) {\n gtmdata.width = pWidth;\n } else {\n gtmdata.width = null;\n }\n\n gtmdata.qty = getQuantitySelected($(element));\n gtmdata.masterid = $productDetail.data('masterid');\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(element).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n form.addedFromStoreId = $('body')[0].id;\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n setdatalayer.AddToCart(gtmdata);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n }\n}\n\nfunction initializeSwatches() {\n var delay = 500;\n var setTimeoutId;\n $('.swatch-option').on('mouseover', function (e) {\n const swatch = $(this);\n setTimeoutId = setTimeout(function () {\n swatch.nextAll('.swatch-text-container').first().find('.swatch-alt-text').show();\n }, delay);\n });\n $('.swatch-option').on('mouseout', function (e) {\n clearTimeout(setTimeoutId);\n $(this).nextAll('.swatch-text-container').first().find('.swatch-alt-text').hide();\n });\n}\n\nfunction slickCarouselADA() {\n $(document).on('click', 'button.slick-arrow', function (e) {\n if ($(this).hasClass('slick-next')) {\n var slides = $(this).siblings('.slick-list').find('.slick-active');\n var imgAlt = $(slides[slides.length - 1])\n .find('img')\n .attr('alt');\n if ($(this).closest('.slick-carousel').hasClass('home-carousel')) {\n $('.home-carousel-updates').html(imgAlt ? imgAlt : '');\n } else {\n $(this)\n .closest('.slick-carousel')\n .parent()\n .find('.carousel-updates')\n .html(imgAlt ? imgAlt : '');\n }\n } else if ($(this).hasClass('slick-prev')) {\n var slides = $(this).siblings('.slick-list').find('.slick-active');\n var imgAlt = $(slides[0]).find('img').attr('alt');\n if ($(this).closest('.slick-carousel').hasClass('home-carousel')) {\n $('.home-carousel-updates').html(imgAlt ? imgAlt : '');\n } else {\n $(this)\n .closest('.slick-carousel')\n .parent()\n .find('.carousel-updates')\n .html(imgAlt ? imgAlt : '');\n }\n }\n });\n}\n\nmodule.exports = {\n iniatilize: function () {\n $(document).ready(function () {\n swatchOverride();\n initializeSwatches();\n $(document).on('mouseover touchstart', '.swatch-option', function (e) {\n initializeSwatches();\n swatchOverride();\n });\n slickCarouselADA();\n });\n },\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n },\n },\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] a', function (e) {\n e.preventDefault();\n\n if (\n $(this).attr('disabled') ||\n ($('[data-attr=\"color\"] a').length === 1 && $('[data-attr=\"color\"] a').hasClass('selected'))\n ) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect(e.currentTarget.href, $productContainer);\n });\n },\n\n buttonAttribute: function () {\n $(document).on('click', '.pdp-variation-button', function (e) {\n e.preventDefault();\n\n if ($('.pdp-variation-button').length === 1 && $('.pdp-variation-button').hasClass('selected')) {\n return;\n }\n\n // de-select all buttons within the current group\n $(this).parent().find('.pdp-variation-button').removeClass('selected').attr('aria-pressed', false);\n\n $(this).attr('aria-pressed', true);\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect(e.currentTarget.href, $productContainer);\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n attributeSelect($(e.currentTarget).find('option:selected').data('url'), $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n addToCart(this);\n });\n },\n\n buyNow: function () {\n $(document).on('click', 'button.buy-now', function () {\n addToCart(this);\n\n window.location.href = $('.buy-now-url').val();\n });\n },\n\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt(\n $(this).parents('.choice-of-bonus-product').find('.bonus-quantity-select').val(),\n 10\n );\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $(this).parents('.choice-of-bonus-product').find('.product-option').data('option-id');\n var valueId = $(this)\n .parents('.choice-of-bonus-product')\n .find('.options-select option:selected')\n .data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml =\n '' +\n '' +\n '
';\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n });\n },\n enableBonusProductSelection: function () {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr(\n 'disabled',\n !response.product.readyToOrder || !response.product.available\n );\n var pid = response.product.id;\n $('button.select-bonus-product').data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: function () {\n $('.modal-content').spinner().stop();\n },\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: [],\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption = parseInt($(this).data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option],\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('.error-choice-of-bonus-products').html(data.errorMessage);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n '' +\n $choiceOfBonusProduct.find('.product-name').html() +\n '
' +\n '' +\n '
' +\n data.msgSuccess +\n '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 3000);\n }\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n },\n openSocialLink: function () {\n $(document).on('click', '.social-container a', function (e) {\n var $link = $(this),\n productID = $('.product-number .product-id').text(),\n productURL = $link.parents('.social-container').data('producturl').replace('PRODUCT_ID', productID),\n imageURL = $('.primary-image-carousel .slick-current img').attr('src'),\n socialURL = $link\n .data('socialurl')\n .replace('PRODUCT_URL', encodeURIComponent(productURL))\n .replace('IMAGE_URL', encodeURIComponent(imageURL));\n\n $link.attr('href', socialURL);\n });\n },\n\n getPidValue: getPidValue,\n\n updateStockNumber: updateStockNumber,\n\n initializeImages: function () {\n var $productContainer = $('.product-detail'),\n $selectAttr = $('[data-attr] select'),\n $colorAttr = $('[data-attr=\"color\"] a.selectable'),\n $sizeAttr = $('[data-attr=\"size\"] a.selectable:not(.strikethrough)'),\n $widthAttr = $('[data-attr=\"width\"] a.selectable:not(.strikethrough)');\n\n if ($colorAttr.length > 0) {\n // There is 1 or more color swatches...\n if ($colorAttr.find('.selected').length === 0) {\n // ...and none of them are selected.\n // Auto-select the first color to display the C1 MAP product price and the correct product images.\n $colorAttr.first().click();\n } else {\n // ...and one of them is selected.\n if ($selectAttr.length === 0 && $sizeAttr.length === 0 && $widthAttr.length === 0) {\n // Accessory product with variant (likely color variant) pre-selected in URL leads here\n // There are no dropdown attributes or button attributes.\n // Extract and display the stock number and display the correct product images.\n var stockNumber = $('[data-pid]').first().data('pid').split('-')[1].slice(0, 6);\n updateStockNumber(stockNumber);\n updateProductImages();\n } else {\n // Product with variant pre-selected leads here\n // There is at least 1 dropdown attribute.\n // Trigger the first dropdown attribute to display the price for C1 MAP products and the correct product images.\n attributeSelect($productContainer.data('pdpdetails').selectedVariantUrl, $productContainer);\n }\n }\n } else if ($selectAttr.length > 0) {\n // gift card PDP should trigger this block\n // There are no color swatches, but there is at least 1 dropdown attribute.\n // Trigger the first dropdown attribute to display the price for C1 MAP products and the correct product images.\n attributeSelect($productContainer.data('pdpdetails').selectedVariantUrl, $productContainer);\n } else {\n // There are no swatch and dropdown attributes, just display the correct product images.\n updateProductImages();\n }\n },\n};\n","'use strict';\nvar base = require('./base');\n\nmodule.exports = {\n availability: base.availability,\n\n addToCart: base.addToCart,\n\n buyNow: base.buyNow,\n\n updateAttributesAndDetails: function () {\n $('body').on('product:statusUpdate', function (e, data) {\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\n\n $productContainer.find('.description-and-detail .product-attributes').empty().html(data.attributesHtml);\n\n if (data.shortDescription) {\n $productContainer.find('.description-and-detail .description').removeClass('hidden-xl-down');\n $productContainer\n .find('.description-and-detail .description .content')\n .empty()\n .html(data.shortDescription);\n } else {\n $productContainer.find('.description-and-detail .description').addClass('hidden-xl-down');\n }\n\n if (data.longDescription) {\n $productContainer.find('.description-and-detail .details').removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .details .content').empty().html(data.longDescription);\n } else {\n $productContainer.find('.description-and-detail .details').addClass('hidden-xl-down');\n }\n });\n },\n\n showSpinner: function () {\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\n $.spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.product-detail>.bundle-items').length) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else if ($('.product-set-detail').eq(0)) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.product-id').text(response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').data('pid', response.data.product.id);\n }\n base.updateStockNumber(response.data.product.stockNumber);\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer).attr(\n 'disabled',\n !response.product.readyToOrder || !response.product.available\n );\n\n var enable = $('.product-availability')\n .toArray()\n .every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n $('button.add-to-cart-global').attr('disabled', !enable);\n $('button.buy-now').attr('disabled', !enable);\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n $('div.availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available);\n\n $('.availability-msg', response.$productContainer).empty().html(response.message);\n\n if ($('.global-availability').length) {\n var allAvailable = $('.product-availability')\n .toArray()\n .every(function (item) {\n return $(item).data('available');\n });\n\n var allReady = $('.product-availability')\n .toArray()\n .every(function (item) {\n return $(item).data('ready-to-order');\n });\n\n $('.global-availability').data('ready-to-order', allReady).data('available', allAvailable);\n\n $('.global-availability .availability-msg')\n .empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n }\n });\n },\n sizeChart: function () {\n var $sizeChart = $('.size-chart-collapsible');\n $('.size-chart a').on('click', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n if ($sizeChart.is(':empty')) {\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $sizeChart.append(data.content);\n },\n });\n }\n $sizeChart.toggleClass('active');\n });\n\n $('body').on('click touchstart', function (e) {\n if ($('.size-chart').has(e.target).length <= 0) {\n $sizeChart.removeClass('active');\n }\n });\n },\n\n openSocialLink: base.openSocialLink,\n\n initializeImages: base.initializeImages,\n\n initializeZoom: function () {\n $('body').on('product:afterCarouselInit', function (e) {\n var zoom = require('../components/zoom');\n zoom.enable();\n\n // Force click the first thumbnail to load the zoom image\n $('.thumbnail-carousel .slick-slide[data-slick-index=0]').click();\n });\n },\n};\n","'use strict';\n\nvar processInclude = require('./util');\nvar setdatalayer = require('./gtm/setdatalayer');\n\n$(document).ready(function () {\n processInclude(require('./product/detail'));\n processInclude(require('./components/zoom'));\n processInclude(require('./components/video'));\n processInclude(require('./pickupinstore/pdpInstoreInventory'));\n\n //GTM View Event PDP\n var data = $('.product-detail').data('pdpdetails');\n setdatalayer.PDP(data);\n});\n\nrequire('./thirdParty/jquery.elevateZoom-3.0.8.min');\n","/* globals google */\n'use strict';\n\nvar scrollHelper = require('../components/scroll');\nvar setdatalayer = require('../gtm/setdatalayer');\nvar modalFocus = require('../modalFocus');\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n newUrl +=\n (newUrl.indexOf('?') !== -1 ? '&' : '?') +\n Object.keys(params)\n .map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n })\n .join('&');\n\n return newUrl;\n}\n\n/**\n * Uses google maps api to render a map\n */\nfunction maps() {\n var map;\n var infowindow = new google.maps.InfoWindow();\n // Init U.S. Map in the center of the viewport\n var latlng = new google.maps.LatLng(37.09024, -95.712891);\n var mapOptions = {\n scrollwheel: false,\n zoom: 4,\n center: latlng,\n };\n\n map = new google.maps.Map($('.map-canvas')[0], mapOptions);\n var mapdiv = $('.map-canvas').attr('data-locations');\n\n mapdiv = JSON.parse(mapdiv);\n\n var bounds = new google.maps.LatLngBounds();\n\n // Customized google map marker icon with svg format\n var markerImg = {\n path:\n 'M13.5,30.1460153 L16.8554555,25.5 L20.0024287,25.5 C23.039087,25.5 25.5,' +\n '23.0388955 25.5,20.0024287 L25.5,5.99757128 C25.5,2.96091298 23.0388955,0.5 ' +\n '20.0024287,0.5 L5.99757128,0.5 C2.96091298,0.5 0.5,2.96110446 0.5,5.99757128 ' +\n 'L0.5,20.0024287 C0.5,23.039087 2.96110446,25.5 5.99757128,25.5 L10.1445445,' +\n '25.5 L13.5,30.1460153 Z',\n fillColor: '#293573',\n fillOpacity: 1,\n scale: 1.1,\n strokeColor: 'white',\n strokeWeight: 1,\n anchor: new google.maps.Point(13, 30),\n labelOrigin: new google.maps.Point(12, 12),\n };\n\n Object.keys(mapdiv).forEach(function (key) {\n var item = mapdiv[key];\n var lable = parseInt(key, 10) + 1;\n var storeLocation = new google.maps.LatLng(item.latitude, item.longitude);\n if (item.chain == 'SD') {\n markerImg.fillColor = '#000000';\n } else {\n markerImg.fillColor = '#293573';\n }\n var marker = new google.maps.Marker({\n position: storeLocation,\n map: map,\n title: item.name,\n icon: markerImg,\n label: { text: lable.toString(), color: 'white', fontSize: '16px' },\n });\n\n marker.addListener('click', function () {\n infowindow.setOptions({\n content: item.infoWindowHtml,\n });\n infowindow.open(map, marker);\n });\n\n // Create a minimum bound based on a set of storeLocations\n bounds.extend(marker.position);\n });\n // Fit the all the store marks in the center of a minimum bounds when any store has been found.\n if (mapdiv && mapdiv.length !== 0) {\n map.fitBounds(bounds);\n }\n}\n\n/**\n * Renders the results of the search and updates the map\n * @param {Object} data - Response from the server\n */\nfunction updateStoresResults(data) {\n var $resultsDiv = $('.results');\n var $resultsCard = $('.results-card');\n var $mapDiv = $('.map-canvas');\n var hasResults = data.stores.length > 0;\n\n $resultsCard.show();\n\n $resultsDiv.empty().data('has-results', hasResults).data('radius', data.radius).data('search-key', data.searchKey);\n\n $mapDiv.attr('data-locations', data.locations);\n\n if ($mapDiv.data('has-google-api')) {\n maps();\n } else {\n $('.store-locator-no-apiKey').show();\n }\n\n if (data.searchKey != null && data.searchKey.postalCode != null) {\n setdatalayer.StoreLocator(data);\n }\n\n if (data.storesResultsHtml) {\n $resultsDiv.append(data.storesResultsHtml);\n }\n\n scrollHelper.scrollTo($resultsCard, 30);\n\n if ($('#inStoreInventoryModal').length) {\n modalFocus.trapFocus($('.btn-get-in-store-inventory'));\n }\n}\n\n/**\n * Search for stores with new zip code\n * @param {HTMLElement} element - the target html element\n * @returns {boolean} false to prevent default event\n */\nfunction search(element) {\n $.spinner().start();\n var $form = element.closest('.store-locator');\n var radius = $('.results').data('radius');\n var url = $form.attr('action');\n var urlParams = { radius: radius, radio: $('.checkout-content').length > 0 };\n\n var payload = $form.is('form') ? $form.serialize() : { postalCode: $form.find('[name=\"postalCode\"]').val() };\n\n url = appendToUrl(url, urlParams);\n\n $.ajax({\n url: url,\n type: $form.attr('method'),\n data: payload,\n dataType: 'json',\n success: function (data) {\n $.spinner().stop();\n updateStoresResults(data);\n $('.select-store').prop('disabled', true);\n },\n });\n return false;\n}\n\nmodule.exports = {\n init: function () {\n if ($('.map-canvas').data('has-google-api')) {\n maps();\n } else {\n $('.store-locator-no-apiKey').show();\n }\n },\n\n detectLocation: function () {\n // clicking on detect location.\n $('.detect-location').on('click', function () {\n $.spinner().start();\n if (!navigator.geolocation) {\n $.spinner().stop();\n return;\n }\n\n navigator.geolocation.getCurrentPosition(\n function (position) {\n var $detectLocationButton = $('.detect-location');\n var url = $detectLocationButton.data('action');\n var radius = $('.results').data('radius');\n var urlParams = {\n radius: radius,\n lat: position.coords.latitude,\n long: position.coords.longitude,\n };\n\n url = appendToUrl(url, urlParams);\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $.spinner().stop();\n updateStoresResults(data);\n $('.select-store').prop('disabled', true);\n },\n });\n },\n function () {\n alert('Please check if your browser privacy settings allow access to your location data.');\n $.spinner().stop();\n },\n {\n timeout: 5000,\n }\n );\n });\n },\n\n search: function () {\n $('.store-locator-container form.store-locator').submit(function (e) {\n e.preventDefault();\n search($(this));\n });\n $('.store-locator-container .btn-storelocator-search[type=\"button\"]').click(function (e) {\n e.preventDefault();\n search($(this));\n });\n },\n\n changeRadius: function () {\n $('.store-locator-container .radius').change(function () {\n var radius = $(this).val();\n var searchKeys = $('.results').data('search-key');\n var url = $('.radius').data('action-url');\n var urlParams = {};\n\n if (searchKeys.postalCode) {\n urlParams = {\n radius: radius,\n postalCode: searchKeys.postalCode,\n };\n } else if (searchKeys.lat && searchKeys.long) {\n urlParams = {\n radius: radius,\n lat: searchKeys.lat,\n long: searchKeys.long,\n };\n }\n\n url = appendToUrl(url, urlParams);\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $.spinner().stop();\n updateStoresResults(data);\n $('.select-store').prop('disabled', true);\n },\n });\n });\n },\n selectStore: function () {\n $('.store-locator-container').on('click', '.select-store', function (e) {\n e.preventDefault();\n var selectedStore = $(':checked', '.results-card .results');\n var data = {\n storeID: selectedStore.val(),\n searchRadius: $('#radius').val(),\n searchPostalCode: $('.results').data('search-key').postalCode,\n storeDetailsHtml: selectedStore.siblings('label').find('.store-details').html(),\n event: e,\n };\n\n $('body').trigger('store:selected', data);\n });\n },\n updateSelectStoreButton: function () {\n $('body').on('change', '.select-store-input', function () {\n $('.select-store').prop('disabled', false);\n });\n },\n};\n","/* jQuery elevateZoom 3.0.8 - Demo's and documentation: - www.elevateweb.co.uk/image-zoom - Copyright (c) 2013 Andrew Eades - www.elevateweb.co.uk - Dual licensed under the LGPL licenses. - http://en.wikipedia.org/wiki/MIT_License - http://en.wikipedia.org/wiki/GNU_General_Public_License */\n'function' !== typeof Object.create &&\n (Object.create = function (d) {\n function h() {}\n h.prototype = d;\n return new h();\n });\n(function (d, h, l, m) {\n var k = {\n init: function (b, a) {\n var c = this;\n c.elem = a;\n c.$elem = d(a);\n c.imageSrc = c.$elem.data('zoom-image') ? c.$elem.data('zoom-image') : c.$elem.attr('src');\n c.options = d.extend({}, d.fn.elevateZoom.options, b);\n c.options.tint && ((c.options.lensColour = 'none'), (c.options.lensOpacity = '1'));\n 'inner' == c.options.zoomType && (c.options.showLens = !1);\n c.$elem.parent().removeAttr('title').removeAttr('alt');\n c.zoomImage = c.imageSrc;\n c.refresh(1);\n d('#' + c.options.gallery + ' a').click(function (a) {\n c.options.galleryActiveClass &&\n (d('#' + c.options.gallery + ' a').removeClass(c.options.galleryActiveClass),\n d(this).addClass(c.options.galleryActiveClass));\n a.preventDefault();\n d(this).data('zoom-image')\n ? (c.zoomImagePre = d(this).data('zoom-image'))\n : (c.zoomImagePre = d(this).data('image'));\n c.swaptheimage(d(this).data('image'), c.zoomImagePre);\n return !1;\n });\n },\n refresh: function (b) {\n var a = this;\n setTimeout(function () {\n a.fetch(a.imageSrc);\n }, b || a.options.refresh);\n },\n fetch: function (b) {\n var a = this,\n c = new Image();\n c.onload = function () {\n a.largeWidth = c.width;\n a.largeHeight = c.height;\n a.startZoom();\n a.currentImage = a.imageSrc;\n a.options.onZoomedImageLoaded(a.$elem);\n };\n c.src = b;\n },\n startZoom: function () {\n var b = this;\n b.nzWidth = b.$elem.width();\n b.nzHeight = b.$elem.height();\n b.isWindowActive = !1;\n b.isLensActive = !1;\n b.isTintActive = !1;\n b.overWindow = !1;\n b.options.imageCrossfade &&\n ((b.zoomWrap = b.$elem.wrap(\n ''\n )),\n b.$elem.css('position', 'absolute'));\n b.zoomLock = 1;\n b.scrollingLock = !1;\n b.changeBgSize = !1;\n b.currentZoomLevel = b.options.zoomLevel;\n b.nzOffset = b.$elem.offset();\n b.widthRatio = b.largeWidth / b.currentZoomLevel / b.nzWidth;\n b.heightRatio = b.largeHeight / b.currentZoomLevel / b.nzHeight;\n 'window' == b.options.zoomType &&\n (b.zoomWindowStyle =\n 'overflow: hidden;background-position: 0px 0px;text-align:center;background-color: ' +\n String(b.options.zoomWindowBgColour) +\n ';width: ' +\n String(b.options.zoomWindowWidth) +\n 'px;height: ' +\n String(b.options.zoomWindowHeight) +\n 'px;float: left;background-size: ' +\n b.largeWidth / b.currentZoomLevel +\n 'px ' +\n b.largeHeight / b.currentZoomLevel +\n 'px;display: none;z-index:100;border: ' +\n String(b.options.borderSize) +\n 'px solid ' +\n b.options.borderColour +\n ';background-repeat: no-repeat;position: absolute;');\n if ('inner' == b.options.zoomType) {\n var a = b.$elem.css('border-left-width');\n b.zoomWindowStyle =\n 'overflow: hidden;margin-left: ' +\n String(a) +\n ';margin-top: ' +\n String(a) +\n ';background-position: 0px 0px;width: ' +\n String(b.nzWidth) +\n 'px;height: ' +\n String(b.nzHeight) +\n 'px;float: left;display: none;cursor:' +\n b.options.cursor +\n ';px solid ' +\n b.options.borderColour +\n ';background-repeat: no-repeat;position: absolute;';\n }\n 'window' == b.options.zoomType &&\n ((lensHeight =\n b.nzHeight < b.options.zoomWindowWidth / b.widthRatio\n ? b.nzHeight\n : String(b.options.zoomWindowHeight / b.heightRatio)),\n (lensWidth =\n b.largeWidth < b.options.zoomWindowWidth ? b.nzWidth : b.options.zoomWindowWidth / b.widthRatio),\n (b.lensStyle =\n 'background-position: 0px 0px;width: ' +\n String(b.options.zoomWindowWidth / b.widthRatio) +\n 'px;height: ' +\n String(b.options.zoomWindowHeight / b.heightRatio) +\n 'px;float: right;display: none;overflow: hidden;z-index: 999;-webkit-transform: translateZ(0);opacity:' +\n b.options.lensOpacity +\n ';filter: alpha(opacity = ' +\n 100 * b.options.lensOpacity +\n '); zoom:1;width:' +\n lensWidth +\n 'px;height:' +\n lensHeight +\n 'px;background-color:' +\n b.options.lensColour +\n ';cursor:' +\n b.options.cursor +\n ';border: ' +\n b.options.lensBorderSize +\n 'px solid ' +\n b.options.lensBorderColour +\n ';background-repeat: no-repeat;position: absolute;'));\n b.tintStyle =\n 'display: block;position: absolute;background-color: ' +\n b.options.tintColour +\n ';filter:alpha(opacity=0);opacity: 0;width: ' +\n b.nzWidth +\n 'px;height: ' +\n b.nzHeight +\n 'px;';\n b.lensRound = '';\n 'lens' == b.options.zoomType &&\n (b.lensStyle =\n 'background-position: 0px 0px;float: left;display: none;border: ' +\n String(b.options.borderSize) +\n 'px solid ' +\n b.options.borderColour +\n ';width:' +\n String(b.options.lensSize) +\n 'px;height:' +\n String(b.options.lensSize) +\n 'px;background-repeat: no-repeat;position: absolute;');\n 'round' == b.options.lensShape &&\n (b.lensRound =\n 'border-top-left-radius: ' +\n String(b.options.lensSize / 2 + b.options.borderSize) +\n 'px;border-top-right-radius: ' +\n String(b.options.lensSize / 2 + b.options.borderSize) +\n 'px;border-bottom-left-radius: ' +\n String(b.options.lensSize / 2 + b.options.borderSize) +\n 'px;border-bottom-right-radius: ' +\n String(b.options.lensSize / 2 + b.options.borderSize) +\n 'px;');\n b.zoomContainer = d(\n ''\n );\n d('body').append(b.zoomContainer);\n b.options.containLensZoom && 'lens' == b.options.zoomType && b.zoomContainer.css('overflow', 'hidden');\n 'inner' != b.options.zoomType &&\n ((b.zoomLens = d(\"