').append($(response));\n var sortOptions = $tempDom.find('.grid-footer').data('sort-options').options;\n var pageSize = Number($tempDom.find('.grid-footer').data('page-size'));\n\n sortOptions.forEach(option => {\n var pageUrl = new URL(window.location);\n var urlPageSize = pageUrl.searchParams.get('sz') !== null ? Number(pageUrl.searchParams.get('sz')) : null;\n var optionUrl = new URL(option.url);\n var optionPageSize = Number(optionUrl.searchParams.get('sz'));\n\n // If 'sz' is already defined in URL, but promo tiles aren't already accounted for, decrement sz param\n if (!isNaN(urlPageSize) && urlPageSize !== optionPageSize - pageSize) {\n var updatedPageSize = optionPageSize - promoTileCount;\n optionUrl.searchParams.set('sz', updatedPageSize);\n option.url = optionUrl.toString();\n }\n\n $('option.' + option.id).val(option.url);\n });\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, selector) {\n $('.refinement.active').each(function () {\n $(this).removeClass('active');\n var activeDiv = $results.find('.' + $(this)[0].className.replace(/ /g, '.'));\n activeDiv.addClass('active');\n activeDiv.find('button.title').attr('aria-expanded', 'true');\n });\n updateDom($results, selector);\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 isMobile = window.isMobile();\n\n if (isMobile) {\n var $refinements = $results.find('.refinements[data-refinement-style-mobile]');\n var refinementStyle = $refinements.data('refinement-style-mobile');\n var selector = `[data-refinement-style-mobile=\"${refinementStyle}\"]`;\n } else {\n var $refinements = $results.find('.refinements[data-refinement-style-desktop]');\n var refinementStyle = $refinements.data('refinement-style-desktop');\n var selector = `[data-refinement-style-desktop=\"${refinementStyle}\"]`;\n };\n\n // Update browser history with Search-Show specific route\n var historyUrl = $results.find('.history-url').data('history-url');\n if (historyUrl) {\n history.replaceState(undefined, '', historyUrl);\n }\n\n var $filterBar = $results.find('.filter-bar');\n var filterBarStyle = !isMobile ? $filterBar.attr('data-filter-bar-style-desktop') : $filterBar.attr('data-filter-bar-style-mobile');\n var filterBar = !isMobile ? '[data-filter-bar-style-desktop=\"' + filterBarStyle + '\"]' : '[data-filter-bar-style-mobile=\"' + filterBarStyle + '\"]';\n\n var verticalMobile = isMobile && selector === '[data-refinement-style-mobile=\"vertical\"]';\n var verticalDesktop = !isMobile && selector === '[data-refinement-style-desktop=\"vertical\"]';\n var horizontalMultipleDropdownsDesktop = !isMobile && selector === '[data-refinement-style-desktop=\"horizontal-multiple-dropdowns\"]';\n var horizontalOneDropdownDesktop = !isMobile && selector === '[data-refinement-style-desktop=\"horizontal-one-dropdown\"]';\n var horizontalOneDropdownDesktopActive = $('.collapse-filters-wrapper').hasClass('active');\n var horizontalOneDropdownDesktopOpen = false;\n\n if (horizontalOneDropdownDesktop && horizontalOneDropdownDesktopActive) {\n horizontalOneDropdownDesktopOpen = true;\n }\n\n if (verticalMobile || verticalDesktop) {\n var specialHandlers = {\n selector : handleRefinements\n };\n\n Object.keys(specialHandlers).forEach(function (selector) {\n specialHandlers[selector]($results, selector);\n });\n };\n\n if (!isMobile) {\n var refinements = '.desktop-search-refinements';\n } else {\n var refinements = '.mobile-search-refinements';\n };\n\n // Update DOM elements that do not require special handling\n [\n '.grid-header',\n '.header-bar',\n '.header.page-title',\n '.product-grid',\n '.show-more',\n refinements,\n filterBar\n ].forEach((selector) => {\n updateDom($results, selector);\n });\n\n if (horizontalOneDropdownDesktopOpen === true) {\n $('.collapse-filters-wrapper').addClass('active');\n }\n\n $('body').trigger('ajax:load.ajaxEvents', [$('.search-results')]);\n\n exports.refinementStickyBar();\n exports.oneDropdownSlideToggle();\n}\n\nexports.oneDropdownSlideToggle = function() {\n var oneDropdownFilter = $('.horizontal-onedropdown-filter');\n if (oneDropdownFilter) {\n var menuToggle = $('.horizontal-onedropdown-filter-btn').unbind();\n menuToggle.removeClass('open');\n\n menuToggle.on('touchstart click', function(e) {\n e.preventDefault();\n $('.collapse-filters-wrapper').toggleClass('active');\n menuToggle.toggleClass('open');\n });\n }\n}\n\nexports.refinementStickyBar = function() {\n var showStickyRefinementData = document.getElementById('horizontal-filter');\n if (showStickyRefinementData) {\n var showStickyRefinementBarCheck = showStickyRefinementData.getAttribute('data-sticky-refinement-bar');\n\n if (showStickyRefinementData && !window.isMobile() && showStickyRefinementBarCheck == 'true') {\n var $topHeader = $('#top-header');\n var $searchResults = $('.search-results');\n var topHeaderHeight = 0;\n var headerNavHeight = headerUtils.getHeaderHeightNavOnly();\n $('.refinement-bar').addClass('sticky-filter-bar');\n\n window.addEventListener('scroll', function() {\n if ($topHeader.hasClass('fixed-header-enhanced')) {\n topHeaderHeight = ($('html').hasClass('scroll-direction-down') || !$('html').hasClass('scroll-direction-up')) ? 0 : headerNavHeight;\n }\n if ($topHeader.hasClass('fixed-header')) {\n topHeaderHeight = headerNavHeight;\n }\n heightCalc = $searchResults.offset().top - topHeaderHeight;\n $('.sticky-filter-bar').css('top', topHeaderHeight + 'px').[window.pageYOffset > heightCalc ? 'addClass' : 'removeClass']('sticky-bar-stuck');\n });\n }\n }\n}\n\nvar closeOneRefinementsDropdown = (e) => {\n var $oneRefinementsDropdown = $('.horizontal-onedropdown-filter-group');\n if ((!$('.collapse-one-dropdown-filter').is(e.target) && $oneRefinementsDropdown.has(e.target).length === 0)\n || $('.close-one-refinements-dropdown').is(e.target)) {\n $('.collapse-filters-wrapper').removeClass('active');\n }\n};\n\nexports.initialize = () => $(document).ready(function () {\n var isMobile = window.isMobile();\n var collapseMobile = $('[data-collapse-mobile]').attr('data-collapse-mobile') === 'true' ? true : false;\n var collapseDesktop = $('[data-collapse-desktop]').attr('data-collapse-desktop') === 'true' ? true : false;\n if (isMobile && collapseMobile) {\n setRefinementCollapseStates('close');\n } else if (isMobile && !collapseMobile) {\n setRefinementCollapseStates('open');\n } else if (!isMobile && collapseDesktop) {\n setRefinementCollapseStates('close');\n } else if (!isMobile && !collapseDesktop) {\n setRefinementCollapseStates('open');\n }\n if ($('#articles-tab').hasClass('active') && $('#content-search-results').html() === '') {\n getContent($('.content-search'), $('#content-search-results'));\n }\n\n var refinementCategoryOpen = localStorage.getItem('refinement-category');\n if (refinementCategoryOpen) {\n $('.refinement-category').addClass('active');\n }\n});\n\nexports.closeRefinements = function () {\n\n $('html').on('click', '.refinement-bar button.close, .mobile-filter-drawer-in .modal-background', () => toggleRefinementDrawer('close'));\n //for horizontal one dropdown menu\n $('html').on('click', (e) => closeOneRefinementsDropdown(e));\n}\n\nexports.sort = function () {\n var $xhr,\n defaultSortTimeout = 30000;\n sortTimeout = defaultSortTimeout;\n\n $('[name=sort-order]').each(function () {\n //Track current selection\n var newSelection = this.selectedOptions[0];\n $(this).data('sortValueOption', newSelection);\n });\n\n // Handle sort order menu selection\n $('.container').on('change', '[name=sort-order]', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $this = $(this);\n var thisValue = this.value;\n $this.trigger('search:sort', thisValue);\n var errorMsg = $this.data().errorMsg;\n var sortOrder = $this.val().split('srule')[1];\n var url = window.location.toString().split('&srule')[0];\n if (url.includes('srule')) {\n url = window.location.toString().split('?srule')[0];\n }\n var split = url.indexOf('?') !== -1 ? '&' : '?';\n var newUrl = url + split + 'srule' + sortOrder;\n\n var newSelection = this.selectedOptions[0];\n $('[name=\"sort-order\"]').find('option[selected=\"selected\"], option:selected').prop('selected',false).removeAttr('selected');\n $(newSelection).prop('selected', true).attr('selected', true);\n\n // Cancel previous request\n $xhr && $xhr.abort && $xhr.abort();\n\n $xhr = $.ajax({\n url: thisValue,\n data: {\n selectedUrl: thisValue,\n isSortUpdate: true\n },\n method: 'GET',\n timeout: sortTimeout,\n beforeSend: function () {\n $.spinner().start();\n },\n success: function (response) {\n var $productGridElement = $(response).find('.product-grid'); // if response is coming from page designer\n var updatedGridHtml = $productGridElement.length > 0 ? $productGridElement.children() : response;\n $('.product-grid').empty().html(updatedGridHtml);\n history.replaceState(undefined, '', newUrl);\n $('body').trigger('search:sort--success');\n $('body').trigger('ajax:load.ajaxEvents', [$('.product-grid')]);\n // Reset timeout\n sortTimeout = defaultSortTimeout;\n $this.data('sortValueOption', newSelection);\n },\n error: function () {\n displayMessage({ msg: errorMsg, type: 'warning' });\n var sortOption = $this.data('sortValueOption');\n // Reset last active selection\n if (sortOption) {\n $(sortOption).prop('selected', true).attr('selected', true );\n }\n // Extend timeout for subsequent submissions\n sortTimeout += defaultSortTimeout;\n },\n complete: function () {\n $.spinner().stop();\n }\n });\n });\n}\n\nexports.showMore = function () {\n // Show more products\n $('.container').on('click', '.show-more button', function (e) {\n e.stopPropagation();\n e.preventDefault();\n var showMoreUrl = $(this).data('url');\n var $showMoreButton = $(e.target);\n $.spinner().start();\n $(this).trigger('search:showMore', e);\n\n $.ajax({\n url: showMoreUrl,\n data: { selectedUrl: showMoreUrl },\n method: 'GET',\n success: function (response) {\n var promoTileCount = $showMoreButton.closest('.product-grid').find('[class*=\"experience-promoTile\"]').length;\n $('.grid-footer').replaceWith(response);\n updateSortOptions(response, promoTileCount);\n wishlistHelpers.updateLinkData();\n $('body').trigger('search:showMore--success');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n}\n\nexports.applyFilter = function () {\n var $xhr;\n // Handle refinement value selection and reset click\n $('.container').on(\n 'click',\n '.refinements li button, .refinement-bar button.reset, .filter-value button, .swatch-filter button',\n function (event) {\n var category = $(event.currentTarget).closest('.refinement');\n\n if (category && category.hasClass('refinement-category')) {\n localStorage.setItem('refinement-category', true);\n return;\n }\n //find new attr on Sort if selected, if not use the default\n var selectedSort = $('select[name=\"sort-order\"]').find('option[selected=\"selected\"]');\n if (selectedSort.data('id') != null) {\n var sortingRule = selectedSort.data('id');\n } else {\n var sortingRule = $('select[name=\"sort-order\"] option:selected').data('id');\n }\n //create a new url with the correct preferences\n if ($(this).data('href').includes('srule')) {\n var refinementUrl = $(this).data('href').replace(/(srule=).*?(&|$)/,'$1' + sortingRule + '$2');\n } else if (!$(this).data('href').includes('srule') && sortingRule != null) {\n var split = $(this).data('href').indexOf('?') !== -1 ? '&' : '?';\n var refinementUrl = $(this).data('href') + split + 'srule=' + sortingRule;\n } else {\n var refinementUrl = $(this).data('href');\n }\n\n event.preventDefault();\n event.stopPropagation();\n $(this).trigger('search:filter', event);\n\n // Cancel previous request\n $xhr && $xhr.abort && $xhr.abort();\n\n $xhr = $.ajax({\n url: refinementUrl,\n data: {\n page: $('.grid-footer').data('page-number'),\n selectedUrl: refinementUrl\n },\n method: 'GET',\n timeout: 10000,\n beforeSend: function () {\n $.spinner().start();\n },\n success: function (response) {\n module.exports.methods.parseResults(response);\n $('body').trigger('search:filter--success');\n },\n complete: function () {\n $.spinner().stop();\n }\n });\n });\n};\n\nexports.filter = () => $('html').on('click', 'button.filter-results', () => toggleRefinementDrawer('open'));\nexports.toggle = () => $('html').on('click', '.js-toggle-filters', (e) => toggleFilters(e));\nexports.reset = () => $('html').on('click', '.js-reset', (e) => $('.refinements li button').trigger('click'));\nexports.resize = () => {\n var windowWidth = $(window).width();\n\n $(window).resize(() => {\n // iOS fix: make sure window actually resized before triggering resize functions\n if (windowWidth !== $(window).width()) {\n windowWidth = $(window).width();\n toggleRefinementDrawer('close');\n exports.oneDropdownSlideToggle();\n }\n });\n};\n\nexports.methods = {\n parseResults: parseResults\n}\n\nmodule.exports = exports;\n","'use strict';\n\n/**\n * Creating a global getHeaderHeight function since its used more than once\n * @param {excludedClasses} string of class names, comma separated — OPTIONAL\n * used in: search.js, menu.js\n */\nfunction getHeaderHeight(excludedClasses) {\n var excludedConstants = '.skip, .d-none'\n var excludedClasses = excludedClasses ? excludedClasses + ', ' + excludedConstants : excludedConstants;\n var calculatedHeaderHeight = 0;\n $(\"#top-header > *:not(\" + excludedClasses + \")\").each(function () {\n calculatedHeaderHeight += $(this).outerHeight();\n })\n return calculatedHeaderHeight;\n}\n\n/**\n * getHeaderHeightNavOnly\n * sometimes there are 2 header-navs if secondary-nav is enabled\n */\nfunction getHeaderHeightNavOnly() {\n var calculatedHeaderHeight = 0;\n //logo-centers secondary-nav is within the original header-nav so don't calculate the height again\n if ($('.logo-center').length) {\n calculatedHeaderHeight = $('.header-nav').outerHeight();\n } else {\n $('.header-nav').each(function () {\n calculatedHeaderHeight += $(this).outerHeight();\n if ($(this).hasClass('secondary-nav')) {\n //helps offset rounding of pixels\n calculatedHeaderHeight --;\n }\n })\n }\n return calculatedHeaderHeight;\n}\n\nmodule.exports = {\n getHeaderHeight: getHeaderHeight,\n getHeaderHeightNavOnly: getHeaderHeightNavOnly\n};\n","'use strict';\n\n// TODO: REVISIT ON IF THIS SHOULD BE DONE SERVER SIDE\n/**\n * update window product list experience data\n * @param {string} data - data returned from the server's ajax call\n */\n var updateUncachedData = function(data) {\n var wishlistPIDs = new Set(window.UncachedData.wishlistPIDs);\n var updatedPid = data.pid.toString();\n\n if (data.actionType === 'change') {\n var newPid = data.pidUpdated.toString();\n wishlistPIDs.delete(updatedPid);\n wishlistPIDs.add(newPid);\n } else if (data.actionType === 'add') {\n wishlistPIDs.add(updatedPid);\n } else if (data.actionType === 'remove') {\n wishlistPIDs.delete(updatedPid);\n }\n window.UncachedData.wishlistPIDs = Array.from(wishlistPIDs);\n};\n\n/**\n * update clicked links attributes and text\n * @param {Object} specificLinks - jQuery object representing selection of product list experience links\n */\nvar updateLinkData = function(specificLinks, data) {\n if (!window || !window.UncachedData || !window.UncachedData.wishlistPIDs) {\n return;\n }\n var wishlistLinks = specificLinks || $('[data-wishlistpid]');\n if (!wishlistLinks || !wishlistLinks.length) {\n return;\n }\n var wishlistPIDs = new Set(window.UncachedData.wishlistPIDs);\n wishlistLinks.each((_i, wishlistLink) => {\n var $wishlistLink = $(wishlistLink);\n var wishlistpid = $wishlistLink.attr('data-wishlistpid');\n if (wishlistpid) {\n var isInWishlist = (wishlistPIDs.has(wishlistpid));\n $wishlistLink.attr('data-inwishlist', isInWishlist);\n if (isInWishlist) {\n $wishlistLink.attr('title', $wishlistLink.attr('data-removemessage'));\n if ($wishlistLink.data('includetext') === true) {\n $wishlistLink.find('span').html($wishlistLink.attr('data-removemessage'));\n }\n } else {\n $wishlistLink.attr('title', $wishlistLink.attr('data-addmessage'));\n if ($wishlistLink.data('includeicon') === true) {\n $wishlistLink.find('span').html($wishlistLink.attr('data-addmessage'));\n }\n }\n var icon = $wishlistLink.find('.wishlist-icon');\n if (icon && icon.length) {\n $(icon).toggleClass('selected', isInWishlist);\n }\n if (data && data.wishlistQuantities) {\n $wishlistLink\n .attr('data-wishlistquantity', data.wishlistQuantities)\n .data('wishlistquantity', data.wishlistQuantities);\n } else {\n $wishlistLink\n .attr('data-wishlistquantity', 1)\n .data('wishlistquantity', 1);\n }\n }\n });\n};\n\nvar openToast = (data) => {\n if (data.pid) {\n $('.wishlist-toast').trigger('show', function($toast) {\n\n if (data.wishlistName) {\n $toast.find('.wishlist-name').html(data.wishlistName);\n } else {\n $toast.find('.wishlist-name').html($toast.data().defaultWishlistName);\n }\n\n $toast\n .find('.message .manage')\n .attr('href', data.wishlistUrl);\n\n if (data.manageLabel) {\n $toast.find('.message .manage').html(data.manageLabel);\n } else {\n $toast.find('.message .manage').html($toast.data().defaultManageLabelWishlist);\n }\n\n $toast\n .attr({\n 'data-product-id': data.pid,\n 'data-wishlist-id': data.wishlistId\n })\n .data('product-id', data.pid)\n .data('wishlist-id', data.wishlistId);\n\n if (data.wishlistQuantities) {\n $toast\n .attr('data-wishlist-quantities', data.wishlistQuantities)\n .data('wishlist-quantities', data.wishlistQuantities);\n }\n\n if (data.productOptions) {\n $toast\n .attr({\n 'data-product-options': data.productOptions\n })\n .data('product-options', data.productOptions);\n }\n\n if (data.wishlistActionType === 'add') {\n $toast.find('.message.remove, .message.both').addClass('d-none');\n $toast.find('.message.add').removeClass('d-none');\n } else if (data.wishlistActionType === 'remove') {\n $toast.find('.message.remove').removeClass('d-none');\n $toast.find('.message.add, .message.both').addClass('d-none');\n } else {\n $toast.find('.message.both').removeClass('d-none');\n $toast.find('.message.add, .message.remove').addClass('d-none');\n }\n });\n }\n};\n\nvar getUrlParam = (paramName) => {\n var queryString = window.location.search;\n var urlParams = new URLSearchParams(queryString);\n return urlParams.get(paramName);\n}\n\nmodule.exports = {\n openToast: openToast,\n updateLinkData: updateLinkData,\n updateUncachedData: updateUncachedData,\n getUrlParam: getUrlParam\n};\n","'use strict';\n\n// These values should always match the variables set in _variables.scss and the contentImageBreakpoints site pref\nmodule.exports.BreakpointSizes = {\n 'sm': 544,\n 'md': 769,\n 'lg': 1024,\n 'xl': 1440\n};\n\nmodule.exports.TransitionSpeed = 200;\n\nmodule.exports.ComponentAnimationDelay = 0;\n\nmodule.exports.Spacer = 16;\n\nmodule.exports.placeholderImagePaths = {\n 'thumbnail': '/images/gray.png',\n 'imageMissing': '/images/placeholder.png'\n}\n\nmodule.exports.defaultMapMarker = {\n 'color': 'white',\n 'backgroundImage': '/images/icons/map-marker-default.svg'\n}\n\nmodule.exports.defaultStoreType = {\n 'id': 0,\n 'displayValue': 'Retail',\n 'value': 'retail'\n}\n\n// These are used in cartridge/client/default/js/components/search.js\nmodule.exports.UP_KEY = 38;\nmodule.exports.DOWN_KEY = 40;\nmodule.exports.DIRECTION_DOWN = 1;\nmodule.exports.DIRECTION_UP = -1;\n","'use strict';\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 var activeDiv = $results.find('.' + $(this)[0].className.replace(/ /g, '.'));\n activeDiv.addClass('active');\n activeDiv.find('button.title').attr('aria-expanded', 'true');\n });\n\n updateDom($results, '.refinements');\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 // Update DOM elements that do not require special handling\n [\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 Object.keys(specialHandlers).forEach(function (selector) {\n specialHandlers[selector]($results);\n });\n}\n\n/**\n * This function retrieves another page of content to display in the content search grid\n * @param {JQuery} $element - the jquery element that has the click event attached\n * @param {JQuery} $target - the jquery element that will receive the response\n * @return {undefined}\n */\nfunction getContent($element, $target) {\n var showMoreUrl = $element.data('url');\n $.spinner().start();\n $.ajax({\n url: showMoreUrl,\n method: 'GET',\n success: function (response) {\n $target.append(response);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\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\nmodule.exports = {\n filter: function () {\n // Display refinements bar when Menu icon clicked\n $('.container').on('click', 'button.filter-results', function () {\n $('.refinement-bar, .modal-background').show();\n $('.refinement-bar').siblings().attr('aria-hidden', true);\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', true);\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', true);\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', true);\n $('.refinement-bar .close').focus();\n });\n },\n\n closeRefinements: function () {\n // Refinements close button\n $('.container').on('click', '.refinement-bar button.close, .modal-background', function () {\n $('.refinement-bar, .modal-background').hide();\n $('.refinement-bar').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\n $('.btn.filter-results').focus();\n });\n },\n\n resize: function () {\n // Close refinement bar and hide modal background if user resizes browser\n $(window).resize(function () {\n $('.refinement-bar, .modal-background').hide();\n $('.refinement-bar').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\n });\n },\n\n sort: function () {\n // Handle sort order menu selection\n $('.container').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 $.spinner().stop();\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\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 $('.grid-footer').replaceWith(response);\n updateSortOptions(response);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n applyFilter: function () {\n // Handle refinement value selection and reset click\n $('.container').on(\n 'click',\n '.refinements li button, .refinement-bar button.reset, .filter-value button, .swatch-filter button',\n function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n $.spinner().start();\n $(this).trigger('search:filter', e);\n var attributeId = '#' + $(this).find('span').last().attr('id');\n $.ajax({\n url: $(this).data('href'),\n data: {\n page: $('.grid-footer').data('page-number'),\n selectedUrl: $(this).data('href')\n },\n method: 'GET',\n success: function (response) {\n parseResults(response);\n $.spinner().stop();\n $(attributeId).parent('button').focus();\n },\n error: function () {\n $.spinner().stop();\n $(attributeId).parent('button').focus();\n }\n });\n });\n },\n\n showContentTab: function () {\n // Display content results from the search\n $('.container').on('click', '.content-search', function () {\n if ($('#content-search-results').html() === '') {\n getContent($(this), $('#content-search-results'));\n }\n });\n\n // Display the next page of content results from the search\n $('.container').on('click', '.show-more-content button', function () {\n getContent($(this), $('#content-search-results'));\n $('.show-more-content').remove();\n });\n }\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include.call(this);\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key].call(include);\n }\n });\n }\n};\n"],"sourceRoot":""}