\n `);\n }\n\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n }\n if (item.renderedPromotions) {\n $('.item-' + item.UUID).empty().append(item.renderedPromotions);\n } else {\n $('.item-' + item.UUID).empty();\n }\n\n // This updates the total everday and member pricing on the lineitem\n if ('priceEverydaySubtotal' in item && item.priceEverydaySubtotal.formattedPrice) {\n $('.item-total-' + item.UUID + ' .pricing-everyday .display-price').empty().append(item.priceEverydaySubtotal.formattedPrice);\n } else if (item.priceTotal.price) {\n $('.item-total-' + item.UUID + ' .pricing-everyday .display-price').empty().append(item.priceTotal.price);\n }\n\n // member price\n if (item.priceTotal.membership) {\n $('.item-total-' + item.UUID + ' .pricing-member .display-price').empty().append(item.priceTotal.membership);\n }\n\n $('.card-body.uuid-' + item.UUID + ' .qty-card-quantity-count').html(\"\" + item.quantity);\n $('.card-body.uuid-' + item.UUID + ' select.quantity').val(item.quantity);\n $('.card-body.uuid-' + item.UUID + ' .quantity-stepper input[type=\"text\"]').val(item.quantity);\n });\n\n // Remove any line items from the page that have been removed from the basket\n container.find('.card-body.product-info').each(function(index, element){\n var classes = element.className.split(/\\s+/);\n for (var i=0; i item.UUID == uuid)) {\n $(element).closest('.card').remove();\n }\n }\n }\n });\n\n // Update mirakl and mathis shipping prices\n if (data.totals && data.totals.miraklShippingPrices) {\n $('.mirakl-shipping-prices .mirakl-shipping-cost').each((idx, shipment) => {\n var $shipment = $(shipment);\n var storeName = $shipment.attr('id');\n if (data.totals.miraklShippingPrices[storeName]) {\n $shipment.find('span').text(data.totals.miraklShippingPrices[storeName].price);\n } else {\n $shipment.closest('.shipping-price-info').remove();\n }\n });\n } else if ($('.mirakl-shipping-prices')) {\n $('.mirakl-shipping-prices').remove();\n $('.shipping-total .shipping-total-label').addClass('hide-icon');\n $('.leading-lines.shipping-total').css(\"pointerEvents\", \"none\");\n }\n}\n\n/**\n * Updates the availability of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\n // Replaces rvw_autobahn_core\n function updateAvailability(data, uuid) {\n var lineItem;\n var messages = '';\n\n for (var i = 0; i < data.items.length; i++) {\n if (data.items[i].UUID === uuid) {\n lineItem = data.items[i];\n break;\n }\n }\n\n if (lineItem != null && !lineItem.isMiraklOffer) {\n $('.availability-' + lineItem.UUID).empty();\n\n if (lineItem.availability) {\n if (lineItem.availability.messages) {\n lineItem.availability.messages.forEach(function (message) {\n messages += '
' + message + '
';\n });\n }\n\n if (lineItem.availability.inStockDate) {\n messages += '
'\n + lineItem.availability.inStockDate\n + '
';\n }\n }\n\n $('.availability-' + lineItem.UUID).html(messages);\n }\n}\n\nfunction init() {\n synchronyLoader();\n\n // Update cart total on load\n $(window).on('load', function () {\n var select = $('.custom-select');\n var url = select.data('action');\n var quantity = select.val();\n var productID = select.data('pid');\n var uuid = select.data('uuid');\n var listOwnerUuid = $('.wishlistItemCardsData').data() && $('.wishlistItemCardsData').data().uuid ? $('.wishlistItemCardsData').data().uuid : '';\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid,\n listOwnerUuid: listOwnerUuid,\n updateOnLoad: true\n };\n\n if (url) {\n url = module.exports.appendToUrl(url, urlParams);\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n module.exports.updateCartTotals(data);\n },\n error: function (err) {\n module.exports.createErrorNotification(err.errorMessage);\n }\n });\n }\n });\n\n $('body').on('click', '.remove-product', function (e) {\n e.preventDefault();\n\n var actionUrl = $(this).data('action');\n var productID = $(this).data('pid');\n var productName = $(this).data('name');\n var uuid = $(this).data('uuid');\n module.exports.confirmDelete(actionUrl, productID, productName, uuid);\n });\n\n $('body').on('click', '.change-shipment-type-js', function () {\n $.spinner().start();\n $.ajax({\n url: $(this).data('href'),\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (data.renderedTemplate) {\n module.exports.updateProductDetails(data, data.previousLineItemUUID);\n $('.coupons-and-promos').empty().append(data.basket.totals.discountsHtml);\n module.exports.updateCartTotals(data.basket);\n module.exports.updateApproachingDiscounts(data.basket.approachingDiscounts);\n $('body').trigger('setShippingMethodSelection', data.basket);\n module.exports.validateBasket(data.basket);\n }\n\n // Make sure the shipment uuid of the change shipment link for each line item matches the actual shipment UUID\n data.basket.items.forEach(function (item) {\n var change = $('.uuid-' + item.UUID).find('.change-shipment-type-js');\n var href = change.data('href');\n if (change.length && href) {\n var parts = href.split('?');\n parts = parts[1].split('&').reduce(\n (object, value) => {\n object[value.split('=')[0]] = value.split('=')[1]\n return object;\n },\n {\n base: parts[0]\n }\n );\n\n var partsArray = [];\n for (var part in parts) {\n if (part == 'shipmentUUID') {\n partsArray.push('shipmentUUID=' + item.shipmentUUID);\n } else if (part != 'base') {\n partsArray.push(part + '=' + parts[part]);\n }\n }\n change.data('href', parts['base'] + '?' + partsArray.join('&'));\n }\n });\n\n $.spinner().stop();\n },\n error: function (err) {\n module.exports.createErrorNotification(err.errorMessage);\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('afterRemoveFromCart', function (e, data) {\n e.preventDefault();\n module.exports.confirmDelete(data.actionUrl, data.productID, data.productName, data.uuid);\n });\n\n $('body').on('click', '.cart-delete-confirmation-btn', function (e) {\n e.preventDefault();\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = module.exports.appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (productID === $('.add-treatment-kit-btn').data('pid')) {\n $('#treatment-kit-status').text($('#treatment-kit-status').data('remove'));\n }\n if (data.basket.items.length === 0) {\n $('.cart').empty().append('
' +\n '
' +\n '
' + data.basket.resources.emptyCartMsg + '
' +\n '
' +\n '
'\n );\n $('.number-of-items').empty().append(data.basket.resources.numberOfItems);\n $('.number-of-items-container').removeClass('text-md-right');\n $('.minicart-quantity').empty().append(data.basket.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.basket.resources.minicartCountOfItems,\n title: data.basket.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n $('body').removeClass('modal-open');\n $('html').removeClass('veiled');\n } else {\n if (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $('.uuid-' + data.toBeDeletedUUIDs[i]).closest('.card').remove();\n }\n }\n var shopItemsWrapper = $('.uuid-' + uuid).closest('.cart-shop-item-list-wrapper');\n $('.uuid-' + uuid).closest('.card').remove();\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n // NOTE: there's an open issue for problems with removing products with bonus items: https://github.com/SalesforceCommerceCloud/storefront-reference-architecture/issues/748\n $('.coupons-and-promos').empty().append(data.basket.totals.discountsHtml);\n module.exports.updateCartTotals(data.basket);\n module.exports.updateApproachingDiscounts(data.basket.approachingDiscounts);\n $('body').trigger('setShippingMethodSelection', data.basket);\n module.exports.validateBasket(data.basket);\n\n // update reward header and membership summary\n if (data.noMemberDiscount) {\n $('.mathis-cart-rewards-header').show();\n $('.member-discount-wrapper').removeClass('member-discount-applied');\n } else {\n $('.mathis-cart-rewards-header').hide();\n $('.member-discount-wrapper').addClass('member-discount-applied');\n }\n\n //Update warranty section\n if (data.renderedTemplate) {\n $('#warranty-section').html(data.renderedTemplate);\n $('#warranty-section .tooltip-icon').attr('title', data.warrantyTooltipContent);\n $('[data-toggle=\"tooltip\"]').tooltip();\n $(`.associated-warranty-product-container[data-warranty-pid=\"${productID}\"]`).addClass('d-none');\n initToggleWarrantyProductLineItem();\n }\n\n //Update treatment kit section\n if (data.treatmentRenderedTemplate) {\n $('#treatment-kit-section').html($(data.treatmentRenderedTemplate).html());\n $('.treatment-kit-content').html(data.treatmentKitContent);\n initToggleTreatmentKit();\n }\n\n //Remove treatment kit line item and section\n if (data.treatmentKitRemovedUUID) {\n $('.uuid-' + data.treatmentKitRemovedUUID).parent().remove();\n }\n\n if (data.hasOwnProperty('isTreatmentKitEligible') && !data.isTreatmentKitEligible) {\n $('#treatment-kit-section').remove();\n }\n\n if (data.newLineItemTemplate && data.treatmentKitRemovedUUID) {\n $('.uuid-' + data.treatmentKitRemovedUUID).parent().remove();\n $('.product-line-items-container').append(data.newLineItemTemplate);\n }\n\n if (shopItemsWrapper.length && shopItemsWrapper.find(\"div.card\").length == 0) {\n shopItemsWrapper.remove();\n }\n\n if (!data.applicableProtectionPlans && $('#cart-pd-slot-1').length > 0) {\n $('#cart-pd-slot-1').addClass('d-none');\n }\n }\n\n // Handle Premium Protection Program section show / hide\n var hasProtectionPlan = data.applicableProtectionPlans && data.applicableProtectionPlans.length > 0;\n var treatmentKitEligible = data.hasOwnProperty('isTreatmentKitEligible') && data.isTreatmentKitEligible;\n\n if(!hasProtectionPlan && !treatmentKitEligible) {\n $('.warranty-treatment-kit-container').addClass('d-none');\n }\n\n $('body').trigger('cart:update', [data, uuid]);\n if (data.gtmData) {\n if (data.basket.items.length === 0) {\n data.gtmData.action = 'empty';\n }\n $('body').trigger('gtm:pushData', data.gtmData);\n }\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $('body').on('quantityStepper:change', (event, stepper) => {\n var $stepper = $(stepper);\n var isMiniCart = $stepper.closest('.minicart').length > 0;\n var selectId = $stepper.closest('.quantity-form').find('select').attr('id');\n var $select = $('.cart-page select#' + selectId);\n var value = parseInt($stepper.find('input').val());\n\n // if the qty change was triggered from the minicart, manually update cart qty input values\n if (isMiniCart) {\n var $cartStepper = $select.next('.quantity-stepper');\n $cartStepper.find('input').prop('value', value).prop('data-qty', value);\n }\n });\n\n $('body').on('change', '.quantity-form > .quantity', function() {\n var url = $(this).data('action');\n if (!url) {\n return;\n }\n\n var preSelectQty = $(this).data('pre-select-qty');\n var quantity = $(this).val();\n var productID = $(this).data('pid');\n var uuid = $(this).data('uuid');\n var listOwnerUuid = $('.wishlistItemCardsData').data() && $('.wishlistItemCardsData').data().uuid ? $('.wishlistItemCardsData').data().uuid: '';\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid,\n listOwnerUuid: listOwnerUuid\n };\n url = module.exports.appendToUrl(url, urlParams);\n\n $(this).parents('.card').spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.ajax({\n url: url,\n type: 'get',\n context: this,\n dataType: 'json',\n success: function (data) {\n if ((data.error && data.error == true) || (data.isWishlist && data.isWishlist == true)) {\n $.spinner().stop();\n if(data.newUuid) {\n $(this).data('uuid', data.newUuid);\n }\n return;\n }\n $('.quantity[data-uuid=\"' + uuid + '\"]').val(quantity);\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.updateAvailability(data, uuid);\n module.exports.validateBasket(data);\n $(this).data('pre-select-qty', quantity);\n\n $('body').trigger('cart:update', [data, uuid]);\n $('body').trigger('gtm:qtyUpdate', {uuid: uuid, preSelectQty: preSelectQty});\n\n //Update warranty section\n $('#warranty-section').html(data.renderedTemplate);\n $('#warranty-section .tooltip-icon').attr('title', data.warrantyTooltipContent);\n $('[data-toggle=\"tooltip\"]').tooltip();\n initToggleWarrantyProductLineItem();\n if (data.gtmData) {\n if (quantity && preSelectQty) {\n quantity = parseInt(quantity);\n preSelectQty = parseInt(preSelectQty);\n if (quantity > preSelectQty) {\n data.gtmData.action = 'add';\n } else {\n data.gtmData.action = 'remove';\n }\n }\n $('body').trigger('gtm:pushData', data.gtmData);\n }\n $.spinner().stop();\n if ($(this).parents('.product-info').hasClass('bonus-product-line-item') && $('.cart-page').length) {\n location.reload();\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $(this).val(parseInt(preSelectQty, 10));\n $.spinner().stop();\n }\n }\n });\n });\n\n $('.shippingMethods').change(function () {\n var url = $(this).attr('data-actionUrl');\n var urlParams = {\n methodID: $(this).find(':selected').attr('data-shipping-id')\n };\n\n $('.totals').spinner().start();\n $('body').trigger('cart:beforeShippingMethodSelected');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.validateBasket(data);\n }\n $('body').trigger('cart:shippingMethodSelected', data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.redirectUrl) {\n window.location.href = err.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $('.promo-code-form').submit(function (e) {\n e.preventDefault();\n var currentForm = $(this).closest('form');\n var formControl = currentForm.find('.form-control');\n\n var currentItemCount = parseInt($('.minicart-quantity').text(), 10) || 0;\n\n $.spinner().start();\n currentForm.find('.coupon-missing-error').hide();\n currentForm.find('.coupon-error-message').empty();\n if (!currentForm.find('.coupon-code-field').val()) {\n formControl.addClass('is-invalid');\n formControl.attr('aria-describedby', 'missingCouponCode');\n currentForm.find('.coupon-missing-error').show();\n $.spinner().stop();\n return false;\n }\n formControl.removeClass('is-invalid');\n currentForm.find('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n\n $.ajax({\n url: currentForm.attr('action'),\n type: 'GET',\n dataType: 'json',\n data: currentForm.serialize(),\n success: function (data) {\n if (data.error) {\n formControl.addClass('is-invalid');\n formControl.attr('aria-describedby', 'invalidCouponCode');\n currentForm.find('.coupon-error-message').empty().append(data.errorMessage);\n $('body').trigger('promotion:error', data);\n currentForm.find('.coupon-code-field').trigger('focus');\n $.spinner().stop();\n } else {\n // If cart item was added/removed via promo code submit\n if (['', null, undefined].indexOf(data.numItems) && currentItemCount !== data.numItems) {\n\n // Clean Url Structure of any erroneous parameters\n if (window.history && ['', null, undefined].indexOf(data.actionUrls.showUrl) === -1) {\n history.replaceState({}, null, data.actionUrls.showUrl);\n }\n // Force uncached reload\n window.location.reload(true);\n } else {\n currentForm.closest('.promocode-container').find('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.validateBasket(data);\n $('body').trigger('promotion:success', data);\n currentForm.find('.coupon-code-field').val('');\n $.spinner().stop();\n }\n }\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.errorMessage);\n $.spinner().stop();\n }\n }\n });\n return false;\n });\n\n $('body').on('click', '.remove-coupon', function (e) {\n e.preventDefault();\n\n var couponCode = $(this).data('code');\n var uuid = $(this).data('uuid');\n var $deleteConfirmBtn = $('.delete-coupon-confirmation-btn');\n var $productToRemoveSpan = $('.coupon-to-remove');\n\n $deleteConfirmBtn.data('uuid', uuid);\n $deleteConfirmBtn.data('code', couponCode);\n\n $productToRemoveSpan.empty().append(couponCode);\n });\n\n $('body').on('click', '.delete-coupon-confirmation-btn', function (e) {\n e.preventDefault();\n\n var currentItemCount = parseInt($('.minicart-quantity').text(), 10) || 0;\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var couponCode = $(this).data('code');\n var urlParams = {\n code: couponCode,\n uuid: uuid\n };\n\n url = module.exports.appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n $('body').trigger('promotion:beforeUpdate');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.coupon-uuid-' + uuid).remove();\n\n // If cart item was added/removed via promo code removal\n if (['', null, undefined].indexOf(data.numItems) && currentItemCount !== data.numItems) {\n // Clean Url Structure of any erroneous parameters\n if (window.history && ['', null, undefined].indexOf(data.actionUrls.showUrl) === -1) {\n history.replaceState({}, null, data.actionUrls.showUrl);\n }\n // Force uncached reload\n window.location.reload(true);\n } else {\n module.exports.updateCartTotals(data);\n module.exports.updateApproachingDiscounts(data.approachingDiscounts);\n module.exports.validateBasket(data);\n $.spinner().stop();\n $('body').trigger('promotion:success', data);\n }\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n $('body').on('click', '.cart-page .bonus-product-button', function () {\n $.spinner().start();\n $(this).addClass('launched-modal');\n $.ajax({\n url: $(this).data('url'),\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n $('body').trigger('bonusproduct:edit', data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.cart-page').length) {\n $('.launched-modal .btn-outline-primary').trigger('focus');\n $('.launched-modal').removeClass('launched-modal');\n } else {\n $('.product-detail .add-to-cart').focus();\n }\n });\n\n $('body').on('change', '.quantity-select', function () {\n var selectedQuantity = $(this).val();\n $('.modal.show .update-cart-url').data('quantity', selectedQuantity);\n });\n\n $('body').on('click', '.update-cart-product-global', function (e) {\n e.preventDefault();\n var updateProductUrl = $(this).closest('.cart-and-ipay').find('.update-cart-url').val();\n var form = $(this).closest('.cart-and-ipay').find('.update-cart-url').data();\n\n if (form) {\n form.selectedOptionValueIds = base.methods.getOptions($('#quickViewModal'));\n form.pid = module.exports.getPidValue($(this))\n $(this).parents('.card').spinner().start();\n $('body').trigger('cart:beforeUpdate');\n\n if (updateProductUrl) {\n $.ajax({\n url: updateProductUrl,\n type: 'post',\n context: this,\n data: form,\n dataType: 'json',\n success: function (data) {\n $('#quickViewModal').modal('hide');\n\n $('.coupons-and-promos').empty().append(data.cartModel.totals.discountsHtml);\n module.exports.updateCartTotals(data.cartModel);\n module.exports.updateApproachingDiscounts(data.cartModel.approachingDiscounts);\n module.exports.updateAvailability(data.cartModel, form.uuid);\n module.exports.updateProductDetails(data, form.uuid);\n\n if (data.uuidToBeDeleted) {\n $('.uuid-' + data.uuidToBeDeleted).remove();\n }\n\n module.exports.validateBasket(data.cartModel);\n\n $('body').trigger('cart:update', [data, form.uuid]);\n\n //Update warranty section\n $('#warranty-section').html(data.warrantyRenderedTemplate);\n $('#warranty-section .tooltip-icon').attr('title', data.warrantyTooltipContent);\n $('[data-toggle=\"tooltip\"]').tooltip();\n initToggleWarrantyProductLineItem();\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n }\n }\n });\n\n $('body').on('product:afterAddToCartQuickview', () => {\n var verifyCartPage = $('body').find('.page').data('action');\n if (verifyCartPage == 'Cart-Show') {\n location.reload();\n }\n });\n\n //responsible for filling edit gift cert modal with information from line item on cart page\n $('body').on('click', 'a.edit.editGiftCertificateLineItem', function (e) {\n e.preventDefault();\n\n var anchor = $(this);\n var uuid = anchor.data('uuid');\n var parentContainer = anchor.parents('.product-info.uuid-' + uuid);\n var from = parentContainer.find('.dwfrm_giftCertificate_purchase_from-' + uuid).data('value');\n var recipient = parentContainer.find('.dwfrm_giftCertificate_purchase_recipient-' + uuid).data('value');\n var recipientEmail = parentContainer.find('.dwfrm_giftCertificate_purchase_recipientEmail-' + uuid).data('value');\n var message = parentContainer.find('.dwfrm_giftCertificate_purchase_message-' + uuid).attr('title');\n var amount = parentContainer.find('.pricing.item-total-' + uuid).data('value');\n\n var modal = $('#editGiftCertificateLineItemModal');\n modal.find('#from').attr('value', from);\n modal.find('#recipient').attr('value', recipient);\n modal.find('#recipientEmail').attr('value', recipientEmail);\n modal.find('#confirmRecipientEmail').attr('value', recipientEmail);\n modal.find('#message').html(message || '');\n modal.find('#amount').attr('value', (('' + amount) || '0.0').split('.')[0]);\n modal.find('.btn-update-giftcertificate-incart').attr('data-uuid', uuid);\n modal.find('.btn-update-giftcertificate-incart').data('uuid', uuid);\n });\n\n // Handle warranty products\n initToggleWarrantyProductLineItem();\n\n //Handle treatment kit\n initToggleTreatmentKit();\n\n $('body').on('click', '.create-quote-button', function(e) {\n e.preventDefault();\n var url = $('.create-quote-button').attr('href');\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n success: function (data) {\n if (!data.error && data.quote) {\n window.alert('Successfully created quote: ' + data.quote);\n } else {\n window.alert('Failed to create quote');\n }\n $.spinner().stop();\n },\n error: function (err) {\n window.alert('Failed to create quote');\n $.spinner().stop();\n }\n });\n });\n}\n\nfunction initToggleWarrantyProductLineItem() {\n $('.remove-warranty-btn').on('click', function (e) {\n e.preventDefault();\n\n var $this = $(this);\n var productID = $this.data('pid');\n var uuid = $this.data('uuid');\n\n if (uuid) { //Remove warranty product\n var url = $this.data('removefromcarturl');\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = module.exports.appendToUrl(url, urlParams);\n\n $('body').trigger('cart:beforeUpdate');\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n module.exports.updateCartTotals(data.basket, true);\n module.exports.validateBasket(data.basket);\n\n //Update warranty section\n if (data.renderedTemplate) {\n $('#warranty-section').html(data.renderedTemplate);\n $('#warranty-section .tooltip-icon').attr('title', data.warrantyTooltipContent);\n $('[data-toggle=\"tooltip\"]').tooltip();\n $(`.associated-warranty-product-container[data-warranty-pid=\"${productID}\"]`).addClass('d-none');\n initToggleWarrantyProductLineItem();\n }\n\n $('body').trigger('cart:update', [data, uuid]);\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n module.exports.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n\n $('.associated-warranty-product-' + productID).addClass('inactive');\n } else { //Add warranty product\n $.spinner().start();\n\n var addToCartUrl = $this.data('addtocarturl');\n var quantity = $this.data('qty');\n\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: {\n pid: productID,\n quantity: quantity\n },\n success: function (data) {\n productBase.methods.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n productBase.methods.miniCartReportingUrl(data.reportingURL);\n $.spinner().stop();\n\n $('#warranty-section').html(data.renderedTemplate);\n $('#warranty-section .tooltip-icon').attr('title', data.warrantyTooltipContent);\n $('[data-toggle=\"tooltip\"]').tooltip();\n initToggleWarrantyProductLineItem();\n module.exports.updateCartTotals(data.cart, true);\n $('.associated-warranty-product-' + productID).removeClass('inactive');\n },\n error: function (error) {\n $.spinner().stop();\n }\n });\n }\n });\n\n $('.warranty-items-toggle-open').on('click', function(e) {\n e.preventDefault();\n $(this).closest('div').find('.warranty-item-images').removeClass('d-none');\n $(this).closest('div').find('.warranty-items-toggle-close').removeClass('d-none');\n $(this).addClass('d-none');\n });\n\n $('.warranty-items-toggle-close').on('click', function(e) {\n e.preventDefault();\n $(this).closest('div').find('.warranty-item-images').addClass('d-none');\n $(this).closest('div').find('.warranty-items-toggle-open').removeClass('d-none');\n $(this).addClass('d-none');\n });\n}\n\nfunction initToggleTreatmentKit() {\n $('.add-treatment-kit-btn').on('click', function (e) {\n e.preventDefault();\n var $this = $(this);\n var productID = $this.data('pid');\n var uuid = $this.data('uuid');\n\n if (!uuid) { //Add treatment kit\n $.spinner().start();\n\n var addToCartUrl = $this.data('addtocarturl');\n\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: {\n pid: productID,\n quantity: 1\n },\n success: function (data) {\n productBase.methods.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n productBase.methods.miniCartReportingUrl(data.reportingURL);\n $.spinner().stop();\n\n $('#treatment-kit-section').html($(data.treatmentRenderedTemplate).html());\n $('.treatment-kit-content').html(data.treatmentKitContent);\n\n if (data.newLineItemTemplate) {\n $('.cart-shop-item-list-wrapper').first().append(data.newLineItemTemplate);\n }\n\n initToggleTreatmentKit();\n module.exports.updateCartTotals(data.cart);\n $('#treatment-kit-status').text($('#treatment-kit-status').data('add'));\n },\n error: function (error) {\n $.spinner().stop();\n }\n });\n } else { //Remove treatment kit\n var removeFromCartUrl = $this.data('removefromcarturl');\n var productName = $this.data('name');\n\n module.exports.confirmDelete(removeFromCartUrl, productID, productName, uuid);\n }\n });\n\n $('.treatment-kit-toggle-open').on('click', function(e) {\n e.preventDefault();\n $(this).addClass('d-none');\n $('.treatment-kit-details').removeClass('d-none');\n });\n\n $('.treatment-kit-toggle-close').on('click', function(e) {\n e.preventDefault();\n $('.treatment-kit-details').addClass('d-none');\n $('.treatment-kit-toggle-open').removeClass('d-none');\n });\n}\n\nfunction synchronyLoader() {\n $('.syfdymodal').on('click', function(e) {\n $.spinner().start();\n });\n\n $('#pay-via-mathis-credit').on('click', function(e) {\n $.spinner().start();\n });\n}\n\nmodule.exports = {\n synchronyLoader: synchronyLoader,\n getPidValue: base.getPidValue,\n appendToUrl: base.appendToUrl,\n validateBasket: base.validateBasket,\n updateCartTotals: updateCartTotals,\n createErrorNotification: base.createErrorNotification,\n updateApproachingDiscounts: base.updateApproachingDiscounts,\n updateAvailability: updateAvailability,\n updateProductDetails: base.updateProductDetails,\n confirmDelete: base.confirmDelete,\n init: init\n};\n","'use strict';\nvar clientSideValidation = require('core/components/clientSideValidation');\n\n/**\n * Password Messaging Helper Functions\n */\n clientSideValidation.passwordMessaging = function() {\n var $passwordFields = $(\"input[type='password']\");\n\n if ($passwordFields.length) {\n var $passwordInput = $('.password-validate'),\n passwordLabel = $passwordInput.siblings('label')[0];\n\n function passwordInputLabel() {\n var $passwordHelper = $(\".password-validation-helper li\");\n if ($passwordHelper.hasClass(\"error\") || $passwordHelper.hasClass(\"empty\")) {\n $(passwordLabel).addClass('invalid-label');\n } else {\n $(passwordLabel).removeClass('invalid-label');\n }\n };\n\n $passwordInput.on(\"keyup\", function () {\n if ($(this).hasClass(\"is-invalid\")) {\n passwordInputLabel();\n };\n\n $(this).on(\"blur\", passwordInputLabel);\n });\n }\n};\n\nclientSideValidation.showPassword = function() {\n $('form:has(input:password)').each(function (i, form) {\n var $form = $(form),\n $showPassword = $form.find(\"#show-password\"),\n $showPasswords = $form.find('.show-password input');\n\n $showPassword.on('click', event => {\n var $checkbox = $(event.target);\n\n $showPasswords.each((index, element) => {\n $(element).prop('checked', $checkbox.prop('checked'));\n });\n });\n });\n};\n\nclientSideValidation.getOperatingSystem = function () {\n var isApplePaySupport = window.ApplePaySession && window.ApplePaySession.canMakePayments();\n var applepayContainers = $('.applepay-block-container, .nav-item.applepay-tab-wrapper');\n if (isApplePaySupport) {\n applepayContainers.removeClass('d-none');\n } else {\n applepayContainers.addClass('d-none');\n }\n}\n\n/**\n * Validates email and password confirmations\n */\nfunction registrationValidation($registrationForm) {\n var $emailInput = $registrationForm.find(\"input[id='registration-form-email']\");\n var $emailConfirmationInput = $registrationForm.find(\"input[id='registration-form-email-confirm']\");\n var $passwordInput = $registrationForm.find(\"input[id='registration-form-password']\");\n var $passwordConfirmInput = $registrationForm.find(\"input[id='registration-form-password-confirm']\");\n var validationMessage;\n\n if ($emailInput.val().toLowerCase() !== $emailConfirmationInput.val().toLowerCase()) {\n $emailConfirmationInput.addClass('is-invalid');\n validationMessage = $emailConfirmationInput.data('confirm-mismatch');\n $emailConfirmationInput.parents('.form-group').find('.invalid-feedback')\n .text(validationMessage);\n }\n\n if ($passwordInput.val() !== $passwordConfirmInput.val()) {\n $passwordConfirmInput.addClass('is-invalid');\n validationMessage = $passwordConfirmInput.data('confirm-mismatch');\n $passwordConfirmInput.parents('.form-group').find('.invalid-feedback')\n .text(validationMessage);\n }\n}\n\nclientSideValidation.buttonClick = function () {\n $('form button[type=\"submit\"], form input[type=\"submit\"]').on('click', function () {\n // clear all errors when trying to submit the form\n clientSideValidation.functions.clearForm($(this).parents('form'));\n\n var $registrationForm = $(\"form.registration\");\n if ($registrationForm.length) {\n registrationValidation($registrationForm);\n }\n });\n},\n\n/**\n * add class to select for styling if first option text is empty\n */\nclientSideValidation.floatLabelSelect = function() {\n var floatSelect = $('.has-float-label').find('select');\n floatSelect.each(function() {\n var emptyClass = $(this).find('option:first').text().trim() == '' ? 'has-empty-option' : '';\n $(this).addClass(emptyClass);\n });\n}\n\nmodule.exports = clientSideValidation;\n","'use strict';\n\nvar base = require('core/components/footer');\nvar scrollAnimate = require('core/components/scrollAnimate');\n\nfunction displayMessage(success, msg) {\n var status = success ? 'alert-success' : 'alert-danger';\n\n if ($('.email-signup-message').length === 0) {\n $('body').append('');\n }\n\n $('.email-signup-message').append('
' + msg + '
');\n\n setTimeout(function () {\n $('.email-signup-message').remove();\n }, 3000);\n}\n\nvar footer = {\n 'elementNameMap': {\n 'hpEmailSignUp': 'hpEmailSignUp'\n },\n 'backToTop' : function() {\n \tvar $backToTop = $('.back-to-top');\n $backToTop.click(function () {\n scrollAnimate();\n });\n $(window).scroll(function(e) {\n var distanceToTop = $(this).scrollTop();\n if (distanceToTop > 1000) {\n $backToTop.fadeIn();\n } else if ($backToTop.is(':visible') && distanceToTop < 1000) {\n $backToTop.fadeOut();\n }\n });\n },\n 'forms': 'footer .email-signup-form form',\n 'init': function () {\n var nameMap = this.elementNameMap;\n\n // Prevent Multi Form event collision\n var $forms = $(this.forms);\n $forms.each(function () {\n var $form = $(this);\n var $inputs = $form.find(':input:not(:disabled)');\n\n //TODO: Security Update with CSRF\n\n // Update Form Name for SFRA compatibility\n if (nameMap) {\n $inputs.each(function () {\n var $input = $(this);\n var oldName = $input.attr('name');\n var newName = oldName && nameMap[oldName];\n\n if (newName) {\n $input.attr('name', newName);\n }\n });\n }\n\n $form.on('submit', function (e, urlOverride) {\n e.preventDefault();\n\n var $btn = $(this);\n var xhr = $form.data('xhr');\n\n $form.data('xhr', $.ajax({\n url: urlOverride || $form.attr('action'),\n type: $form.attr('method') || 'post',\n data: $inputs.serialize(),\n dataType: 'json',\n beforeSend: function () {\n // Drop duplicate requests\n xhr && xhr.abort && xhr.abort();\n\n $.spinner().start();\n\n $btn.attr('disabled', true);\n },\n success: function (data) {\n displayMessage(data.success, data.msg);\n $form.trigger('footer:signup:success', data);\n },\n error: function ($xhr, err, other) {\n var msg = $xhr.responseJSON && $xhr.responseJSON.message;\n displayMessage(false, msg);\n },\n complete: function () {\n $.spinner().stop();\n $btn.removeAttr('disabled');\n $form[0].reset();\n }\n }));\n })\n\n // For SFRA compatibility\n $form.find('.subscribe-email').on('click', function (e) {\n e.preventDefault();\n $form.trigger('submit', $(this).data('href'));\n });\n });\n }\n};\n\n$('document').ready(function () {\n var adBlocker = false;\n try {\n let fakeAd = document.createElement(\"div\");\n fakeAd.className = \"textads banner-ads banner_ads ad-unit ad-zone ad-space adsbox\"\n fakeAd.style.height = \"1px\"\n document.body.appendChild(fakeAd)\n let x_width = fakeAd.offsetHeight;\n if (!x_width) {\n adBlocker = true;\n }\n } catch (e) {\n //\n }\n\n const el = \"
Your ad blocker may block the chat service
If you have problems, please disable your adblocker on this site
\";\n\n $('body').on('mouseover', '#podium-bubble', function (e) {\n if (adBlocker) {\n $('#podium-website-widget').append(el);\n\n window.setTimeout(function () {\n $('.chat-service-notice').remove();\n }, 5000);\n }\n });\n\n $('body').on('blur', 'input[name=hpEmailSignUp]', function () {\n\n if ($(this).val()) {\n var consentObj = {\n event: 'consent',\n action: 'accept',\n category: 'email',\n valid_until: 'unlimited',\n placement: 'footer'\n };\n\n $('body').trigger('gtm:pushData', consentObj);\n }\n });\n \n function collapsibleContent(element) {\n var element = element;\n var target = element.find('.title');\n target.off().on('click', function(e) {\n e.preventDefault();\n var parentBlock = $(this).closest(element);\n var activeClass = parentBlock.hasClass('active');\n setTimeout(() => {\n activeClass ? parentBlock.removeClass('active') : parentBlock.addClass('active'); \n }, 150);\n });\n }\n collapsibleContent($('.collapsible-xl'));\n collapsibleContent($('.collapsible-md'));\n});\n\nmodule.exports = footer;\n","'use strict';\n\nmodule.exports = function() {\n\t$('body').on('click', '.grid-layout-toggle button', function() {\n\t\tvar $productGrid = $('.product-grid');\n\t\tvar $iconBar = $('.grid-layout-toggle');\n\t\tvar viewSetting = $(this).val();\n\t\tvar layoutTarget = $(this).attr('data-target');\n\t\tif (layoutTarget=='mobile') {\n\t\t\t$productGrid.attr('data-grid-mobile-view', viewSetting);\n\t\t\t$iconBar.attr('data-selected-mobile', viewSetting);\n\t\t\tconst newUrl = new URL(window.location);\n\t\t\tnewUrl.searchParams.set('gridLayout', viewSetting);\n\t\t\thistory.replaceState(undefined, '', newUrl);\n\t\t} else {\n\t\t\t$productGrid.attr('data-grid-view', viewSetting);\n\t\t\t$iconBar.attr('data-selected-desktop', viewSetting);\n\t\t\tconst newUrl = new URL(window.location);\n\t\t\tnewUrl.searchParams.set('gridLayout', viewSetting);\n\t\t\thistory.replaceState(undefined, '', newUrl);\n }\n $productGrid.trigger('plp:layoutUpdated');\n\t});\n\n\t$('body').on('click', '.js-morefilters', function() {\n\t\tvar $filterDrawer = $('.vertical-filter-drawer');\n\t\tif ($filterDrawer.hasClass('active')) {\n $filterDrawer.removeClass('active');\n $filterDrawer.removeClass('d-flex');\n } else {\n $filterDrawer.addClass('d-flex');\n\t\t\t$filterDrawer.addClass('active');\n $('#price-range').collapse('show');\n\t\t\t$filterDrawer.focus();\n\t\t}\n\t});\n\n\t// Keybord accessibility for 'More Filters' drawer\n\t$('.vertical-filter-drawer').keydown(function (e) {\n\t\t// Listen for escape key to close drawer\n\t\tif (e.which === 27) {\n\t\t\t$('.js-closefilters').trigger('click');\n\t\t}\n\t\t// Listen for enter or space on card headers to open/close them\n\t\tif ($(e.target).hasClass('card-title')) {\n\t\t\tif (e.which === 13 || e.which === 32) {\n\t\t\t\te.preventDefault();\n\t\t\t\t$(e.target).trigger('click');\n\t\t\t}\n\t\t}\n\t\t// Listen on drawer close button\n\t\tif ($(e.target).hasClass('btn-drawer-close')) {\n\t\t\tif (e.which === 13 || e.which === 32) { // Close drawer on space or enter\n\t\t\t\te.preventDefault();\n\t\t\t\t$(e.target).trigger('click');\n\t\t\t} else if (e.which === 9 && e.shiftKey) { // Wrap focus on drawer\n\t\t\t\te.preventDefault();\n\t\t\t\t$('.drawer-footer .text-link.reset').focus();\n\t\t\t} else if (e.which === 9) {\n\t\t\t\te.preventDefault();\n\t\t\t\t$('.vertical-filter-drawer').focus();\n\t\t\t}\n\t\t}\n\t\t// Wrap focus on drawer\n\t\tif ($(e.target).hasClass('vertical-filter-drawer')) {\n\t\t\tif (e.which === 9 && e.shiftKey) {\n\t\t\t\te.preventDefault();\n\t\t\t\t$('.btn-drawer-close').focus();\n\t\t\t}\n\t\t}\n\t});\n\n\t$('body').on('click', '.js-closefilters, .overlay', function () {\n\t\tvar $filterDrawer = $('.refinements.vertical-filter-drawer');\n $filterDrawer.removeClass('active');\n $filterDrawer.removeClass('d-flex');\n\t\t$('.js-morefilters').addClass('focus-visible').focus();\n\t});\n};\n","'use strict';\n\n\nmodule.exports = function() {\n $(\"#registration-form-password\").focus(function() {\n $('.password-criteria-popover').show();\n });\n $(\"#registration-form-password\").blur(function() {\n $('.password-criteria-popover').hide();\n });\n $(\"#newPassword\").focus(function() {\n $('.password-criteria-popover').show();\n });\n $(\"#newPassword\").blur(function() {\n $('.password-criteria-popover').hide();\n });\n //show password checkbox\n $(\".custom-control-show-pw\").on('click', function(){\n var $passwordField = $('input#'+$(this).attr('for'));\n var $label = $('label[for='+$(this).attr('id')+']');\n $(this).prop('checked') ? $passwordField.attr(\"type\", \"text\") : $passwordField.attr(\"type\", \"password\");\n if($(this).prop('checked')) {\n $label.html('Hide');\n } else {\n $label.html('Show');\n }\n });\n\n //Registration Modals\n if ($('#welcome-modal').length > 0) {\n $('#welcome-modal').modal('show');\n }\n\n $('body').on('hidden.bs.modal', '#welcome-modal', function () {\n $('#footercontent').removeClass('registration');\n $('.container.account-page').removeClass('registration');\n });\n\n $('.start-shopping-btn').on('click', function() {\n window.location.href = $(this).data('href');\n });\n}\n","'use strict';\n\nvar keyboardAccessibility = require('base/components/keyboardAccessibility');\nvar SiteConstants = require('constants/SiteConstants');\nvar hoverIntent = require('jquery-hoverintent');\n\nvar $windowWidth = $(window).width() < SiteConstants.BreakpointSizes.xl ? $(window).width() : SiteConstants.BreakpointSizes.xl;\n\nfunction clearSelection(element) {\n var $currentPane = $(element).closest('.custom-dropdown.show');\n\n $currentPane.removeClass('show');\n\n // Adjust DOM after drawer finishes closing (mobile) or dropdown finishes hiding (desktop)\n setTimeout(() => {\n $currentPane.find('.nav-link').attr('aria-expanded', 'false');\n $currentPane.find('.dropdown-menu').attr('aria-hidden', 'true');\n $currentPane.find('.top-category').detach();\n $currentPane.find('.nav-menu').detach();\n\n if (!$currentPane.closest('.custom-dropdown.show').length) {\n $currentPane.closest('.menu-group').find('.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n }\n }, SiteConstants.TransitionSpeed);\n};\n\nfunction toggleDrawer(status) {\n var $header = $('header');\n var $headerNav = $header.find('.header-nav');\n var $mainMenu = $header.find('.main-menu');\n var $navbar = $mainMenu.find('.navbar-nav');\n var $modalBackground = $headerNav.children('.modal-background');\n var $navbarToggler = $headerNav.find('.navbar-toggler');\n var mainMenuWidth = $mainMenu.outerWidth() || '321px';\n\n if (status === 'open') {\n $('html').scrollTop($headerNav.offset().top);\n $('html').addClass('lock-scroll');\n $('body').addClass('mobile-menu-in');\n $('header .search').hide();\n $('header .header .brand').hide();\n $('header .header .minicart').hide();\n $('header .pre-header-nav').hide();\n $mainMenu\n .addClass('in')\n .attr('aria-hidden', 'false')\n .siblings().attr('aria-hidden', 'true');\n $modalBackground\n .fadeIn(SiteConstants.TransitionSpeed);\n $header\n .siblings().attr('aria-hidden', 'true');\n $navbar\n .find('.nav-link').first().focus();\n $navbarToggler\n .css('left', mainMenuWidth);\n } else {\n $('header .search').show();\n $('header .header .brand').show();\n $('header .header .minicart').show();\n $('header .pre-header-nav').show();\n $('body').removeClass('mobile-menu-in');\n $navbar\n .find('.nav-menu, .top-category').detach();\n $navbar\n .find('.thirdCatOpen').removeClass('thirdCatOpen');\n $navbar\n .find('.show').removeClass('show');\n $mainMenu\n .removeClass('in')\n .siblings().attr('aria-hidden', 'false');\n $header\n .siblings().attr('aria-hidden', 'false');\n $modalBackground\n .fadeOut(SiteConstants.TransitionSpeed);\n\n setTimeout(() => {\n $modalBackground.css('top', '');\n $('html').removeClass('lock-scroll');\n $headerNav.addClass('transparent-nav');\n }, SiteConstants.TransitionSpeed);\n }\n};\n\nfunction moveMenu() {\n if ($('.non-full-mega .megamenu > .dropdown-menu').hasClass('show')) {\n $('.non-full-mega .megamenu > .dropdown-menu.show').each(function(index) {\n var $left = $(this).parent().position().left;\n var $minWidth = $(this).width();\n if (($left + $minWidth) > $windowWidth) {\n $(this).css({\n 'left': $windowWidth - $minWidth - SiteConstants.Spacer + 'px',\n })\n }\n });\n }\n};\n\nfunction resetFlag(isResized) {\n if (isResized) {\n // remove all 'row#-col#' classes\n $('.navbar-nav .subcat-rows > li').attr(\n 'class',\n $('.navbar-nav .subcat-rows > li').attr('class').replace(/\\brow\\d+-col\\d+\\b/g, '')\n );\n isResized = false;\n }\n return isResized;\n}\n\nfunction moveDropDownItem($dropDownItems) {\n if ($dropDownItems.length > 0) {\n let hasAdjusted = $dropDownItems.hasClass('row0-col0');\n if (!hasAdjusted) {\n let row = 0;\n let col = 0;\n let rowPositionTop = Math.round($dropDownItems.first().position().top);\n let initialRowMarginTop = rowPositionTop;\n\n for (let item of $dropDownItems) {\n let $item = $(item);\n\n // in case there's space outside of flex items\n let currentItemPositionTop = Math.round($item.position().top);\n if (rowPositionTop != currentItemPositionTop) {\n rowPositionTop = currentItemPositionTop;\n col = 0;\n row++;\n }\n\n // starting from second row, calculate the gap and pull them up:\n // gap = current item's top position - bottom position of previous row's item\n if (row > 0) {\n let previousRowItemBottomPosition = Math.round($dropDownItems.siblings('.row' + (row - 1) + '-col' + col).data('bottomPosition'));\n var topGap = rowPositionTop - (previousRowItemBottomPosition || initialRowMarginTop);\n $item.css('margin-top', -topGap + 'px');\n } else {\n $item.css('margin-top', 0);\n }\n // set current item's height and save its bottom position\n // to for next row's item to use\n $item.css('height', 'fit-content');\n let bottomPosition = rowPositionTop + $item.outerHeight();\n $item.data('bottomPosition', bottomPosition - (topGap || 0));\n $item.addClass('row' + row + '-col' + col);\n\n col++;\n }\n }\n }\n}\n\nfunction headerBanner() {\n var headerBannerStatus = window.sessionStorage.getItem('hide_header_banner');\n $('.header-banner .close').on('click', () => {\n $('.header-banner').addClass('d-none');\n window.sessionStorage.setItem('hide_header_banner', '1');\n });\n\n if (!headerBannerStatus || headerBannerStatus < 0) {\n $('.header-banner').removeClass('d-none');\n }\n}\n\nfunction kbAccessibility() {\n keyboardAccessibility('.main-menu .nav-link, .main-menu .dropdown-link, .header-account-container .nav-link, .header-wishlist-container .nav-link',\n {\n 40: function(menuItem) { // down\n if (menuItem.hasClass('nav-item')) { // top level\n $('.navbar-nav .show').removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n menuItem.children('.dropdown-menu.show').find('ul > li > a').first().focus();\n $(this).attr('aria-expanded', 'true');\n } else if (menuItem.is('.header-account-container .custom-dropdown, .header-wishlist-container .custom-dropdown, .header-support-container')) { // account/support\n if(menuItem.closest('.header-account-container').length) {\n menuItem = $('.header-account-container');\n }\n if(menuItem.closest('.header-wishlist-container').length) {\n menuItem = $('.header-wishlist-container');\n }\n menuItem.find('.custom-dropdown').addClass('show').children('.dropdown-menu').addClass('show');\n //menuItem.find('ul > li > a').first().focus();\n menuItem.find('.dropdown-toggle').attr('aria-expanded', 'true');\n } else {\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n if (!(menuItem.next().length > 0)) { // if this is the last menuItem\n menuItem.parent().parent().find('li > a').first().focus(); // set focus to the first menuitem\n } else {\n menuItem.next().children().first().focus();\n }\n }\n },\n 39: function(menuItem) { // right\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n } else if (menuItem.is('.header-account-container .custom-dropdown, .header-wishlist-container .custom-dropdown, .header-support-container')) { // account/support\n if(menuItem.closest('.header-account-container').length) {\n menuItem = $('.header-account-container');\n }\n if(menuItem.closest('.header-wishlist-container').length) {\n menuItem = $('.header-wishlist-container');\n }\n menuItem.find('.custom-dropdown').addClass('show').children('.dropdown-menu').addClass('show');\n menuItem.find('ul > li > a').first().focus();\n menuItem.find('.dropdown-toggle').attr('aria-expanded', 'true');\n } else if (menuItem.hasClass('dropdown')) {\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n $(this).attr('aria-expanded', 'true');\n menuItem.find('ul > li > a').first().focus();\n }\n },\n 38: function(menuItem) { // up\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n } else if (menuItem.is('.minicart')) { // minicart\n menuItem.find('.popover').removeClass('show');\n } else if (menuItem.is('.header-account-container .custom-dropdown, .header-wishlist-container .custom-dropdown, .header-support-container')) { // account/support\n if(menuItem.closest('.header-account-container').length) {\n menuItem = $('.header-account-container');\n }\n if(menuItem.closest('.header-wishlist-container').length) {\n menuItem = $('.header-wishlist-container');\n }\n menuItem.find('.custom-dropdown').removeClass('show').children('.dropdown-menu').removeClass('show');\n menuItem.find('.dropdown-toggle').attr('aria-expanded', 'false');\n } else if (menuItem.prev().length === 0) { // first menuItem\n menuItem.parent().parent().removeClass('show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n menuItem.parent().children().last().children().first().focus(); // set the focus to the last menuItem\n } else {\n menuItem.prev().children().first().focus();\n }\n },\n 37: function(menuItem) { // left\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.prev().children().first().focus();\n } else if (menuItem.is('.minicart')) { // minicart\n menuItem.find('.popover').removeClass('show');\n } else if (menuItem.is('.header-account-container .custom-dropdown, .header-wishlist-container .custom-dropdown, .header-support-container')) { // account/support\n if(menuItem.closest('.header-account-container').length) {\n menuItem = $('.header-account-container');\n }\n if(menuItem.closest('.header-wishlist-container').length) {\n menuItem = $('.header-wishlist-container');\n }\n menuItem.find('.custom-dropdown').removeClass('show').children('.dropdown-menu').removeClass('show');\n menuItem.find('.dropdown-toggle').attr('aria-expanded', 'false');\n } else {\n menuItem.closest('.show').removeClass('show')\n .closest('li.show').removeClass('show')\n .children().first().focus().attr('aria-expanded', 'false');\n }\n },\n 27: function(menuItem) { // escape\n if (menuItem.is('.minicart')) { // minicart\n menuItem.find('.popover').removeClass('show');\n } else if (menuItem.is('.header-account-container .custom-dropdown, .header-wishlist-container .custom-dropdown, .header-support-container')) { // account/support\n if(menuItem.closest('.header-account-container').length) {\n menuItem = $('.header-account-container');\n }\n if(menuItem.closest('.header-wishlist-container').length) {\n menuItem = $('.header-wishlist-container');\n }\n menuItem.find('.custom-dropdown').removeClass('show').children('.dropdown-menu').removeClass('show');\n menuItem.find('.dropdown-toggle').attr('aria-expanded', 'false');\n } else {\n var parentMenu = menuItem.hasClass('show')\n ? menuItem\n : menuItem.closest('.nav-item.show');\n parentMenu.children('.show').removeClass('show');\n parentMenu.removeClass('show').children('.nav-link')\n .attr('aria-expanded', 'false');\n parentMenu.children().first().focus();\n }\n }\n },\n function () {\n return $(this).parent();\n }\n );\n\n keyboardAccessibility('.header-account-container, .header-wishlist-container',\n {\n 27: function(menuItem) { // escape\n var navLink = menuItem.find('.dropdown-toggle.focus-visible');\n if(navLink.length) {\n menuItem = navLink.closest('.custom-dropdown');\n }\n menuItem.find('.dropdown-menu').removeClass('show');\n menuItem.find('.dropdown-toggle').attr('aria-expanded', 'false');\n }\n },\n function () {\n return $(this).parent();\n }\n );\n}\n\nfunction searchExpand() {\n //if only search icon is visible, show the input on focus\n $( \".search-field\" ).focus(function() {\n $(this).closest('.site-search').addClass('expanded');\n });\n}\n\nfunction dropdownMenu() {\n var isResized = false;\n // Custom dropdown behaviors for top menu\n var $dropdownMenu = $('.custom-dropdown:not(.disabled) [data-toggle=\"dropdown\"]');\n $dropdownMenu.on('click', event => {\n event.stopPropagation(); // Prevent Bootstrap dropdown click events\n if (window.isMobile()) {\n // Drawer behavior on mobile\n event.preventDefault();\n var $dropdownLink = $(event.target);\n var $dropdown = $dropdownLink.closest('.custom-dropdown');\n var $li = $('');\n var $closeMenu = $('');\n var link = $dropdownLink.clone().removeClass('dropdown-toggle')\n .removeAttr('data-toggle')\n .removeAttr('aria-expanded')\n .attr('aria-haspopup', 'false');\n $li.append(link);\n $closeMenu.append($('.close-menu').first().clone());\n $dropdown.children('.dropdown-menu')\n .prepend($li)\n .prepend($closeMenu)\n .attr('aria-hidden', 'false');\n $dropdown.addClass('show');\n $dropdownLink.attr('aria-expanded', 'true');\n $dropdown.closest('.menu-group').find('.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'true');\n $(link).focus();\n $('.dropdown-menu').scrollTop(0);\n }\n });\n\n // Desktop - open menu using hoverIntent to prevent unintentional opening\n $dropdownMenu.hoverIntent({\n over: event => {\n if (!window.isMobile()) {\n var eventElement = event.target;\n // Close all dropdowns\n $('.navbar-nav > li').each((index, element) => {\n if (!$.contains(element, eventElement)) {\n var $navItem = $(element);\n $navItem.find('.show').each(() => {\n clearSelection(element);\n });\n if ($navItem.hasClass('show')) {\n $navItem.removeClass('show');\n $navItem.children('ul.dropdown-menu').removeClass('show');\n $navItem.children('.nav-link').attr('aria-expanded', 'false');\n }\n }\n });\n // Open current dropdown\n $(eventElement).parent().addClass('show');\n $(eventElement).siblings('.dropdown-menu').addClass('show').attr('aria-hidden', 'false');\n $(eventElement).attr('aria-expanded', 'true');\n moveMenu();\n let $dropDownItems = $(eventElement).parent().find('.dropdown-menu.show .menu-subcategories > li').filter(':visible');\n isResized = resetFlag(isResized);\n moveDropDownItem($dropDownItems);\n }\n },\n out: () => {\n // this 'out' handler is left empty, since it's triggered from parent, handled in mouseleave event below\n },\n interval: 50\n });\n\n // Desktop - close menu on mouseleave\n $dropdownMenu.parent().on('mouseleave', event => {\n if (!window.isMobile()) {\n var $dropdown = $(event.currentTarget);\n // Close current dropdown\n $dropdown.removeClass('show');\n $dropdown.children('.dropdown-menu').removeClass('show').attr('aria-hidden', 'true');\n $dropdown.children('.nav-link').attr('aria-expanded', 'false');\n }\n });\n\n $(window).on('resize', function () {\n isResized = true;\n });\n}\n\nfunction megaLeftHover() {\n //Megamenu Mega-left menu\n $('.mega-left-menu-link').hoverIntent( function() {\n var menuName = this.id,\n menuRight = $('#' + menuName + '-right'),\n menuLeft = $(this).parent().parent(),\n menuRightParent = menuRight.closest('.mega-left');\n\n if (!window.isMobile()) {\n // clear classes\n menuLeft.find('.active').removeClass('active');\n menuRightParent.removeClass('has-sub-asset');\n menuRightParent.find('.active-list').removeClass('active-list');\n // add classes\n $(this).addClass('active');\n menuRight.parent().addClass('active-list');\n // add a class to the parent Ul if a third level asset is displayed; css-hides the top level asset\n if (menuRight.parent().next().hasClass('sub-asset-1') || menuRight.parent().next().hasClass('sub-asset-2')) {\n menuRightParent.addClass('has-sub-asset');\n }\n }\n },\n 50\n );\n};\n\nfunction navbarBackBtn() {\n $('.navbar-nav').on('click', '.back', event => {\n event.preventDefault();\n clearSelection(event.target);\n });\n}\n\nfunction navbarToggler() {\n $('.navbar-toggler').click(event => {\n event.preventDefault();\n if ($('body').hasClass('mobile-menu-in')) {\n toggleDrawer('close');\n $('.header-nav').addClass('transparent-nav');\n } else {\n toggleDrawer('open');\n $('.header-nav').removeClass('transparent-nav');\n }\n });\n\n $('html').on('click', '.mobile-menu-in .modal-background', () => toggleDrawer('close'));\n}\n\nfunction mobileSearchFix() {\n // Prevent iOS from scrolling to bad position on search field input focus\n $('.search-mobile .search-field').focus(event => {\n if (window.isMobile()) {\n var currentScrollPosition = $('html').scrollTop();\n setTimeout(() => {\n $('html').scrollTop(currentScrollPosition);\n $('.modal-background').show();\n }, SiteConstants.TransitionSpeed);\n }\n });\n}\n\nfunction containMegaMenu() {\n //keep the megamenus within the container set\n $('.non-full-mega .megamenu > .dropdown-menu').each(function(index) {\n var $left = $(this).parent().position().left;\n $(this).css({\n 'max-width': $windowWidth - $left - SiteConstants.Spacer + 'px',\n })\n });\n};\n\nfunction closeButton() {\n $('.close-button').on('click',function(){\n $(this).closest('.tab-pane').removeClass('show active')\n })\n}\nfunction displayTabDesktop() {\n $('.nav-link').on('click',function(){\n var tabDesktop = $(this).data('id')\n var selector = '#' + tabDesktop\n $('.promo-tabs').removeClass('show active')\n $(selector).addClass('active')\n })\n}\nfunction closeButtonMobile() {\n $('.clp-close-button').on('click', function() {\n $('.slider-container').addClass('hidden-slide')\n })\n}\nfunction displaySliderMobile() {\n $('.clp-title').on('click', function() {\n $(this).closest('.slider-container').removeClass('hidden-slide')\n })\n}\n\nfunction dropdownAccessibility() {\n var headerRightSection = $('.header .header-column-3');\n var account = headerRightSection.find('#dropdownAccountSelector');\n var wishlist = headerRightSection.find('#dropdownWishlistSelector');\n var accountMenu = headerRightSection.find('.dropdown-menu[aria-labelledby=\"dropdownAccountSelector\"]');\n var wishlistMenu = headerRightSection.find('.dropdown-menu[aria-labelledby=\"dropdownWishlistSelector\"]');\n var accountItems = accountMenu.find('.dropdown-item a').toArray();\n var wishlistItems = wishlistMenu.find('.dropdown-item a').toArray();\n\n var index = 0;\n function keydownLogic(selector, selectorMenu, dropdownItems) {\n selector.keydown(function (e) {\n if (selectorMenu.hasClass('show')) {\n if (e.which === 27) {\n selectorMenu.removeClass('show');\n selector.attr('aria-expanded', 'false');\n }\n if (e.which === 9 || e.which === 40) {\n dropdownItems[0].focus();\n index += 1;\n e.preventDefault();\n }\n }\n if (!selectorMenu.hasClass('show')) {\n if (e.which === 13) {\n /*selectorMenu.addClass('show');\n selector.attr('aria-expanded', 'true');\n selectorMenu.find('ul > li > a').first().focus();\n index = 1;*/\n window.location.href = $(this).find('a').attr('href');\n }\n }\n });\n var shiftTab = false;\n selectorMenu.find('.dropdown-item a').keydown(function (e) {\n if((e.shiftKey && e.keyCode == 9) || e.keyCode == 38) {\n e.preventDefault();\n for(var a = 0; a < dropdownItems.length; a++) {\n if(dropdownItems[a].text.trim() == $(this).text().trim()) {\n index = a;\n }\n }\n index = (index == 0) ? (dropdownItems.length - 1) : index -= 1;\n dropdownItems[index].focus();\n shiftTab = true;\n } else if (e.which === 9 || e.which === 40) {\n if(shiftTab) {\n index = (index == dropdownItems.length - 1) ? 0 : index += 1;\n shiftTab = false;\n }\n dropdownItems[index].focus();\n index = (index += 1) % dropdownItems.length;\n e.preventDefault();\n }\n if (e.which === 27) {\n index = 0;\n shiftTab = false;\n }\n });\n selectorMenu.on('mouseleave', function() {\n index = 0;\n shiftTab = false;\n });\n }\n keydownLogic(account, accountMenu, accountItems);\n keydownLogic(wishlist, wishlistMenu, wishlistItems);\n\n /*function showDropdownOnFocus(selector) {\n headerRightSection.keydown(function (e) {\n var dropdownMenu = selector.parents('.custom-dropdown').find('.dropdown-menu');\n if(e.which === 9 && !dropdownMenu.hasClass('show')) {\n setTimeout(function () {\n if(selector.hasClass('focus-visible')) {\n selector.attr('aria-expanded', 'true');\n dropdownMenu.addClass('show');\n dropdownMenu.find('ul > li > a').first().focus();\n index = 1;\n }\n }, 10);\n }\n });\n }\n showDropdownOnFocus(account);\n showDropdownOnFocus(wishlist);*/\n}\n// Make search suggestions navigable via arrow keys\nfunction searchAccessibility() {\n $('.search-field').keydown(function(e) {\n if ($('.suggestions.container').length > 0) {\n if (e.which === 40) {\n e.preventDefault();\n $('.suggestions.container a')[0].focus();\n }\n if (e.which === 38) {\n e.preventDefault();\n $('.suggestions.container a').focus();\n }\n if (e.which === 9) { // Hide suggestions when tabfocused out of search\n $('.suggestions.container').css('display', 'none');\n }\n }\n });\n $('.suggestions-wrapper').keydown(function(e) {\n if (e.which === 39 || e.which === 40) {\n e.preventDefault();\n if ($(e.target).parent().next().length > 0) {\n $(e.target).parent().next().find('a').focus();\n } else {\n var nextItem = $(e.target).parent().parent().nextAll('.suggestions-items')[0];\n if (nextItem) {\n $(nextItem).find('a')[0].focus();\n }\n }\n }\n if (e.which === 37 || e.which === 38) {\n e.preventDefault();\n if ($(e.target).parent().prev().length > 0) {\n $(e.target).parent().prev().find('a').focus();\n } else {\n var prevItem = $(e.target).parent().parent().prevAll('.suggestions-items')[0];\n if (prevItem) {\n $(prevItem).find('a').focus();\n }\n }\n }\n if (e.which === 32) { // Trigger clicking of suggestion links with spacebar\n e.preventDefault();\n $(e.target)[0].click();\n }\n if (e.which === 27 || e.which === 9) { // Press tab or escape on suggestions to hide suggestions and focus reset button\n e.preventDefault();\n $('.suggestions.container').css('display', 'none');\n $('.site-search .reset-button').focus();\n }\n });\n}\nfunction mainMenuADA() {\n var expandBtn = $('.navbar-nav .nav-item').find('.expand-btn-sronly'),\n dropdownMenu = $('.dropdown-menu'),\n dropdownItem = $('.dropdown-item');\n expandBtn.on('click', function() {\n var subMenu = $(this).next(dropdownMenu);\n var thisItem = $(this).closest(dropdownItem);\n if(subMenu.length) {\n thisItem.addClass('show');\n subMenu.addClass('show').attr('aria-hidden', 'false');\n var subMenuItems = subMenu.find('a');\n subMenuItems[0].focus();\n subMenuItems.keydown(function (e) {\n if (e.which === 9) {\n e.preventDefault();\n }\n if (e.which === 27) {\n e.preventDefault();\n var ths = $(this);\n var levelTwoItem = ths.closest(dropdownMenu).closest(dropdownItem);\n ths.closest(dropdownMenu).removeClass('show').attr('aria-hidden', 'true');\n ths.parents('.nav-item').addClass('show').attr('aria-hidden', 'false');\n levelTwoItem.closest(dropdownMenu).addClass('show').attr('aria-hidden', 'true');\n levelTwoItem.removeClass('show');\n ths.closest(dropdownMenu).removeClass('show');\n levelTwoItem.find('> a')[0].focus();\n }\n });\n }\n });\n}\n\nmodule.exports = {\n displayTabDesktop: displayTabDesktop,\n displaySliderMobile: displaySliderMobile,\n closeButtonMobile: closeButtonMobile,\n closeButton: closeButton,\n clearSelection: clearSelection,\n toggleDrawer: toggleDrawer,\n headerBanner: headerBanner,\n kbAccessibility: kbAccessibility,\n searchExpand: searchExpand,\n dropdownMenu: dropdownMenu,\n megaLeftHover: megaLeftHover,\n navbarBackBtn: navbarBackBtn,\n navbarToggler: navbarToggler,\n mobileSearchFix: mobileSearchFix,\n containMegaMenu: containMegaMenu,\n dropdownAccessibility: dropdownAccessibility,\n searchAccessibility: searchAccessibility,\n mainMenuADA: mainMenuADA\n};\n\n","'use strict';\n\nvar core = require('core/components/modal');\nvar abSlider = require('core/components/slider');\n\n// Override core to reinitialize slider (this fix is from newer AB)\ncore.onModalLoaded = function () {\n $('body').on('modal:loaded', function(event, modal) {\n var $modal = $(modal);\n\n // Check for modal-scrollbody helper class and adjust body max-height if found\n if ($modal.find('.modal-scrollbody').length\n || $modal.find('.quick-view-dialog').length\n || $modal.find('.choose-bonus-product-dialog').length) {\n core.setModalBodyMaxHeight($modal);\n }\n\n // Reinitialize mobile modal sliders to prevent tiny slider error on drag\n if (window.isMobile()) {\n var $sliderContainer = $modal.find('.slider-container');\n if ($sliderContainer.find('.slider').length) {\n var tns = $sliderContainer.data('tns');\n if (tns) {\n tns.destroy();\n tns.rebuild();\n abSlider.initializeSliders($modal);\n }\n }\n }\n });\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, data, $modal) {\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n data: data,\n dataType: 'json',\n success: function (data) {\n var parsedHtml = core.parseHtml(data.renderedTemplate);\n\n $modal.find('.modal-body').empty();\n $modal.find('.modal-body').html(parsedHtml.body);\n $modal.find('.modal-footer').html(parsedHtml.footer);\n $modal.find('.modal-header .close .sr-only').text(data.closeButtonText);\n $modal.find('.enter-message').text(data.enterDialogMessage);\n $modal.modal('show');\n\n if (data.dialogTitle) {\n $modal.find('.modal-header').prepend('
' + data.dialogTitle + '
')\n }\n }\n });\n}\n\nfunction initCustomModal() {\n $('body').on('click', '.custom-modal', function (e) {\n e.preventDefault();\n var cid = $(this).attr('data-cid');\n var title = $(this).attr('data-title');\n var dialogClasses = $(this).attr('data-dialog-classes');\n var selectedValueUrl = $(this).attr('href');\n\n core.getModalHtmlElement('customModal', dialogClasses);\n fillModalElement(selectedValueUrl, {\n cid: cid,\n title: title\n }, $('#customModal'));\n });\n}\n\nmodule.exports = {\n init: function () {\n core.onShownBsModal();\n core.onModalLoaded();\n initCustomModal();\n }\n};\n","'use strict';\n\nvar core = require('core/components/slider');\nvar tinySlider = require('tiny-slider/src/tiny-slider');\n\nvar SiteConstants = require('constants/SiteConstants');\nvar mediumBreakpoint = SiteConstants.BreakpointSizes.md;\nvar largeBreakpoint = SiteConstants.BreakpointSizes.lg;\n\n// Override core to change tabindex to 0 for accessibility focusing\ncore.applyTinySlider = function ($container, params) {\n if (!$container) return;\n\n var tabsContainer = $('.nav-tabs-container');\n if($container.closest(tabsContainer) && $container.closest(tabsContainer).length > 0) {\n $container.closest(tabsContainer).find('.tab-pane').not('.active').addClass('no-active-tab');\n }\n\n var tslider = tinySlider.tns(params);\n\n var isBRCarousel = $container.parents().hasClass('bloomreach-widget-recommendations');\n if(isBRCarousel) {\n $container.find('.tns-slider').css('width','');\n }\n\n if (!!tslider) {\n tslider.events.on('transitionStart', this.slideIntoView);\n\n this.bindPauseButton($container, tslider);\n this.bindSliderUpdateEvent($container, tslider);\n this.enableImageZoom($container);\n this.handleThumbnailArrows($container, tslider);\n this.handleSliderVideos($container, tslider);\n\n $('body').trigger('slider:init.sliderEvents', [$container]);\n }\n\n $container.data('tns', tslider);\n $container.trigger('tooltip:init');\n\n var controlsEle = $container.find('.tns-controls');\n var navControls = $container.find('.tns-nav');\n var titleEle = $container.parent().find('.slider-title');\n var carouselTitle = (titleEle && titleEle.length > 0) ? titleEle.text().trim()+'-' : '';\n var prevEle = controlsEle.find('[data-controls=\"prev\"]');\n var nextEle = controlsEle.find('[data-controls=\"next\"]');\n controlsEle.attr('tabindex', -1);\n navControls.find('button:not(.tns-nav-active)').attr('tabindex', 0);\n function setAttributes(ele, btnText) {\n btnText = controlsEle.attr('aria-label') + btnText\n ele.attr({\n 'tabindex': 0,\n 'aria-label': (carouselTitle.length > 0) ? carouselTitle + btnText : btnText\n });\n }\n setAttributes(prevEle, ': Previous');\n setAttributes(nextEle, ': Next');\n\n tabsContainer.find('.nav-link').on('click', function() {\n var tabPane = $(this).closest(tabsContainer).find('.tab-pane');\n tabPane.addClass('no-active-tab');\n var thisTabpaneID = $(this).attr('href');\n $(thisTabpaneID).removeClass('no-active-tab');\n });\n var handleImgStack = $container.has('.handle-image-stacked-js');\n if (handleImgStack.length) {\n var firstSlideDisplay = handleImgStack.find('.slide:first').css('display');\n handleImgStack.find('.slide').not(':first-child').css('display', firstSlideDisplay);\n }\n}\n\n// Replaces rvw_autobahn_core\n// Build parameter object to create a slider\ncore.getSliderParams = function($slider, slideItems) {\n var attributes = core.getSliderAttributes($slider);\n var params = {\n container: $slider.find('.slider')[0],\n loop: attributes.loop,\n items: attributes.items,\n autoplay: attributes.autoplay,\n autoplayTimeout: attributes.autoplayTimeout,\n autoplayHoverPause: true,\n mode: attributes.mode,\n gutter: attributes.gutter,\n speed: attributes.speed,\n navContainer: attributes.navContainer,\n navAsThumbnails: attributes.navAsThumbnails,\n controlsContainer: attributes.controlsContainer,\n preventScrollOnTouch: 'auto', // prevents mobile errors in chrome\n swipeAngle: 50,\n autoHeight: attributes.autoHeightSmall,\n responsive: {\n [mediumBreakpoint]: {\n items: attributes.itemsMedium,\n gutter: attributes.gutterMedium,\n autoHeight: attributes.autoHeightMedium,\n },\n [largeBreakpoint]: {\n items: attributes.itemsLarge,\n gutter: attributes.gutterLarge,\n }\n }\n }\n\n if (slideItems) {\n params.slideItems = slideItems;\n }\n\n if (params.mode === 'gallery') {\n params.animateIn = attributes.animateIn;\n params.animateOut = attributes.animateOut;\n }\n\n return params;\n}\n\nmodule.exports = core;","'use strict';\n\nmodule.exports = function () {\n $(window).on('load', function () {\n $('.tns-visually-hidden').attr('aria-hidden', 'true');\n $('ul[role=\"tablist\"] li').attr('role', 'presentation');\n $('.tab-content').attr('tabindex', '0');\n\n // Scroll the pre-header nav to the selected microsite on load\n var preHeaderNav = document.querySelector('.header-nav .pre-header-nav');\n if (preHeaderNav && preHeaderNav.scrollWidth > preHeaderNav.clientWidth) {\n if ($('.microsite-link.mathisoutlet').hasClass('active') || $('.microsite-link.sleepcenter').hasClass('active')) {\n preHeaderNav.scrollLeft += (preHeaderNav.scrollWidth - preHeaderNav.clientWidth);\n }\n }\n });\n\n $('.nav-tabs-container .nav-link, .nav-tabs .nav-link').on('keydown', function (e) {\n if (e.keyCode === 37) {\n let prevItem = $(e.target).parent().prev('.nav-item');\n prevItem.find('.nav-link').focus();\n } else if (e.keyCode === 39) {\n let nextItem = $(e.target).parent().next('.nav-item');\n nextItem.find('.nav-link').focus();\n } else if (e.keyCode === 9) { //tab\n e.preventDefault();\n let tabContent = $(e.target).parent().parent().next('.tab-content');\n tabContent.focus();\n\n // handle nested tab contents\n var viewportTopPos = $(window).scrollTop();\n var navbarBottomPos = $('nav.header-nav').offset().top + $(\"nav.header-nav\").outerHeight();;\n // if tab content top is not visible when focused, scroll its top position to viewport's middle\n if (tabContent.offset().top > viewportTopPos || (navbarBottomPos > tabContent.offset().top)) {\n $('html, body').scrollTop($(this).offset().top - ($(window).height() - $(this).outerHeight(true)) / 2);\n }\n } else if (e.keyCode === 32) { // space\n e.preventDefault();\n $(e.target).trigger('click');\n }\n });\n\n // MH-17 ADA changes\n $('.nav-tabs-container .nav-link').on('keydown', function (e) {\n if (e.shiftKey && e.keyCode == 9) { // shift Tab\n if ($(e.target).hasClass('active')) {\n e.preventDefault();\n $(e.target).parents().closest('.tab-content').focus();\n }\n }\n });\n\n $('.tab-content').on('keydown', function (e) {\n if (e.shiftKey && e.keyCode === 9) { // shift Tab\n if ($(e.target).hasClass('tab-content')) {\n e.preventDefault();\n let shiftTab = $(e.target).prev().find('.nav-item .nav-link.active');\n shiftTab.focus();\n }\n } else if (e.keyCode === 9) { // tab\n if ($(e.target).find('.tab-pane.active .nav-item .nav-link').hasClass('active')) {\n e.preventDefault();\n $(e.target).find('.tab-pane.active .nav-item .nav-link.active').focus();\n }\n }\n });\n\n // MH-165 ADA -- Add 'alt' for image tag if there is no 'alt' attribute\n $('img').each(function() {\n var img = $(this);\n var imgAlt = img.attr('alt');\n if(!imgAlt && imgAlt == undefined) {\n img.attr('alt', '');\n }\n });\n};\n","'use strict';\n\nfunction getTooltipTitle() {\n return $(this).find('.tooltip');\n}\n\nfunction enableTooltipsAndPopovers() {\n // Initialize tooltips. This also replaces the SFRA custom tooltip with the Bootstrap one\n // \"trigger\" is set to manual in order to add functionality to allow for tooltip to stay open on hover\n $('[data-toggle=\"tooltip\"], .info-icon').tooltip({\n title: getTooltipTitle,\n trigger: 'manual',\n sanitize: false // prevents removal of inline styles in tooltip content markup\n }).on('mouseenter', buttonEnterEvent => {\n var $button = $(buttonEnterEvent.target).closest('[data-toggle=\"tooltip\"]');\n var showDelay = $button.data('delay') && $button.data('delay').show || 0;\n var hideDelay = $button.data('delay') && $button.data('delay').hide || 0;\n\n setTimeout(() => {\n $button.tooltip('show');\n }, showDelay);\n\n $('body').on('mouseleave', '.tooltip', tooltipLeaveEvent => {\n setTimeout(() => {\n $(tooltipLeaveEvent.target).closest('.tooltip').tooltip('hide');\n }, hideDelay);\n });\n }).on('mouseleave', buttonLeaveEvent => {\n var $button = $(buttonLeaveEvent.target).closest('[data-toggle=\"tooltip\"]');\n var hideDelay = $button.data('delay') && $button.data('delay').hide || 0;\n\n setTimeout(() => {\n if (!$('.tooltip:hover').length) {\n $(buttonLeaveEvent.target).tooltip('hide');\n }\n }, hideDelay);\n });\n $('[data-toggle=\"tooltip\"], .info-icon').on('keydown', function (e) {\n var $button = $(e.target).closest('[data-toggle=\"tooltip\"]');\n if (e.code === 'Enter' || e.code === 'Space') {\n //$button.tooltip('show');\n\n var photoHotspot = $button.parent('.hotspot');\n if(photoHotspot && photoHotspot.length != 0) {\n $('[data-toggle=\"tooltip\"]').not($button).tooltip('hide');\n $button.tooltip('show');\n var tooltipID = $button.attr('aria-describedby');\n var tooltipClone = $('#'+tooltipID).closest('.tooltip');\n tooltipClone.insertAfter(photoHotspot);\n setTimeout(() => {\n $('#'+tooltipID).find('a').attr('tabindex', 0);\n $('#'+tooltipID).find('[tabindex=0]')[0].focus();\n }, 100);\n } else {\n $button.tooltip('show');\n }\n\n } else if (e.code === 'Escape' || e.code === 'Tab') {\n $button.tooltip('hide');\n }\n });\n // Enables Bootstrap Popovers, which rely on the Tooltip library and provide extra functionality\n $('[data-toggle=\"popover\"]:not(.interactive)').popover({\n html: true,\n trigger: 'focus',\n sanitize: false // prevents removal of inline styles in tooltip content markup\n });\n $('[data-toggle=\"popover\"].interactive').popover({\n html: true,\n sanitize: false // prevents removal of inline styles in tooltip content markup\n });\n if ($('[data-toggle=\"popover\"].interactive').length) {\n $(document).mouseup(function(e) {\n if ($('.popover.show').length) {\n var container = $('.popover.show');\n\n // if the target of the click isn't the container nor a descendant of the container\n if (!container.is(e.target) && container.has(e.target).length === 0) {\n $('[data-toggle=\"popover\"].interactive').popover('hide');\n }\n }\n });\n }\n}\n\nmodule.exports = function() {\n enableTooltipsAndPopovers();\n\n $('body').on('tooltip:init', enableTooltipsAndPopovers);\n};\n","'use strict';\n\nvar storeLocator = require('client_core/storeLocator/storeLocator');\nvar base = require('client_core/product/base');\nvar slider = require('core/components/slider');\n\n/**\n * Restores Quantity Selector to its original state.\n * @param {HTMLElement} $quantitySelect - The Quantity Select Element\n */\nfunction restoreQuantityOptions($quantitySelect) {\n $quantitySelect.each((i, el) => {\n var originalHTML = $(el).data('originalHTML');\n if (originalHTML) {\n $(el).html(originalHTML);\n }\n });\n}\n\n/**\n * Sets the data attribute of Quantity Selector to save its original state.\n * @param {HTMLElement} $quantitySelect - The Quantity Select Element\n */\nfunction setOriginalQuantitySelect($quantitySelect) {\n if ($quantitySelect && $quantitySelect.length > 0) {\n $quantitySelect.each((i, el) =>\n $(el).data('originalHTML', $(el).html())\n );\n }\n}\n\n/**\n * Updates the Quantity Selector based on the In Store Quantity.\n * @param {string} $quantitySelector - Quantity Selector\n * @param {number} productAtsValue - Inventory in the selected store\n */\nfunction updateQOptions($quantitySelector, productAtsValue) {\n var selectedQuantityValues = $quantitySelector.map((i, el) => $(el).val());\n restoreQuantityOptions($quantitySelector);\n\n $quantitySelector.find('option').each((index, option) => {\n if (index >= productAtsValue) {\n $(option).remove();\n }\n });\n\n $quantitySelector.each((i, el) =>\n $(el).find('option[value=\"' + selectedQuantityValues[i] + '\"]').attr('selected', 'selected')\n );\n\n // update qty stepper if enabled\n var $qtyStepper = $quantitySelector.closest('.quantity').find('.quantity-stepper');\n if ($qtyStepper.length) {\n $qtyStepper.attr('data-max', productAtsValue);\n base.enableQuantitySteppers($qtyStepper.closest('.quantity'));\n }\n}\n\nfunction modalShiftTabADA(element) {\n var capture = element\n .attr('tabindex', '-1')\n .focus()\n .keydown(\n function handleKeydown(event) {\n if (event.key.toLowerCase() !== 'tab') {\n return;\n }\n var tabbable = $()\n .add(capture.find('button, input, select, textarea'))\n .add(capture.find('[href]'))\n .add(capture.find(\"[tabindex]:not([tabindex='-1'])\"))\n ;\n var target = $(event.target);\n if (event.shiftKey) {\n if (target.is(capture) || target.is(tabbable.first())) {\n event.preventDefault();\n tabbable.last().focus();\n }\n } else {\n if (target.is(tabbable.last())) {\n event.preventDefault();\n tabbable.first().focus();\n }\n }\n }\n )\n ;\n}\n\n/**\n * Generates the modal window on the first call.\n */\nfunction getModalHtmlElement($target) {\n var $target = $target;\n if ($('#inStoreInventoryModal').length !== 0) {\n $('#inStoreInventoryModal').remove();\n }\n var btnText = $('.btn-get-in-store-inventory').data('modal-close-text');\n var htmlString = ''\n + '
'\n + '
'\n + ''\n + '
'\n + '
'\n + ' '\n + '
'\n + ''\n + ''\n + '
'\n + '
'\n + '
';\n $('header').append(htmlString);\n\n $('#inStoreInventoryModal').modal('show');\n modalShiftTabADA($('#inStoreInventoryModal'));\n\n $('body').on('hidden.bs.modal', '#inStoreInventoryModal', function () {\n $target.focus();\n });\n}\n\n/**\n * Replaces the content in the modal window with find stores components and\n * the result store list.\n * @param {string} pid - The product ID to search for\n * @param {number} quantity - Number of products to search inventory for\n * @param {number} selectedPostalCode - The postal code to search for inventory\n * @param {number} selectedRadius - The radius to search for inventory\n */\nfunction fillModalElement(pid, quantity, selectedPostalCode, selectedRadius, saveLocation) {\n var requestData = {\n products: null\n };\n\n if (pid && quantity) {\n requestData.products = pid + ':' + quantity;\n }\n\n if (selectedRadius) {\n requestData.radius = selectedRadius;\n }\n\n if (selectedPostalCode) {\n requestData.postalCode = selectedPostalCode;\n }\n\n requestData.saveLocation = saveLocation;\n\n $('#inStoreInventoryModal').spinner().start();\n $.ajax({\n url: $('.btn-get-in-store-inventory').data('action-url'),\n data: requestData,\n method: 'GET',\n success: function (response) {\n $('#inStoreInventoryModal .modal-body').empty();\n $('#inStoreInventoryModal .modal-body').html(response.storesResultsHtml);\n storeLocator.search();\n storeLocator.changeRadius();\n storeLocator.selectStore(saveLocation);\n storeLocator.updateSelectStoreButton();\n storeLocator.detectLocation();\n\n $('.btn-storelocator-search').attr('data-search-pid', pid);\n\n if (selectedRadius) {\n $('#radius').val(selectedRadius);\n }\n\n if (selectedPostalCode) {\n $('#store-postal-code').val(selectedPostalCode);\n }\n\n var $sliderContainer = $('.stores-carousel .slider-container');\n if ($sliderContainer) {\n slider.initializeSliders($sliderContainer.parent());\n }\n\n $('#inStoreInventoryModal').modal('show');\n $('#inStoreInventoryModal').spinner().stop();\n },\n error: function () {\n $('#inStoreInventoryModal').spinner().stop();\n }\n });\n}\n\n/**\n * Remove the selected store.\n * @param {HTMLElement} $container - the target html element\n */\nfunction deselectStore($container) {\n var storeElement = $($container).find('.selected-store-with-inventory');\n $(storeElement).find('.card-body').empty();\n $(storeElement).closest('.row').addClass('d-none');\n $($container).find('.btn-get-in-store-inventory').closest('.row').removeClass('d-none');\n $($container).find('.quantity-select').removeData('originalHTML');\n}\n\n/**\n * Update quantity options. Only display quantity options that are available for the store.\n * @param {sring} searchPID - The product ID of the selected product.\n * @param {number} storeId - The store ID selected for in store pickup.\n */\nfunction updateQuantityOptions(searchPID, storeId) {\n var selectorPrefix = '.product-detail[data-pid=\"' + searchPID + '\"]';\n var $productIdSelector = $(selectorPrefix).find('.product-id');\n var $quantitySelector = $(selectorPrefix).closest('.modal').length\n ? $(selectorPrefix).closest('.modal').find('.modal-footer .quantity-select')\n : $(selectorPrefix).find('.quantity-select');\n setOriginalQuantitySelect($quantitySelector);\n\n var requestData = {\n pid: $productIdSelector.text(),\n quantitySelected: $quantitySelector.val(),\n storeId: storeId\n };\n\n $.ajax({\n url: $('.btn-get-in-store-inventory').data('ats-action-url'),\n data: requestData,\n method: 'GET',\n success: function (response) {\n // Update Quantity dropdown, Remove quantity greater than inventory\n var productAtsValue = response.atsValue;\n var $productContainer = $('.product-detail[data-pid=\"' + searchPID + '\"]');\n var productAvailable = (response.isDeliverable && response.isWithinDeliveryRange) || response.availableForInStorePickup;\n\n $productContainer.trigger('product:updateAvailability', {\n $productContainer: $productContainer,\n message: '
' + response.availabilityMessage + '
',\n product: {\n available: productAvailable,\n readyToOrder: productAvailable\n }\n });\n\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n $productContainer: $productContainer,\n product: {\n available: productAvailable,\n readyToOrder: productAvailable\n }\n });\n\n updateQOptions($quantitySelector, productAtsValue);\n }\n });\n}\n\nfunction getQuantitySelect($target) {\n var $quantitySelect;\n\n if ($target.closest('#quickViewModal').length) {\n $quantitySelect = $target.closest('#quickViewModal').find('.modal-footer .quantity-select');\n } else {\n $quantitySelect = $target.closest('.product-detail').find('.quantity-select');\n }\n\n return $quantitySelect;\n}\n\nmodule.exports = {\n updateSelectedStoreOnAttributeChange: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n var storeId = $(response.container).find('.selected-store-with-inventory [data-store-id]').data('store-id');\n response.container.attr('data-pid', response.data.product.id);\n\n // update delivery block's expected delivery date message\n let deliveryAvailability = response.data.deliveryAvailability;\n if (deliveryAvailability.isDeliverable && deliveryAvailability.expectedDeliveryDate) {\n let expectedDeliveryDate = `${deliveryAvailability.expectedDeliveryDate.message} ${deliveryAvailability.expectedDeliveryDate.date}`;\n $('.delivery-date').html(expectedDeliveryDate).removeClass('d-none');\n } else {\n $('.delivery-date').addClass('d-none');\n }\n\n if (storeId) {\n updateQuantityOptions(response.data.product.id, storeId)\n } else {\n deselectStore(response.container);\n\n // update qty stepper if enabled\n var $qtyStepper = $(response.container).closest('.modal').length\n ? (response.container).closest('.modal').find('.modal-footer .quantity-stepper')\n : (response.container).find('.quantity-stepper');\n if ($qtyStepper.length) {\n var qtyMax = $qtyStepper.closest('.quantity').find('.quantity-select option').length;\n $qtyStepper.attr('data-max', qtyMax);\n base.enableQuantitySteppers($qtyStepper.closest('.quantity'));\n }\n }\n });\n },\n updateAddToCartFormData: function () {\n $('body').on('updateAddToCartFormData', function (e, form) {\n if (form.pidsObj) {\n var pidsObj = JSON.parse(form.pidsObj);\n pidsObj.forEach(function (product) {\n var storeElement = $('.product-detail[data-pid=\"' +\n product.pid\n + '\"]').find('.store-name');\n product.storeId = $(storeElement).length// eslint-disable-line no-param-reassign\n ? $(storeElement).attr('data-store-id')\n : null;\n });\n\n form.pidsObj = JSON.stringify(pidsObj);// eslint-disable-line no-param-reassign\n }\n\n var storeElement = $('.product-detail[data-pid=\"'\n + form.pid\n + '\"]');\n\n var deliveryType = $('input[name=deliverytype]:checked').val();\n\n if ($(storeElement).length && deliveryType == 'curbside') {\n form.storeId = $(storeElement).find('.store-name').attr('data-store-id'); // eslint-disable-line\n } else {\n delete form.storeId;\n }\n });\n },\n showInStoreInventory: function () {\n $('body').on('click', '.btn-get-in-store-inventory', event => {\n var $target = $(event.target);\n var pid = $target.closest('.product-detail').attr('data-pid');\n var $quantitySelect = getQuantitySelect($target);\n var quantity = $quantitySelect.val();\n\n getModalHtmlElement($target);\n fillModalElement(pid, quantity, null, null, $target.data('save-location'));\n event.stopPropagation();\n });\n },\n removeStoreSelection: function () {\n $('body').on('click', '#remove-store-selection', event => {\n var $target = $(event.target);\n var $quantitySelect = getQuantitySelect($target);\n\n deselectStore($target.closest('.product-detail'));\n $(document).trigger('store:afterRemoveStoreSelection', $quantitySelect);\n });\n },\n selectStoreWithInventory: function () {\n $('body').on('store:selected product:afterAttributeSelect', function (e, data) {\n if ($('.btn-store-name').length > 0 && data.pickupLocation) {\n $('.btn-store-name')[0].innerHTML = data.pickupLocation;\n }\n\n if (data.storeLocation && data.locationSaved) {\n $('.store-locator-btn-header').each(function(i, el) {\n el.innerHTML = data.storeLocation;\n });\n } else if (data.storeLocation) {\n $('.store-locator-btn-header:not(.my-account)').each(function(i, el) {\n el.innerHTML = data.storeLocation;\n });\n }\n\n var searchPID = $('.product-wrapper').data('pid');\n var $storeElement = $('.product-detail[data-pid=\"' + searchPID + '\"]');\n\n if (data.storeDetailsHtml) {\n $storeElement.find('.selected-store-with-inventory .card-body').empty();\n $storeElement.find('.selected-store-with-inventory .card-body').append(data.storeDetailsHtml);\n }\n\n if (data.storeID) {\n $storeElement.find('.store-name').attr('data-store-id', data.storeID);\n $storeElement.find('.store-details').find('.store-details').attr('data-store-id', data.storeID);\n }\n\n if (data.searchPostalCode || data.searchRadius) {\n var $changeStoreButton = $storeElement.find('.change-store');\n $changeStoreButton.data('postal', data.searchPostalCode);\n $changeStoreButton.data('radius', data.searchRadius);\n }\n\n $storeElement.find('.selected-store-with-inventory').closest('.row').removeClass('d-none');\n\n var selectorPrefix = '.product-detail[data-pid=\"' + searchPID + '\"]';\n var $quantitySelector = $(selectorPrefix).closest('.modal').length\n ? $(selectorPrefix).closest('.modal').find('.modal-footer .quantity-select')\n : $(selectorPrefix).find('.quantity-select');\n // update pdp based on storis delivery information. only update if the product is deliverable and the customer is within the set delivery range\n if (searchPID) {\n var url = $('.delivery').data('action');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {\n pid: searchPID,\n quantity: $quantitySelector.val(),\n saveLocation: data.saveLocation,\n isDropship: 'product' in data && data.product.DROP_SHIP,\n isSpecialOrder: 'product' in data && data.product.SPECIAL_ORDER\n },\n success: function(data) {\n if (!data.isMarketplaceProduct) {\n if (data.isDeliverable) {\n // update delivery block's expected delivery date message\n if (data.expectedDeliveryDate) {\n let expectedDeliveryDate = `${data.expectedDeliveryDate.message} ${data.expectedDeliveryDate.date}`;\n $('.home-delivery-option .delivery-date').html(expectedDeliveryDate);\n }\n\n var deliveryDate = data.inStockDate;\n if (deliveryDate) {\n $('.instock-date-js').text(deliveryDate);\n }\n\n $('.delivery-date').removeClass('d-none');\n $('.explore-options').removeClass('d-none');\n $('input[id=\"home\"]').prop('disabled', false);\n $('input[id=\"home\"]').prop('checked', true);\n $('.delivery-availability').addClass('d-none');\n $('.update-zip-code').addClass('d-none');\n } else {\n $('.delivery-date').addClass('d-none');\n $('.explore-options').addClass('d-none');\n $('input[id=\"home\"]').prop('disabled', true);\n $('input[id=\"curbside\"]').prop('checked', true);\n $('.delivery-availability').removeClass('d-none');\n $('.update-zip-code').removeClass('d-none');\n }\n\n if (data.availableForInStorePickup) {\n $('input[id=\"curbside\"]').prop('disabled', false)\n }\n\n if (data.availableForInStorePickup || data.isDeliverable) {\n $('.add-to-cart').removeAttr('disabled');\n $('.delivery-block-js').removeClass('d-none');\n } else {\n $('.add-to-cart').attr('disabled', true);\n $('.delivery-block-js').addClass('d-none');\n }\n }\n\n if(!data.isMarketplaceProduct){\n var $badgeProductContainer = $('.badge-product-container');\n $badgeProductContainer.empty();\n if (data.badges && data.badges.length > 0) {\n $badgeProductContainer.html(\"\" + data.badges[0].name + \"\");\n }\n }\n\n var $productContainer = $('.product-detail[data-pid=\"' + searchPID + '\"]');\n var productAvailable = (data.isDeliverable && data.isWithinDeliveryRange) || data.availableForInStorePickup;\n $productContainer.trigger('product:updateAvailability', {\n $productContainer: $productContainer,\n message: '
' + data.availabilityMessage + '
',\n product: {\n available: productAvailable,\n readyToOrder: productAvailable\n }\n });\n }\n });\n }\n\n if (!data.keepModalOpen) {\n $('#inStoreInventoryModal').modal('hide');\n $('#inStoreInventoryModal').remove();\n }\n });\n },\n changeStore: function () {\n $('body').on('click', '.change-store', event => {\n var $target = $(event.target);\n var pid = $target.closest('.product-detail').attr('data-pid');\n var $quantitySelect = getQuantitySelect($target);\n var quantity = $quantitySelect.val();\n\n getModalHtmlElement($target);\n fillModalElement(pid, quantity, $target.data('postal'), $target.data('radius'), $target.data('save-location'));\n });\n }\n};\n","var main = require('integrations/main');\n\nmain.baseFiles.menu = require('./components/menu');\nmain.baseFiles.loginExtras = require('./components/login');\nmain.baseFiles.gridView = require('./components/gridView');\nmain.baseFiles.slider = require('./components/slider').init;\nmain.baseFiles.orderHistory = require('./orderHistory/orderHistory');\nmain.baseFiles.orderDetails = require('./orderDetails/orderDetails');\nmain.baseFiles.base = require('./product/base');\nmain.baseFiles.recommendationBundle = require('./product/recommendationBundle');\nmain.baseFiles.cart = require('./cart');\nmain.baseFiles.quickView = require('./product/quickView');\nmain.baseFiles.wishlist = require('./wishlist/wishlist').init;\nmain.baseFiles.clientSideValidation = require('./components/clientSideValidation');\nmain.baseFiles.sliderAccessibility = require('./components/sliderAccessibility');\nmain.baseFiles.footer = require('./components/footer');\nmain.baseFiles.toolTip = require('./components/toolTip');\nmain.baseFiles.account = require('./account/account');\nmain.baseFiles.tile = require('./product/tile');\nmain.baseFiles.modal = require('./components/modal').init;\n\nvar siteIntegrations = require('core/integrations/siteIntegrationsUtils');\nvar toggleObject = siteIntegrations.getIntegrationSettings();\nif (toggleObject.bopisCartridgeEnabled) {\n // adding to main.js to make accessible for quickview\n main.baseFiles.pdpInstoreInventory = require('./integrations/bopis/product/pdpInstoreInventory');\n}\nif (toggleObject.GTMEnable) {\n main.baseFiles.gtm = require('./thirdParty/gtm');\n}\n\nmain.baseFiles.storis = require('storis/product/storisUI');\n\nmodule.exports = main;\n","'use strict';\n\nfunction toggleViewTitle() {\n $('body').on('click', '.order-details .delivery-info', function(e) {\n var text = $('.order-details .delivery-info').text();\n $('.card-title').text(text==\"View\" ? \"Hide\" : \"View\");\n });\n}\n\nmodule.exports = {\n toggleViewTitle: toggleViewTitle\n}\n","'use strict';\n\nfunction initHistorySelect() {\n $('body').on('change', '.order-history-select', function (e) {\n var $ordersContainer = $('.order-list-container');\n $ordersContainer.empty();\n $.spinner().start();\n $('.order-history-select').trigger('orderHistory:sort', e);\n $.ajax({\n url: e.currentTarget.value,\n method: 'GET',\n success: function (data) {\n $ordersContainer.html(data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $.spinner().stop();\n }\n });\n });\n};\n\nfunction closeHistoryCallout() {\n $('body').on('click', '.order-history-callout .icon-close', function(e) {\n $('.order-history-callout').hide();\n });\n}\n\nfunction initOrderSearch() {\n $('body').on('input', '#order-search', function() {\n var input = this.value;\n $('.order-card').each(function(index, element) {\n if (element.dataset.order.startsWith(input.toUpperCase()) || input == '') {\n $(element).show();\n } else {\n $(element).hide();\n }\n });\n });\n}\n\n// Function to scroll to correct place when clicking pickup instruction or check delivery link\nfunction pickupInstruction() {\n $('#pickup-section').on('load', function () {\n const queryString = window.location.search;\n const urlParams = new URLSearchParams(queryString);\n if (urlParams.has('pickup-instruction')) {\n let yOffset = -180;\n let element = document.querySelector('#pickup-section');\n let y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n window.scrollTo({ top: y, behavior: 'smooth' });\n } else if (urlParams.has('check-delivery')) {\n let yOffset = -180;\n let element = document.querySelector('#delivery-timeline');\n let y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n window.scrollTo({ top: y, behavior: 'smooth' });\n $('#delivery-timeline').trigger('click');\n }\n });\n $(window).on('load', function () {\n $('#pickup-section').trigger('load');\n });\n}\n\nfunction loadMoreOrders(params) {\n $('.js-load-more-orders').on('click', (element) => {\n $.spinner().start();\n $.ajax({\n url: $(element.currentTarget).data('href'),\n method: 'GET'\n }).then((response) => {\n if (response && response.renderedTemplate) {\n $('.load-more-container').replaceWith(response.renderedTemplate);\n }\n }).always(() => {\n $.spinner().stop();\n });\n });\n}\n\nmodule.exports = {\n initHistorySelect: initHistorySelect,\n closeHistoryCallout: closeHistoryCallout,\n initOrderSearch: initOrderSearch,\n pickupInstruction: pickupInstruction,\n loadMoreOrders: loadMoreOrders\n};\n","'use strict';\nvar siteIntegrations = require('core/integrations/siteIntegrationsUtils');\nvar toggleObject = siteIntegrations.getIntegrationSettings();\n\nvar exports = $.extend({}, require('core/product/base'));\nvar recommendationBundle = require('./recommendationBundle');\nvar abSlider = require('../components/slider');\nvar debounce = require('lodash/debounce');\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 */\n// Replaces rvw_autobahn_core\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVariant;\n if (response.product.variationAttributes) {\n exports.methods.updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVariant = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVariant) {\n $productContainer.parent('.bonus-product-item').data('pid', response.product.id);\n $productContainer.parent('.bonus-product-item').data('ready-to-order', response.product.readyToOrder);\n }\n if($productContainer.hasClass('product-quickview')) {\n $productContainer.attr('data-pid', response.product.id);\n }\n }\n\n // Update primary images\n var productResponse = response.product;\n var $primaryImagesContainer = $productContainer.find('.primary-images');\n var $oldWishlistIcon = $productContainer.find('div.slide a.wishlist');\n\n exports.methods.createSlider(productResponse, $primaryImagesContainer);\n\n // Update product name and short description\n var collapsibleContent = $productContainer.find('.collapsible-content-group');\n var productName = productResponse.productName;\n $productContainer.find('.product-name').html(productName);\n collapsibleContent.find('.overview-product-name').html(productName);\n collapsibleContent.find('.product-description .short-descr-content').html(productResponse.shortDescription);\n\n // Update Product Specification\n if (response.collapsibleTemp) {\n $('.collapsible-info').empty().html(response.collapsibleTemp);\n }\n\n // Update Variant URL to correspond with variant selection\n if (response.productUrl && response.productUrl !== null) {\n history.replaceState(undefined, '', response.productUrl);\n }\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price .pricing-everyday .display-price', $productContainer).length\n ? $('.prices .price .pricing-everyday .display-price', $productContainer)\n : $('.prices .price .pricing-everyday .display-price');\n\n if (response.product && response.product.price) {\n if (response.product.price.html) {\n $priceSelector.replaceWith($(response.product.price.html).find('.sales .pricing-everyday .display-price'));\n if (response.product.promotions) {\n var $newStrikeThroughPrice = $(response.product.price.html).find('.strike-through-wrapper .display-price');\n $('.strike-through-wrapper .display-price').replaceWith($newStrikeThroughPrice);\n $('.product-data .standard-from-pricing').text('From');\n $('.product-data .prices .price .sales').addClass('has-sale');\n $newStrikeThroughPrice.appendTo('.product-data .standard-from-pricing');\n $('').appendTo('.product-data .standard-from-pricing');\n }\n }\n\n if (response.product.price.sales) {\n updateFinancingModal(response.product.price.sales.value, response.product.price.sales.formatted);\n }\n }\n }\n\n // Update delivery callout Message\n if (response && response.product && response.product.DROP_SHIP_PROMPT) {\n var deliveryCalloutMsg = response.product.DROP_SHIP_PROMPT;\n $productContainer.find('.availability-description p').html(deliveryCalloutMsg);\n }\n\n // Update member pricing\n var pricingMember = $productContainer.find('.pricing-member');\n if (response && response.product && response.product.membership && response.product.membership.formattedPrice) {\n pricingMember\n .removeClass('d-none')\n .find('.display-price')\n .css('font-weight', '700')\n .text(response.product.membership.formattedPrice);\n $('.prices .price .pricing-everyday .display-price').css('font-weight', '400');\n } else {\n pricingMember\n .addClass('d-none')\n .find('.display-price')\n .text(response.product.membership.formattedPrice);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n $productContainer.find('.promotion-tooltip-wrapper').empty().html(response.product.promotionTooltipHtml);\n exports.methods.updateAvailabilityProcess(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().html(exports.methods.getAttributesHtml(response.product.attributes));\n\n // Update wishlist\n if ($oldWishlistIcon && $oldWishlistIcon.length) {\n var $newWishlistIcon = $($oldWishlistIcon[0]);\n $newWishlistIcon.attr('data-wishlistpid', response.product.wishlistpid);\n\n //Make heart icon accurate\n var wishlist = require('core/wishlist/wishlist');\n wishlist.updateWishlistLinkData($newWishlistIcon);\n\n var $newSliderMainImages = $productContainer.find('div.primary-images-main div.slide img, div.primary-images-main div.slide .cloudimage-360');\n $newSliderMainImages.each((_i, newImage) => {\n var $newImage = $(newImage);\n $newImage.after($newWishlistIcon.clone(true));\n });\n }\n\n // Update promotions details link on pdp only\n if ($('.display-price').length > 1 && $('.page[data-action=\"Product-Show\"]').length > 0) {\n if ($('.class-details-button').length == 0) {\n $('.sales.has-sale').after('')\n }\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\n// triggger quantity functionality for pdp mirakl product\nfunction enableQuantitySteppers($context = $('body')) {\n var scope = this;\n var $steppers = $context.find('.quantity-stepper');\n if ($steppers && $steppers.length) {\n $steppers.each((index, stepper) => {\n var $stepper = $(stepper);\n exports.methods.updateQuantityStepperDisabledStates($stepper);\n exports.methods.bindQuantityStepperButtons($stepper);\n exports.methods.bindQuantityStepperInput($stepper);\n });\n }\n}\n\nfunction getGtmProductData(product) {\n var gtmData = product.gtmData;\n gtmData = typeof gtmData == 'string' ? JSON.parse(gtmData) : gtmData;\n\n var itemList = [];\n if (gtmData) {\n itemList.push({\n 'affiliation': gtmData.affiliation ? gtmData.affiliation : '',\n 'coupon': gtmData.coupon ? gtmData.coupon : '',\n 'discount': gtmData.discount ? gtmData.discount : '',\n 'is_bundle_product': gtmData.is_bundle_product ? gtmData.is_bundle_product : false,\n 'item_badge': gtmData.item_badge ? gtmData.item_badge : '',\n 'item_brand': gtmData.item_brand ? gtmData.item_brand : '',\n 'item_category': gtmData.item_category ? gtmData.item_category : '',\n 'item_id': gtmData.item_id ? gtmData.item_id : '',\n 'item_name': gtmData.item_name ? gtmData.item_name : '',\n 'item_variant': gtmData.item_variant ? gtmData.item_variant : '',\n 'price': gtmData.price ? gtmData.price : '',\n 'promotion_id': gtmData.promotion_id ? gtmData.promotion_id : '',\n 'promotion_name': gtmData.promotion_name ? gtmData.promotion_name : '',\n 'quantity': 1,\n 'currency': gtmData.currency ? gtmData.currency : ''\n });\n }\n return itemList;\n}\n\n// Replaces rvw_autobahn_core\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n var isProductTileBundle = $productContainer.hasClass('product-tile-bundle');\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n if (isProductTileBundle) {\n handleBundleTileVariantResponse(data, $productContainer);\n } else {\n handleVariantResponse(data, $productContainer);\n }\n if (data && data.product && data.product.id) {\n var itemList = getGtmProductData(data.product);\n var eventObjToPush = {\n \"event\": \"view_item\",\n \"ecommerce\": {\n \"items\": itemList\n }\n }\n window.dataLayer.push(eventObjToPush);\n }\n $('.add-to-cart').removeAttr('disabled');\n\n if (data && data.product && data.product.readyToOrder) {\n $('.delivery-block-js').removeClass('d-none');\n $('.qty-cart-container .quantity').removeClass('d-none');\n $('.cart-and-ipay').removeClass('no-padding');\n }\n\n exports.methods.updateOptions(data.product.optionsHtml, $productContainer);\n exports.methods.updateQuantities(data.product.quantities, $productContainer);\n recommendationBundle.updateRecommendationProductBundles(data.recommendationBundlesHTML, data.resources);\n\n var isMarketplacePDP = $('.product-detail.product-wrapper').attr('marketplace-product');\n if (isMarketplacePDP == 'false' || (isMarketplacePDP == 'true' && !$productContainer.hasClass('product-tile-bundle'))) {\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n }\n // enabled the quantity stepper for mirkle product\n enableQuantitySteppers();\n $.spinner().stop();\n // Update Product Availability Message for Bloom Reach\n $('#product_availability').val(data.availabilityMessageBR);\n },\n error: function () {\n $.spinner().stop();\n }\n }).done(function () {\n recommendationBundle.methods.updateBundleProductsData($productContainer.find('.js-product-tile-bundle-checkbox'));\n });\n }\n}\n\n// Attributes that display in a select dropdown (default)\n// Replaces rvw_autobahn_core\nfunction selectAttribute() {\n var scope = this;\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n var $productTileBundle = $(this).closest('.product-tile-bundle');\n var $productDetail = $(this).closest('.product-detail');\n\n if ($productTileBundle.length) {\n $productContainer = $productTileBundle;\n } else if ($productDetail.length) {\n $productContainer = $productDetail;\n }\n\n scope.methods.attributeSelect(e.currentTarget.value, $productContainer);\n });\n}\n\n/**\n * Update Add to Cart button text on changing quantity if we have bundle products\n */\nfunction addItemsToCartText(button, oldQty, newQty) {\n if (!button) return false;\n\n oldQty = parseInt(oldQty);\n newQty = parseInt(newQty);\n var addToCartBtn = button.parents('.pdp-qty-cart-container').find('.js-add-to-cart-btn');\n var btnText = addToCartBtn.text();\n var currentBtnQty = parseInt(btnText.replace ( /[^\\d.]/g, '' ));\n\n if(currentBtnQty) {\n var textSplit = btnText.split(currentBtnQty);\n var newSelectedQty;\n if(oldQty > newQty) {\n newSelectedQty = currentBtnQty - (oldQty - newQty);\n } else {\n newSelectedQty = currentBtnQty + (newQty - oldQty);\n }\n var newBtnText = textSplit[0]+newSelectedQty+textSplit[1];\n addToCartBtn.text(newBtnText);\n // updating with current value\n }\n button.attr('lastSelectedQty', newQty);\n}\n\n// Updates quantity select dropdown (default)\n// Replaces rvw_autobahn_core\nfunction availability() {\n var scope = this;\n var quantityInput = $('.pdp-qty-cart-container .quantity-select');\n var oldQty = quantityInput.val();\n quantityInput.attr('lastSelectedQty', oldQty);\n\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var $productTileBundle = $(this).closest('.product-tile-bundle');\n var $productContainer = $(this).closest('.product-detail');\n var $quickviewContainer = $(this).closest('.modal-content').find('.product-quickview');\n\n if ($productTileBundle.length) {\n $productContainer = $productTileBundle;\n } else if ($quickviewContainer.length) {\n $productContainer = $quickviewContainer;\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n scope.methods.attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer);\n } else {\n var newQty = $(this).val();\n oldQty = $(this).attr('lastSelectedQty');\n addItemsToCartText($(this), oldQty, newQty);\n }\n });\n}\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\n// Replaces rvw_autobahn_core\nfunction getPidValue($el) {\n var pid;\n if ($('#membershipModal').hasClass('show')) {\n pid = $($el).closest('.modal-content').find('.add-to-cart-js').data('pid');\n } else if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\n } else if ($('.product-set-detail').length || $('.product-set').length) {\n pid = $($el).closest('.product-detail').find('.product-id').text();\n } else if (($el).hasClass('single-variant-quick-add-to-cart')) {\n pid = $($el).data('pid');\n } else if (($el).parents('.popover').length) {\n pid = $($el).closest('.product-detail.product-quick-add-to-cart').data('pid');\n } else {\n pid = $('.product-detail:not(\".bundle-item\")').data('pid');\n }\n\n return pid;\n}\n\n/*\n * Adds product(s) to the cart\n * Shared across QV and PDP\n */\n// Replaces rvw_autobahn_core\nfunction addToCart() {\n var scope = this;\n\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global, a.add-to-cart-global', function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var quantity;\n\n $('body').trigger('product:beforeAddToCart', this);\n var bundleProductsSelected = $('.js-product-tile-bundle-checkbox:checked, .js-product-tile-bundle-radio:checked');\n pid = getPidValue($(this));\n quantity = $(this).hasClass('single-variant-quick-add-to-cart') ? 1 : scope.methods.getQuantitySelected($(this));\n var isPDPdata = $(this).parents().hasClass('product-data');\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n if ($(this).hasClass('single-variant-quick-add-to-cart')) {\n addToCartUrl = $(this).data('url');\n } else {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n var $productModalbody = $(this).closest('.modal-content');\n addToCartUrl = scope.methods.getAddToCartUrl($productModalbody);\n }\n } else {\n addToCartUrl = scope.methods.getAddToCartUrl($productContainer);\n }\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: scope.methods.getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n } else if (bundleProductsSelected.length > 0 && isPDPdata) {\n // Recommended bundle products\n setPids = [];\n\n // Add landing page product into pidsObj since Cart-AddProduct only adds a single pid or pidsObj\n setPids.push({\n pid: pid,\n qty: getQuantitySelected($(this)),\n options: scope.methods.getOptions($productContainer)\n });\n\n bundleProductsSelected.each(function () {\n var bundleProductTile = $(this).closest('.product-tile-bundle');\n setPids.push({\n pid: bundleProductTile.attr('data-pid'),\n qty: bundleProductTile.find('.quantity-stepper input').val(),\n options: scope.methods.getOptions(bundleProductTile)\n });\n });\n\n pidsObj = JSON.stringify(setPids);\n }\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: scope.methods.getChildProducts(),\n quantity: quantity\n };\n\n if (!$('.bundle-item').length) {\n form.options = scope.methods.getOptions($productContainer);\n }\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 scope.methods.handlePostCartAdd(data);\n if(data.gtmData){\n $('body').trigger('gtm:pushData',data.gtmData);\n }\n $('body').trigger('product:afterAddToCart', data);\n $('body').trigger('product:afterAddToCartQuickview', data); //cart page quickview only\n $.spinner().stop();\n scope.methods.miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\n// Replaces rvw_autobahn_core\n function getQuantitySelected($el) {\n var qtySelected = getQuantitySelector($el).val();\n if (qtySelected == null) {\n qtySelected = $('#qty-cart-container .quantity-stepper input').val()\n }\n return qtySelected == null ? '1' : qtySelected;\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\n// Replaces rvw_autobahn_core\n function getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $('.set-items').length) {\n quantitySelected = $($el).closest('.product-detail').find('.quantity-select');\n } else if ($el && $('.product-bundle').length) {\n var quantitySelectedModal = $($el).closest('.modal-footer').find('.quantity-select');\n var quantitySelectedPDP = $($el).closest('.bundle-footer').find('.quantity-select');\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else if ($el && $($el).hasClass('product-tile-bundle')) {\n // product recommendation bundle tile\n quantitySelected = $($el).find('.quantity-select');\n } else {\n quantitySelected = $('.qty-cart-container .quantity-select');\n }\n\n return quantitySelected;\n}\n\n/**\n * Product Tile Bundle: 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 */\n function handleBundleTileVariantResponse(response, $productContainer) {\n if (!response || !$productContainer) return;\n\n // Update product name\n $productContainer.find('.product-tile-bundle__name').text(response.product.productName);\n\n // Update product id\n $productContainer.attr('data-pid', response.product.id);\n\n // Update attributes\n if (response.product.variationAttributes) {\n exports.methods.updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n }\n\n // Update image\n var productTileImage = $productContainer.find('.product-tile-bundle__image');\n var mediumImage = response.product.images && response.product.images.medium && response.product.images.medium[0] ? response.product.images.medium[0] : null;\n if (mediumImage) {\n productTileImage.attr('src', mediumImage.url)\n .attr('alt', mediumImage.alt)\n .attr('title', mediumImage.title);\n }\n\n // Update price\n var price = response.product.price.list ? response.product.price.list.value : response.product.price.sales.value;\n $productContainer.find('.price').replaceWith(response.product.price.html);\n $productContainer.attr('data-price', price);\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\n function processSwatchValues(attr, $productContainer, msgs) {\n if (attr.attributeId == 'color') {\n $productContainer.find('.color-display-value').text(attr.displayValue || '');\n if (!attr.displayValue) {\n var attributeLabel = $productContainer.find('.color-display-value').data('label');\n $productContainer.find('.color-display-value').text(attributeLabel);\n }\n };\n\n if (attr.attributeId == 'size') {\n $productContainer.find('.non-color-display-value').text(attr.displayValue || '');\n };\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' + attrValue.value.replaceAll('\"', '"') + '\"]');\n\n var $swatchButton = $attrValue.parent('button');\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\n $attrValue.attr('selected', 'selected');\n } else {\n $attrValue.removeClass('selected');\n $attrValue.siblings('.selected-assistive-text').empty();\n $attrValue.removeAttr('selected');\n }\n\n if (attrValue.url) {\n $swatchButton.attr('data-url', attrValue.url);\n } else {\n $swatchButton.removeAttr('data-url');\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable available unavailable out-of-stock');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\n $attrValue.addClass(attrValue.available ? 'available' : toggleObject.viewOutOfStockItems ? 'out-of-stock' : 'unavailable');\n\n $attrValue.attr('value', attrValue.url).removeAttr('disabled');\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n });\n}\n\nfunction uncheckBundleProductsDataOnLoad() {\n $('.product-tile-bundles :input').each(function(){\n $(this).prop('checked', false);\n });\n}\n\nfunction displayReviewLink() {\n $(window).on('load', function() {\n var $link = $('.product-data .pr-snippet-write-review-link');\n try {\n if ($link.text().trim().toLowerCase() !== 'write the first review') {\n $link.hide();\n }\n } catch (e) {\n // this func is doing something very un-important (MB-613), so just n/m\n }\n });\n}\n\n/**\n * Updates Ask a Question section header in Power Review\n */\nfunction insertContactButtonsToQA() {\n $(window).on('load', function () {\n var $prDisplayQuestionContainer = $('.pr-qa-display');\n\n if ($prDisplayQuestionContainer.length > 0 && $prDisplayQuestionContainer.css('display') != 'none') {\n var questionAndAnswerText = {\n title: $('#pr-questiondisplay').data('ask-question-title'),\n chatInfo: $('#pr-questiondisplay').data('info-chat'),\n contactInfo: $('#pr-questiondisplay').data('info-contact')\n };\n\n // contact buttons\n var $contactButtons = $(`${questionAndAnswerText.contactInfo}\n `);\n\n var $prAskQuestionSection = $prDisplayQuestionContainer.find('.pr-qa-display-ask-question');\n\n // update and display title\n var askQuestionSectionTitle = questionAndAnswerText.title;\n var $prAskQuestionHeadline = $prDisplayQuestionContainer.find('h1 abbr');\n $prAskQuestionHeadline.text(askQuestionSectionTitle).attr('title', askQuestionSectionTitle);\n $prAskQuestionHeadline.show();\n\n // move buttons to be inline with Power Review's \"Ask Question\" button\n var $prAskQuestionButton = $prAskQuestionSection.find('#pr-question-form-link');\n $prAskQuestionButton.before($contactButtons);\n\n // toggle buttons and title visibility when \"Ask Question\" button is clicked\n $prAskQuestionButton.on('click', function () {\n if ($(this).attr('aria-expanded') == 'true') {\n $prAskQuestionHeadline.show();\n $contactButtons.show();\n $contactButtons.closest('.pr-qa-display-ask-question').css('display', 'flex');\n } else {\n $prAskQuestionHeadline.hide();\n $contactButtons.hide();\n $contactButtons.closest('.pr-qa-display-ask-question').css('display', 'block');\n }\n });\n\n // listen to any changes to Q&A section and reinsert\n // because PowerReview replaces the some of the template\n // when window resized to certain sizes (desktop vs phone)\n var config = {\n subtree: true,\n childList: true\n };\n var prObserver = new MutationObserver((mutationList, observer) => {\n for (var mutationRecord of mutationList) {\n if (mutationRecord.addedNodes) {\n for (var addNode of mutationRecord.addedNodes) {\n if (addNode.classList.contains('pr-qa-display-ask-question')) {\n $(addNode).find('#pr-question-form-link').before($contactButtons);\n }\n }\n }\n }\n });\n prObserver.observe($prDisplayQuestionContainer[0], config);\n }\n });\n}\n\nfunction updateFinancingModal(total, formattedTotal) {\n var $financingCallout = $('.js-synchronyCTA-financing');\n var $financingModal = $('.modal.dbuy-modal');\n var financingPeriod = $financingCallout.attr('data-period');\n var formattedMonthlyInstallment = '$' + Math.ceil(total / financingPeriod).toFixed(2);\n $financingCallout.find('.synchronyCTA-payment').html(formattedMonthlyInstallment);\n $financingModal.find('.dbuy-modal-total').html(formattedTotal);\n $financingModal.find('.dbuy-modal-installment').html(formattedMonthlyInstallment);\n \n // changes done for MH-69 variation issue.\n $('#product-content').empty().html(total);\n}\n\nfunction populateSelectedOption() {\n $(document).ready(function () {\n $('.product-tile-bundles select').each(function () {\n var select = $(this);\n var selectedValue = select.find('option[selected]').val();\n\n if (selectedValue) {\n select.val(selectedValue);\n } else {\n select.prop('selectedIndex', 0);\n }\n });\n });\n}\n\nfunction updateAddToCart() {\n $('body').on('product:updateAddToCart', function (e, response) {\n var $productContainer = response.$productContainer;\n // update local add to cart (for sets)\n $productContainer.find('button.add-to-cart').attr('disabled', !response.product.readyToOrder);\n // update global add to cart (single products, bundles)\n var $dialog = $(response.$productContainer).closest('.quick-view-dialog');\n if ($dialog.length){\n $dialog.find('.add-to-cart-global, .update-cart-product-global').attr('disabled', !response.product.readyToOrder);\n } else {\n var enable = $productContainer.find('.product-availability').toArray().every(function (item) {\n return $(item).data('ready-to-order');\n });\n $productContainer.find('button.add-to-cart-global').attr('disabled', !enable);\n }\n });\n}\n\nfunction setHeaderHeightForStickyImages() {\n var headerNavHeight = $('.header-nav').outerHeight();\n\n $('.primary-images .sticky-top').css('top', headerNavHeight + 25);\n}\n\nfunction windowResize() {\n $(window).on('resize', debounce(() => setHeaderHeightForStickyImages(), 100));\n}\n\nfunction windowLoad() {\n $(window).on('load', debounce(() => setHeaderHeightForStickyImages(), 100));\n}\n\n// Product badges overlaid on a Youtube iframe can interfere with clicks\nfunction hideBadgesForYoutube() {\n if (window.innerWidth < 769 && $('.main-youtube-container').length > 0) {\n $('.slider *').on('touchend mouseup', function () {\n window.setTimeout(function () {\n if ($('.main-youtube-container').hasClass('tns-slide-active')) {\n $('.badge-product-container').hide();\n } else {\n $('.badge-product-container').show()\n }\n }, 300);\n });\n }\n}\n\n// Reinit quickview tooltips after variant selection\nfunction reinitTooltipsQuickview() {\n $('body').on('product:afterAttributeSelect', function() {\n $('.quick-view-dialog [data-toggle=\"tooltip\"]').tooltip();\n });\n}\n\n// Center \"Shop the Collection\" section if it has less than 4 items\nfunction centerCollection() {\n var collectionSlider = $('.shop-the-collection .slider');\n var slide = $('.shop-the-collection .slider .slide');\n collectionSlider.on('load', function () {\n var numSlides = $('.shop-the-collection .slider').children(\"[id^='tns']\").length;\n var slideWidth = (100 / numSlides) + '%';\n if (numSlides < 4) {\n // Remove transform and apply appropriate width to collection and slides if above mobile\n if ($(window).width() > 769) {\n collectionSlider.css('transform', '');\n collectionSlider.css('width', '100%');\n slide.css('width', slideWidth);\n } else {\n collectionSlider.css('width', '');\n slide.css('width', '');\n }\n }\n });\n $(window).resize(function () {\n collectionSlider.trigger('load');\n });\n $(window).on('load', function () {\n collectionSlider.trigger('load');\n });\n}\n\n// Initialize 350 view\nfunction init360image() {\n $('.cloudimage-360').on('load', function() {\n window.CI360.init();\n });\n $(window).on('load', function() {\n $('.cloudimage-360').trigger('load');\n });\n}\n\nfunction disableDrag() {\n let element = document.querySelector('.thumbnail-slider');\n let observer = new MutationObserver(function () {\n $('.thumbnail-slider').css('transform', 'translate3d(0%, 0px, 0px)');\n });\n let options = {\n attributes: true\n };\n $('.thumbnail-slider').on('load', function () {\n if (window.innerWidth < 769) {\n $('.thumbnail-slider').css('transform', 'translate3d(0%, 0px, 0px)');\n observer.observe(element, options);\n } else {\n observer.disconnect();\n }\n });\n $(window).on('load resize', function () {\n $('.thumbnail-slider').trigger('load');\n });\n}\n\nfunction readStrikethrough() {\n let strikethrough = $('.strike-through-wrapper .display-price');\n strikethrough.focus(function () {\n $('#screenreader-only').text('Deleted price');\n });\n strikethrough.focusout(function () {\n $('#screenreader-only').text('');\n });\n}\n\nfunction thumbnailSliderAccessibility() {\n $(window).on('load', function () {\n $('.thumbnail-slider .tns-item').attr('tabindex', '0');\n });\n}\n\n/**\n * Trigger click on links and buttons from enter or spacebar keypress\n */\nfunction linkAccessibility() { \n $('a, button').keydown(function (e) {\n if (e.which === 32 || e.which === 13) {\n e.preventDefault();\n $(e.target)[0].click();\n }\n });\n}\n\n/**\n * Insert ADA attributes for Youtube delete button on PowerReviews Write page\n */\nfunction updatePowerReviewsWrite() {\n if (window.location.href.includes('PowerReviews-Show') || $('#pr-write').length > 0) {\n $('body').on('click', '.pr-youtube-btn', () => {\n $('.pr-media-table .pr-video-form-group .pr-btn-delete').attr({\n 'role': 'button',\n 'aria-label': 'Delete this YouTube url'\n });\n })\n }\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer, msgs) {\n var $attr = '.custom-select[data-attr=\"' + attr.id + '\"]';\n var $defaultOption = $productContainer.find($attr + '.select-' + attr.id + ' option:first-child');\n $defaultOption.attr('value', attr.resetUrl).attr('disabled', true);\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find($attr + ' [data-attr-value=\"' + attrValue.value.replaceAll('\"', '"') + '\"]');\n $attrValue.attr('value', attrValue.url).removeAttr('disabled');\n var currentSelectedOption = $productContainer.find($attr + '.select-' + attr.id + ' option:selected').eq(0);\n\n if (!attrValue.selectable || !attrValue.available) {\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n //check if selected value is now unavailable, if so select the default option\n if (currentSelectedOption.data('attr-value') == attrValue.value) {\n $attrValue.removeAttr('selected');\n $($attr).prop('selectedIndex', 0);\n }\n // append a msg to option to tell user its not available with selected options\n $attrValue.html(attrValue.displayValue + msgs.unavailableMsg);\n } else {\n $attrValue.html(attrValue.displayValue);\n if (currentSelectedOption.text() == attrValue.displayValue) {\n $(currentSelectedOption).attr('selected', 'selected');\n $($attr).prop('selectedIndex', $(currentSelectedOption).index());\n }\n }\n });\n}\n\n// updates styles\nfunction promoTileStyle() {\n var $productGrid = $('.product-grid');\n var isMobileGridUpdated = false;\n\n function updatePromoTileStyle() {\n const promoTileClasses = { mobileGrid: '.marketing-tile-m-grid' };\n\n if ('mobile' == $('.grid-layout-toggle button').attr('data-target')) {\n var currentLayout = $productGrid.attr('data-grid-mobile-view');\n\n switch (currentLayout) {\n case 'grid': // if grid selected, make container height 100% so content can fill height\n let $promoTile = $productGrid.find('.experience-component ' + promoTileClasses.mobileGrid);\n $promoTile.closest('.experience-region').css('height', '100%');\n $promoTile.closest('.experience-component').css('height', '100%');\n isMobileGridUpdated = true;\n break;\n default:\n if (isMobileGridUpdated) {\n let $promoTile = $productGrid.find('.experience-component ' + promoTileClasses.mobileGrid);\n $promoTile.closest('.experience-region').css('height', '');\n $promoTile.closest('.experience-component').css('height', '');\n }\n break;\n }\n }\n }\n\n $(window).on('load resize', updatePromoTileStyle);\n $productGrid.on('plp:layoutUpdated', updatePromoTileStyle);\n}\n\nfunction bloomReachWidget ($this) {\n var url = $this.data('url');\n $.ajax({\n url: url,\n method: 'get',\n success: function (data) {\n $this.html(data);\n abSlider.initializeSliders($this.find('.slider-container').parent());\n },\n error: function (data) {\n }\n });\n}\n\n$(window).on('load', function () {\n bloomReachWidget($('.similar-products'));\n bloomReachWidget($('.frequently-bought-together'));\n bloomReachWidget($('.experience-driven-products'));\n bloomReachWidget($('.br-shop-the-collection'));\n});\n\nexports.methods.attributeSelect = attributeSelect;\nexports.methods.getQuantitySelected = getQuantitySelected;\nexports.methods.getQuantitySelector = getQuantitySelector;\nexports.methods.processSwatchValues = processSwatchValues;\nexports.methods.processNonSwatchValues = processNonSwatchValues;\nexports.methods.updateFinancingModal = updateFinancingModal;\nexports.selectAttribute = selectAttribute;\nexports.availability = availability;\nexports.addToCart = addToCart;\nexports.uncheckBundleProductsDataOnLoad = uncheckBundleProductsDataOnLoad;\nexports.displayReviewLink = displayReviewLink;\nexports.insertContactButtonsToQA = insertContactButtonsToQA;\nexports.populateSelectedOption = populateSelectedOption;\nexports.updateAddToCart = updateAddToCart;\nexports.windowResize = windowResize;\nexports.windowLoad = windowLoad;\nexports.hideBadgesForYoutube = hideBadgesForYoutube;\nexports.reinitTooltipsQuickview = reinitTooltipsQuickview;\nexports.centerCollection = centerCollection;\nexports.init360image = init360image;\nexports.disableDrag = disableDrag;\nexports.readStrikethrough = readStrikethrough;\nexports.thumbnailSliderAccessibility = thumbnailSliderAccessibility;\nexports.linkAccessibility = linkAccessibility;\nexports.updatePowerReviewsWrite = updatePowerReviewsWrite;\nexports.promoTileStyle = promoTileStyle;\nexports.addItemsToCartText = addItemsToCartText;\n\n\nmodule.exports = exports;\n","'use strict';\n\nvar quickView = require('core/product/quickView');\nvar miraklQuickView = require('mirakl/product/quickView');\nvar modal = require('core/components/modal');\nconst { updateAddAllToCart } = require('core/product/detail');\n\nquickView.reInitShowQuickAddToCart = function () {\n $('body').on('search:sort--success search:showMore--success search:filter--success search:pageSize--success', function () {\n $('body').trigger('tooltip:init');\n })\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 * @param {string} alternateModalId - Optional - used for wishlist typically to update the modal id\n */\nquickView.fillModalElement = function(selectedValueUrl, alternateModalId) {\n var modalId = (alternateModalId) ? alternateModalId : '#quickViewModal';\n var $modal = $(modalId);\n $modal.find('.modal-body').spinner().start();\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = modal.parseHtml(data.renderedTemplate);\n var headerHtml = parsedHtml.body.find('.modal-header-wrapper').children();\n var powerReviewsHtml = $('#pr-pidRating-' + data.product.sanitizedId).html();\n if(data.gtmData){\n $('body').trigger('gtm:pushData', data.gtmData);\n }\n\n $modal.find('.modal-header').empty();\n $modal.find('.modal-header').html(headerHtml);\n $modal.find('.modal-body').empty();\n $modal.find('.modal-body').html(parsedHtml.body);\n\n // Append assets from PDP Gallery Asset IDs attribute\n if ('pdpGalleryAssets' in data.product) {\n var pdpGalleryAssets = data.product.pdpGalleryAssets;\n var $assetSlides = $modal.find('.primary-images-main .pdp-gallery-asset');\n let hasVideo = false;\n\n $assetSlides.each((index, slide) => {\n var $slideElement = $(slide);\n var asset = pdpGalleryAssets[index];\n if (asset.isVideo) {\n hasVideo = true;\n }\n\n $.ajax({\n url: asset.assetRenderUrl,\n method: 'GET',\n success: assetData => {\n var $sliderContainer = $slideElement.closest('.slider-container');\n $slideElement.html(assetData);\n\n // after all assets are added, reinit any necessary javascript\n if (index + 1 >= pdpGalleryAssets.length) {\n $('body').trigger('quickview:ready', $(modalId)); // sending custom event for slider init\n $slideElement.trigger('tooltip:init'); // reinit tooltips in case of hotspot asset\n\n if (hasVideo) {\n $('body').trigger('ajax:load.ajaxEvents', [$sliderContainer]); // reinit videos in video/index.js\n $('body').trigger('slider:videosLoaded'); // trigger custom event set up in bindSliderUpdateEvent\n }\n }\n },\n error: err => {\n console.error('There was an issue retrieving this asset: ', err);\n }\n });\n });\n }\n\n var $modalContent = $modal.find('.quick-view-dialog > .modal-content');\n\n // using children() to avoid also modifying nested dbuy modal\n $modalContent.children('.modal-footer').html(parsedHtml.footer.filter('.quick-view-footer'));\n $modal.find('.modal-header .close .sr-only').text(data.closeButtonText);\n $modal.find('.enter-message').text(data.enterDialogMessage);\n $modal.find(modalId).modal('show');\n $modal.find('.pr-rating-wrapper').html(powerReviewsHtml);\n\n if (data.dialogTitle) {\n $modalContent.children('.modal-header').prepend('
' + data.dialogTitle + '
')\n }\n\n if (data.product.productType === 'set') {\n updateAddAllToCart();\n }\n\n $('body').trigger('modal:loaded', $(modalId)); // sending custom event for scroll body sizing\n $('body').trigger('quickview:ready', $(modalId)); // sending custom event for slider init\n $('body').trigger('tooltip:init');\n miraklQuickView.updateBuyBox();\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\nquickView.showQuickview = function () {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n var selectedValueUrl = $(this).closest('button.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n modal.getModalHtmlElement('quickViewModal', 'quick-view-dialog modal-scrollbody');\n quickView.fillModalElement(selectedValueUrl);\n });\n}\n\nquickView.productDimensions = function() {\n $('body').on('click', '.view-dimension-image', function (e) {\n var dimImage = $(\".dimension-image\");\n dimImage.click();\n });\n}\n\nquickView.bundleCallout = function() {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n var product = response.data.product;\n var hasSleepBundle = false;\n var $calloutContainer = $('.js-quickview-callout-sleepbundle');\n \n if (product.recommendationBundles.multi || product.recommendationBundles.single) {\n var hasSleepBundle = true;\n }\n\n if (hasSleepBundle) {\n $calloutContainer.removeClass('d-none');\n } else {\n $calloutContainer.addClass('d-none');\n }\n });\n}\n\nquickView.addEventListeners = function() {\n $('body')\n .on('click', '.btn-update-wishlist-product', eventClickUpdate)\n .on('product:afterAttributeSelect', eventUpdateFromQuickView);\n};\nquickView.removeEventListeners = function() {\n $('body')\n .off('click', '.btn-update-wishlist-product', eventClickUpdate)\n .off('product:afterAttributeSelect', eventUpdateFromQuickView); \n}\n\nquickView.init = function() {\n quickView.addEventListeners();\n};\n\nfunction eventClickUpdate(e) {\n e.preventDefault();\n\n var $this = $(this);\n var $modal = $('#quickViewModal');\n\n var core = require('core/product/base');\n var params = {\n pid: $this.data().pid,\n pidUpdated: $this.data().pidUpdated,\n uuid: $('.update-wishlist-url').data('uuid'),\n listOwnerUuid: $('.wishlistItemCardsData').data() && $('.wishlistItemCardsData').data().uuid ? $('.wishlistItemCardsData').data().uuid: '',\n selectedOptionValueIds: core.methods.getOptions($modal)\n };\n params = $.param(params);\n $.ajax({\n url: $('.update-wishlist-url').val() + '?' + params,\n type: 'POST',\n dataType: 'html',\n success: function (html) {\n var $html = $(html);\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $.spinner().stop();\n $('.product-list-enhancements-detail').trigger('updateProducts', $html.find('.product-list-enhancements-detail-products'));\n $modal.modal('hide');\n },\n error: function () {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $modal.modal('hide');\n $.spinner().stop();\n }\n });\n};\n\n\nfunction eventUpdateFromQuickView(e, payload) {\n var $updateButton = payload.container.closest('.modal').find('.btn-update-wishlist-product');\n if (payload.data.product.masterId) {\n $updateButton\n .data('pid-updated', payload.data.product.id)\n .attr('data-pid-updated', payload.data.product.id)\n .removeAttr('disabled');\n } else {\n $updateButton\n .data('pid-updated', payload.data.product.id)\n .attr('data-pid-updated', payload.data.product.id)\n }\n}\n\nmodule.exports = quickView;\n","'use strict';\n\nvar baseProduct = require('core/product/base');\nvar abSlider = require('core/components/slider');\n\nfunction getQuantityValue(container) {\n var quantity;\n var qtyStepper = container.find('.quantity-stepper');\n\n if (qtyStepper.length) {\n quantity = qtyStepper.find('input[name=\"qty-stepper\"]').val();\n } else {\n quantity = container.find('.quantity-select').val();\n }\n\n return quantity;\n}\n\n/**\n * Retrieves selected bundled recommendations and updates total and number of items selected\n */\nfunction updateBundleProductsData(e) {\n if (!e) {\n return;\n }\n\n var $target = $(e.target).length ? $(e.target) : $(e);\n var $selectedMultiProductBundleSection = $target.closest('.multi-product-bundle');\n var $addOnsQtyFields = $selectedMultiProductBundleSection.find('input:checked').closest('.product-tile-bundle').find('input[name=\"qty-stepper\"]');\n var addOnsQty = 0;\n $addOnsQtyFields.each((i, ele) => {\n addOnsQty += Number($(ele).val());\n });\n var productBundlesContainer = $('.product-tile-bundles');\n if (productBundlesContainer == null || productBundlesContainer.length === 0) return;\n\n // single bundle\n var singleBundle;\n var singleBundleProductSelected = $('.js-product-tile-bundle-radio:checked');\n if (singleBundleProductSelected && singleBundleProductSelected.length > 0) {\n var bundleProductTile = singleBundleProductSelected.closest('.product-tile-bundle');\n var quantity = Number(getQuantityValue(bundleProductTile));\n\n singleBundle = {\n priceTotal: Number(bundleProductTile.attr('data-price')) * quantity,\n itemsTotal: quantity\n };\n }\n\n // multi bundle\n var multiBundle;\n var $allBundlesContainer= $target.closest('.product-tile-bundles');\n var multiBundleProductsSelected = $allBundlesContainer.find('.js-product-tile-bundle-checkbox:checked');\n if (multiBundleProductsSelected && multiBundleProductsSelected.length > 0) {\n multiBundle = {\n priceTotal: 0,\n itemsTotal: 0\n };\n multiBundleProductsSelected.each(function () {\n var bundleProductTile = $(this).closest('.product-tile-bundle');\n var quantity = Number(getQuantityValue(bundleProductTile));\n\n multiBundle.priceTotal += Number(bundleProductTile.attr('data-price')) * quantity;\n multiBundle.itemsTotal += quantity;\n });\n }\n // sleep bundle\n var isSleepBundle = $('.product-tile-bundles .multi-product-bundle').data('issleepbundle');\n var categoryName = $('#category-name').val();\n var marketplaceProduct = $('#marketplace-product').val();\n\n var data = {\n mainProductQty: ($('.qty-cart-container').length > 0) ? Number(getQuantityValue($('.qty-cart-container'))) : 1,\n singleBundle: singleBundle ? JSON.stringify(singleBundle) : null,\n multiBundle: multiBundle ? JSON.stringify(multiBundle) : null,\n isSleepBundle: (typeof isSleepBundle != 'undefined' && isSleepBundle) ? true : false,\n sectionTotal: addOnsQty,\n categoryName: categoryName,\n marketplaceProduct: marketplaceProduct\n }\n\n $.ajax({\n url: $('.update-bundle-url').val(),\n method: 'POST',\n data: data,\n success: function (response) {\n var singleBundleContainer = $('.js-single-product-bundle');\n var sectionHeadingText = ($selectedMultiProductBundleSection.data() && $selectedMultiProductBundleSection.data().isbasebundle) ? response.resources.singleBundle : response.resources.multiBundle;\n\n $('.js-bundleTotal').show();\n $('.js-add-to-cart-btn').text(response.resources.addToCartButton);\n $allBundlesContainer.attr('addtocart-text-bundle', response.resources.addToCartButton);\n\n // Single Bundle\n if (response.singleBundle) {\n singleBundleContainer.find('.js-bundleHeaderText').text(response.singleBundle.itemsTotal);\n singleBundleContainer.find('.js-bundleTotal').text(response.singleBundle.priceTotal);\n } else if (!response.multiBundle) {\n singleBundleContainer.find('.js-bundleHeaderText').text(sectionHeadingText);\n singleBundleContainer.find('.js-bundleTotal').text('');\n }\n\n // Multi Bundle\n if (response.clearSectionHeading){\n $selectedMultiProductBundleSection.find('.js-bundleHeaderText').text(sectionHeadingText);\n $selectedMultiProductBundleSection.find('.js-bundleTotal').text('');\n } else if (response.multiBundle) {\n $selectedMultiProductBundleSection.find('.js-bundleHeaderText').text(response.multiBundle.sectionTotal);\n $selectedMultiProductBundleSection.find('.js-bundleTotal').text(response.multiBundle.priceTotal);\n } else if (response.isSleepBundle) {\n if (response.resources.sleepBundle) {\n $selectedMultiProductBundleSection.find('.js-bundleHeaderText').text(response.resources.sleepBundle);\n } else {\n $selectedMultiProductBundleSection.find('.js-bundleHeaderText').text(response.resources.multiBundle);\n }\n\n $selectedMultiProductBundleSection.find('.js-bundleTotal').text('');\n }\n }\n });\n}\n\n/**\n * Triggers recommended bundle product updates\n */\nfunction triggerBundleProductsUpdate() {\n $(document).on('change', '.js-product-tile-bundle-checkbox, .js-product-tile-bundle-radio', function (e) {\n updateBundleProductsData(e);\n });\n}\n\n/**\n * Calculate and set the maximum height for the other elements\n */\nfunction setMaxHeightforElements(eleObject) {\n if ($(window).width() > 768) {\n $.each(eleObject, function(index, element ) {\n $(element).css('height', 'auto');\n var maxHeight = Math.max.apply(null, $(element).map(function () {\n return $(this).outerHeight();\n }).get());\n $(element).css('height', maxHeight);\n });\n }\n}\n\n\nvar cachedWidth = $(window).width();\n$(window).off().on('resize',function() {\n var activeBundles = $('.multi-product-bundle.active');\n if ($(window).width() > 768) {\n if($(window).width() !== cachedWidth){\n cachedWidth = $(window).width();\n $.each(activeBundles, function(index, element ) {\n var thisBundle = $(element).find('.slider-container');\n thisBundle.find('.product-tile-bundle__name, .bundle-variation-qty-container, .bundle-image-container').css('height', '');\n setTimeout(function () {\n setMaxHeightforElements([thisBundle.find('.product-tile-bundle__name'),\n thisBundle.find('.bundle-variation-qty-container'),\n thisBundle.find('.bundle-image-container')\n ]);\n }, 500);\n });\n }\n } else {\n activeBundles.find('.product-tile-bundle__name, .bundle-variation-qty-container, .bundle-image-container').css('height', '');\n }\n});\n\n/**\n * Initiates recommended bundle section slider\n */\nfunction initBundleProductSlider() {\n $(document).on('click', '.multi-product-bundle .card-title', function (e) {\n // bundled collapisble area is expanded\n var bundleParent = $(this).parents('.multi-product-bundle');\n if (bundleParent.hasClass('active')) {\n var $sliderContainer = bundleParent.find('.slider-container.delay-init');\n if ($sliderContainer) {\n $sliderContainer.removeClass('delay-init');\n abSlider.initializeSliders($sliderContainer.parent());\n }\n \n // Calculate and set the maximum height for the other elements\n var timer = variantClick ? 1000 : 30;\n setTimeout(function () {\n variantClick = false;\n var thisBundle = $(e.target).closest(bundleParent).find('.slider-container');\n setMaxHeightforElements([thisBundle.find('.product-tile-bundle__name'),\n thisBundle.find('.bundle-variation-qty-container'),\n thisBundle.find('.bundle-image-container')\n ]);\n }, timer);\n }\n });\n}\n\n/**\n * Updates the Recommendation Product Bundle HTML\n * Resets 'Add To Cart' button text\n * @param {String} recommendationBundlesHTML - HTML of the recommendation bundle product area\n * @param {Object} resources - Resource message text\n */\nvar variantClick = false;\nfunction updateRecommendationProductBundles(recommendationBundlesHTML, resources) {\n if (!recommendationBundlesHTML) return;\n\n $('.product-tile-bundles').html(recommendationBundlesHTML);\n $('.js-add-to-cart-btn').text(resources.addToCart);\n\n // init slider\n abSlider.initializeSliders($('.bundle-tile-body .slider-container').parent());\n\n // init quantity stepper only on bundle product tiles\n var $steppers = $('.bundle-tile-body').find('.quantity-stepper');\n if ($steppers.length) {\n $steppers.each((index, stepper) => {\n var $stepper = $(stepper);\n baseProduct.methods.updateQuantityStepperDisabledStates($stepper);\n baseProduct.methods.bindQuantityStepperButtons($stepper);\n baseProduct.methods.bindQuantityStepperInput($stepper);\n });\n }\n\n // Open sleep bundle section\n if ($('.js-multi-product-bundle').length > 0) {\n variantClick = true;\n $('.js-multi-product-bundle .title').trigger('click');\n }\n}\n\nmodule.exports = {\n methods: {\n updateBundleProductsData: updateBundleProductsData,\n getQuantityValue: getQuantityValue\n },\n triggerBundleProductsUpdate: triggerBundleProductsUpdate,\n initBundleProductSlider: initBundleProductSlider,\n updateRecommendationProductBundles: updateRecommendationProductBundles\n}\n","'use strict';\n\nfunction swatchSwitch(el) {\n var $swatch = el;\n var $tileParent = $swatch.parents('.product-tile');\n var pid = $tileParent.attr('data-pid');\n var $tileImage = $tileParent.find('.product-tile-image');\n var $tileImageHover = $tileParent.find('.product-tile-image-secondary');\n\n $tileParent.find('.swatch.selected').removeClass('selected');\n $swatch.addClass('selected');\n\n //Replace main image and secondary image\n if($swatch.data('hover-image') && $swatch.data('hover-image') != '') {\n var swatchImageUrl = $swatch.data('hover-image');\n $tileImage.attr('src', swatchImageUrl);\n\n if($tileImageHover.length > 0 && $swatch.data('hover-image-secondary')) {\n var swatchSecondaryImageUrl = $swatch.data('hover-image-secondary');\n $tileImage.data('alt-img-url', swatchSecondaryImageUrl);\n $tileImageHover.attr('src', swatchSecondaryImageUrl);\n }\n }\n\n //replace main link and Quickview link\n var swatchLink = $swatch.parents('.swatch-link');\n var splitSwatchLink = swatchLink.attr('href').split('?');\n var swatchLinkAttributes = splitSwatchLink[1];\n\n //main Image Link\n var mainImageLink = $tileParent.find('.product-tile-image-link');\n var mainImageLinkSplit = mainImageLink.attr('href').split('?');\n mainImageLink.attr('href', mainImageLinkSplit[0] + '?' + swatchLinkAttributes);\n\n //main Quickview Link\n var mainQuickViewLink = $tileParent.find('button.quickview');\n if (mainQuickViewLink.length) {\n // strip pid from params for quickview (gets added when Storefront URLs are disabled)\n var quickviewSwatchUrl = new URL(swatchLink.attr('href'), window.location.origin);\n quickviewSwatchUrl.searchParams.delete('pid'); \n var quickviewQueryString = quickviewSwatchUrl.search.split('?')[1];\n\n mainQuickViewLink.attr('href', mainQuickViewLink.attr('href').split('?')[0] + '?' + 'pid=' + pid + '&' + quickviewQueryString);\n }\n\n //main Wishlist Link\n if ($swatch.attr('data-wishlistpid')) {\n var mainWishlistLink = $tileParent.find('a.wishlist');\n if (mainWishlistLink.length) {\n mainWishlistLink.attr('data-wishlistpid', $swatch.attr('data-wishlistpid'));\n\n //Make heart icon accurate\n var wishlist = require('../wishlist/wishlist.js');\n wishlist.updateWishlistLinkData(mainWishlistLink);\n }\n }\n}\n\nfunction hijackSwatchClick() {\n if (window.isMobile()) {\n $('body').on('click.swatch-link', '.product-tile .swatch-link', function(e) {\n e.preventDefault();\n var $swatch = $(this).find('.swatch');\n swatchSwitch($swatch);\n })\n }\n else {\n $('body').off('click.swatch-link');\n }\n}\n\n$('body').on('mouseenter', '.product-tile .swatch', function(e) {\n var $swatch = $(this);\n swatchSwitch($swatch);\n});\n\n$(window).on('resize',function() {\n hijackSwatchClick();\n});\n\nhijackSwatchClick();\n","'use strict';\n\nvar exports = $.extend({}, require('core/storeLocator/storeLocator'));\nvar slider = require('core/components/slider');\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n if (url) {\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n }).join('&');\n }\n return newUrl;\n}\n\n/**\n * Renders the results of the search and updates the map\n * @param {Object} data - Response from the server\n */\nfunction updateStoresResults(data) {\n var $resultsDiv = $('.results');\n var $mapDiv = $('.map-canvas');\n var hasResults = data.stores.length > 0;\n\n if (!hasResults) {\n $('.store-locator-no-results').show();\n $('.filter-results').hide();\n $resultsDiv.attr('data-has-results', false);\n } else {\n $('.store-locator-no-results').hide();\n $('.filter-results').show();\n $resultsDiv.attr('data-has-results', true);\n }\n\n $resultsDiv.empty()\n .data('has-results', hasResults)\n .data('radius', data.radius)\n .data('search-key', data.searchKey)\n .data('store-type', data.storeType);\n\n $mapDiv.attr('data-locations', data.locations);\n\n if ($mapDiv.data('has-google-api')) {\n maps();\n } else {\n $('.store-locator-no-apiKey').show();\n }\n\n if (data.storesResultsHtml) {\n $resultsDiv.append(data.storesResultsHtml);\n }\n\n if (hasResults) {\n $.each(data.storeTypes, function(storeType) {\n var storeTypeValue = data.storeTypes[storeType].value ||data.storeTypes[storeType].value\n if ($('.results [data-store-type=\"' + storeTypeValue + '\"]').length > 0) {\n $('.filter-results [data-filter=\"' + storeTypeValue + '\"]').show();\n }\n });\n\n exports.selectStore();\n\n var $sliderContainer = $('.stores-carousel .slider-container');\n if ($sliderContainer) {\n slider.initializeSliders($sliderContainer.parent());\n }\n }\n\n if (data.deliveryAvailability && data.deliveryAvailability.isDeliverable && data.isWithinDeliveryRange) {\n $('.delivery-available').removeClass('d-none');\n $('.delivery-options-link').removeClass('d-none');\n $('.delivery-unavailable').addClass('d-none');\n } else {\n $('.delivery-available').addClass('d-none');\n $('.delivery-options-link').addClass('d-none');\n $('.delivery-unavailable').removeClass('d-none');\n }\n}\n\nfunction updateAvailabilityResults(data) {\n if (data.searchPID) {\n // update pdp based on storis delivery information. only update if the product is deliverable and the customer is within the set delivery range\n if (data.deliveryAvailability && data.deliveryAvailability.isDeliverable && data.isWithinDeliveryRange) {\n var deliveryDate = data.deliveryAvailability.earliestDeliveryDate || data.deliveryAvailability.inStockDate;\n $('.instock-date-js').text(deliveryDate);\n $('.delivery-date').removeClass('d-none');\n $('.explore-options').removeClass('d-none');\n $('input[id=\"home\"]').prop('disabled', false);\n $('input[id=\"home\"]').prop('checked', true);\n $('.delivery-availability').addClass('d-none');\n $('.update-zip-code').addClass('d-none');\n } else {\n $('.delivery-date').addClass('d-none');\n $('.explore-options').addClass('d-none');\n $('input[id=\"home\"]').prop('disabled', true);\n $('input[id=\"curbside\"]').prop('checked', true);\n $('.delivery-availability').removeClass('d-none');\n $('.update-zip-code').removeClass('d-none');\n }\n\n var $productContainer = $('.product-detail[data-pid=\"' + data.searchPID + '\"]');\n var productAvailable = (data.deliveryAvailability.isDeliverable && data.deliveryAvailability.isWithinDeliveryRange) || data.deliveryAvailability.availableForInStorePickup;\n $productContainer.trigger('product:updateAvailability', {\n $productContainer: $productContainer,\n message: '
![\"${item.images.small[0].alt}\"](\"${item.images.small[0].url}\" "\\"${item.images.small[0].title}\\"/")
` : ''}\n \n