').appendTo($(carousel).find('.carousel-inner'));\n }\n $($(carousel).find('.carousel-item')).first().addClass('active');\n for (var j = 0; j < imgsSmall.length; j++) {\n $('
').appendTo($(carousel).find('.carousel-indicators'));\n }\n // Add images videos\n for (var l = 0; l < (primaryImageVideos && primaryImageVideos.length); l++) {\n $('
').appendTo($(carousel).find('.carousel-indicators'));\n }\n $($(carousel).find('.carousel-indicators > li')).first().addClass('active');\n if (imgs.length === 1 && primaryVideos && primaryVideos.length === 0) {\n $($(carousel).find('.carousel-indicators, a[class^=\"carousel-control-\"]')).detach();\n }\n $(carousel).carousel();\n}\n\n\nfunction changeImageModal(imageSmall) {\n var alt = imageSmall.alt.trim();\n var url = imageSmall.url;\n var item = $('#sizeSelectorModal .imageSizeSelectorModal img');\n item.attr('src', url).attr('alt', alt);\n}\n/** TODO FBM: custom function to add imgSmall in call to createCarousel\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n * @param {Boolean} updateUrlSwatch - true if you want update the data-url attribute\n */\nfunction handleVariantResponse(response, $productContainer, updateUrlSwatch) {\n var isChoiceOfBonusProducts =\n $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources, updateUrlSwatch);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item')\n .data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item')\n .data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var allGallery = response.mediaFiles;\n var primaryImageUrls = response.product.images.large;\n var color = response.colorSelected;\n var currentImageColorURL = $('#galleryBox div[class^=\"mediaBox\"]:first-child img').attr('src');\n var search = '_' + color.toUpperCase() + '_';\n if (!$('#quickViewModal').hasClass('show')) {\n if (currentImageColorURL && !currentImageColorURL.includes(search)) {\n $.spinner().start();\n createGallery(allGallery, response.videoPoster);\n changeImageModal(response.product.images.small[0]);\n createZoomDesktop(allGallery);\n $.spinner().stop();\n }\n } else {\n var primaryImageSmallUrls = response.product.images.small;\n var primaryImageVideos = response.product.imagesVideos;\n var productName = response.product.productName;\n createCarousel(primaryImageUrls, primaryImageSmallUrls, $productContainer, null, primaryImageVideos, productName);\n }\n\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price', $productContainer).length\n ? $('.prices .price', $productContainer)\n : $('.prices .price');\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Empty promotions before calculation if it has\n $productContainer.find('.promotions').empty();\n\n // Update promotions\n if (Array.isArray(response.product.promotions) && response.product.promotions.length > 0) {\n response.product.promotions.forEach(function (promotion, index) { // eslint-disable-line no-unused-vars\n if (promotion.calloutMsg !== '') {\n $productContainer.find('.promotions').empty().html(promotion.calloutMsg);\n }\n });\n } else {\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n }\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find('.select-bonus-product');\n $selectButton.trigger('bonusproduct:updateSelectButton', {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n }\n\n // Update attributes\n $productContainer.find('.main-attributes').empty()\n .html(getAttributesHtml(response.product.attributes));\n\n\n // Update icons.\n updateIcons(response.product);\n\n if (!$('#quickViewModal').hasClass('show')) {\n reloadGallery();\n\n if (currentImageColorURL && !currentImageColorURL.includes(search)) {\n var recommendationOther = response.productRecomendationsOther && response.productRecomendationsOther.trim();\n var recommendationCrossSelling = response.productRecomendationsCrossSelling && response.productRecomendationsCrossSelling.trim();\n var currentCarousel = $('#recommendationsContainer');\n currentCarousel.html('');\n\n // Mostramos los productos recomendados pero si NO estamos en el quick view.\n if (recommendationOther) {\n currentCarousel.append(recommendationOther);\n }\n\n if (recommendationCrossSelling) {\n currentCarousel.append(recommendationCrossSelling);\n }\n showRecommendations();\n }\n }\n}\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent('.bonus-product-item').length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return '
';\n }).join('');\n getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n * @param {Boolean} updateUrlSwatch - true if you want update the data-url attribute\n */\nfunction attributeSelect(selectedValueUrl, $productContainer, updateUrlSwatch) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n handleVariantResponse(data, $productContainer, updateUrlSwatch);\n updateOptions(data.product.optionsHtml, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
').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 + '
'\n + ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\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 * (Remove the SFRA alert message)\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\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 + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Return an property of an element of a form\n *\n * @param {object} form - DOM form\n * @param {string} element - DOM element (id, class...)\n * @param {string} property - DOM property element\n * @return {string} - Content of a prop\n */\nfunction getPropertyElementForm(form, element, property) {\n return form.find(element).prop(property);\n}\n\n/**\n * Return an data of an element of a form\n *\n * @param {object} form - DOM form\n * @param {string} element - DOM element (id, class...)\n * @param {string} data - DOM data element\n * @return {string} - Content of a data\n */\nfunction getDataElementForm(form, element, data) {\n return form.find(element).data(data);\n}\n\n/**\n * Return an data of an element of a form\n *\n * @param {object} form - DOM form\n * @param {string} element - DOM element (id, class...)\n * @param {string} data - DOM data element\n * @param {object} error - object with errors\n */\nfunction addErrorForm(form, element, data, error) {\n var inputName = getPropertyElementForm(form, element, 'name');\n error[inputName] = getDataElementForm(form, element, data);\n}\n\n/**\n * Function to validate fields form\n *\n * @return {Object} - with error\n */\nfunction getErrorsPersonalizationForm(personalizationForm, name1, name2, date) {\n // Validations\n var MAX_LENGTH_NAME1 = 16;\n var MAX_LENGTH_NAME2 = 16;\n var MAX_LENGTH_DATE = 16;\n var error = {};\n\n if (!name1 || name1.length > MAX_LENGTH_NAME1) {\n addErrorForm(personalizationForm, '#name1', !name1 ? 'missing-error' : 'range-error', error);\n }\n if (!name2 || name2.length > MAX_LENGTH_NAME2) {\n addErrorForm(personalizationForm, '#name2', !name2 ? 'missing-error' : 'range-error', error);\n }\n if (date.length > MAX_LENGTH_DATE) {\n addErrorForm(personalizationForm, '#date', 'range-error', error);\n }\n return $.isEmptyObject(error) ? null : [error];\n}\n\n/**\n * Function to validate personalization form\n *\n * @return {Object} - with form serialize and boolean with isCustomizable\n */\nfunction validatePersonalizationForm() {\n var idPersonalizationForm = '#personalization-form';\n formHelpers.clearPreviousErrors(idPersonalizationForm);\n var personalizationForm = $(idPersonalizationForm);\n var personalizationFormSerialize = personalizationForm.serialize();\n var isCustomizable = false;\n var valid = true;\n var name1 = personalizationForm.find('#name1').val();\n var name2 = personalizationForm.find('#name2').val();\n var date = personalizationForm.find('#date').val();\n if (personalizationForm && personalizationForm.length > 0) {\n isCustomizable = true;\n var errors = getErrorsPersonalizationForm(personalizationForm, name1, name2, date);\n if (errors && errors.length > 0) {\n valid = false;\n personalizationForm.find('#name1').focus();\n errors.forEach(function (error) {\n if (Object.keys(error).length) {\n // formHelpers.loadFormErrors(idPersonalizationForm, error);\n $.each(error, function (attr) {\n $('*[name=' + attr + ']', idPersonalizationForm)\n .addClass('is-invalid')\n .siblings('.invalid-feedback')\n .html(error[attr]);\n });\n }\n });\n }\n }\n return {\n name1 : name1,\n name2 : name2,\n date : date,\n valid : valid,\n isCustomizable : isCustomizable,\n personalizationFormSerialize : personalizationFormSerialize\n };\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#chooseBonusProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on('touchstart click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n var isSelected = $(this).find('span').hasClass('selected');\n if ($(this).attr('disabled') || isSelected) {\n return;\n }\n var updateUrlSwatch = true;\n var $productContainer;\n $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n $('.js-product-list-size').removeClass('selected');\n $('.js-product-list-size-modal').removeClass('selected');\n attributeSelect($(this).attr('data-url'), $productContainer, updateUrlSwatch);\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n var updateUrlSwatch = false;\n attributeSelect(e.currentTarget.value, $productContainer, updateUrlSwatch);\n });\n },\n\n availability: function () {\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var searchPID = $(this).closest('.product-detail').attr('data-pid');\n var selectorPrefix = '.product-detail[data-pid=\"' + searchPID + '\"]';\n\n if ($(selectorPrefix + ' .selected-store-with-inventory').is(':visible')) {\n return;\n }\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 var updateUrlSwatch = true;\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer, updateUrlSwatch);\n }\n });\n },\n\n addToCart: function () {\n $(document).on('touchstart click', 'button.add-to-cart, button.add-to-cart-global, button.add-to-cart-no-checkout', function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var goToCheckout = $(this).hasClass('add-to-cart');\n\n var personalizationForm = validatePersonalizationForm();\n if (!personalizationForm.valid) {\n return;\n }\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find('.product-id').text(),\n qty: $(this).find('.quantity-select').val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).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($(this)),\n personalizationForm: personalizationForm.personalizationFormSerialize,\n isCustomizable: personalizationForm.isCustomizable,\n name1: personalizationForm.name1,\n name2: personalizationForm.name2,\n date: personalizationForm.date\n };\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n var addToCartEvent = $(this).hasClass('add-to-cart-recommendation-btn') ? 'addToCartRecommendation' : 'addToCart';\n\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n /* Añadir datalayer push, lo ponemos aquí ya que si no selecciona talla, se\n realiza la petición pero no devuelve un succes, por lo que solo si lo ponemos aquí saltará una vez. */\n /* eslint-disable no-undef */\n dataLayer.push({\n event: addToCartEvent\n });\n handlePostCartAdd(data);\n if (goToCheckout) {\n $('body').trigger('product:afterAddToCart', data);\n } else {\n if ($('#quickViewModal').length) {\n $('#quickViewModal').modal('hide');\n }\n $('body').trigger('cart:update', data);\n }\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on('touchstart 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($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\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 = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
'\n + '
'\n + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\n + '
'\n + '
'\n ;\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('touchstart 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('disabled',\n (!response.product.readyToOrder || !response.product.available || !response.product.availablePrice));\n var pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('touchstart 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('touchstart 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 =\n parseInt($(this)\n .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 $('#chooseBonusProductModal').modal('hide');\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('
');\n }\n $('.add-to-cart-messages').append(\n '
'\n + data.errorMessage + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 3000);\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 setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl,\n customSelectSize: function () {\n $('select.select-size').on('change', function () {\n var selectedSize = $('select.select-size option:selected');\n if (selectedSize.hasClass('disabled')) {\n return;\n }\n var size = selectedSize.data('attr-value');\n var value = selectedSize.val();\n $('.product-sizes__selector .js-product-list-size').removeClass('selected');\n $('.product-sizes__selector .js-product-list-size[data-attr-value=' + size + ']').addClass('selected');\n if (size && value) {\n changeAddToCartSizeSelectorButton();\n } else {\n changeAddToCartButton();\n }\n });\n\n var clearSelectClasses = function () {\n $('.product-sizes__selector .js-product-list-size').removeClass('selected');\n $('.email-size-available-white').addClass('email-size-available');\n $('.email-size-available-white').removeClass('email-size-available-white');\n $('.select-size option').removeAttr('selected');\n $('#notifySizeButton').removeClass('d-none');\n $('#notificationSucces').addClass('d-none');\n $('#notificationFail').addClass('d-none');\n $('#buyButton').removeClass('add-to-cart');\n $('#buyButton').addClass('add-to-cart-size-selector');\n $('#buyButton').attr('data-target', '#sizeSelectorModal');\n $('#buyButtonBlock .prices').removeClass('top');\n\n // Recoremos las tallas del modal, y también quitamos la seleccion, ya que si se abre el modal, aparecería la última talla seleccionada.\n $('.js-product-list-size-modal').removeClass('selected');\n $('.js-product-list-size-modal').each(function () {\n $(this)[0].childNodes.forEach(function (child) {\n if (child.nodeName == 'DIV' && child.className.includes('icon email-size-available')) {\n child.remove();\n }\n });\n });\n };\n\n var addSelectClasses = function (sizeObject) {\n var value = sizeObject.data('attr-value');\n sizeObject.addClass('selected');\n $('.select-size option[data-attr-value=\"' + value + '\"]').prop('selected', true);\n };\n\n $('.js-product-list-size').on('click', function () {\n var sizeObject = $(this);\n var notificationSizeIcon = sizeObject.children('.icon.email-size-available');\n\n // Mostramos el bloque para introducir el email y avisar cuando entre stock de la talla.\n if (sizeObject.hasClass('selected') && sizeObject.attr('data-attr-stock') == '0.0' && sizeObject.attr('data-attr-value') !== 'U' || (notificationSizeIcon && notificationSizeIcon.length > 0)) {\n clearSelectClasses();\n $('#closeNotify').trigger('click');\n\n notificationSizeIcon.length > 0 ?\n notificationSizeIcon.addClass('email-size-available-white') :\n notificationSizeIcon.removeClass('email-size-available');\n\n addSelectClasses(sizeObject);\n\n $('#buyButton').addClass('d-none');\n $('#notifySizeBlock').removeClass('d-none');\n $('#notificationInfo').removeClass('d-none');\n $('.prices.d-lg-none.col-3').addClass('top');\n } else {\n notificationSizeIcon.addClass('email-size-available');\n notificationSizeIcon.removeClass('email-size-available-white');\n $('#buyButton').removeClass('d-none');\n $('#inputEmailBlock').addClass('d-none');\n $('#notifySizeBlock').addClass('d-none');\n }\n\n var isSelected = sizeObject.hasClass('selected') || sizeObject.hasClass('unselectable') || sizeObject.hasClass('disabled');\n if (isSelected) {\n return;\n }\n\n clearSelectClasses();\n addSelectClasses(sizeObject);\n $('select.select-size').trigger('change');\n });\n\n $('#closeNotify').on('click', function () {\n clearSelectClasses();\n $('#notifySizeBlock').addClass('d-none');\n $('#buyButton').removeClass('d-none');\n $('#inputEmailBlock').addClass('d-none');\n $('#closeNotify').addClass('d-none');\n });\n\n $('#notifySizeButton').on('click', function () {\n $('.prices.d-lg-none.col-3').addClass('top');\n $('#notifySizeButton').addClass('d-none');\n $('#inputEmailBlock').removeClass('d-none');\n $('#inputEmailBlock').addClass('fade-in-block');\n $('#closeNotify').addClass('fade-in-block');\n $('#closeNotify').removeClass('d-none');\n\n if ($(window).width() < 768) {\n $('#infoProductContainer').get(0).scrollIntoView({ behavior: 'smooth' });\n }\n });\n\n $('#notifyButtonEmail').on('click', function (e) {\n // Validamos el email introducido por el usuario y ya realizamos llamada al controlador para guardar email en custom object.\n var inputEmail = $('#customerEmail').val();\n inputEmail = inputEmail.trim();\n e.preventDefault();\n\n if (inputEmail !== '' && /^[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/.test(inputEmail)) {\n var actionUrl = $('#sizeReminderForm').attr('action');\n var itemSelected =\n $('.js-product-list-size.swatch-rectangle.unselectable.disabled.selected');\n\n $('#notify-email-error').css('display', 'none');\n $('#customerEmail').val(inputEmail);\n $('#ean').val(itemSelected.attr('data-attr-ean'));\n $('#size').val(itemSelected.attr('data-attr-value'));\n\n $.spinner().start();\n var formData = $('#sizeReminderForm');\n\n $.ajax({\n url: actionUrl,\n method: 'POST',\n data: formData.serialize(),\n success: function (response) {\n $.spinner().stop();\n if (response && !response.succes) {\n console.error(response.message);\n }\n\n $('#buyButtonBlock .prices').removeClass('top');\n $('#notificationInfo').addClass('d-none');\n $('#inputEmailBlock').addClass('d-none');\n $('#notificationSucces').removeClass('d-none');\n\n // Datalayer push para evento Alerta Tallas de GA4.\n dataLayer.push({\n event: 'Solicitud Alerta Talla',\n Categoria : 'Solicitud Alerta Talla',\n Accion : 'Solicitud de aviso de disponibiliad de talla por cliente',\n Etiqueta : window.location.href\n });\n },\n error: function () {\n $.spinner().stop();\n }\n });\n } else {\n var emailError = $('#customerEmail').attr('data-error-email');\n $('#notify-email-error').text(emailError);\n $('#notify-email-error').css('display', 'block');\n return;\n }\n });\n },\n sizeSelectorAddToCartModal: function () {\n $('body').on('click', '.js-product-list-size-modal', function (e) {\n e.preventDefault();\n var sizeObject = $(this);\n var isSelected = sizeObject.hasClass('unselectable') || sizeObject.hasClass('disabled');\n if (isSelected) {\n return;\n }\n var size = $(this).data('attr-value');\n $('.js-product-list-size-modal').removeClass('selected');\n $(this).addClass('selected');\n $('.select-size option').removeAttr('selected');\n $('.select-size option[data-attr-value=\"' + size + '\"]').prop('selected', true);\n // Close modal, select size and add to cart.\n $('.sizeSelectorModalClass').modal('hide');\n if ($('button.add-to-cart-size-selector').length) {\n $('button.add-to-cart-size-selector').blur();\n }\n // Select size.\n $('.js-product-list-size').each(function () {\n if ($(this).data('attr-value') === size) {\n $(this).fadeIn().delay(500).queue(function () {\n $(this).click();\n changeAddToCartSizeSelectorButton();\n $('button.add-to-cart').fadeIn().delay(500).queue(function () {\n $(this).focus();\n $(this).click();\n });\n });\n }\n });\n });\n },\n updateIcons: updateIcons,\n updateAvailability: updateAvailability,\n updateOptions: updateOptions,\n updateQuantities: updateQuantities,\n handlePostCartAdd : handlePostCartAdd\n};\n","'use strict';\n\nvar base = require('./base');\nvar handleADA = require('../common/handleADA');\n\nvar mediaBreakLimit = 992;\nvar mainGallery =\n{\n lazyLoad : 'ondemand',\n dots : true,\n arrows : false,\n infinite : false,\n vertical : false,\n slidesToShow : 1,\n slidesToScroll : 1\n};\n\nvar optionsType =\n{\n dots : false,\n arrows : true,\n infinite : true,\n vertical : false,\n slidesToShow : 4,\n slidesToScroll : 1,\n responsive : [{\n breakpoint : 1200,\n settings : {\n slidesToShow : 3,\n slidesToScroll : 1,\n arrows : true\n }\n },\n {\n breakpoint : 991,\n settings : {\n slidesToShow : 3,\n slidesToScroll : 1,\n arrows : true\n }\n },\n {\n breakpoint : 768,\n settings : {\n slidesToShow : 2,\n slidesToScroll : 1,\n arrows : true\n }\n },\n {\n breakpoint : 500,\n settings : {\n slidesToShow : 2,\n slidesToScroll : 1,\n arrows : true\n }\n }]\n};\n\n/** Fix carousel trigger keyboard */\n$(document).bind('keyup', function (e) {\n if (e.which == 39) {\n $('.carousel').carousel('next');\n } else if (e.which == 37) {\n $('.carousel').carousel('prev');\n }\n});\n\n/**\n * Enable/disable UI elements\n * @param {boolean} enableOrDisable - true or false\n */\nfunction updateAddToCartEnableDisableOtherElements(enableOrDisable) {\n $('button.add-to-cart-global').attr('disabled', enableOrDisable);\n}\n\nfunction showLightbox() {\n $('#galleryBox').slickLightbox({\n navigateByKeyboard: true,\n background: 'rgba(255,255,255,1)',\n lazy: true\n }).on({\n 'show.slickLightbox': function () {\n $('meta[name=\"viewport\"]').attr('content', 'width=device-width, initial-scale=1');\n },\n 'hide.slickLightbox': function () {\n $('meta[name=\"viewport\"]').attr('content', 'width=device-width, initial-scale=1, maximum-scale=1');\n $('#galleryBox').unslickLightbox();\n }\n });\n}\n\n/** Inicializacion del slick slider en la galeria principal */\nfunction showMainGalleryMobile() {\n var deviceScreenWidth = $(window).width();\n if (deviceScreenWidth < mediaBreakLimit) {\n if (!$('#galleryBox').hasClass('slick-initialized')) {\n $('#galleryBox').slick(mainGallery);\n $('.slick-lightbox').remove();\n $('.slick-current.slick-active').on('click', function () {\n showLightbox();\n });\n }\n } else if ($('#galleryBox').hasClass('slick-initialized')) {\n $('#galleryBox').slick('unslick');\n }\n}\n/** cambia la posicion del título entre dispositivos */\nfunction changeProductName() {\n var deviceScreenWidth = $(window).width();\n if (deviceScreenWidth < mediaBreakLimit) {\n $('#mediaContainer').parent().prepend($('#nameProductContainer'));\n } else {\n $('#infoProductContainer').prepend($('#nameProductContainer'));\n }\n}\n\n/** Cambia la posicion de los bloques de informacion */\nfunction changeInfoPositions() {\n var deviceScreenWidth = $(window).width();\n if (deviceScreenWidth < mediaBreakLimit) {\n $('#recommendationsContainer').parent().prepend($('#descriptionContainer'));\n $('#recommendationsContainer').parent().prepend($('#sustainabilityContainer'));\n $('#recommendationsContainer').parent().prepend($('#shippingReturnsContainer'));\n $('#recommendationsContainer').parent().prepend($('#descriptionContainer'));\n $('#recommendationsContainer').parent().prepend($('#moreInfoContainer'));\n } else {\n $('#infoProductContainer').prepend($('#descriptionContainer'));\n $('#infoProductContainer').prepend($('#sustainabilityContainer'));\n $('#infoProductContainer').prepend($('#shippingReturnsContainer'));\n $('#infoProductContainer').prepend($('#descriptionContainer'));\n $('#infoProductContainer').prepend($('#moreInfoContainer'));\n }\n}\n\nfunction showMobileView() {\n showMainGalleryMobile();\n changeProductName();\n changeInfoPositions();\n}\n\nfunction ekomiName() {\n setTimeout(function () {\n var names = document.querySelectorAll('.reviews-stack .review_date');\n if (names.length > 0) {\n for (var nameIndex = 0; nameIndex < names.length; nameIndex++) {\n var name = names[nameIndex].firstChild.nodeValue.split(' ')[0];\n names[nameIndex].firstChild.nodeValue = name;\n }\n }\n }, 500);\n}\n\nmodule.exports = {\n methods: {\n updateAddToCartEnableDisableOtherElements: updateAddToCartEnableDisableOtherElements\n },\n availability: base.availability,\n addToCart: base.addToCart,\n showMainGalleryMobile: function () {\n $(document).ready(function () {\n showMobileView();\n });\n $(window).on('resize', function () {\n showMobileView();\n });\n },\n updateAttributesAndDetails: function () {\n $('body').on('product:statusUpdate', function (e, data) {\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\n\n $productContainer.find('.description-and-detail .product-attributes')\n .empty()\n .html(data.attributesHtml);\n\n if (data.shortDescription) {\n $productContainer.find('.product-short-description')\n .removeClass('hidden-xl-down');\n $productContainer.find('.product-short-description').empty().html('
' + data.shortDescription + '
');\n } else {\n $productContainer.find('.product-short-description')\n .addClass('hidden-xl-down');\n }\n\n if (data.longDescription) {\n $productContainer.find('.description-and-detail .details')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .details .content')\n .empty()\n .html(data.longDescription);\n } else {\n $productContainer.find('.description-and-detail .details')\n .addClass('hidden-xl-down');\n }\n });\n },\n showSpinner: function () {\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\n $.spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.product-detail>.bundle-items').length) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else if ($('.product-set-detail').eq(0)) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.product-id').text(response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').data('pid', response.data.product.id);\n }\n });\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('disabled',\n (!response.product.availableCountry || !response.product.readyToOrder || !response.product.available || !response.product.availablePrice));\n\n var enable = $('.product-availability').toArray().every(function (item) {\n return $(item).data('availableCountry') && $(item).data('available') && $(item).data('ready-to-order');\n });\n module.exports.methods.updateAddToCartEnableDisableOtherElements(!enable);\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n $('div.availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available && response.product.availablePrice);\n\n $('.availability-msg', response.$productContainer)\n .empty().html(response.message);\n\n if ($('.global-availability').length) {\n var allAvailable = $('.product-availability').toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability').toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability')\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg').empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n }\n });\n },\n sizeChart: function () {\n $('.size-chart a').on('touchstart click', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var $prodSizeChart = $(this).closest('.size-chart').find('.size-chart-collapsible');\n if ($prodSizeChart.is(':empty')) {\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $prodSizeChart.append(data.content);\n },\n error: function (err) {\n console.error(err);\n }\n });\n }\n $prodSizeChart.toggleClass('active');\n });\n\n var $sizeChart = $('.size-chart-collapsible');\n $('body').on('touchstart click', function (e) {\n if ($('.size-chart').has(e.target).length <= 0) {\n $sizeChart.removeClass('active');\n }\n });\n },\n copyProductLink: function () {\n $('body').on('touchstart click', '#fa-link', function () {\n event.preventDefault();\n var $temp = $('
');\n $('body').append($temp);\n $temp.val($('#shareUrl').val()).select();\n document.execCommand('copy');\n $temp.remove();\n $('.copy-link-message').attr('role', 'alert');\n $('.copy-link-message').removeClass('d-none');\n setTimeout(function () {\n $('.copy-link-message').addClass('d-none');\n }, 3000);\n });\n },\n showRecommendations: function () {\n $(document).ready(function () {\n var carruselType = ['recommendationType1', 'recommendationType2'];\n $.each(carruselType, function (index, value) {\n var carrusel = $('#' + value + ' div[id^=\"pdpCarouselRecomendations-\"]');\n var items = $('#' + value + ' div[id^=\"pdpCarouselRecomendations-\"]').length;\n if (items > 0) {\n carrusel.slick(optionsType);\n }\n });\n });\n },\n openWhatsapp: function () {\n $('.icon-wh').on('click', function (e) {\n e.preventDefault();\n window.open(\n this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'\n );\n return false;\n });\n },\n fixedAddCartButton: function () {\n $(window).on('scroll', function () {\n if ((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 769) {\n var footerHeight = $('footer')[0].clientHeight;\n var footerIsVisible = document.scrollingElement.scrollHeight - document.scrollingElement.scrollTop - footerHeight <= window.innerHeight;\n if (footerIsVisible) {\n $('.prices-add-to-cart-actions').eq(0).css({ position: 'absolute', bottom: '-' + ($('.prices-add-to-cart-actions')[0].clientHeight + 20) + 'px', 'box-shadow': 'none' });\n $('#maincontent').css('margin-bottom', ($('.prices-add-to-cart-actions')[0].clientHeight + 20) + 'px');\n } else {\n $('.prices-add-to-cart-actions').eq(0).css({ position: '', bottom: '', 'box-shadow': '' });\n }\n } else {\n $('.prices-add-to-cart-actions').eq(0).css({ position: '', bottom: '', 'box-shadow': '' });\n }\n });\n },\n stickyRigthColumn: function () {\n $(window).scroll(function () {\n var rigthColumn = $('#sticky-product-details');\n if ($(window).scrollTop() >= 1800) {\n rigthColumn.removeClass('product-details-fixed-top');\n rigthColumn.addClass('product-details-fixed-bottom');\n $('.page').css('overflow-x', 'hidden');\n } else if ($(window).scrollTop() >= 30) {\n rigthColumn.addClass('product-details-fixed-top');\n $('.page').css('overflow-x', 'unset');\n rigthColumn.removeClass('product-details-fixed-bottom');\n if ($('.search').hasClass('active')) {\n rigthColumn.addClass('search-add-top');\n } else {\n rigthColumn.removeClass('search-add-top');\n }\n } else {\n rigthColumn.removeClass('product-details-fixed-top');\n $('.page').css('overflow-x', 'hidden');\n rigthColumn.removeClass('product-details-fixed-bottom');\n }\n });\n },\n focusChooseBonusProductModal: base.focusChooseBonusProductModal,\n sizeSelectorAddToCartModal: base.sizeSelectorAddToCartModal,\n pressEnterAndClickInElementRecommedations: handleADA.pressEnterToClickInsideElement('.pdpRecommendation', '.tile-body', 'button'),\n pressEnterAndClickInElementSizes: handleADA.pressEnterToClickInsideElement('.attribute > ul', 'li', 'li'),\n pressEnterAndClickInElementDescriptionAndDetail: handleADA.pressEnterToClickInsideElement('.description-and-detail', '.collapsible-xl', 'h2'),\n focusNextElementOutsidefromCollapsibleInfoWhenIsClosedAndPressTab: handleADA.focusNextElementOutsidefromContainerWhenPressTab('.description-and-detail > div:nth-child(3)', 'active', '.icon-fb'),\n collapsibleInfoItems: function () {\n $('.collapsible').on('click', function (event) {\n if ($(event.target).closest('.content').length) {\n return;\n }\n\n var current = $(this);\n if (current.hasClass('active')) {\n current.removeClass('active');\n current.attr('aria-expanded', false);\n } else {\n var currentId = current.parent().attr('id');\n $('.collapsible').each(function () {\n var collapsible = $(this);\n var id = collapsible.parent().attr('id');\n if (currentId != id) {\n if (collapsible.hasClass('active')) {\n collapsible.removeClass('active');\n collapsible.attr('aria-expanded', false);\n }\n } else {\n collapsible.addClass('active');\n collapsible.attr('aria-expanded', true);\n }\n });\n }\n });\n },\n customSelectSize: base.customSelectSize,\n ekomiScroll: function () {\n $('.ekomi-widget-container').click(function (e) {\n e.preventDefault();\n var id = '#reviewsContainer';\n $('html,body').animate({ scrollTop: $(id).offset().top - 100 }, 1000);\n });\n },\n ekomiName: ekomiName,\n moreReviews: function () {\n setTimeout(function () {\n var names = document.querySelectorAll('.reviews-stack .review_date');\n if (names.length > 0) {\n for (var nameIndex = 0; nameIndex < names.length; nameIndex++) {\n var name = names[nameIndex].firstChild && names[nameIndex].firstChild.nodeValue && names[nameIndex].firstChild.nodeValue.split(' ')[0];\n if (names[nameIndex].firstChild && names[nameIndex].firstChild.nodeValue) {\n names[nameIndex].firstChild.nodeValue = name;\n }\n }\n }\n var button = document.querySelectorAll('.read-more-reviews');\n for (var i = 0; i < button.length; i++) {\n button[i].addEventListener('click', function () {\n ekomiName();\n });\n }\n }, 3500);\n },\n createCarouselDesktop: function () {\n $(document).ready(function () {\n var carrusel = $('#zoom #image-container');\n\n carrusel.css({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n width: '100%',\n height: '100%'\n });\n\n var slides = $('#zoom #image-container picture.zoom-slide');\n slides.css({\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: '100%',\n display: 'none'\n });\n\n slides.first().css('display', 'block');\n });\n },\n closeZoomDesktop: function () {\n $('#zoom').click(function (event) {\n if (event.target.id == $('#zoom').attr('id')) {\n $('#zoom').addClass('d-none');\n var parentZoom = $('#zoom #image-container');\n parentZoom.trigger('zoom.destroy');\n }\n });\n\n $('#zoom .close').click(function () {\n $('#zoom').addClass('d-none');\n var parentZoom = $('#zoom #image-container');\n parentZoom.trigger('zoom.destroy');\n });\n\n $('#zoom .navigation').click(function (event) {\n if (!event.target.className.includes('left') && !event.target.className.includes('right')) {\n $('#zoom').addClass('d-none');\n var parentZoom = $('#zoom #image-container');\n parentZoom.trigger('zoom.destroy');\n }\n });\n },\n\n openZoomDesktop: function () {\n $('#galleryBox div[class^=\"mediaBox-\"]').click(function () {\n var deviceScreenWidth = $(window).width();\n if (deviceScreenWidth >= mediaBreakLimit) {\n var parentZoom = $('#zoom #image-container');\n\n var clickedIndex = $(this).index();\n\n var currentSlide = $('#zoom #image-container picture.zoom-slide').eq(clickedIndex);\n\n $('#zoom #image-container picture.zoom-slide').removeClass('current').hide();\n currentSlide.addClass('current').show();\n\n $('#zoom').removeClass('d-none');\n\n parentZoom.trigger('zoom.destroy');\n\n var zoomImageSrc = currentSlide.find('source').attr('srcset').split(',')[0].trim().split(' ')[0];\n\n parentZoom.zoom({\n on: 'grab',\n url: zoomImageSrc,\n onZoomIn: function () {\n $(this).css('cursor', 'zoom-out');\n },\n onZoomOut: function () {\n $(this).css('cursor', 'zoom-in');\n }\n });\n }\n });\n },\n\n navigateZoomDesktop: function () {\n function loopSlide(node, direction) {\n $.spinner().start();\n var parentZoom = $('#zoom #image-container');\n parentZoom.zoom().trigger('zoom.destroy');\n\n var currentSlide = $('#zoom #image-container picture.zoom-slide.current');\n currentSlide.removeClass('current').hide();\n\n if (node.length == 0) {\n var allSlides = $('#zoom #image-container picture.zoom-slide');\n if (direction === 'right') {\n node = currentSlide.next().length ? currentSlide.next() : allSlides.first();\n } else {\n node = currentSlide.prev().length ? currentSlide.prev() : allSlides.last();\n }\n }\n\n node.show().addClass('current');\n\n var zoomImageSrc = node.find('source').attr('srcset').split(',')[0].trim().split(' ')[0];\n\n parentZoom.zoom({\n on: 'grab',\n url: zoomImageSrc,\n onZoomIn: function () {\n $(this).css('cursor', 'zoom-out');\n },\n onZoomOut: function () {\n $(this).css('cursor', 'zoom-in');\n }\n });\n\n $.spinner().stop();\n }\n\n $('#zoom .navigation .right').click(function () {\n var next = $('#zoom #image-container picture.zoom-slide.current').next('picture.zoom-slide');\n loopSlide(next, 'right');\n });\n\n $('#zoom .navigation .left').click(function () {\n var prev = $('#zoom #image-container picture.zoom-slide.current').prev('picture.zoom-slide');\n loopSlide(prev, 'left');\n });\n },\n initTechnicalIconsSlider: function () {\n var container = document.querySelector('.technicalIconBlock');\n var slider = container.querySelector('ul');\n if (!slider) return;\n\n var isDown = false;\n var startX;\n var scrollLeft;\n\n /** Codigo que segun la resolucion marca si es mobile o no, y si es asi deja el justifycontent de manera fija, o si hay mas iconos de los esperados flex-start para realizar scroll */\n function updateLayout() {\n var items = slider.querySelectorAll('li');\n var itemCount = items.length;\n var isMobile = window.innerWidth <= 768;\n var limit = isMobile ? 4 : 7;\n\n if (itemCount <= limit) {\n slider.style.justifyContent = 'center';\n slider.style.width = '100%';\n } else {\n slider.style.justifyContent = 'flex-start';\n slider.style.width = 'max-content';\n }\n }\n\n function startDragging(e) {\n isDown = true;\n container.style.cursor = 'grabbing';\n startX = e.type.includes('mouse') ? e.pageX : e.touches[0].pageX;\n scrollLeft = container.scrollLeft;\n }\n\n function stopDragging() {\n isDown = false;\n container.style.cursor = 'grab';\n }\n\n function drag(e) {\n if (!isDown) return;\n e.preventDefault();\n var x = e.type.includes('mouse') ? e.pageX : e.touches[0].pageX;\n var walk = (x - startX) * 2;\n container.scrollLeft = scrollLeft - walk;\n }\n\n updateLayout();\n window.addEventListener('resize', updateLayout);\n\n container.addEventListener('mousedown', startDragging);\n container.addEventListener('touchstart', startDragging);\n\n document.addEventListener('mousemove', drag);\n document.addEventListener('touchmove', drag);\n\n document.addEventListener('mouseup', stopDragging);\n document.addEventListener('touchend', stopDragging);\n\n container.addEventListener('mouseleave', stopDragging);\n }\n};\n","'use strict';\n\nvar base = require('./base');\nvar focusHelper = require('base/components/focus');\n\n/**\n * Generates the modal window on the first call.\n *\n */\n\nfunction getModalHtmlElement() {\n if ($('#quickViewModal').length !== 0) {\n $('#quickViewModal').remove();\n }\n var htmlString = ''\n + '
'\n + '
'\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\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} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl) {\n $('.modal-body').spinner().start();\n $.ajax({\n url : selectedValueUrl,\n method : 'GET',\n dataType : 'json',\n success : function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('.modal-body').empty();\n $('.modal-body').html(parsedHtml.body);\n $('.modal-footer').html(parsedHtml.footer);\n $('.view-details-link').text(data.quickViewFullDetailMsg);\n $('#quickViewModal .view-details-link').attr('href', data.productUrl);\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\n $('#quickViewModal').modal('show');\n $('body').trigger('quickview:ready');\n base.customSelectSize();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\nmodule.exports = {\n showQuickview: function () {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n getModalHtmlElement();\n fillModalElement(selectedValueUrl);\n });\n },\n focusQuickview: function () {\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\n $('#quickViewModal .close').focus();\n });\n },\n trapQuickviewFocus: function () {\n $('body').on('keydown', '#quickViewModal', function (e) {\n var focusParams = {\n event : e,\n containerSelector : '#quickViewModal',\n firstElementSelector : '.full-pdp-link',\n lastElementSelector : '.add-to-cart-global',\n nextToLastElementSelector : '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n availability : base.availability,\n addToCart : base.addToCart,\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)\n .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 .view-details-link')\n .attr('href', response.data.product.selectedProductUrl);\n }\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('disabled',\n (!response.product.readyToOrder || !response.product.available || !response.product.availablePrice));\n\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n $('.add-to-cart-global', dialog).attr('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 && response.product.availablePrice)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability', dialog)\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog).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 && response.product.availablePrice)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n },\n hideModalResize: function () {\n $(window).resize(function () {\n if ($(window).width() < 992) {\n $('#quickViewModal').modal('hide');\n }\n });\n },\n customSelectSize: base.customSelectSize\n};\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n try {\n processInclude(require('./search/search'));\n } catch (ex) {\n console.log('Error at search script: ' + ex);\n }\n\n // PIK202006-32 - 201217 - Change sort-order select to ul\n try {\n processInclude(require('./search/sortOrder'));\n } catch (ex) {\n console.log('Error at search script: ' + ex);\n }\n\n try {\n processInclude(require('./product/quickView'));\n } catch (ex) {\n console.log('Error at search script: ' + ex);\n }\n});\n","'use strict';\n\nvar urlUtilities = require('../utilities/urlUtilities');\nvar handleADA = require('../common/handleADA');\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 * Remove class show if clicked outside\n *\n * @param {string} selector - Element to check\n * @param {string} elementClass - Element to remove class\n * @param {string} className - Class to add/remove\n * @return {undefined}\n */\nfunction clickOutside(selector, elementClass, className) {\n var removeClickListener;\n var outsideClickListener = function (event) {\n var $target = $(event.target);\n if ($(elementClass).hasClass(className) && !$(selector).has($target).length > 0) {\n $(elementClass).removeClass(className);\n removeClickListener();\n }\n };\n\n removeClickListener = function () {\n $(document).off('click', outsideClickListener);\n };\n\n $(document).on('click', outsideClickListener);\n}\n\n/** Show and hide active filters */\nfunction showFilter() {\n $('.refinement .card-header .title').on('click',\n function (e) {\n if (($('.refinement.active') && !$('.refinement.active').is($(e.target).closest('.refinement'))) || $('#sort-by-container').hasClass('show')) {\n $('body').click();\n }\n var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n e.stopPropagation();\n if (innerWidth < 992) {\n $(e.target).closest('.refinement').toggleClass('active');\n } else if ($(e.target).closest('.refinement').hasClass('active')) {\n $('body').click();\n } else {\n $(e.target).closest('.refinement').addClass('active');\n clickOutside('.refinement .card-body', '.refinement', 'active');\n }\n }\n );\n if ($('.filters-container').hasClass('show') && !$('.filter-results').hasClass('show')) {\n $('.filter-results').addClass('show');\n }\n}\n\n/** Show and hide sort dropdown */\nfunction showSortOrder() {\n $('.dropdown-container #sort-order-by-button').on('click',\n function (e) {\n if ($('.refinement.active').length > 0) {\n $('body').click();\n }\n if (!$('#sort-by-container').hasClass('show')) {\n e.stopPropagation();\n $('#sort-by-container').addClass('show');\n clickOutside('#sort-order-list', '#sort-by-container', 'show');\n }\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/**\n * Set filters and breadcrumbs fixed if the scroll is not up\n */\nfunction fixHeader() {\n var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if ($(window).scrollTop() >= 30 && innerWidth > 991) {\n $('.search-results .breadcrumb').addClass('fixed-top');\n $('.search-results .filter-bar').addClass('fixed-top');\n $('.search-results .refinement-bar').addClass('fixed-top');\n $('.search-results .grid-header').addClass('fixed-top');\n $('.search-results .product-grid').addClass('margin-fixed');\n } else {\n $('.search-results .breadcrumb').removeClass('fixed-top');\n $('.search-results .filter-bar').removeClass('fixed-top');\n $('.search-results .refinement-bar').removeClass('fixed-top');\n $('.search-results .grid-header').removeClass('fixed-top');\n $('.search-results .product-grid').removeClass('margin-fixed');\n }\n}\n\nmodule.exports = {\n pressEnterInPLPListItem: handleADA.pressEnterToNavigateUsingAInsideElement('.product-grid', '#product-list-tile', '.link'),\n focusNextElementOutsideSortContainerWhenPressTab: handleADA.focusNextElementOutsidefromSortOrderContainerWhenPressTab(),\n sortOptionsPressEnterBestMatches: handleADA.pressEnterItem('.best-matches'),\n sortOptionsPressEnterPriceLowToHigh: handleADA.pressEnterItem('.price-low-to-high'),\n sortOptionsPressEnterPriceHighToLow: handleADA.pressEnterItem('.price-high-to-low'),\n sortOptionsPressEnterProductAToZ: handleADA.pressEnterItem('.product-name-ascending'),\n sortOptionsPressEnterProductZToA: handleADA.pressEnterItem('.product-name-descending'),\n sortOptionsPressEnterBrand: handleADA.pressEnterItem('.brand'),\n sortOptionsPressEnterMostPopular: handleADA.pressEnterItem('.most-popular'),\n sortOptionsPressEnterTopSellers: handleADA.pressEnterItem('.top-sellers'),\n removeAnimation: function () {\n if (window.location.search.indexOf('?sz=') > -1) {\n $('.product').addClass('no-animation');\n }\n },\n showFilters: showFilter(),\n showSortDropdown: showSortOrder(),\n filter: function () {\n // Display refinements bar when Menu icon clicked\n $('.container').on('click', 'button.filter-results', function () {\n var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (innerWidth < 992) {\n if (!$('.refinement-bar').hasClass('show')) {\n $('.refinement-bar').addClass('show');\n $('button.filter-results').addClass('show');\n $('.refinement-size').addClass('active');\n $('.refinement-size').slideDown();\n }\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\n closeRefinements: function () {\n // Refinements close button\n $('.container').on('click', '.refinement-bar button.close', function () {\n if ($('.refinement-bar').hasClass('show')) {\n $('.refinement-bar').removeClass('show');\n $('button.filter-results').removeClass('show');\n }\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 $('.filter-header button.close').on('click', function () {\n if ($('.refinement-bar').hasClass('show')) {\n $('.refinement-bar').removeClass('show');\n $('button.filter-results').removeClass('show');\n }\n if ($('.refinement.active')) {\n $('.refinement.active').removeClass('active');\n }\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 $('body').on('change', '[name=sort-order]', function (e) {\n e.preventDefault();\n\n $.spinner().start();\n $(this).trigger('search:sort', this.value);\n var url = this.value;\n var newFilterParams;\n if (url) {\n newFilterParams = urlUtilities.getUrlParamsArray(url);\n }\n $.ajax({\n url: url,\n data: { selectedUrl: url },\n method: 'GET',\n success: function (response) {\n $('.product-grid').empty().html(response);\n urlUtilities.updateUrlFilterParams(newFilterParams);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n showMore: function () {\n // Show more products lazy load\n var footerHeight = $('footer')[0].clientHeight;\n var showMoreBtnContainer = ($('.show-more')[0]) ? $('.show-more')[0].clientHeight : 0;\n var disableLoading = false;\n var pixelsUpToBtn = ((window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 769) ? 800 : 400;\n var discovermore = $('.discover-more').length > 0 ? ($('.discover-more')[0].clientHeight / 2) : 0;\n $(window).scroll(function () {\n var moreResultsBtnIsVisible = document.scrollingElement.scrollHeight - document.scrollingElement.scrollTop - footerHeight - showMoreBtnContainer - pixelsUpToBtn - discovermore <= document.scrollingElement.clientHeight;\n if (!disableLoading && $('.show-more')[0] && moreResultsBtnIsVisible) {\n var showMoreUrl = $('.show-more button').data('url');\n var sz = urlUtilities.getUrlParameter('sz', showMoreUrl);\n var start = urlUtilities.getUrlParameter('start', showMoreUrl);\n var szFinal = parseInt(sz, 10) + parseInt(start, 10);\n disableLoading = true;\n $.spinner().start();\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 showSortOrder();\n disableLoading = false;\n urlUtilities.updatePageParam(szFinal);\n $.spinner().stop();\n },\n error: function () {\n disableLoading = false;\n $.spinner().stop();\n }\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, .filter-bar button.reset',\n function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n $.spinner().start();\n $(this).trigger('search:filter', e);\n var url = $(this).data('href');\n var newFilterParams;\n if (url) {\n newFilterParams = urlUtilities.getUrlParamsArray(url);\n }\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 parseResults(response);\n showFilter();\n showSortOrder();\n urlUtilities.updateUrlFilterParams(newFilterParams);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\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 filtersInHeader: function () {\n fixHeader();\n\n $(window).scroll(function () {\n fixHeader();\n });\n\n $(window).resize(function () {\n var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (innerWidth < 992) {\n ($('.search-results .breadcrumb').hasClass('fixed-top')) ? $('.search-results .breadcrumb').removeClass('fixed-top') : '';\n ($('.search-results .filter-bar').hasClass('fixed-top')) ? $('.search-results .filter-bar').removeClass('fixed-top') : '';\n ($('.search-results .refinement-bar').hasClass('fixed-top')) ? $('.search-results .refinement-bar').removeClass('fixed-top') : '';\n ($('.search-results .grid-header').hasClass('fixed-top')) ? $('.search-results .grid-header').removeClass('fixed-top') : '';\n ($('.search-results .product-grid').hasClass('fixed-top')) ? $('.search-results .product-grid').removeClass('fixed-top') : '';\n }\n });\n }\n};\n","'use strict';\n\nmodule.exports = function () {\n $('.container').on('click', '#sort-order-list li', function (e) {\n e.stopPropagation();\n e.preventDefault();\n\n var optionID = $(this).data('id');\n\n $('#sort-order-select > option').attr('selected', false);\n\n $('#sort-order-select > option.' + optionID + '').attr('selected', true);\n $('#sort-order-select > option.' + optionID + '').trigger('change');\n });\n};\n","function getUrlParamsArray(url) {\n var queryString = url ? url.split('?')[1] : window.location.search.substring(1);\n var urlParams = queryString ? queryString.split('&') : null;\n return urlParams;\n}\nfunction paramArrayToString(params) {\n var string = '';\n params.forEach(function (item, index, array) {\n if (index === array.length - 1) {\n string += item;\n } else {\n string += item + '&';\n }\n });\n return string;\n}\nfunction getUrlParameter(searchedParam, queryString) {\n var url = queryString || window.location.search.substring(1);\n var urlParams = url.split('&');\n var urlParam;\n var paramString = urlParams.find(function (param) {\n return param.indexOf(searchedParam + '=') === 0;\n });\n if (typeof paramString !== 'undefined') {\n urlParam = paramString.split('=');\n if (typeof urlParam[1] !== 'undefined') {\n return decodeURIComponent(urlParam[1]);\n }\n }\n return null;\n}\nfunction updateParamInQueryString(queryString, param, value) {\n var reg = new RegExp('\\\\b' + param + '=([^&]+)');\n var updatedQueryString;\n if (reg.test(queryString)) {\n updatedQueryString = queryString.replace(reg, param + '=' + value);\n }\n return updatedQueryString || queryString;\n}\nfunction removeParamInQueryString(queryString, param) {\n var reg = new RegExp('\\\\b' + param + '=([^&]+)', 'g');\n var updatedQueryString = queryString;\n if (reg.test(queryString)) {\n var matches = queryString.match(reg);\n matches.forEach(function (item) {\n var itemReg = new RegExp('\\\\b&?' + item + '&?');\n if (updatedQueryString.match(itemReg).index === updatedQueryString.length - item.length - 1 || updatedQueryString.match(itemReg).index === 0) {\n updatedQueryString = updatedQueryString.replace(itemReg, '');\n } else {\n updatedQueryString = updatedQueryString.replace(itemReg, '&');\n }\n });\n return updatedQueryString;\n }\n return queryString;\n}\nfunction removeStartSzParams(queryString) {\n var reg = new RegExp('(start|sz)(=([^&]+))?', 'g');\n var updatedQueryString = queryString;\n if (reg.test(queryString)) {\n var matches = queryString.match(reg);\n matches.forEach(function (item) {\n var itemReg = new RegExp('&?' + item + '&?');\n if (updatedQueryString.match(itemReg).index === updatedQueryString.length - item.length - 1 || updatedQueryString.match(itemReg).index === 0) {\n updatedQueryString = updatedQueryString.replace(itemReg, '');\n } else {\n updatedQueryString = updatedQueryString.replace(itemReg, '&');\n }\n });\n }\n return updatedQueryString;\n}\nfunction removeFilterParams(queryString) {\n var reg = new RegExp('(cgid|prefn[0-9]|prefv[0-9]|pmin|pmax|srule)(=([^&]+))?', 'g');\n var updatedQueryString = queryString;\n if (reg.test(queryString)) {\n var matches = queryString.match(reg);\n matches.forEach(function (item) {\n var itemReg = new RegExp('&?' + item + '&?');\n if (updatedQueryString.match(itemReg).index === updatedQueryString.length - item.length - 1 || updatedQueryString.match(itemReg).index === 0) {\n updatedQueryString = updatedQueryString.replace(itemReg, '');\n } else {\n updatedQueryString = updatedQueryString.replace(itemReg, '&');\n }\n });\n }\n return updatedQueryString;\n}\nfunction updateOrAddParamToQuerystring(param, value, queryString) {\n var paramsArray = queryString.split('&');\n var newQuerystring;\n if (!paramsArray || paramArrayToString(paramsArray) === '') {\n newQuerystring = param + '=' + value;\n } else if (getUrlParameter(param, queryString)) {\n newQuerystring = updateParamInQueryString(paramArrayToString(paramsArray), param, value);\n } else {\n newQuerystring = paramArrayToString(paramsArray) + '&' + param + '=' + value;\n }\n return newQuerystring || null;\n}\n\nfunction updateUrlFilterParams(newFilterParams) {\n var newQuerystring = window.location.search.substring(1);\n newQuerystring = removeParamInQueryString(newQuerystring, 'page');\n newQuerystring = removeFilterParams(newQuerystring);\n if (newFilterParams) {\n newFilterParams.forEach(function (element) {\n var param = element.split('=');\n newQuerystring = updateOrAddParamToQuerystring(param[0], param[1], newQuerystring);\n });\n }\n newQuerystring = removeStartSzParams(newQuerystring);\n if (window.location.hash) {\n newQuerystring += decodeURIComponent(window.location.hash);\n }\n if (newQuerystring) {\n window.history.replaceState(null, null, '?' + newQuerystring);\n } else {\n window.history.replaceState(null, null, '');\n }\n}\nfunction updatePageParam(count) {\n var newQuerystring = '?' + updateOrAddParamToQuerystring('sz', count, window.location.search.substring(1));\n if (window.location.hash) {\n newQuerystring += decodeURIComponent(window.location.hash);\n }\n window.history.replaceState(null, null, newQuerystring);\n}\n\nmodule.exports = {\n getUrlParamsArray : getUrlParamsArray,\n paramArrayToString : paramArrayToString,\n getUrlParameter : getUrlParameter,\n updateParamInQueryString : updateParamInQueryString,\n removeFilterParams : removeFilterParams,\n removeStartSzParams : removeStartSzParams,\n removeParamInQueryString : removeParamInQueryString,\n updateOrAddParamToQuerystring : updateOrAddParamToQuerystring,\n updatePageParam : updatePageParam,\n updateUrlFilterParams : updateUrlFilterParams\n};\n"],"sourceRoot":""}