').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString =\n '' +\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 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 $('#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 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","/* eslint-disable newline-per-chained-call */\n/* eslint-disable func-names */\n/* eslint-disable max-len */\n/* eslint-disable indent */\n/* eslint-disable vars-on-top */\n'use strict';\nvar base = require('./base');\nvar modalFocus = require('../modalFocus');\n\n/**\n * Generates the modal window on the first call.\n *@param {string} productName - Name of the Product to be appended in full-pdp-link text\n */\nfunction getModalHtmlElement(productName, productId) {\n if ($('#quickViewModal').length !== 0) {\n $('#quickViewModal').remove();\n }\n var htmlString =\n '' +\n '
';\n $('body').append(htmlString);\n}\n\n/**\n * @typedef {Object} QuickViewHtml\n * @property {string} body - Main Quick View body\n * @property {string} footer - Quick View footer content\n */\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} productUrl - url to be used for going to the product details page\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(productUrl, selectedValueUrl) {\n $('.modal-body').spinner().start();\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'html',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n\n $('.modal-body').empty();\n // $('.modal-body').html(html);\n $('.modal-body').html(parsedHtml.body);\n $('.modal-footer').html(parsedHtml.footer);\n $('#quickViewModal .full-pdp-link').attr('href', productUrl);\n $('#quickViewModal .size-chart').attr('href', productUrl);\n $('#quickViewModal').modal('show');\n\n setTimeout(function () {\n base.initializeImages();\n $('#quickViewModal').find('a').eq(0).focus();\n }, 300);\n\n $.spinner().stop();\n setTimeout(function () {\n // empty first parameter since quickView has its own method to handle changing focus on modal close\n modalFocus.trapFocus($(''), true);\n }, 500);\n },\n error: function () {\n $.spinner().stop();\n },\n });\n}\n\n/**\n * On Modal Close, Focuses on the Product Quickview button that triggered the Modal\n *\n */\nfunction focusOnLastClick() {\n var pid = $('.product-quickview').data('pid');\n setTimeout(function () {\n if ($('#quickViewModal').css('display') === 'none') {\n $('.product-grid')\n .find('[data-pid=' + pid + ']')\n .attr('tabindex', -1)\n .find('a.quickview')\n .focus();\n // Remove aria-hidden\n $('.page').removeAttr('aria-hidden');\n }\n }, 300);\n}\n\n/**\n * Adds Exit Modal action on Tab and then uses focusOnLastClick() function\n * @param {string} classParam - The class selector to handle the Action\n */\nfunction onTabExitModal(classParam) {\n $('body').on('keydown', classParam, function (e) {\n if (e.key === 'Tab') {\n $('button.close').focus();\n }\n });\n}\n\nmodule.exports = {\n initialize: base.iniatilize(),\n showQuickview: function () {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n var productUrl = selectedValueUrl.replace('Product-ShowQuickView', 'Product-Show');\n $(e.target).trigger('quickview:show');\n\n var productGrid = $(this).closest('.product-tile');\n var productName = $(productGrid).find('.product-name').text();\n var productId = $(productGrid).find('.product-id').text();\n getModalHtmlElement(productName, productId);\n fillModalElement(productUrl, selectedValueUrl);\n onTabExitModal('.full-pdp-link:eq(1)');\n $('.page').attr('aria-hidden', true);\n });\n // On Modal Exit, Focus on the Product that triggered the Modal\n $('body').on('click', '#quickViewModal', function () {\n focusOnLastClick();\n });\n },\n colorAttribute: base.colorAttribute,\n selectAttribute: base.selectAttribute,\n buttonAttribute: base.buttonAttribute,\n removeBonusProduct: base.removeBonusProduct,\n selectBonusProduct: base.selectBonusProduct,\n enableBonusProductSelection: base.enableBonusProductSelection,\n showMoreBonusProducts: base.showMoreBonusProducts,\n addBonusProductsToCart: base.addBonusProductsToCart,\n availability: base.availability,\n addToCart: base.addToCart,\n buyNow: base.buyNow,\n showSpinner: function () {\n $('body').on('product:beforeAddToCart', function (e, data) {\n $(data).closest('.modal-content').spinner().start();\n });\n },\n hideDialog: function () {\n $('body').on('product:afterAddToCart', function () {\n $('#quickViewModal').modal('hide');\n });\n },\n beforeUpdateAttribute: function () {\n $('body').on('product:beforeAttributeSelect', function () {\n $('.modal.show .modal-content').spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview>.bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\n } else if ($('.set-items').length) {\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n $('.modal.show .full-pdp-link').attr('href', response.data.product.selectedProductUrl);\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 // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer).closest('.quick-view-dialog');\n\n $('.add-to-cart-global', dialog).attr(\n 'disabled',\n !$('.global-availability', dialog).data('ready-to-order') ||\n !$('.global-availability', dialog).data('available')\n );\n\n $('button.buy-now', dialog).attr(\n 'disabled',\n !$('.global-availability', dialog).data('ready-to-order') ||\n !$('.global-availability', dialog).data('available')\n );\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n // bundle individual products\n $('.product-availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n var dialog = $(response.$productContainer).closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog)\n .toArray()\n .every(function (item) {\n return $(item).data('available');\n });\n\n var allReady = $('.product-availability', dialog)\n .toArray()\n .every(function (item) {\n return $(item).data('ready-to-order');\n });\n\n $('.global-availability', dialog).data('ready-to-order', allReady).data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog)\n .empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $('.global-availability', dialog)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n },\n openSocialLink: base.openSocialLink,\n};\n","'use strict';\n\nvar processInclude = require('./util');\nvar setdatalayer = require('./gtm/setdatalayer');\nvar gtmContainer = require('./gtm/container');\n\n$(document).ready(function () {\n processInclude(require('./search/search'));\n processInclude(require('./product/quickView'));\n gtmContainer.initPosition();\n\n var gtmdata = [];\n try {\n $('.gtmproduct').each(function () {\n var data = $(this).data('object'),\n productName = data.name == null ? '' : data.name.replace(/\\'/g, \"'\"),\n category = data.category == null ? '' : data.category.replace(/\\'/g, \"'\"),\n brand = data.brand == null ? '' : data.brand.replace(/\\'/g, \"'\"),\n availability = data.availability == null ? '' : data.availability.replace(/\\'/g, \"'\"),\n list = data.list == null ? '' : data.list.replace(/\\'/g, \"'\"),\n isCategory = $('.product-grid').find('.grid-footer-top').data('iscategory-search'),\n searchKeyword = $('.product-grid').find('.grid-footer-top').data('search-keyword');\n\n if (data.view == 'Category:') {\n gtmdata.push({\n id: data.id,\n name: productName,\n price: $(this).data('price'),\n brand: brand,\n category: category,\n position: $(this).data('position'),\n list: isCategory == true ? data.view + list : 'Search:' + searchKeyword,\n availability: availability,\n });\n }\n });\n setdatalayer.ProductCarousel(gtmdata);\n } catch (ex) {\n console.log('GTM-Error:' + ex);\n }\n});\n","'use strict';\nvar setdatalayer = require('../gtm/setdatalayer');\nvar gtmContainer = require('../gtm/container');\nvar lazyload = require('lazyload');\nvar keyboardAccessibility = require('../components/keyboardAccessibility');\n\n// Force a page reload on back/forward buttons so pagination history works\nwindow.addEventListener('popstate', function () {\n window.location.reload();\n});\n\n/**\n * Update DOM elements with Ajax results\n *\n * @param {Object} $results - jQuery DOM element\n * @param {string} selector - DOM element to look up in the $results\n * @return {undefined}\n */\nfunction updateDom($results, selector) {\n var $updates = $results.find(selector);\n $(selector).empty().html($updates.html());\n}\n\n/**\n * Keep refinement panes expanded/collapsed after Ajax refresh\n *\n * @param {Object} $results - jQuery DOM element\n * @return {undefined}\n */\nfunction handleRefinements($results) {\n $('.refinement.active').each(function () {\n $(this).removeClass('active');\n\n $results.find('.' + $(this)[0].className.replace(/ /g, '.')).addClass('active');\n });\n\n updateDom($results, '.refinements');\n window.history.replaceState({}, '', $('.permalink').val());\n var collapsible = require('../components/collapsibleItem');\n collapsible.addAccessibilityButtons(true);\n}\n\n/**\n * Parse Ajax results and updated select DOM elements\n *\n * @param {string} response - Ajax response HTML code\n * @return {undefined}\n */\nfunction parseResults(response) {\n var $results = $(response);\n var specialHandlers = {\n '.refinements': handleRefinements,\n };\n\n if ($results.find('.no-result-content').length) {\n $('.container.search-results').empty().html($results.html());\n } else {\n // Update DOM elements that do not require special handling\n [\n 'h1',\n 'h2.refinement-button-heading',\n '.breadcrumb',\n '.grid-header',\n '.header-bar',\n '.header.page-title',\n '.product-grid',\n '.show-more',\n '.filter-bar',\n ].forEach(function (selector) {\n updateDom($results, selector);\n });\n }\n\n Object.keys(specialHandlers).forEach(function (selector) {\n specialHandlers[selector]($results);\n });\n $('.lazyload').lazyload();\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 $.spinner().start();\n $.ajax({\n url: showMoreUrl,\n method: 'GET',\n success: function (response) {\n $target.append(response);\n $('.lazyload').lazyload();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n}\n\n/**\n * Update sort option URLs from Ajax response\n *\n * @param {string} response - Ajax response HTML code\n * @return {undefined}\n */\nfunction updateSortOptions(response) {\n var $tempDom = $('
').append($(response));\n var sortOptions = $tempDom.find('.grid-footer').data('sort-options').options;\n sortOptions.forEach(function (option) {\n $('option.' + option.id).val(option.url);\n });\n}\n\n// hides background elements from mobile safari while filters are open\nfunction disableBackgroundElements() {\n $(\n '.header-banner, header, .search-results-main-content, .search-mobile, footer, .back-to-top, .skip-link, .cid-cookie_hint'\n )\n .attr('aria-hidden', 'true')\n .attr('inert', '');\n}\n\n//restores hidden background elements\nfunction enableBackgroundElements() {\n $(\n '.header-banner, header, .search-results-main-content, .search-mobile, footer, .back-to-top, .skip-link, .cid-cookie_hint'\n )\n .attr('aria-hidden', 'false')\n .removeAttr('inert');\n}\n\nfunction closeRefinements() {\n $('.refinement-bar, .modal-background').hide();\n $('.refinements .color-attribute .filter-selected').parent().removeAttr('aria-label');\n $('.refinements .filter-selected').removeClass('filter-selected');\n}\n\nfunction updateRefinements() {\n // Make selected price refinements stay selected in dropdowns\n var params = new URLSearchParams(window.location.search);\n\n if (params.get('pmin')) {\n $('.price-dropdown.min-price').addClass('selected');\n var pmin = parseInt(params.get('pmin'));\n var pmax = parseInt(params.get('pmax'));\n $('.price-dropdown.min-price option[value=' + pmin + ']').attr('selected', true);\n $('.price-dropdown.max-price option[value=' + pmax + ']').attr('selected', true);\n }\n\n var $refinments =\n $('.menu-toggleable-left').css('position') !== 'absolute'\n ? $('.refinement')\n : $('.refinement:not(.refinement-category)');\n //Variable to keep track of all the filters\n var numOfFilters = 0;\n $refinments.each(function () {\n var $this = $(this);\n // If there are selected refinements, leave the refinement group accordion open\n if ($this.find('span.selected').length > 0 || $this.find('.price-dropdown.min-price').hasClass('selected')) {\n numOfFilters += $this.find('span.selected').length;\n $this.removeClass('active');\n $this.find('.card-header').attr('aria-expanded', 'true');\n }\n });\n\n // Disable Reset Filters button if there are no selected filters\n var noSelectedFilters = $('.refinement:not(.refinement-category) .selected').length == 0;\n $('.reset-filters')\n .toggleClass('disabled', noSelectedFilters)\n .attr('tabindex', noSelectedFilters ? '-1' : '0')\n .attr('aria-disabled', noSelectedFilters ? 'true' : 'false');\n\n // Close the mobile filters menu\n closeRefinements();\n\n // Add selected filter class for refinement filters in mobile views\n if ($('.filter-results').is(':visible')) {\n $('.refinements .selected').addClass('filter-selected');\n\n // special aria-label for color refinements\n $('.refinements .color-attribute .selected').each(function () {\n var outerColorLink = $(this).parent();\n var colorText = outerColorLink.find('p').text().trim();\n outerColorLink.attr('aria-label', colorText + ', selected');\n });\n }\n\n if (window._lastFocus) {\n var clickedElement = $('#' + $(window._lastFocus).attr('id'));\n clickedElement.parents('.refinement').find('button').focus();\n }\n $('#filter-results-button').children('span').append(`(${numOfFilters})`);\n $('.hide-filters-btn').on('click', hideFilters);\n}\nfunction hideFilters() {\n var numOfFilters = $('span.selected').length;\n // if we are not on the search page, don't count the category in the count of refinements\n // if category refinement is hidden, it won't be included in the refinements, so don't subtract one in that case\n const categoryRefinement = $('.refinement.refinement-category');\n if (\n !window.location.href.includes('?q=') &&\n !window.location.href.includes('&q=') &&\n numOfFilters > 0 &&\n categoryRefinement.length\n ) {\n numOfFilters--;\n }\n if (numOfFilters <= 0) {\n $('.reset').css('display', 'none');\n } else {\n $('.reset').css('display', 'flex');\n }\n $('.refinements-to-hide').toggleClass('hide-refinements');\n if (!$('.refinements-to-hide').hasClass('hide-refinements')) {\n $('.search-results-main-content').addClass('col-md-14');\n $('.search-results-main-content').addClass('offset-md-1');\n $('.search-results-main-content').removeClass('custom-search-adjusted ');\n $('.grid-tile-container').removeClass('grid-tile-container-four');\n $('#product-search-results').children('.row').css('display', 'flex');\n $('.hide-sort-container').css('margin-left', '-1rem');\n $('.custom-select').addClass('ml-auto');\n $('.hide-filters-btn').text('HIDE FILTERS');\n $('.hide-filters-btn').append(` (${numOfFilters})`);\n } else {\n $('.search-results-main-content').removeClass('col-md-14');\n $('.search-results-main-content').addClass('custom-search-adjusted ');\n $('.search-results-main-content').removeClass('offset-md-1');\n $('.grid-tile-container').addClass('grid-tile-container-four');\n $('#product-search-results').children('.row').removeAttr('display');\n $('.custom-select').removeClass('ml-auto');\n $('.hide-filters-btn').text('SHOW FILTERS');\n $('.hide-filters-btn').append(` (${numOfFilters})`);\n }\n}\nfunction hideFiltersSetup() {\n var numOfFilters = $('span.selected').length;\n // if we are not on the search page, don't count the category in the count of refinements\n // if category refinement is hidden, it won't be included in the refinements, so don't subtract one in that case\n const categoryRefinement = $('.refinement.refinement-category');\n if (\n !window.location.href.includes('?q=') &&\n !window.location.href.includes('&q=') &&\n numOfFilters > 0 &&\n categoryRefinement.length\n ) {\n numOfFilters--;\n }\n if (numOfFilters <= 0) {\n $('.reset').css('display', 'none');\n } else {\n $('.reset').css('display', 'flex');\n }\n if (!$('.refinements-to-hide').hasClass('hide-refinements')) {\n $('.search-results-main-content').addClass('offset-md-1');\n $('.hide-filters-btn').text('HIDE FILTERS');\n } else {\n $('.grid-tile-container').addClass('grid-tile-container-four');\n $('.hide-filters-btn').text('SHOW FILTERS');\n }\n $('.hide-filters-btn').append(` (${numOfFilters})`);\n $('.hide-filters-btn').off('click');\n $('.hide-filters-btn').on('click', hideFilters);\n}\n$('.hide-filters-btn').on('click', hideFilters);\n$(window).on('resize', function () {\n if (window.innerWidth <= 1204) {\n var numOfFilters = $('span.selected').length;\n // if we are not on the search page, don't count the category in the count of refinements\n // if category refinement is hidden, it won't be included in the refinements, so don't subtract one in that case\n const categoryRefinement = $('.refinement.refinement-category');\n if (\n !window.location.href.includes('?q=') &&\n !window.location.href.includes('&q=') &&\n numOfFilters > 0 &&\n categoryRefinement.length\n ) {\n numOfFilters--;\n }\n $('.search-results-main-content').addClass('col-md-14');\n $('#product-search-results').children('.row').css('display', 'flex');\n $('.refinements-to-hide').removeClass('hide-refinements');\n $('.search-results-main-content').removeClass('custom-search-adjusted ');\n $('.hide-filters-btn').text('HIDE FILTERS');\n $('.hide-filters-btn').append(` (${numOfFilters})`);\n $('.grid-tile-container').removeClass('grid-tile-container-four');\n } else {\n return;\n }\n});\nfunction updateCategoryName() {\n if (!window.location.href.includes('?q=') && !window.location.href.includes('&q=')) {\n //Used to get the full category name\n var categoryName = '';\n var counter = 1;\n if ($('.breadcrumb-item').length > 3) {\n counter = 2;\n }\n for (let i = counter; i < $('.breadcrumb-item').length; i++) {\n categoryName += $('.breadcrumb-item')[i].innerText + ' ';\n //Remove first category (Men's Woman's kid's accessories, brand) for certain cases\n if (\n $('.breadcrumb-item')[i].innerText.includes('Shop All') ||\n ($('.breadcrumb-item')[i].innerText.includes('Accessories') && i > 1) ||\n $('.breadcrumb-item')[i - 1].innerText.includes('Brands') ||\n ($('.breadcrumb-item')[i - 1].innerText.includes(\"Kids'\") && i > 1)\n ) {\n categoryName = $('.breadcrumb-item')[i].innerText + ' ';\n }\n }\n $('#plp-search-heading-custom').text(categoryName);\n }\n}\n\nfunction setApplyFilterEnable() {\n // If there are no newly selected or deselected filters, disable the Apply Filters button\n var noNewlySelectedFilters =\n $('.filter-selected:not(.selected)').length + $('.selected:not(.filter-selected)').length == 0;\n\n // use class price-selected so button only is enabled when both dropdowns have a value\n var priceDropdownSelected =\n $('.price-dropdown.min-price').hasClass('price-selected') &&\n $('.price-dropdown.max-price').hasClass('price-selected');\n if (priceDropdownSelected) {\n noNewlySelectedFilters = false;\n }\n\n $('.apply-filters')\n .toggleClass('disabled', noNewlySelectedFilters)\n .attr('tabindex', noNewlySelectedFilters ? '-1' : '0')\n .attr('aria-disabled', noNewlySelectedFilters ? 'true' : 'false');\n}\n\n// push product list data to gtm data\nfunction gtmProductData() {\n gtmContainer.initPosition();\n\n var gtmdata = [];\n\n try {\n //SHOE-914 view all is reporting all productHits\n var gridContainer = $('.grid-tile-container'),\n gtmProducts = gridContainer.eq(0).find('.gtmproduct'),\n isViewAll = gridContainer.length > 0;\n if (isViewAll) {\n gtmProducts = gridContainer.eq(gridContainer.length - 1).find('.gtmproduct');\n }\n\n gtmProducts.each(function () {\n var data = $(this).data('object'),\n productName = data.name == null ? '' : data.name.replace(/\\'/g, \"'\"),\n category = data.category == null ? '' : data.category.replace(/\\'/g, \"'\"),\n brand = data.brand == null ? '' : data.brand.replace(/\\'/g, \"'\"),\n list = data.list == null ? '' : data.list.replace(/\\'/g, \"'\"),\n isCategory = $('.product-grid').find('.grid-footer-top').data('iscategory-search'),\n searchKeyword = $('.product-grid').find('.grid-footer-top').data('search-keyword');\n\n if (data.view == 'Category:') {\n gtmdata.push({\n id: data.id,\n name: productName,\n price: $(this).data('price'),\n brand: brand,\n category: category,\n position: $(this).data('position'),\n list: isCategory == true ? data.view + list : 'Search:' + searchKeyword,\n });\n }\n });\n setdatalayer.ProductCarousel(gtmdata);\n } catch (ex) {\n console.log('GTM-Error:' + ex);\n }\n}\n\n/**\n * Traps focus within refinement menu\n * @param {element} jQuery - the element to trap focus on\n */\nfunction trapMenuFocus(e) {\n var focusableEls = this.querySelectorAll(\n '.refinement-heading, .close, .refinement-actions button:not([aria-disabled=true])'\n ),\n firstFocusableEl = focusableEls[0],\n lastFocusableEl = focusableEls[focusableEls.length - 1],\n KEYCODE_TAB = 9;\n\n var isTabPressed = e.key === 'Tab' || e.keyCode === KEYCODE_TAB;\n var secondToLastEl = focusableEls[focusableEls.length - 2];\n\n if (!isTabPressed) {\n return;\n }\n\n if (e.shiftKey) {\n /* shift + tab */ if (document.activeElement === firstFocusableEl) {\n lastFocusableEl.focus();\n e.preventDefault();\n }\n } /* tab */ else {\n if (document.activeElement.parentElement === secondToLastEl) {\n var lastElId = lastFocusableEl.id;\n lastElId = '#' + lastElId;\n var lastRefineTab = $(lastElId);\n lastRefineTab.focus();\n e.preventDefault();\n }\n }\n}\n\nfunction focusFilter(filter) {\n if ($('#' + filter).length) {\n $('#' + filter)\n .closest('.collapsible-sm')\n .removeClass('active');\n $('#' + filter)\n .closest('.refinement-heading')\n .attr('aria-expanded', true);\n $('#' + filter).trigger('focus');\n }\n}\n\n// used to remove options higher than the selected value so that the \"to\" filter doesnt have access to values higher than the \"from\" filter\nfunction showHideMinPriceFilter() {\n var selectedMax = $('.price-dropdown.max-price').val();\n if (selectedMax) {\n $('.price-dropdown.min-price option').each(function () {\n var $element = $(this);\n var elementValue = $element.val();\n if (elementValue < selectedMax) {\n $element.prop('disabled', false);\n } else {\n $element.prop('disabled', true);\n }\n $element.toggle($element.val() < selectedMax);\n });\n }\n}\n\n// used to remove options lower than the selected value so that the \"to\" filter doesnt have access to values lower than the \"from\" filter\nfunction showHideMaxPriceFilter() {\n var selectedMin = $('.price-dropdown.min-price').val();\n if (selectedMin) {\n $('.price-dropdown.max-price option').each(function () {\n var $element = $(this);\n var elementValue = $element.val();\n if (elementValue > selectedMin) {\n $element.prop('disabled', false);\n } else {\n $element.prop('disabled', true);\n }\n $element.toggle($element.val() > selectedMin);\n });\n }\n}\n\nfunction removeDoublePriceSelect() {\n $('#refinement-id-price .price-refinement-link .selected').removeClass('selected');\n $('#refinement-id-price .price-refinement-link .filter-selected').removeClass('filter-selected');\n}\n\nfunction updateProductCount() {\n // update the number of products found at the top of the page above the refinements\n $('.num-items-span').text($('.product-grid .grid-footer .result-count > span').text());\n\n // update status ARIA live region for screen readers\n $('.num-items-sr.sr-only').text($('.product-grid .grid-footer .result-count > span').text());\n}\n\nfunction applyFiltersAjaxCall(url, $selectedFilter, callback, event) {\n $.spinner().start();\n $selectedFilter.trigger('search:filter', event);\n $.ajax({\n url: url,\n data: {\n page: $('.grid-footer').data('page-number'),\n selectedUrl: url,\n },\n method: 'GET',\n success: function (response) {\n $.spinner().stop();\n parseResults(response);\n gtmProductData();\n updateRefinements();\n swatchOverride();\n\n callback(response);\n },\n error: function () {\n $.spinner().stop();\n },\n complete: function () {\n $('.refinement-bar').toggleClass('hide-refinement-bar');\n hideFiltersSetup();\n updateProductCount();\n // $('.hide-filters-btn').on('click', hideFilters);\n },\n });\n}\n\nfunction swatchOverride() {\n $('.swatch-option').on('mouseover touchstart', function (e) {\n e.preventDefault();\n let tile = $(this).closest('.product-tile');\n tile.find('.tile-image').attr('src', this.dataset.productImg);\n tile.find('.product-tile-link').attr('href', this.href);\n tile.find('.product-name-link').attr('href', this.href);\n tile.find('.swatch-circle').removeClass('selected-plp');\n $(this).find('img.swatch-circle').addClass('selected-plp');\n });\n}\n\nfunction adjustRefinementCount() {\n //Added to either hide or remove the clear all button on load\n var numOfFilters = $('span.selected').length;\n // if we are not on the search page, don't count the category in the count of refinements\n // if category refinement is hidden, it won't be included in the refinements, so don't subtract one in that case\n const categoryRefinement = $('.refinement.refinement-category');\n if (\n !window.location.href.includes('?q=') &&\n !window.location.href.includes('&q=') &&\n numOfFilters > 0 &&\n categoryRefinement.length\n ) {\n numOfFilters--;\n }\n if (numOfFilters <= 0) {\n $('.reset').css('display', 'none');\n } else {\n $('.reset').css('display', 'flex');\n }\n}\n\nfunction handleShowMoreBtn(e) {\n var content = $(e.currentTarget).siblings('.content')[0];\n var showLessText = $(e.currentTarget).data('showLessText');\n var showMoreText = $(e.currentTarget).data('showMoreText');\n\n var initiallyVisibleRefinements = $(e.currentTarget).siblings('.original-refinement-values')[0];\n var allRefinements = $(e.currentTarget).siblings('.all-refinement-values')[0];\n\n if ($(content).hasClass('initial-refinement-values')) {\n $(content).removeClass('initial-refinement-values');\n $(content).addClass('all-refinement-values');\n $(content).html($(allRefinements).html());\n $(e.currentTarget).text(showLessText);\n } else {\n $(content).removeClass('all-refinement-values');\n $(content).addClass('initial-refinement-values');\n $(content).html($(initiallyVisibleRefinements).html());\n $(e.currentTarget).text(showMoreText);\n }\n}\n\nfunction updateFilterNumber() {\n var $refinments =\n $('.menu-toggleable-left').css('position') !== 'absolute'\n ? $('.refinement')\n : $('.refinement:not(.refinement-category)');\n //Variable to keep track of all the filters\n var numOfFilters = 0;\n $refinments.each(function () {\n var $this = $(this);\n // If there are selected refinements, add them to the total\n if ($this.find('span.selected').length > 0 || $this.find('.price-dropdown.min-price').hasClass('selected')) {\n numOfFilters += $this.find('span.selected').length;\n }\n });\n $('#filter-results-button').children('span').append(` (${numOfFilters})`);\n}\n\n$(document).ready(updateFilterNumber);\n$(document).ready(updateCategoryName);\n$(document).ajaxComplete(function () {\n $('.refinement-bar').toggleClass('hide-refinement-bar');\n hideFiltersSetup();\n});\n\nmodule.exports = {\n init: function () {\n $(document).ready(function () {\n swatchOverride();\n adjustRefinementCount();\n hideFiltersSetup();\n\n $(document).on('click', '.show-more-button', handleShowMoreBtn);\n });\n },\n\n filter: function () {\n $('.refinement-bar')[0].addEventListener('keydown', trapMenuFocus);\n // Display refinements bar when Menu icon clicked\n $('.container').on('click', 'button.filter-results', function () {\n $('.refinement-bar, .modal-background').show();\n $('.refinements .refinement-category').addClass('collapsible-sm');\n $('.refinements .selected').addClass('filter-selected');\n // special aria-label for color refinements\n $('.refinements .color-attribute .selected').each(function () {\n var outerColorLink = $(this).parent();\n var colorText = outerColorLink.find('p').text().trim();\n outerColorLink.attr('aria-label', colorText + ', selected');\n });\n setApplyFilterEnable();\n setTimeout(function () {\n $('#refinement-heading-button-1').focus();\n }, 0);\n disableBackgroundElements();\n });\n },\n\n closeRefinments: function () {\n // Refinements close button\n $('.container').on('click', '.refinement-bar button.close, .modal-background', function () {\n closeRefinements();\n enableBackgroundElements();\n setTimeout(function () {\n $('#filter-results-button').focus();\n }, 0);\n });\n },\n\n resize: function () {\n // Close refinement bar and hide modal background if user resizes browser\n $(window).resize(function () {\n !isMobile() && closeRefinements();\n enableBackgroundElements();\n });\n },\n\n sort: function () {\n // Handle sort order menu selection\n $('.product-grid').on('change', '[name=sort-order]', function (e) {\n e.preventDefault();\n\n $.spinner().start();\n $(this).trigger('search:sort', this.value);\n $.ajax({\n url: this.value,\n data: { selectedUrl: this.value },\n method: 'GET',\n success: function (response) {\n $('.product-grid').empty().html(response);\n gtmProductData();\n swatchOverride();\n $('.lazyload').lazyload();\n $.spinner().stop();\n window.history.replaceState({}, '', $('.permalink').val());\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n },\n\n showMore: function () {\n // Show more products\n $('.container').on('click', '.show-more button', function (e) {\n e.stopPropagation();\n var showMoreUrl = $(this).data('url');\n e.preventDefault();\n $.spinner().start();\n $(this).trigger('search:showMore', e);\n $.ajax({\n url: showMoreUrl,\n data: { selectedUrl: showMoreUrl },\n method: 'GET',\n success: function (response) {\n $('.show-more').remove();\n $('.product-grid').append(response);\n $('.grid-header:not(:first-child)').remove();\n $('.grid-tile-container').eq(0).addClass('is-start');\n updateSortOptions(response);\n gtmProductData();\n swatchOverride();\n $('.lazyload').lazyload();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n\n // Pagination\n $('.container').on('click', '.pagination a', function (e) {\n e.preventDefault();\n e.stopPropagation();\n var showMoreUrl = $(this).data('url');\n $.spinner().start();\n $(this).trigger('search:showMore', e);\n var target = $(this);\n if (target.hasClass('view-all')) {\n $('.product-grid').addClass('view-all');\n $('.grid-tile-container').eq(0).addClass('is-start');\n } else {\n $('.product-grid').removeClass('view-all');\n $('.grid-tile-container').removeClass('is-start');\n }\n\n $.ajax({\n url: showMoreUrl,\n data: { selectedUrl: showMoreUrl },\n method: 'GET',\n success: function (response) {\n if (target.hasClass('view-all')) {\n $('.product-grid').html(response);\n } else if ($('.product-grid').hasClass('view-all')) {\n $('.product-grid').append(response);\n } else {\n $('.product-grid').html(response);\n $('.grid-tile-container').removeClass('is-start');\n }\n updateSortOptions(response);\n $('.lazyload').lazyload();\n\n if (!$('.product-grid').hasClass('view-all')) {\n var page = $('.pagination').find('.current-page').data('page');\n var pagecount = $('.pagination').find('.current-page').data('pagecount');\n if (page > 1) {\n $('.pagination').find('.previous-page').removeClass('disabled');\n $('.pagination').find('.previous-page').attr('tabindex', '0');\n } else {\n $('.pagination').find('.previous-page').addClass('disabled');\n $('.pagination').find('.previous-page').attr('tabindex', '-1');\n }\n\n if (page >= pagecount) {\n $('.pagination').find('.next-page').addClass('disabled');\n $('.pagination').find('.next-page').attr('tabindex', '-1');\n } else {\n $('.pagination').find('.next-page').removeClass('disabled');\n $('.pagination').find('.next-page').attr('tabindex', '0');\n }\n }\n\n gtmProductData();\n swatchOverride();\n\n $.spinner().stop();\n $('html, body').animate({ scrollTop: 0 });\n\n var currentURL = new URL(window.location);\n\n var updateGridURL = showMoreUrl;\n\n var url =\n currentURL.href.toString().split('?').splice(0, 1) +\n '?' +\n updateGridURL.split('?').splice(1, 1);\n\n window.history.pushState({}, null, url);\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n },\n\n applyFilter: function () {\n // Handle refinement value deselection and reset click\n $('.container').on('click', '.filter-bar a.reset, .filter-value a, .swatch-filter a', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n applyFiltersAjaxCall(\n e.currentTarget.href,\n $(this),\n function () {\n $('#filter-results-button').focus();\n },\n e\n );\n });\n\n // Handle refinement value selection\n $('.container').on('click', '.refinements li a', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $refinementsContainer = $('.refinements');\n $refinementsContainer.data('selectedFilter', $(this).attr('id'));\n var $this = $(this),\n $filterResults = $('.filter-results');\n\n // Toggle select behavior only when Filters menu is visible (i.e. mobile views)\n if ($filterResults.is(':visible')) {\n // Category and price refinement links behave like radio buttons; only one is active at a given time\n if ($this.hasClass('category-refinement-link')) {\n $('.category-refinement-link span').removeClass('filter-selected');\n }\n if ($this.hasClass('price-refinement-link')) {\n $('.price-refinement-link span').removeClass('filter-selected');\n $('.price-dropdown .selected').removeClass('selected');\n }\n\n $this.find('span').toggleClass('filter-selected');\n\n // special aria-label for color refinements\n if ($this.parent().hasClass('color-attribute')) {\n var colorText = $this.find('p').text().trim();\n if ($this.find('span').hasClass('filter-selected')) {\n $this.attr('aria-label', `${colorText}, selected`);\n } else {\n $this.attr('aria-label', `${colorText}`);\n }\n }\n\n setApplyFilterEnable();\n return false;\n }\n\n applyFiltersAjaxCall(\n e.currentTarget.href,\n $this,\n function (response) {\n // Update SEO by fetching it from the target category page and changing the page url state\n var categoryLink = e.currentTarget;\n $('.search-results .seo-content-slot').last().html($(response).find('.seo-content-slot').last());\n history.replaceState(\n { category: categoryLink.text.trim() },\n categoryLink.text.trim(),\n categoryLink.href\n );\n\n showHideMinPriceFilter();\n showHideMaxPriceFilter();\n\n updateCategoryName();\n var selectedFilter = $refinementsContainer.data('selectedFilter');\n focusFilter(selectedFilter);\n },\n e\n );\n });\n\n // enable spacebar for filters\n document.onkeypress = function (e) {\n e = e || window.event;\n var charCode = e.keyCode || e.which;\n if (charCode === 32 && $(document.activeElement).is('.container .refinements li a')) {\n e.preventDefault();\n $(e.target).click();\n return false;\n }\n };\n\n // handle price drop down select\n $(document).on('change', '.price-dropdown', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n // ensure that none of the radio boxes for price are checked\n removeDoublePriceSelect();\n\n var $refinementsContainer = $('.refinements');\n var $this = $(this);\n $refinementsContainer.data('selectedFilter', $(this).attr('id'));\n var $dropdownContainer = $this.closest('.price-dropdown');\n var min;\n var max;\n\n // make sure apply filter is enabled on mobile\n if ($('.filter-results').is(':visible')) {\n $this.addClass('price-selected');\n setApplyFilterEnable();\n }\n\n // hides/shows price options based on selections\n if ($dropdownContainer.hasClass('min-price')) {\n showHideMaxPriceFilter();\n } else {\n showHideMinPriceFilter();\n }\n\n min = $('.price-dropdown.min-price').val();\n max = $('.price-dropdown.max-price').val();\n\n // Make sure both values are selected before ajax call\n if (max === '') {\n $('.price-dropdown.max-price').trigger('click');\n return;\n } else if (min === '') {\n $('.price-dropdown.min-price').trigger('click');\n return;\n }\n\n // edit url to use new pmin and pmax\n var url = $dropdownContainer.attr('data-href');\n var urlObj = new URL(url, window.location.origin);\n urlObj.searchParams.set('pmin', min);\n urlObj.searchParams.set('pmax', max);\n url = urlObj.toString();\n\n // make ajax call\n if (url && !$('.filter-results').is(':visible')) {\n applyFiltersAjaxCall(\n url,\n $(this),\n function (response) {\n // Update SEO by fetching it from the target category page and changing the page url state\n $('.search-results .seo-content-slot')\n .last()\n .html($(response).find('.seo-content-slot').last());\n history.replaceState({ category: 'Price' }, 'Price', url);\n\n showHideMinPriceFilter();\n showHideMaxPriceFilter();\n\n var selectedFilter = $refinementsContainer.data('selectedFilter');\n focusFilter(selectedFilter);\n },\n e\n );\n }\n });\n\n // Apply Filters button click\n $('.container').on('click', '.apply-filters', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $this = $(this),\n filterGroups = {},\n buildQuery = '',\n prefCount = 1,\n $refinementsContainer = $('.refinements'),\n searchURL = $refinementsContainer.data('url') + '?',\n searchString = $refinementsContainer.data('q'),\n $minPriceFromButtons = $('.price-dropdown.min-price .selected'),\n $maxPriceFromButtons = $('.price-dropdown.max-price .selected'),\n $minDropdownOption = $('.price-dropdown.min-price'),\n $maxDropdownOption = $('.price-dropdown.max-price');\n\n if (searchString) {\n buildQuery = 'q=' + searchString + '&';\n }\n var isCategoryRefinementShown = false;\n // Build the query string based on all refinement li's that contain the selected class.\n $('.refinement .filter-selected').each(function () {\n var $link = $(this).parent(),\n filterData = {\n id: $link.data('id'),\n value: $link.data('value'),\n isCategory: !!$link.data('category'),\n isPrice: !!$link.data('price'),\n min: $link.data('from'),\n max: $link.data('to'),\n };\n if (filterData.isCategory) {\n // Only 1 category refinement is active so it is ok to put the name/value pair in the build query\n buildQuery += 'cgid=' + filterData.value + '&';\n isCategoryRefinementShown = true;\n } else if (\n filterData.isPrice &&\n $minPriceFromButtons.length === 0 &&\n $maxPriceFromButtons.length === 0\n ) {\n // Only 1 price refinement is active so it is ok to put the name/value pairs in the build query\n buildQuery += 'pmin=' + filterData.min + '&';\n buildQuery += 'pmax=' + filterData.max + '&';\n } else {\n // Other refinement values are grouped based on their refinement IDs\n if (filterGroups[filterData.id]) {\n filterGroups[filterData.id] += '|' + filterData.value;\n } else {\n filterGroups[filterData.id] = filterData.value;\n }\n }\n });\n if (!isCategoryRefinementShown) {\n buildQuery += 'cgid=' + $('.category-id').val() + '&';\n }\n\n if ($minPriceFromButtons.length > 0 && $maxPriceFromButtons.length > 0) {\n // Only 1 price refinement is active so it is ok to put the name/value pairs in the build query\n buildQuery += 'pmin=' + $minPriceFromButtons.data('from') + '&';\n buildQuery += 'pmax=' + $maxPriceFromButtons.data('to') + '&';\n } else if ($minDropdownOption.val() !== '' && $maxDropdownOption.val() !== '') {\n // This is for when the dropdowns are used instead of the buttons\n buildQuery += 'pmin=' + $minDropdownOption.val() + '&';\n buildQuery += 'pmax=' + $maxDropdownOption.val() + '&';\n }\n\n // Append the other grouped refinement values to the build query\n Object.keys(filterGroups).forEach(function (filterId) {\n if (filterId != 'undefined') {\n buildQuery +=\n 'prefn' +\n prefCount +\n '=' +\n filterId +\n '&' +\n 'prefv' +\n prefCount +\n '=' +\n filterGroups[filterId] +\n '&';\n prefCount++;\n }\n });\n\n $.spinner().start();\n $this.trigger('search:filter', e);\n $.ajax({\n url: searchURL + buildQuery,\n data: {\n selectedUrl: searchURL + buildQuery,\n },\n method: 'GET',\n success: function (response) {\n $.spinner().stop();\n $('.close').trigger('click');\n parseResults(response);\n gtmProductData();\n updateRefinements();\n swatchOverride();\n $('#filter-results-button').focus();\n $('.search-results .seo-content-slot').last().html($(response).find('.seo-content-slot').last());\n history.replaceState({}, null, searchURL + buildQuery);\n updateCategoryName();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n },\n\n showTabs: function () {\n // Display tab results from the search\n $('.container').on(\n 'shown.bs.tab',\n 'a[href=\"#product-search-results\"], a[href=\"#content-search-results-pane\"]',\n function () {\n var carousels = require('../components/carousel');\n carousels.refresh();\n }\n );\n },\n\n handlePriceRangeDropdowns: function () {\n $(window).on('load', function () {\n showHideMinPriceFilter();\n showHideMaxPriceFilter();\n });\n },\n};\n\nfunction isMobile() {\n return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\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","/*!\n * Lazy Load - JavaScript plugin for lazy loading images\n *\n * Copyright (c) 2007-2017 Mika Tuupola\n *\n * Licensed under the MIT license:\n * http://www.opensource.org/licenses/mit-license.php\n *\n * Project home:\n * https://appelsiini.net/projects/lazyload\n *\n * Version: 2.0.0-beta.2\n *\n */\n\n(function (root, factory) {\n if (typeof exports === \"object\") {\n module.exports = factory(root);\n } else if (typeof define === \"function\" && define.amd) {\n define([], factory(root));\n } else {\n root.LazyLoad = factory(root);\n }\n}) (typeof global !== \"undefined\" ? global : this.window || this.global, function (root) {\n\n \"use strict\";\n\n const defaults = {\n src: \"data-src\",\n srcset: \"data-srcset\",\n selector: \".lazyload\"\n };\n\n /**\n * Merge two or more objects. Returns a new object.\n * @private\n * @param {Boolean} deep If true, do a deep (or recursive) merge [optional]\n * @param {Object} objects The objects to merge together\n * @returns {Object} Merged values of defaults and options\n */\n const extend = function () {\n\n let extended = {};\n let deep = false;\n let i = 0;\n let length = arguments.length;\n\n /* Check if a deep merge */\n if (Object.prototype.toString.call(arguments[0]) === \"[object Boolean]\") {\n deep = arguments[0];\n i++;\n }\n\n /* Merge the object into the extended object */\n let merge = function (obj) {\n for (let prop in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, prop)) {\n /* If deep merge and property is an object, merge properties */\n if (deep && Object.prototype.toString.call(obj[prop]) === \"[object Object]\") {\n extended[prop] = extend(true, extended[prop], obj[prop]);\n } else {\n extended[prop] = obj[prop];\n }\n }\n }\n };\n\n /* Loop through each object and conduct a merge */\n for (; i < length; i++) {\n let obj = arguments[i];\n merge(obj);\n }\n\n return extended;\n };\n\n function LazyLoad(images, options) {\n this.settings = extend(defaults, options || {});\n this.images = images || document.querySelectorAll(this.settings.selector);\n this.observer = null;\n this.init();\n }\n\n LazyLoad.prototype = {\n init: function() {\n\n /* Without observers load everything and bail out early. */\n if (!root.IntersectionObserver) {\n this.loadImages();\n return;\n }\n\n let self = this;\n let observerConfig = {\n root: null,\n rootMargin: \"0px\",\n threshold: [0]\n };\n\n this.observer = new IntersectionObserver(function(entries) {\n entries.forEach(function (entry) {\n if (entry.intersectionRatio > 0) {\n self.observer.unobserve(entry.target);\n let src = entry.target.getAttribute(self.settings.src);\n let srcset = entry.target.getAttribute(self.settings.srcset);\n if (\"img\" === entry.target.tagName.toLowerCase()) {\n if (src) {\n entry.target.src = src;\n }\n if (srcset) {\n entry.target.srcset = srcset;\n }\n } else {\n entry.target.style.backgroundImage = \"url(\" + src + \")\";\n }\n }\n });\n }, observerConfig);\n\n this.images.forEach(function (image) {\n self.observer.observe(image);\n });\n },\n\n loadAndDestroy: function () {\n if (!this.settings) { return; }\n this.loadImages();\n this.destroy();\n },\n\n loadImages: function () {\n if (!this.settings) { return; }\n\n let self = this;\n this.images.forEach(function (image) {\n let src = image.getAttribute(self.settings.src);\n let srcset = image.getAttribute(self.settings.srcset);\n if (\"img\" === image.tagName.toLowerCase()) {\n if (src) {\n image.src = src;\n }\n if (srcset) {\n image.srcset = srcset;\n }\n } else {\n image.style.backgroundImage = \"url(\" + src + \")\";\n }\n });\n },\n\n destroy: function () {\n if (!this.settings) { return; }\n this.observer.disconnect();\n this.settings = null;\n }\n };\n\n root.lazyload = function(images, options) {\n return new LazyLoad(images, options);\n };\n\n if (root.jQuery) {\n const $ = root.jQuery;\n $.fn.lazyload = function (options) {\n options = options || {};\n options.attribute = options.attribute || \"data-src\";\n new LazyLoad($.makeArray(this), options);\n return this;\n };\n }\n\n return LazyLoad;\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"],"sourceRoot":""}