').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 quickViewBase = require('../product/quickView');\nvar base = require('../product/base');\n\n/**\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} updateRecommendationsProduct - Update recommendations product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts =\n $productContainer.parents('.choose-bonus-product-dialog').length > 0;\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 // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n\n //\n base.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 icons.\n base.updateIcons(response.product, $productContainer);\n}\n\n/**\n * updates the recommendation product view when a recommendation 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 */\nfunction attributeSelectRecommendation(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelectRecommendation',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url : selectedValueUrl,\n method : 'GET',\n success : function (data) {\n handleVariantResponse(data, $productContainer);\n base.updateOptions(data.product.optionsHtml, $productContainer);\n base.updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelectRecommendation',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Extended quickView without addToCart event. We make this change to avoid double events binded from PDP and Quickview recommendation used in PDP, when invoke addtocart\n */\nmodule.exports = {\n showSpinner: function () {\n $('body').on('product:beforeAttributeSelectRecommendation', function () {\n $.spinner().start();\n });\n },\n selectRecommendationAttribute: function () {\n $(document).on('change', 'select[class*=\"selectrecommendation-\"]', function (e) {\n e.preventDefault();\n var $productContainer = $(this).closest('.product-recommendation-detail');\n attributeSelectRecommendation(e.currentTarget.value, $productContainer);\n });\n },\n beforeUpdateAttribute: function () {\n $('body').on('product:beforeAttributeSelectRecommendation', function () {\n $('.modal.show .modal-content').spinner().start();\n });\n },\n updateAttributeRecommendation: function () {\n $('body').on('product:afterAttributeSelectRecommendation', 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-recommendation-id').text(response.data.product.id);\n } else if ($('.set-items').length) {\n response.container.find('.product-recommendation-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 customRecommendationSelectSize: function () {\n $('body').on('touchstart click', '.js-recommendation-product-list-size', function () {\n var isSelected = $(this).hasClass('selected');\n if (isSelected) {\n return;\n }\n var size = $(this).attr('data-attr-value');\n $('.js-recommendation-product-list-size').removeClass('selected');\n $(this).addClass('selected');\n $('.selectrecommendation-size option').removeAttr('selected');\n $('.selectrecommendation-size option[data-attr-value=\"' + size + '\"]').prop('selected', true);\n $('.selectrecommendation-size').trigger('change');\n });\n },\n showQuickview : quickViewBase.showQuickview,\n hideDialog : quickViewBase.hideDialog,\n updateAddToCart : quickViewBase.updateAddToCart,\n updateAvailability : quickViewBase.updateAvailability,\n hideModalResize : quickViewBase.hideModalResize\n};\n","var processInclude = require('base/util');\n\n$(document).ready(function () {\n // Include base details\n processInclude(require('jquery-zoom'));\n processInclude(require('./product/detail'));\n\n // Gift Registry\n // try {\n // processInclude(require('giftregistry/product/giftRegistry'));\n // } catch (ex) {\n // plugin not in use\n // }\n\n // Instore pickup\n // try {\n // processInclude(require('instorepickup/product/pdpInstoreInventory'));\n // } catch (ex) {\n // plugin not in use\n // }\n\n try {\n processInclude(require('./product/recommendationQuickView'));\n } catch (ex) {\n console.log('Error at recommendation quickview script: ' + ex);\n }\n});\n","/*!\n\tZoom 1.7.21\n\tlicense: MIT\n\thttp://www.jacklmoore.com/zoom\n*/\n(function ($) {\n\tvar defaults = {\n\t\turl: false,\n\t\tcallback: false,\n\t\ttarget: false,\n\t\tduration: 120,\n\t\ton: 'mouseover', // other options: grab, click, toggle\n\t\ttouch: true, // enables a touch fallback\n\t\tonZoomIn: false,\n\t\tonZoomOut: false,\n\t\tmagnify: 1\n\t};\n\n\t// Core Zoom Logic, independent of event listeners.\n\t$.zoom = function(target, source, img, magnify) {\n\t\tvar targetHeight,\n\t\t\ttargetWidth,\n\t\t\tsourceHeight,\n\t\t\tsourceWidth,\n\t\t\txRatio,\n\t\t\tyRatio,\n\t\t\toffset,\n\t\t\t$target = $(target),\n\t\t\tposition = $target.css('position'),\n\t\t\t$source = $(source);\n\n\t\t// The parent element needs positioning so that the zoomed element can be correctly positioned within.\n\t\ttarget.style.position = /(absolute|fixed)/.test(position) ? position : 'relative';\n\t\ttarget.style.overflow = 'hidden';\n\t\timg.style.width = img.style.height = '';\n\n\t\t$(img)\n\t\t\t.addClass('zoomImg')\n\t\t\t.css({\n\t\t\t\tposition: 'absolute',\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\topacity: 0,\n\t\t\t\twidth: img.width * magnify,\n\t\t\t\theight: img.height * magnify,\n\t\t\t\tborder: 'none',\n\t\t\t\tmaxWidth: 'none',\n\t\t\t\tmaxHeight: 'none'\n\t\t\t})\n\t\t\t.appendTo(target);\n\n\t\treturn {\n\t\t\tinit: function() {\n\t\t\t\ttargetWidth = $target.outerWidth();\n\t\t\t\ttargetHeight = $target.outerHeight();\n\n\t\t\t\tif (source === target) {\n\t\t\t\t\tsourceWidth = targetWidth;\n\t\t\t\t\tsourceHeight = targetHeight;\n\t\t\t\t} else {\n\t\t\t\t\tsourceWidth = $source.outerWidth();\n\t\t\t\t\tsourceHeight = $source.outerHeight();\n\t\t\t\t}\n\n\t\t\t\txRatio = (img.width - targetWidth) / sourceWidth;\n\t\t\t\tyRatio = (img.height - targetHeight) / sourceHeight;\n\n\t\t\t\toffset = $source.offset();\n\t\t\t},\n\t\t\tmove: function (e) {\n\t\t\t\tvar left = (e.pageX - offset.left),\n\t\t\t\t\ttop = (e.pageY - offset.top);\n\n\t\t\t\ttop = Math.max(Math.min(top, sourceHeight), 0);\n\t\t\t\tleft = Math.max(Math.min(left, sourceWidth), 0);\n\n\t\t\t\timg.style.left = (left * -xRatio) + 'px';\n\t\t\t\timg.style.top = (top * -yRatio) + 'px';\n\t\t\t}\n\t\t};\n\t};\n\n\t$.fn.zoom = function (options) {\n\t\treturn this.each(function () {\n\t\t\tvar\n\t\t\tsettings = $.extend({}, defaults, options || {}),\n\t\t\t//target will display the zoomed image\n\t\t\ttarget = settings.target && $(settings.target)[0] || this,\n\t\t\t//source will provide zoom location info (thumbnail)\n\t\t\tsource = this,\n\t\t\t$source = $(source),\n\t\t\timg = document.createElement('img'),\n\t\t\t$img = $(img),\n\t\t\tmousemove = 'mousemove.zoom',\n\t\t\tclicked = false,\n\t\t\ttouched = false;\n\n\t\t\t// If a url wasn't specified, look for an image element.\n\t\t\tif (!settings.url) {\n\t\t\t\tvar srcElement = source.querySelector('img');\n\t\t\t\tif (srcElement) {\n\t\t\t\t\tsettings.url = srcElement.getAttribute('data-src') || srcElement.currentSrc || srcElement.src;\n\t\t\t\t}\n\t\t\t\tif (!settings.url) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t$source.one('zoom.destroy', function(position, overflow){\n\t\t\t\t$source.off(\".zoom\");\n\t\t\t\ttarget.style.position = position;\n\t\t\t\ttarget.style.overflow = overflow;\n\t\t\t\timg.onload = null;\n\t\t\t\t$img.remove();\n\t\t\t}.bind(this, target.style.position, target.style.overflow));\n\n\t\t\timg.onload = function () {\n\t\t\t\tvar zoom = $.zoom(target, source, img, settings.magnify);\n\n\t\t\t\tfunction start(e) {\n\t\t\t\t\tzoom.init();\n\t\t\t\t\tzoom.move(e);\n\n\t\t\t\t\t// Skip the fade-in for IE8 and lower since it chokes on fading-in\n\t\t\t\t\t// and changing position based on mousemovement at the same time.\n\t\t\t\t\t$img.stop()\n\t\t\t\t\t.fadeTo($.support.opacity ? settings.duration : 0, 1, $.isFunction(settings.onZoomIn) ? settings.onZoomIn.call(img) : false);\n\t\t\t\t}\n\n\t\t\t\tfunction stop() {\n\t\t\t\t\t$img.stop()\n\t\t\t\t\t.fadeTo(settings.duration, 0, $.isFunction(settings.onZoomOut) ? settings.onZoomOut.call(img) : false);\n\t\t\t\t}\n\n\t\t\t\t// Mouse events\n\t\t\t\tif (settings.on === 'grab') {\n\t\t\t\t\t$source\n\t\t\t\t\t\t.on('mousedown.zoom',\n\t\t\t\t\t\t\tfunction (e) {\n\t\t\t\t\t\t\t\tif (e.which === 1) {\n\t\t\t\t\t\t\t\t\t$(document).one('mouseup.zoom',\n\t\t\t\t\t\t\t\t\t\tfunction () {\n\t\t\t\t\t\t\t\t\t\t\tstop();\n\n\t\t\t\t\t\t\t\t\t\t\t$(document).off(mousemove, zoom.move);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tstart(e);\n\n\t\t\t\t\t\t\t\t\t$(document).on(mousemove, zoom.move);\n\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t} else if (settings.on === 'click') {\n\t\t\t\t\t$source.on('click.zoom',\n\t\t\t\t\t\tfunction (e) {\n\t\t\t\t\t\t\tif (clicked) {\n\t\t\t\t\t\t\t\t// bubble the event up to the document to trigger the unbind.\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tclicked = true;\n\t\t\t\t\t\t\t\tstart(e);\n\t\t\t\t\t\t\t\t$(document).on(mousemove, zoom.move);\n\t\t\t\t\t\t\t\t$(document).one('click.zoom',\n\t\t\t\t\t\t\t\t\tfunction () {\n\t\t\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t\t\t\tclicked = false;\n\t\t\t\t\t\t\t\t\t\t$(document).off(mousemove, zoom.move);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} else if (settings.on === 'toggle') {\n\t\t\t\t\t$source.on('click.zoom',\n\t\t\t\t\t\tfunction (e) {\n\t\t\t\t\t\t\tif (clicked) {\n\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tstart(e);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclicked = !clicked;\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} else if (settings.on === 'mouseover') {\n\t\t\t\t\tzoom.init(); // Preemptively call init because IE7 will fire the mousemove handler before the hover handler.\n\n\t\t\t\t\t$source\n\t\t\t\t\t\t.on('mouseenter.zoom', start)\n\t\t\t\t\t\t.on('mouseleave.zoom', stop)\n\t\t\t\t\t\t.on(mousemove, zoom.move);\n\t\t\t\t}\n\n\t\t\t\t// Touch fallback\n\t\t\t\tif (settings.touch) {\n\t\t\t\t\t$source\n\t\t\t\t\t\t.on('touchstart.zoom', function (e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tif (touched) {\n\t\t\t\t\t\t\t\ttouched = false;\n\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\ttouched = true;\n\t\t\t\t\t\t\t\tstart( e.originalEvent.touches[0] || e.originalEvent.changedTouches[0] );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.on('touchmove.zoom', function (e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tzoom.move( e.originalEvent.touches[0] || e.originalEvent.changedTouches[0] );\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.on('touchend.zoom', function (e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tif (touched) {\n\t\t\t\t\t\t\t\ttouched = false;\n\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tif ($.isFunction(settings.callback)) {\n\t\t\t\t\tsettings.callback.call(img);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\timg.setAttribute('role', 'presentation');\n\t\t\timg.alt = '';\n\t\t\timg.src = settings.url;\n\t\t});\n\t};\n\n\t$.fn.zoom.defaults = defaults;\n}(window.jQuery));\n"],"sourceRoot":""}