';\n slide += '';\n slide += '![\"'](\"')
';\n slide += '
';\n\n newSlidesHTML += slide;\n }\n\n // make sure new slides exist before replacing\n if (newSlidesHTML) {\n // remove old slider\n if (swiperWrapper) {\n $(swiperWrapper).empty();\n }\n\n // add new slider with updated images\n $(swiperWrapper).html(newSlidesHTML);\n }\n }\n }\n}\n\n/**\n * Switch image from product to model\n */\nfunction switchProductvsModelViewHandler() {\n var isModelImagesChecked = $('.js-model-switch').val() === 'true';\n $.each($('.product .product-tile'), function (index, tile) {\n var imagesContainer = $(tile).find('.image-container');\n var imagesObj = $(imagesContainer).attr('data-images');\n if (imagesObj) {\n imagesObj = JSON.parse(imagesObj);\n }\n var imagesToReplace = isModelImagesChecked ? imagesObj.model : imagesObj.medium;\n var productURL = $(imagesContainer).data('producturl');\n\n updateProductTileImages(imagesContainer, imagesToReplace, productURL);\n });\n}\n\n/**\n * Set/get response to/from data attr of target element\n * Response is then used after apply filters is clicked\n *\n * @param {Object} data - contains html response and url to udpate\n * @param {*} set - determines if set or get the data from the target\n * @returns {Object} - the previously set data object\n */\nfunction handleResponseData(data, set) {\n var $target = $('.search-results');\n var key = 'result';\n if (!set) {\n return $target.data(key);\n }\n\n $target.data(key, data);\n}\n\n/**\n * Update number of filter applied displayed\n * @param {*} response response\n */\nfunction updateFilterCount(response) {\n var filterCountSpan = $(response).find('.applied-fiter-count');\n if (filterCountSpan) {\n $('.applied-fiter-count').empty().html(filterCountSpan);\n }\n}\n\n/**\n * Handle the case of reset click to revert the filter results\n *\n * @param {*} e - current event object\n */\nfunction handleReset(e) {\n if ($(e.target).is('.reset')) {\n // is reset button clicked\n var data = handleResponseData();\n parseResults(data.response);\n updateURL(data.url);\n updateSliders();\n }\n}\n\n/**\n * Update all sliders\n * @param {*} e e\n */\nfunction updateSliders(e) {\n $('body').trigger('swiper:init', [\n { slider: $('.search-results .swiper') }\n ]);\n}\n\n/**\n * init price range slider for price filter\n */\n\nvar updatePriceQuery = function (url, values) {\n if (url && url.searchParams) {\n if (values) {\n if (values[0]) url.searchParams.set('pmin', values[0]);\n if (values[1]) url.searchParams.set('pmax', values[1]);\n } else {\n url.searchParams.delete('pmin');\n url.searchParams.delete('pmax');\n }\n }\n return url;\n};\n\n/**\n * apply Refinement and page data\n */\nvar applyRefinements = function () {\n // Get the current filter results\n var data = handleResponseData();\n if (data) {\n parseResults(data.response);\n updateURL(data.url);\n switchProductvsModelViewHandler();\n updateSliders();\n\n $('body').trigger('close:toggleables');\n }\n};\n\n/**\n * apply filter\n */\n\nvar applyFilter = function (e, _options) {\n var options = _options || {};\n e.preventDefault();\n e.stopPropagation();\n\n $.spinner().start();\n $(this).trigger('search:filter', e);\n var attributeId = options.attributeId || '#' + $(this).find('span').last().attr('id');\n var url = options.url || $(this).data('href');\n var forceApply = options.forceApply || false;\n\n if (!$(this).data('content')) {\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 // Update filter area only with results\n // Set response of page to the search-results elem data attr\n // Set content from response when apply btn clicked\n handleResponseData({ response: response, url }, true);\n parseFilterResults();\n\n // Handle case of reset to revert the page\n handleReset(e);\n\n $.spinner().stop();\n updateFilterCount(response);\n // $(activeTab).addClass('active');\n // $(attributeId).parent('button').get(0).focus();\n\n if (forceApply) applyRefinements();\n },\n error: function () {\n $.spinner().stop();\n $(attributeId).parent('button').focus();\n }\n });\n } else {\n $.spinner().stop();\n window.location.href = url;\n }\n};\n\n/**\n * Update price refinement\n * @param {string} dataurl - the url to be used for filtering\n * @param {JQuery.ChangeEvent} e - the original jQuery event object\n */\nvar updatePriceRefinement = function (dataurl, e) {\n var values = [\n $('#price-refinement-min').val() || $('#price-refinement-min').attr('min'),\n $('#price-refinement-max').val() || $('#price-refinement-min').attr('max')\n ];\n var url = updatePriceQuery(dataurl ? new URL(window.location.origin + dataurl) : null, values);\n if (url && url.href) {\n applyFilter.apply(this, [e, { url: url.href }]);\n } else {\n console.log('Missing data-url attribute on price range slider');\n }\n};\n\nbase.initPriceRangeSlider = function () {\n $('body').on('input', '.refinement-price-fieldset input', function (e) {\n this.setCustomValidity('');\n // converting\n $(this).addClass('is-converting');\n inputUtils.convertToHalfWidth(e, this, () => {\n $(this).removeClass('is-converting');\n });\n });\n\n let changeTimout;\n $('body').on('change', '.refinement-price-fieldset input', function (e) {\n e.preventDefault();\n const self = this;\n if (changeTimout) clearTimeout(changeTimout);\n changeTimout = setTimeout(() => {\n // reset custom error\n self.setCustomValidity('');\n\n // check validity again\n if (!self.validity.valid) {\n self.setCustomValidity(self.dataset.invalidError);\n $(self).addClass('is-invalid');\n self.reportValidity();\n return false;\n }\n const value = parseInt(self.value, 10);\n const max = parseInt(self.max, 10);\n const min = parseInt(self.min, 10);\n if (value > max || value < min) {\n self.setCustomValidity(self.dataset.rangeError);\n $(self).addClass('is-invalid');\n self.reportValidity();\n return false;\n }\n\n $(self).removeClass('is-invalid');\n var dataurl = $(self).data('url');\n updatePriceRefinement(dataurl, e);\n }, 100);\n });\n};\n\nbase.showMore = function () {\n // Show more products\n $('body').on('click', '.js-page-link', 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 $('.product-grid').html(response);\n updateSortOptions(response);\n switchProductvsModelViewHandler();\n $.spinner().stop();\n scrollAnimate($('.search-results'));\n\n // Pagination go back button handling\n // var paginationUrl = new URL(showMoreUrl);\n // var updatedUrl = new URL(window.location.origin + window.location.pathname + paginationUrl.search );\n // updateHistory({},\"\", updatedUrl.href);\n\n // Update all sliders\n updateSliders();\n\n const gridFooter = $('.grid-footer');\n const pageNumber = gridFooter.data('page-number');\n const pageSize = parseInt(gridFooter.data('page-size'));\n const url = new URL(window.location);\n url.searchParams.set('sz', pageSize);\n url.searchParams.set('start', pageSize * pageNumber);\n updateHistory({}, '', url);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n};\n\nbase.applyFilter = function () {\n // Handle refinement value selection and reset click\n $('body').on(\n 'click',\n '.refinements li button, .refinements-mobile li button, .refinement-bar button.reset, .filter-value button, .swatch-filter button, .refinements .price-range-slider button',\n function (e) {\n applyFilter.apply(this, [e, { forceApply: !!$(this).data('apply') }]);\n }\n );\n};\n\nbase.sort = function () {\n // Handle sort order menu selection\n $('body').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 var updatedURL = $('.permalink').val();\n if (updatedURL) {\n updateHistory({}, '', updatedURL);\n }\n switchProductvsModelViewHandler();\n // Initialise slider\n $('body').trigger('swiper:init', [{ slider: $('.product-grid').find('.swiper') }]);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n};\n\nbase.applyRefinements = function () {\n $('body').on('click', '.refinement-bar button.confirm', function (e) {\n e.preventDefault();\n applyRefinements();\n });\n};\n\nbase.closeRefinements = function () {\n // remove default behaviour\n};\n\nbase.resize = function () {\n // remove default behaviour\n};\n\nbase.filter = function () {\n $('.sort-order').on({\n click: function () { $(this).toggleClass('rotate'); },\n blur: function () { $(this).removeClass('rotate'); },\n input: function () { $(this).removeClass('rotate'); },\n focusout: function () { $(this).removeClass('rotate'); }\n });\n\n window.expandedRefinements = {};\n\n $('body').on('hidden.bs.collapse', '.refinements .collapse', function () {\n delete window.expandedRefinements[this.id];\n });\n\n $('body').on('shown.bs.collapse', '.refinements .collapse', function () {\n window.expandedRefinements[this.id] = true;\n });\n\n $('body').on('click', '.js-usedrefinement-badge', function (e) {\n e.preventDefault();\n var ref = $(this).data('ref');\n if (ref && ref.click) ref.click();\n $(this).addClass('hide');\n });\n};\n\nbase.retainFiltersOnBrowserBack = function () {\n switchProductvsModelViewHandler();\n $(window).on('popstate', function (e) {\n location.reload(true);\n updateFilterCount(e);\n });\n $('.js-ProductStyle').addClass('active');\n};\n\n/**\n * Switch product vs model image type\n */\nbase.switchProductvsModelView = function () {\n $('body').on('change', '.js-model-switch', function () {\n switchProductvsModelViewHandler();\n });\n};\n\nbase.selectColorSwatch = function () {\n $('body').on('click', '.js-swatch-color-select', function (e) {\n e.preventDefault();\n\n var swatchContainer = $(this).closest('.swatch-color');\n var imagesContainer = $(this).closest('.product-tile').find('.image-container');\n var isModelImagesChecked = $('.js-model-switch').val() === 'true';\n var quickViewAnchor = $(this).closest('.product-tile').find('.quickview'); // Anchor point for quickview\n\n if (swatchContainer) {\n var variationUrl = $(swatchContainer).data('variationurl');\n var pdpUrl = $(swatchContainer).data('swatchurl');\n\n // $.spinner().start();\n $.ajax({\n url: variationUrl,\n method: 'GET',\n success: function (data) {\n if (data && data.product && data.product.images) {\n var variantImages = data.product.images;\n var imagesToReplace = isModelImagesChecked ? variantImages.model : variantImages.medium;\n\n if (isModelImagesChecked && (imagesToReplace && imagesToReplace.length === 0)) {\n imagesToReplace = variantImages.medium;\n }\n\n updateProductTileImages(imagesContainer, imagesToReplace, pdpUrl);\n\n // update image container with new images\n $(imagesContainer).attr('data-images', JSON.stringify(variantImages));\n\n // Remove previously selected and highlight selected swatch\n swatchContainer.siblings('.selected').removeClass('selected').children('.swatch').removeClass('selected');\n swatchContainer.addClass('selected').children('.swatch').addClass('selected');\n }\n if (data && data.product && data.product.tilequickview) {\n $(quickViewAnchor).attr('href', data.product.tilequickview); // Update quickview href based on the swatch clicked\n }\n // $.spinner().stop();\n },\n error: function () {\n // $.spinner().stop();\n }\n });\n }\n });\n};\n\nmodule.exports = base;\n","'use strict';\n\nmodule.exports = function (element) {\n var position = element && element.length ? element.offset().top : 0;\n $('html, body').animate({\n scrollTop: position\n }, 500);\n if (!element) {\n $('.logo-home').focus();\n }\n};\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();\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","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(function () {\n processInclude(require('./search/search'));\n processInclude(require('./components/toggleable'));\n});\n"],"names":["fullToHalfMap","regExp","hasFullNumbers","value","test","convertToHalfWidth","e","inputField","callback","input","target","originalValue","convertedInput","replace","match","module","exports","getBreakpoint","bp","getComputedStyle","document","documentElement","getPropertyValue","watchDesktop","window","matchMedia","watchBreakpoint","responsiveUtils","require","GENERICSELECTOR","SHOWHIDECLASS","BODYSHOWCLASS","closeToggleables","body","classList","remove","toggleables","querySelectorAll","i","length","toggleable","init","toggleableBackdrop","mediaMatch","getElementById","insertAdjacentHTML","$","on","preventDefault","matches","targetId","dataset","toggle","addEventListener","base","scrollAnimate","inputUtils","updateDom","$results","selector","$updates","find","empty","html","updateHistory","argsArray","Array","prototype","slice","call","arguments","history","pushState","apply","indexOf","location","href","append","handleRefinements","expandedRefinements","Object","keys","forEach","refinementDomId","$ref","addClass","headingId","attr","parseResults","response","sortInput","querySelector","dropdownSelect","setTimeout","refreshItems","parseFilterResults","$response","handleResponseData","updateSortOptions","$tempDom","sortOptions","data","options","option","id","val","url","updateURL","refinementsURL","updatedURL","URL","origin","updateProductTileImages","imagesContainer","imagesToReplace","productURL","imageSize","swiperWrapper","newSlidesHTML","slide","type","alt","switchProductvsModelViewHandler","isModelImagesChecked","each","index","tile","imagesObj","JSON","parse","model","medium","set","$target","key","updateFilterCount","filterCountSpan","handleReset","is","updateSliders","trigger","slider","updatePriceQuery","values","searchParams","delete","applyRefinements","applyFilter","_options","stopPropagation","spinner","start","attributeId","last","forceApply","ajax","page","selectedUrl","method","success","stop","error","parent","focus","updatePriceRefinement","dataurl","console","log","initPriceRangeSlider","_this","setCustomValidity","removeClass","changeTimout","self","clearTimeout","validity","valid","invalidError","reportValidity","parseInt","max","min","rangeError","showMore","showMoreUrl","gridFooter","pageNumber","pageSize","sort","closeRefinements","resize","filter","click","toggleClass","blur","focusout","ref","retainFiltersOnBrowserBack","reload","switchProductvsModelView","selectColorSwatch","swatchContainer","closest","quickViewAnchor","variationUrl","pdpUrl","product","images","variantImages","stringify","siblings","children","tilequickview","element","position","offset","top","animate","scrollTop","activeDiv","className","specialHandlers","getContent","$element","show","hide","replaceWith","showContentTab","_typeof","o","Symbol","iterator","constructor","include","processInclude"],"sourceRoot":""}