'\n );\n $('.number-of-items').empty().append(data.numItems == 1 ? data.resources.numberOfItem : data.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n }\n\n $('.checkout-btn').addClass('disabled');\n } else {\n $('.checkout-btn').removeClass('disabled');\n }\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} data - AJAX response from the server\n */\nfunction updateCartTotals(data) {\n var $cart = $('.cart');\n $cart.find('.number-of-items').empty().append(data.numItems == 1 ? data.resources.numberOfItem : data.resources.numberOfItems);\n $cart.find('.shipping-cost span').empty().append(data.totals.totalShippingCost);\n $cart.find('.tax-total span').empty().append(data.totals.totalTax);\n $cart.find('.grand-total span, .checkout-continue .checkout-btn-grand-total').empty().append(data.totals.grandTotalLessGiftCertificatePaymentInstrumentsFormatted);\n $cart.find('.checkout-continue .checkout-btn').attr('data-price', data.totals.grandTotalLessGiftCertificatePaymentInstrumentsFormatted);\n $cart.find('.sub-total span').empty().append(data.totals.subTotal);\n $('.minicart-quantity').empty().append(data.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $cart.find('.order-discount').removeClass('hide-order-discount');\n $cart.find('.order-discount-total').empty()\n .append('- ' + data.totals.orderLevelDiscountTotal.formatted);\n } else {\n $cart.find('.order-discount').addClass('hide-order-discount');\n }\n\n if (data.totals.shippingLevelDiscountTotal.value > 0) {\n $cart.find('.shipping-discount').removeClass('hide-shipping-discount');\n $cart.find('.shipping-discount-total span').empty().append('- ' +\n data.totals.shippingLevelDiscountTotal.formatted);\n } else {\n $cart.find('.shipping-discount').addClass('hide-shipping-discount');\n }\n\n if (data.payment.giftCertificatePaymentInstruments.length) {\n $cart.find('.giftcertificate-discount').removeClass('d-none');\n $cart.find('.giftcertificate-discount-label').text(data.totals.giftCertificatePaymentInstrumentsLabel);\n $cart.find('.giftcertificate-discount-total').text('- ' + data.totals.giftCertificatePaymentInstrumentsTotalFormatted);\n } else {\n $cart.find('.giftcertificate-discount').addClass('d-none');\n }\n\n if (data.totals.grandTotalLessGiftCertificatePaymentInstrumentsValue) {\n $cart.find('.cartAdditionalPaymentButtons').removeClass('d-none');\n } else {\n $cart.find('.cartAdditionalPaymentButtons').addClass('d-none');\n }\n\n data.items.forEach(function (item) {\n var itemPrice;\n var itemTotalPrice;\n\n if (item.productType === 'giftCertificate') {\n itemPrice = item.priceTotal.price;\n itemTotalPrice = item.priceTotal.price;\n } else {\n itemPrice = item.renderedPrice;\n itemTotalPrice = item.priceTotal.renderedPrice;\n }\n\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $cart.find('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n }\n if (item.renderedPromotions) {\n $cart.find('.item-' + item.UUID).empty().append(item.renderedPromotions);\n } else {\n $cart.find('.item-' + item.UUID).empty();\n }\n $cart.find('.uuid-' + item.UUID + ' .unit-price').empty().append(itemPrice);\n $cart.find('.line-item-price-' + item.UUID + ' .unit-price').empty().append(itemPrice);\n $cart.find('.item-total-' + item.UUID).empty().append(itemTotalPrice);\n });\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = '
' +\n '' + message + '
';\n\n $('.cart-error').append(errorHtml);\n}\n\n/**\n * re-renders the approaching discount messages\n * @param {Object} approachingDiscounts - updated approaching discounts for the cart\n */\nfunction updateApproachingDiscounts(approachingDiscounts) {\n var html = '';\n $('.approaching-discounts').empty();\n if (approachingDiscounts.length > 0) {\n approachingDiscounts.forEach(function (item) {\n html += '
'\n + item.discountMsg + '
';\n });\n }\n $('.approaching-discounts').append(html);\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 */\nfunction 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) {\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\n/**\n * Finds an element in the array that matches search parameter\n * @param {array} array - array of items to search\n * @param {function} match - function that takes an element and returns a boolean indicating if the match is made\n * @returns {Object|null} - returns an element of the array that matched the query.\n */\nfunction findItem(array, match) {\n for (var i = 0, l = array.length; i < l; i++) {\n if (match.call(this, array[i])) {\n return array[i];\n }\n }\n return null;\n}\n\n/**\n * Updates details 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 */\nfunction updateProductDetails(data, uuid) {\n $('.card .product-info.uuid-' + uuid).parent().replaceWith(data.renderedTemplate);\n base.enableQuantitySteppers();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replace content of modal\n * @param {string} actionUrl - url to be used to remove product\n * @param {string} productID - pid\n * @param {string} productName - product name\n * @param {string} uuid - uuid\n */\nfunction confirmDelete(actionUrl, productID, productName, uuid) {\n var $deleteConfirmBtn = $('.cart-delete-confirmation-btn');\n var $productToRemoveSpan = $('.product-to-remove');\n\n $deleteConfirmBtn.data('pid', productID);\n $deleteConfirmBtn.data('action', actionUrl);\n $deleteConfirmBtn.data('uuid', uuid);\n\n $productToRemoveSpan.empty().append(productName);\n}\n\nfunction init () {\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('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\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 (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 $('.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\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\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 urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid\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 $('.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\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 // url = module.exports.appendToUrl(url, urlParams);\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\n var currentItemCount = parseInt($('.minicart-quantity').text(), 10) || 0;\n\n $.spinner().start();\n $('.coupon-missing-error').hide();\n $('.coupon-error-message').empty();\n if (!$('.coupon-code-field').val()) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'missingCouponCode');\n $('.coupon-missing-error').show();\n $.spinner().stop();\n return false;\n }\n var $form = $('.promo-code-form');\n $('.promo-code-form .form-control').removeClass('is-invalid');\n $('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n\n $.ajax({\n url: $form.attr('action'),\n type: 'GET',\n dataType: 'json',\n data: $form.serialize(),\n success: function (data) {\n if (data.error) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'invalidCouponCode');\n $('.coupon-error-message').empty().append(data.errorMessage);\n $('body').trigger('promotion:error', data);\n $('.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 $('.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 $('.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 $.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\nmodule.exports = {\n getPidValue: getPidValue,\n appendToUrl: appendToUrl,\n validateBasket: validateBasket,\n updateCartTotals: updateCartTotals,\n createErrorNotification: createErrorNotification,\n updateApproachingDiscounts: updateApproachingDiscounts,\n updateAvailability: updateAvailability,\n updateProductDetails: updateProductDetails,\n confirmDelete: confirmDelete,\n init: init\n};\n","'use strict';\n\nvar scrollAnimate = require('core/components/scrollAnimate');\n\n/**\n * Display error messages and highlight form fields with errors.\n * @param {string} parentSelector - the form which contains the fields\n * @param {Object} fieldErrors - the fields with errors\n */\nfunction loadFormErrors(parentSelector, fieldErrors) { // eslint-disable-line\n // Display error messages and highlight form fields with errors.\n $.each(fieldErrors, function (attr) {\n $('*[name=' + attr + ']', parentSelector)\n .addClass('is-invalid')\n .siblings('.invalid-feedback')\n .html(fieldErrors[attr]);\n });\n // Animate to top of form that has errors\n scrollAnimate($(parentSelector));\n}\n\n/**\n * Clear the form errors.\n * @param {string} parentSelector - the parent form selector.\n */\nfunction clearPreviousErrors(parentSelector) {\n //default clientSideValidation.js will remove .is-invalid only for html5 errors\n //let our manual call here clear all messaging on .invalid-feedback always\n $(parentSelector).find('.form-control.is-invalid').removeClass('is-invalid');\n $(parentSelector).find('.invalid-feedback').html('');\n $('.error-message').hide();\n}\n\nmodule.exports = {\n loadFormErrors: loadFormErrors,\n clearPreviousErrors: clearPreviousErrors\n};\n","'use strict';\nvar base = require('base/components/clientSideValidation');\n\n/**\n * Validate whole form. Requires `this` to be set to form object\n * @param {jQuery.event} event - Event to be canceled if form is invalid.\n * @returns {boolean} - Flag to indicate if form is valid\n */\nbase.validateForm = function(event) {\n var valid = true,\n $this = $(this);\n\n if (this.checkValidity && !this.checkValidity()) {\n valid = false;\n\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n\n if (!this.validity.valid) {\n if ($this.is('input, select')) {\n // handle where 'this' is a form field\n $this.trigger('invalid', this.validity);\n } else {\n $this.find('input, select').each(function () {\n // handle where 'this' is a form\n $this.trigger('invalid', this.validity);\n });\n }\n }\n }\n\n return valid;\n}\n/**\n * Password Messaging Helper Functions\n */\n$('form:has(input[type^=password])').each(function (i, form) {\n var $form = $(form),\n $passwordFields = $form.find('input:password'),\n $passwordInput = $form.find('.password-validate'),\n $passwordHelper = $form.find('.password-validation-helper li'), //multiple\n $showPassword = $form.find(\"#show-password\");\n\n // change the border of the input field to alert the user of acceptance|error\n $passwordInput.on('validatepassword', function (e) {\n if ($passwordHelper.hasClass(\"error\") || $passwordHelper.hasClass(\"empty\")) {\n $passwordInput\n .removeClass(\"is-valid\")\n .addClass(\"is-invalid\");\n $passwordHelper\n .not(\".valid\")\n .addClass(\"error\")\n .removeClass(\"empty\");\n } else {\n $passwordInput\n .addClass(\"is-valid\")\n .removeClass(\"is-invalid\");\n }\n });\n\n $passwordInput.on(\"keyup\", function (e) {\n var $this = $(this);\n var value = $this.val();\n\n // first check if the form is in error state, then re-eval\n if ($this.hasClass(\"is-invalid\")) {\n // leave the \"error\" states until valid\n $passwordHelper.trigger('checkrequirement', [value, 'valid empty']);\n\n $this.trigger('validatepassword');\n } else{\n $passwordHelper.trigger('checkrequirement', [value, 'error valid empty']);\n };\n });\n\n // change input decoration when user leaves, attach event only once\n $passwordInput.one(\"change\", function (e) {\n var $this = $(this);\n\n $this.on(\"blur\", function (e) {\n $this.trigger('validatepassword');\n });\n });\n\n /**\n * Display validation messages and highlight\n * each one of the requirements for the password\n * @param {string} clearClasses - which classes to clear\n */\n $passwordHelper.on('checkrequirement', function (e, value, clearClasses) {\n var $this = $(this).removeClass(clearClasses).removeClass('valid error empty');\n var regex = new RegExp($this.data('val-regex'));\n\n if (regex.test(value)) {\n $this.addClass(\"valid\");\n } else if (!regex.test(value) && $passwordInput.focus) {\n $this.addClass(\"empty error\");\n } else {\n $this.addClass(\"error\");\n }\n });\n\n\n //show password checkbox\n $showPassword.on('click', event => {\n var $checkbox = $(event.target);\n\n $passwordFields.each((index, element) => {\n $(element).attr('type', $checkbox.prop('checked') ? 'text' : 'password');\n });\n });\n});\n\nfunction validateFormFix(form, event) {\n base.validateForm.call(form, event || null);\n}\n\nbase.functions.validateForm = validateFormFix;\nmodule.exports = base;\n","'use strict';\n\n/**\n* Overriding from base SFRA to fix nested collapsibles\n*/\n\nmodule.exports = function () {\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n\n sizes.forEach(function (size) {\n var selector = '.collapsible-' + size + ' .title';\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n $(this).closest('.collapsible-' + size).toggleClass('active');\n\n if ($(this).closest('.collapsible-' + size).hasClass('active')) {\n $(this).attr('aria-expanded', true);\n } else {\n $(this).attr('aria-expanded', false);\n }\n });\n });\n};\n","'use strict';\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nvar consent = {\n getString: (urlAccept, textAccept, urlReject, textReject) => {\n //immediately return a calculate string value\n return `
\n \n
\n \n
\n
\n \n
\n
`;\n },\n showConsentDrawer: ($trackingElement) => {\n if ([undefined, null].indexOf($trackingElement) !== -1 || !$trackingElement.data('caonline') || $('#consent-tracking').length) {\n return;\n }\n\n var namespace = '.consenttrackingdrawer ',\n urlContent = $trackingElement.data('url'),\n urlAccept = $trackingElement.data('accept'),\n textAccept = $trackingElement.data('accepttext'),\n urlReject = $trackingElement.data('reject'),\n textReject = $trackingElement.data('rejecttext');\n\n var htmlString = consent.getString(urlAccept, textAccept, urlReject, textReject);\n\n $('body').append(htmlString);\n\n var $consentTracking = $('#consent-tracking');\n\n $.ajax({\n url: urlContent,\n type: 'get',\n dataType: 'html',\n context: $consentTracking,\n success: function (response) {\n this.find('.consent-text-wrapper').html(response);\n },\n error: function () {\n this.remove();\n }\n });\n\n $consentTracking.find('.consent-button-wrapper button').on('click' + namespace, (event) => {\n event.preventDefault();\n var url = $(event.target).data('url');\n var queryString = {\n csrf_token: $('.tracking-consent').data('token')\n };\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: queryString,\n context: $consentTracking,\n complete: function () {\n this.remove();\n },\n error: function () {\n this.remove();\n }\n });\n });\n },\n init: () => {\n var namespace = '.consenttracking ',\n $body = $('body'),\n $trackingConsent = $('.tracking-consent');\n\n if ($('.consented').length === 0 && $trackingConsent.hasClass('api-true')) {\n consent.showConsentDrawer($trackingConsent);\n }\n\n $trackingConsent.each((index, element) => {\n var $this = $(this);\n\n if ($this.hasClass('api-true')) {\n $this.on('click' + namespace, () => {\n consent.showConsentDrawer($this);\n });\n }\n });\n\n $('.js-tracking-consent-show').on('click' + namespace, (e) => {\n e.preventDefault();\n consent.showConsentDrawer($trackingConsent);\n });\n }\n};\n\nmodule.exports = consent;\n","'use strict';\n\nvar base = require('base/components/countrySelector');\n\nmodule.exports = function () {\n // initialize action to allow default behavior\n var $page = $('.page');\n\n if (['', null, undefined].indexOf($page.data('action')) !== -1) $page.data('action','Home-Show');\n\n return base.apply(this, arguments);\n};\n","'use strict';\n\nvar einsteinUtils = require('./einsteinUtils');\nvar productTile = require('./productTile');\nvar abSlider = require('./slider');\n\nmodule.exports = {};\n\n/**\n * Gets all placeholder elements, which hold einstein recommendations queries the details from the\n * einstein engine and feeds them back to the dom element\n * @param {Object} e jquery event\n * @returns {Object} jquery targets\n */\nmodule.exports.loadRecommendations = function (e) {\n var $context = $(this);\n var $recommendationTargets = $context.hasClass('.einstein-data') ? $context : $context.find('.einstein-data');\n\n return $recommendationTargets.each(function () {\n var $recTrigger = $(this);\n var data = $recTrigger.data() || {};\n var asyncUrl = data.url;\n\n einsteinUtils.getRecommendations(data, function (einsteinResponse) {\n var response = einsteinUtils.interpretResponse(data, einsteinResponse);\n\n // Add replace content URL\n $.each(response, function (i, rec) {\n if (!rec || !rec.id) return null;\n\n var pidURL = asyncUrl;\n pidURL += (pidURL.indexOf('?') === -1 ? '?' : '&') + 'pid=' + rec.id;\n $recTrigger.find('.product[data-pid=\"placeholder\"]:not([data-replace-content])')\n .first()\n .attr('data-replace-content', pidURL); //Must be attr to allow productTile.js async selector rule to catch recommendation\n });\n\n // Remove empty slides\n $recTrigger.find('.slide:has(.product[data-pid=\"placeholder\"]:not([data-replace-content]))').remove();\n\n // Prepare Slider Container\n var $sliderContainer = $recTrigger.closest('.slider-container').removeClass('delay-init');\n\n productTile.init($recTrigger.find('.product'), function (status) {\n // Re Initialize sliders to account for TileInclude Errors\n var tns = status.errors > 0 ? $sliderContainer.data('tns') : null;\n\n if (tns) {\n tns.destroy();\n tns.rebuild();\n }\n });\n\n // Initialize sliders\n abSlider.initializeSliders($sliderContainer.parent());\n });\n });\n}\n\nmodule.exports.init = function (context) {\n // Re-triggerable dom event\n $(document).off('load.einstein')\n .on('load.einstein', module.exports.loadRecommendations);\n\n context = context && 'trigger' in context ? context : $(document);\n\n return context.triggerHandler('load.einstein');\n};\n","'use strict';\n\nmodule.exports = {};\n\n/**\n * Validates and Return the cquotient namespace provided by the commerce cloud platform\n * @returns {Object} - einsteinUtils or null\n */\nmodule.exports.getEinsteinUtils = function () {\n var einsteinUtils = window.CQuotient;\n if (einsteinUtils && (typeof einsteinUtils.getCQUserId === 'function') && (typeof einsteinUtils.getCQCookieId === 'function')) {\n return einsteinUtils;\n }\n return null;\n}\n\n /**\n * Processes a recommendation tile, with an already initialized category specific anchors array\n * @param {Object} data object to carry info to CQuotient calls\n * @param {Function} callback handler function\n */\nmodule.exports.getRecommendations = function(data, callback) {\n var einsteinUtils = module.exports.getEinsteinUtils();\n\n var params = {\n userId: einsteinUtils.getCQUserId(),\n cookieId: einsteinUtils.getCQCookieId(),\n ccver: '1.01'\n };\n\n if (data.anchors && data.anchors.length > 0) {\n params.anchors = data.anchors;\n }\n\n if (einsteinUtils.getRecs) {\n einsteinUtils.getRecs(einsteinUtils.clientId, data.recommender, params, callback);\n } else {\n einsteinUtils.widgets = einsteinUtils.widgets || []; // eslint-disable-line no-param-reassign\n einsteinUtils.widgets.push({\n recommenderName: data.recommender,\n parameters: params,\n callback: callback\n });\n }\n}\n\n/**\n * Processes a response and format data structure\n * @param {Object} request object to carry info to CQuotient calls\n * @param {Object} response data returned from CQuotient calls\n * @returns {Object}\n */\nmodule.exports.interpretResponse = function (request, response) {\n return response[request.recommender].recs;\n}\n","'use strict';\n\nvar scrollAnimate = require('core/components/scrollAnimate');\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked for email sign-up\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': 'emailId'\n },\n 'backToTop': function () {\n $('.back-to-top').click(function () {\n scrollAnimate();\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\nmodule.exports = footer;\n","'use strict';\n\nvar updateHeader = status => {\n var $headerNav = $('.header-nav');\n var headerNavHeight = $headerNav.outerHeight();\n var $page = $('.page');\n\n if (status === 'fixed') {\n $headerNav.addClass('fixed');\n if (!($headerNav.closest('.transparent-header').length)) {\n $page.css('margin-top', headerNavHeight + 'px');\n }\n $headerNav.removeClass('transparent-nav');\n } else {\n $headerNav.removeClass('fixed');\n $page.css('margin-top', '');\n var isMobileOpen = $('body').hasClass('mobile-menu-in');\n if (!isMobileOpen){\n $headerNav.addClass('transparent-nav');\n }\n }\n}\n\nmodule.exports = function() {\n\n // Fix/unfix header to top of screen, dependent on class added by custom preference\n // Note: This is intentionally not using utilities/scroll.js so that it can fix immediately vs. being debounced. Should be replaced with CSS position:sticky once IE11 support is dropped.\n var hasFixedHeader = $('header').hasClass('fixed-header');\n $(window).scroll(event => {\n if (hasFixedHeader) {\n var $headerBanner = $('.header-banner');\n var headerBannerHeight = $headerBanner.length ? $headerBanner.outerHeight() : 0;\n var $preNavHeader = $('.pre-nav-header');\n var preNavHeaderHeight = $preNavHeader.length ? $preNavHeader.outerHeight() : 0;\n var scrollTop = $(event.target).scrollTop();\n\n if (scrollTop > headerBannerHeight + preNavHeaderHeight) {\n updateHeader('fixed');\n } else {\n updateHeader('unfixed');\n }\n }\n });\n\n var isMobile = window.isMobile();\n if ($('header').hasClass('transparent-header') && !isMobile) {\n $('.header-nav').hover(\n function() {\n $(this).removeClass('transparent-nav');\n }, function() {\n $(this).addClass('transparent-nav');\n }\n );\n }\n\n // Check for presence of content assets in MegaMenu\n var $megamenuDropdown = $('.megamenu > .dropdown-menu');\n\n $megamenuDropdown.each((index, element) => {\n var $megamenu = $(element);\n if ($megamenu.find('.megamenu-asset-1').children().length) {\n $megamenu.addClass('has-asset-1');\n }\n if ($megamenu.find('.megamenu-asset-2').children().length) {\n $megamenu.addClass('has-asset-2');\n }\n });\n\n // Show/hide content assets on mobile based on category level\n if (isMobile) {\n var $thirdMenuBackBtn = $('.megamenu .menu-subcategories > .dropdown-item'),\n $thirdSubLink = $('.megamenu .menu-subcategories > .dropdown-item > .dropdown-link');\n\n $thirdSubLink.on('click', function () {\n $('.megamenu.show .menu-subcategories').parent('li').addClass('thirdCatOpen');\n });\n $thirdMenuBackBtn.on('click', function () {\n $('.megamenu.show .menu-subcategories').parent('li').removeClass('thirdCatOpen');\n });\n }\n\n $('.main-menu .navbar-nav').on('mouseenter mouseleave', function () {\n $(this).toggleClass('nav-item-hover');\n });\n\n $('header .site-search').on('mouseenter', event => {\n var $siteSearch = $(event.target).closest('.site-search');\n $siteSearch.addClass('expanded');\n });\n\n $('header .site-search').on('mouseleave', event => {\n var $siteSearch = $(event.target).closest('.site-search');\n var $input = $siteSearch.find('input');\n // Only collapse if the user isn't typing and hasn't entered text\n if (!$input.is(':focus') && !$input.val()) {\n $siteSearch.removeClass('expanded');\n }\n });\n\n $('form[name=simpleSearch]').on('submit', event => {\n var $form = $(event.target);\n var $input = $('input[name=q]',$form);\n //keep search from submitting if query is empty\n if ($input.val() == \"\") {\n $input.focus();\n event.preventDefault();\n }\n });\n\n};\n","'use strict';\n\nvar keyboardAccessibility = require('base/components/keyboardAccessibility');\nvar SiteConstants = require('constants/SiteConstants');\nvar hoverIntent = require('jquery-hoverintent');\nvar headerUtils = require('../utilities/headerUtils');\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 headerNavHeight = headerUtils.getHeaderHeight();\n var $mainMenu = $header.find('.main-menu');\n var $navbar = $mainMenu.find('.navbar-nav');\n var $modalBackground = $('.modal-background');\n\n if (status === 'open') {\n $('html').scrollTop($headerNav.offset().top);\n $('html').addClass('lock-scroll');\n $('body').addClass('mobile-menu-in');\n $mainMenu\n .addClass('in')\n .attr('aria-hidden', 'false')\n .css('top', headerNavHeight)\n .siblings().attr('aria-hidden', 'true');\n $modalBackground\n .fadeIn(SiteConstants.TransitionSpeed)\n .css('top', headerNavHeight);\n $header\n .siblings().attr('aria-hidden', 'true');\n $navbar\n .find('.nav-link').first().focus();\n\n } else {\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 .attr('aria-hidden', 'true')\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 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 > div, .header-support-container > div, .minicart > div',\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.find('ul > li > a').first().focus();\n $(this).attr('aria-expanded', 'true');\n } else if (menuItem.is('.header-account-container, .header-support-container')) { // account/support\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, .header-support-container')) { // account/support\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, .header-support-container')) { // account/support\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, .header-support-container')) { // account/support\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, .header-support-container')) { // account/support\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('.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\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 // 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 .find('a').removeAttr('tabindex', '-1');\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 }\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 // 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\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\nmodule.exports = {\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}\n","'use strict';\n\nvar SiteConstants = require('constants/SiteConstants');\nvar updateMiniCart = true;\n\nfunction setMiniCartBodyMaxHeight(minicart) {\n var $minicart = $(minicart);\n var $minicartScrollable = $minicart.find('.product-summary');\n var minicartHeight = $minicart.outerHeight();\n var minicartScrollableHeight = $minicartScrollable.outerHeight();\n var minicartNonScrollableHeight = minicartHeight - minicartScrollableHeight;\n var minicartOffset = $minicart.offset().top - $(window).scrollTop();\n var subtractHeight = minicartOffset + minicartNonScrollableHeight + SiteConstants.Spacer;\n\n $minicartScrollable.css('max-height', 'calc(100vh - ' + subtractHeight + 'px)');\n}\n\nmodule.exports = function () {\n $('.minicart').on('count:update', (event, count) => {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal);\n $('.minicart .minicart-link').attr({\n 'aria-label': count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\n }\n });\n\n $('.minicart').on('mouseenter focusin touchstart', () => {\n if ($('.search:visible').length === 0) {\n return;\n }\n var url = $('.minicart').data('action-url');\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n if (!updateMiniCart && !$('.minicart .popover').is(':empty')) {\n $('.minicart .popover').addClass('show');\n return;\n }\n\n $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, data => {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n updateMiniCart = false;\n $.spinner().stop();\n $('body').trigger('minicart:loaded', $('.minicart .popover'));\n });\n }\n });\n\n $('body').on('touchstart click', event => {\n if ($('.minicart').has(event.target).length <= 0) {\n $('.minicart .popover').removeClass('show');\n }\n });\n\n $('.minicart').on('mouseleave focusout', event => {\n if ((event.type === 'focusout' && $('.minicart').has(event.target).length > 0)\n || (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity'))\n || $('body').hasClass('modal-open')) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').removeClass('show');\n $('body').trigger('minicart:mouseleave_focusout');\n });\n\n $('body').on('change', '.minicart .quantity', event => {\n if ($(event.target).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n location.reload();\n }\n });\n\n $('body').on('product:afterAddToCart cart:update', () => {\n updateMiniCart = true;\n });\n\n $('body').on('minicart:loaded', (event, minicart) => {\n setMiniCartBodyMaxHeight(minicart);\n });\n};\n","'use strict';\n\nfunction setModalBodyMaxHeight($modal) {\n var $modalBody = $modal.find('.modal-body');\n var headerHeight = $modal.find('.modal-header').outerHeight();\n var footerHeight = $modal.find('.modal-footer').length ? $modal.find('.modal-footer').outerHeight() : 0;\n var $modalDialog = $modal.find('.modal-dialog');\n var dialogMarginTop = parseInt($modalDialog.css('margin-top').split('px')[0]);\n var dialogMarginBottom = parseInt($modalDialog.css('margin-bottom').split('px')[0]);\n var dialogMarginHeight = dialogMarginTop + dialogMarginBottom;\n var $modalContent = $modal.find('.modal-content');\n var contentBorderTop = parseInt($modalContent.css('border-top-width').split('px')[0]);\n var contentBorderBottom = parseInt($modalContent.css('border-bottom-width').split('px')[0]);\n var subtractHeight = headerHeight + footerHeight + dialogMarginHeight + contentBorderTop + contentBorderBottom;\n\n $modalBody.css('max-height', '400px');\n $modalBody.css('max-height', 'calc(100vh - ' + subtractHeight + 'px)');\n}\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement(elementID, dialogClasses) {\n var id = elementID || 'customModal';\n var qvPDPLink = (id == 'quickViewModal') ? ' ' : '';\n dialogClasses = dialogClasses || '';\n\n if ($('#' + id).length !== 0) {\n $('#' + id).remove();\n }\n var htmlString = '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + qvPDPLink\n + ' '\n + '
'\n + ''\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\n}\n\nfunction onShownBsModal() {\n $('body').on('shown.bs.modal', '.modal', function() {\n $('body').trigger('modal:loaded', this);\n });\n}\n\nfunction onModalLoaded() {\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 setModalBodyMaxHeight($modal);\n }\n });\n}\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n if(body.length == 0) {\n body = $html.find('.modal-body').children()\n }\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl, data, $modal) {\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n data: data,\n dataType: 'json',\n success: function(data) {\n var parsedHtml = 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 getModalHtmlElement('customModal', dialogClasses);\n fillModalElement(selectedValueUrl, {cid: cid, title: title}, $('#customModal'));\n });\n}\n\nmodule.exports = {\n setModalBodyMaxHeight: setModalBodyMaxHeight,\n getModalHtmlElement: getModalHtmlElement,\n onShownBsModal: onShownBsModal,\n onModalLoaded: onModalLoaded,\n parseHtml: parseHtml,\n init: function() {\n onShownBsModal();\n onModalLoaded();\n initCustomModal();\n }\n};\n","'use strict';\n\nvar promiseChains = [null, null, null, null, null, null, null],\n promiseIndex = 0;\n\nmodule.exports = {\n selectors: {\n processing: '.processing',\n sending: '.sending'\n },\n init: function ($context = $('.product[data-replace-content], .product [data-replace-content]'), callbackfn) {\n var scope = this,\n initErrors = 0;\n\n $context\n .filter(':not(' + scope.selectors.processing + ')')\n .each(function (i, replace) {\n var $target = $(replace);\n var asyncUrl = $target.data('replace-content') || $target.attr('data-replace-content');\n var deferment = $.Deferred();\n\n if (['', null, undefined].indexOf(asyncUrl) === -1) {\n // Only track deferment if url is requestable\n $target.data('deferment', deferment);\n\n promiseChains[promiseIndex] = (promiseChains[promiseIndex] || $.when()).then(function () {\n // Seperate deferment-ness of ajax request from actual deferment to allow failures to progress current promise group\n $target.data('$xhr', $.ajax({\n url: asyncUrl,\n dataType: 'html',\n timeout: 60000,\n context: $target,\n beforeSend: function () {\n this.addClass(scope.selectors.sending.replace(/\\./gi,' '));\n },\n error: function () {\n var $slide = this.parent('.slide').add(this);\n\n $slide.eq(0).remove();\n\n initErrors++;\n },\n success: function (data) {\n // Per AJAX response populate the product tile placeholder\n this.replaceWith(data);\n //reinit tooltips for quick add to cart popover\n $('body').trigger('tooltip:init');\n },\n complete: function () {\n deferment.resolve();\n }\n }));\n\n return deferment;\n });\n\n promiseIndex = (promiseIndex + 1) % promiseChains.length;\n }\n });\n\n if (callbackfn) {\n $.when.apply($, promiseChains).then(function () {\n return callbackfn.call(null, {errors: initErrors});\n });\n }\n }\n}\n","\n'use strict';\n\nfunction check(e, next) {\n if (typeof grecaptcha !== 'undefined' && grecaptcha) {\n grecaptcha.ready(function() {\n var actionName = 'submit' + (e && e.target ? (e.target.id + e.target.className).replace(/[^a-zA-Z0-9]+/g, '') : '');\n grecaptcha.execute(window.CachedData.recaptchaSiteKey, {action: actionName}).then(function(token) {\n\n var recaptchaTokenInput = $(\"\");\n var recaptchaActionInput = $(\"\");\n\n if (typeof next.data == 'string') {\n next.data += next.data.length === 0 ? '' : '&';\n next.data += $.param(recaptchaTokenInput) + '&' + $.param(recaptchaActionInput);\n } else {\n next.data = next.data || {};\n next.data['dwfrm_recaptcha_recaptchaToken'] = token;\n next.data['dwfrm_recaptcha_recaptchaAction'] = actionName;\n }\n\n $.ajax(next);\n });\n });\n } else {\n $.ajax(next);\n }\n}\n\nmodule.exports = {\n check: check\n}\n","'use strict';\n\nmodule.exports = function (element) {\n var hasFixedHeader = $('header').hasClass('fixed-header');\n var hasFixedHeaderEnhanced = $('header').hasClass('fixed-header-enhanced');\n var position = 0;\n\n if (element && element.length) {\n if (hasFixedHeader || hasFixedHeaderEnhanced) {\n var headerNavHeight = $('.header-nav').length ? $('.header-nav').height() : 0;\n var headerBannerHeight = $('.header-banner').length ? $('.header-banner').height() : 0;\n var utilityBannerHeight = $('.utility-header').length ? $('.utility-header').height() : 0;\n var fullHeaderHeight = (headerNavHeight + headerBannerHeight + utilityBannerHeight) * 2;\n\n if (element.offset().top > fullHeaderHeight) {\n position = element.length ? element.offset().top - headerNavHeight : 0;\n }\n } else {\n position = element.offset().top;\n }\n }\n\n $('html, body').animate({\n scrollTop: position\n }, 500);\n\n if (!element) {\n $('.logo-home').focus();\n }\n};\n","'use strict';\n\nvar debounce = require('lodash/debounce');\nvar endpoint = $('.suggestions-wrapper').data('url');\n\nvar sitePreferencesUtils = require('../preferences/sitePreferencesUtils');\nvar preferences = sitePreferencesUtils.getSitePreferences();\nvar SiteConstants = require('constants/SiteConstants');\n// Original vars from search.js\nvar minChars = preferences.headerSearchMinTermLength;\nvar UP_KEY = SiteConstants.UP_KEY;\nvar DOWN_KEY = SiteConstants.DOWN_KEY;\nvar DIRECTION_DOWN = SiteConstants.DIRECTION_DOWN;\nvar DIRECTION_UP = SiteConstants.DIRECTION_UP;\n\n/**\n * Retrieves Suggestions element relative to scope\n *\n * @param {Object} scope - Search input field DOM element\n * @return {JQuery} - .suggestions-wrapper element\n */\n function getSuggestionsWrapper(scope) {\n return $(scope).siblings('.suggestions-wrapper');\n}\n\n/**\n * Determines whether DOM element is inside the .search-mobile class\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n * @return {boolean} - Whether DOM element is inside div.search-mobile\n */\nfunction isMobileSearch(scope) {\n return !!$(scope).closest('.search-mobile').length;\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $('body').removeClass('modal-open');\n $('header').siblings().attr('aria-hidden', 'false');\n $('.suggestions').removeClass('modal');\n}\n\n/**\n * Apply modal classes needed for mobile suggestions\n *\n * @param {Object} scope - Search input field DOM element\n */\nfunction applyModals(scope) {\n if (module.exports.isMobileSearch(scope)) {\n $('body').addClass('modal-open');\n $('header').siblings().attr('aria-hidden', 'true');\n module.exports.getSuggestionsWrapper(scope).find('.suggestions').addClass('modal');\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $('input.search-field').val('');\n module.exports.clearModals();\n $('.search-mobile .suggestions').unbind('scroll');\n $('.suggestions-wrapper').empty();\n}\n\n/**\n * Toggle search field icon from search to close and vice-versa\n *\n * @param {string} action - Action to toggle to\n */\nfunction toggleSuggestionsIcon(action) {\n var mobileSearchIcon = '.search-mobile button.';\n var iconSearch = 'fa-search';\n var iconSearchClose = 'fa-close';\n\n if (action === 'close') {\n $(mobileSearchIcon + iconSearch).removeClass(iconSearch).addClass(iconSearchClose).attr('type', 'button');\n } else {\n $(mobileSearchIcon + iconSearchClose).removeClass(iconSearchClose).addClass(iconSearch).attr('type', 'submit');\n }\n}\n\n/**\n * Determines whether the \"More Content Below\" icon should be displayed\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction handleMoreContentBelowIcon(scope) {\n if (($(scope).scrollTop() + $(scope).innerHeight()) >= $(scope)[0].scrollHeight) {\n $('.more-below').fadeOut();\n } else {\n $('.more-below').fadeIn();\n }\n}\n\n/**\n * Positions Suggestions panel on page\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction positionSuggestions(scope) {\n var outerHeight;\n var $scope;\n var $suggestions;\n var top;\n\n if (module.exports.isMobileSearch(scope)) {\n $scope = $(scope);\n top = $scope.offset().top;\n outerHeight = $scope.outerHeight();\n $suggestions = module.exports.getSuggestionsWrapper(scope).find('.suggestions');\n $suggestions.css('top', top + outerHeight);\n\n module.exports.handleMoreContentBelowIcon(scope);\n\n // Unfortunately, we have to bind this dynamically, as the live scroll event was not\n // properly detecting dynamic suggestions element's scroll event\n $suggestions.scroll(function () {\n module.exports.handleMoreContentBelowIcon(this);\n });\n }\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n var $suggestionsWrapper = module.exports.getSuggestionsWrapper(this).empty();\n\n $.spinner().stop();\n\n if (typeof (response) !== 'object') {\n $suggestionsWrapper.append(response).show();\n $(this).siblings('.reset-button').addClass('d-sm-block');\n module.exports.positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n module.exports.toggleSuggestionsIcon('close');\n module.exports.applyModals(this);\n }\n\n // Trigger screen reader by setting aria-describedby with the new suggestion message.\n var suggestionsList = $('.suggestions .item');\n if ($(suggestionsList).length) {\n $('input.search-field').attr('aria-describedby', 'search-result-count');\n } else {\n $('input.search-field').removeAttr('aria-describedby');\n }\n } else {\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n if ($(scope).val().length >= minChars) {\n $.spinner().start();\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent($(scope).val()),\n method: 'GET',\n success: processResponse,\n error: function () {\n $.spinner().stop();\n }\n });\n } else {\n module.exports.toggleSuggestionsIcon('search');\n $(scope).siblings('.reset-button').removeClass('d-sm-block');\n module.exports.clearModals();\n module.exports.getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n var suggestionsList = $('.suggestions .item');\n if (suggestionsList.filter('.selected').length === 0) {\n suggestionsList.first().addClass('selected');\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.first()[0].id);\n });\n } else {\n suggestionsList.each(function (index) {\n var idx = index + direction;\n if ($(this).hasClass('selected')) {\n $(this).removeClass('selected');\n $(this).removeAttr('aria-selected');\n if (suggestionsList.eq(idx).length !== 0) {\n suggestionsList.eq(idx).addClass('selected');\n suggestionsList.eq(idx).attr('aria-selected', true);\n $(this).removeProp('aria-selected');\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.eq(idx)[0].id);\n });\n } else {\n suggestionsList.first().addClass('selected');\n suggestionsList.first().attr('aria-selected', true);\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.first()[0].id);\n });\n }\n return false;\n }\n return true;\n });\n }\n}\n\n//Init functions below\n\nfunction simpleSearch () {\n $('form[name=\"simpleSearch\"]').submit(function (e) {\n var suggestionsList = $('.suggestions .item');\n if (suggestionsList.filter('.selected').length !== 0) {\n e.preventDefault();\n suggestionsList.filter('.selected').find('a')[0].click();\n }\n });\n}\n\nfunction searchKeyListener () {\n $('input.search-field').each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on('keyup focus', function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n module.exports.handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n module.exports.handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n}\n\nfunction hideSuggestions () {\n $('body').on('click', function (e) {\n if (!$('.suggestions').has(e.target).length && !$(e.target).hasClass('search-field')) {\n $('.suggestions').hide();\n }\n });\n}\n\nfunction closeOnMobile () {\n $('body').on('click touchend', '.search-mobile button.fa-close', function (e) {\n e.preventDefault();\n $('.suggestions').hide();\n module.exports.toggleSuggestionsIcon('search');\n module.exports.tearDownSuggestions();\n });\n}\n\nfunction resetSearch () {\n $('.site-search .reset-button').on('click', function () {\n $(this).removeClass('d-sm-block');\n });\n}\n\nmodule.exports = {\n getSuggestionsWrapper: getSuggestionsWrapper,\n isMobileSearch: isMobileSearch,\n clearModals: clearModals,\n applyModals: applyModals,\n tearDownSuggestions: tearDownSuggestions,\n toggleSuggestionsIcon: toggleSuggestionsIcon,\n handleMoreContentBelowIcon: handleMoreContentBelowIcon,\n positionSuggestions: positionSuggestions,\n processResponse: processResponse,\n getSuggestions: getSuggestions,\n handleArrow: handleArrow,\n simpleSearch: simpleSearch,\n searchKeyListener: searchKeyListener,\n hideSuggestions: hideSuggestions,\n closeOnMobile: closeOnMobile,\n resetSearch: resetSearch,\n init: function () {\n module.exports.simpleSearch();\n module.exports.searchKeyListener();\n module.exports.hideSuggestions();\n module.exports.closeOnMobile();\n module.exports.resetSearch();\n }\n};\n","'use strict';\n\nvar tinySlider = require('tiny-slider/src/tiny-slider');\nvar zoom = require('jquery-zoom');\nvar imagesLoaded = require('imagesloaded');\nrequire('jquery.scrollintoview');\n\nvar SiteConstants = require('constants/SiteConstants');\nvar mediumBreakpoint = SiteConstants.BreakpointSizes.md;\nvar largeBreakpoint = SiteConstants.BreakpointSizes.lg;\n\nvar abSlider = {};\n\n// Check custom attributes on slider element to get settings, falling back to defaults if not populated\nabSlider.getSliderAttributes = function($slider) {\n var attributes = new Object();\n\n // Autoplay (defaults to false)\n attributes.autoplayDelay = parseInt($slider.attr('data-slider-autoplay'));\n attributes.autoplay = isNaN(attributes.autoplayDelay) ? false : true;\n attributes.autoplayTimeout = attributes.autoplay ? attributes.autoplayDelay : 5000;\n\n // Loop (defaults to true)\n attributes.loop = $slider.attr('data-slider-loop') === 'false' ? false : true;\n\n // Number of items to show (defaults to 1 at all breakpoints)\n attributes.itemsNumber = parseInt($slider.attr('data-slider-items'));\n attributes.items = isNaN(attributes.itemsNumber) ? 1 : attributes.itemsNumber;\n attributes.itemsNumberMedium = parseInt($slider.attr('data-slider-items-md'));\n attributes.itemsMedium = isNaN(attributes.itemsNumberMedium) ? 1 : attributes.itemsNumberMedium;\n attributes.itemsNumberLarge = parseInt($slider.attr('data-slider-items-lg'));\n attributes.itemsLarge = isNaN(attributes.itemsNumberLarge) ? 1 : attributes.itemsNumberLarge;\n\n // Gutter space between items (defaults to 0px)\n attributes.gutter = parseInt($slider.attr('data-slider-gutter')) || 0;\n attributes.gutterMedium = parseInt($slider.attr('data-slider-gutter-md')) || 0;\n attributes.gutterLarge = parseInt($slider.attr('data-slider-gutter-lg')) || 0;\n\n // Slide animation speed (defaults to 300ms)\n attributes.speed = parseInt($slider.attr('data-slider-speed')) || 300;\n\n // Slide animation (defaults to standard Carousel behavior)\n attributes.mode = $slider.attr('data-slider-mode') || 'carousel';\n attributes.animateIn = $slider.attr('data-slider-animatein') || 'no-animation';\n attributes.animateOut = $slider.attr('data-slider-animateout') || 'no-animation';\n\n // Thumbnail settings (defaults to false)\n // If a selector is set for [data-slider-thumbnail container], the rest of the settings populate automatically\n var $thumbnailSlider = $($slider.attr('data-slider-thumbnail-container'));\n attributes.thumbnailContainer = $slider.attr('data-slider-thumbnail-container') || false;\n attributes.navContainer = $thumbnailSlider.length ? $thumbnailSlider.find('.slider')[0] : false;\n attributes.navAsThumbnails = attributes.navContainer === false ? false : true;\n attributes.controlsContainer = $thumbnailSlider.length ? $thumbnailSlider.find('.slider-thumbnail-controls')[0] : false;\n\n return attributes;\n}\n\n// Build parameter object to create a slider\nabSlider.getSliderParams = function($slider, slideItems) {\n var attributes = abSlider.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 responsive: {\n [mediumBreakpoint]: {\n items: attributes.itemsMedium,\n gutter: attributes.gutterMedium,\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\n// Uses scrollintoview jQuery plugin (needed for IE11 support) to scroll the active thumbnail into view\n// Note: Thumbnail container needs to be scrollable (overflow: auto) for this to work\nabSlider.slideIntoView = function(slider) {\n if (slider.navContainer !== false && $(slider.navContainer).hasClass('slider')) {\n var $activeThumbnail = $(slider.navContainer).find('.tns-nav-active');\n $activeThumbnail.scrollintoview();\n }\n}\n\n// Build out slide html for replacing images on variant selection\nabSlider.getUpdatedSlideItems = function(images, assets, isThumbnail) {\n var slideItems = [];\n\n images['large'].forEach(image => {\n var $slideElement = $('').attr('class', 'slide');\n var $imageElement = $('');\n\n if (!isThumbnail) {\n $slideElement.attr('data-zoom-image', images['hi-res'].length ? images['hi-res'][image.index].url : images['large'][image.index].url);\n }\n\n $imageElement.attr({\n 'src': image.url,\n 'alt': image.alt + ' image number ' + (parseInt(image.index) + 1).toFixed(0),\n 'class': 'd-block img-fluid',\n 'itemprop': 'image'\n });\n\n $slideElement.append($imageElement);\n slideItems.push($slideElement[0]);\n });\n\n abSlider.getPDPGalleryAssetSlides(slideItems, assets, isThumbnail);\n\n return slideItems;\n}\n\n// Fetch any additional slides needed from PDP Gallery Asset IDs attribute\nabSlider.getPDPGalleryAssetSlides = function(slideItems, assets, isThumbnail) {\n let slideCount = slideItems.length;\n let hasVideo = false;\n\n assets.forEach((asset, index) => {\n var $slideElement = $('');\n var $imageElement = $('');\n var $videoButton = $('');\n\n if (asset.isVideo) {\n hasVideo = true;\n }\n\n if (!isThumbnail) {\n $slideElement.attr('class', 'slide no-zoom');\n // ajax call to get html for asset\n $.ajax({\n url: asset.assetRenderUrl,\n method: 'GET',\n success: data => {\n var $sliderContainer = $slideElement.closest('.slider-container');\n $slideElement.html(data);\n\n // after all assets are added, reinit any necessary javascript\n if (index + 1 >= assets.length) {\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 } else {\n $slideElement.attr('class', 'slide video-container');\n $imageElement.attr({\n 'src': asset.thumbnail,\n 'alt': 'image number ' + (slideCount + 1).toFixed(0),\n 'class': 'd-block img-fluid',\n 'itemprop': 'image'\n });\n }\n\n slideCount++;\n $slideElement.append($imageElement);\n\n if (asset.isVideo) {\n $slideElement.append($videoButton);\n }\n\n slideItems.push($slideElement[0]);\n });\n}\n\n// Listen for the slider:update event and reinitialize slider with new slides\nabSlider.bindSliderUpdateEvent = function($sliderContainer, slider) {\n $sliderContainer.off('slider:update').on('slider:update', '.slider', (event, data) => {\n var $updatedSliderContainer = $(event.target).closest('.slider-container');\n var isThumbnail = $updatedSliderContainer.hasClass('slider-thumbnails');\n var updatedSlideItems = data !== undefined ? abSlider.getUpdatedSlideItems(data.images, data.assets, isThumbnail) : null;\n var updatedParams = abSlider.getSliderParams($updatedSliderContainer, updatedSlideItems);\n\n // Update carousel classes to handle number of images changing\n if (isThumbnail) {\n var $thumbnailContainer = $updatedSliderContainer.closest('.primary-images-thumbnails');\n var $mainImageContainer = $thumbnailContainer.prev('.primary-images-main');\n\n if (data.images.small && data.images.small.length > 1) {\n $thumbnailContainer.removeClass('d-none');\n $mainImageContainer.addClass('product-has-thumbnails col-lg-9');\n } else {\n $thumbnailContainer.addClass('d-none');\n $mainImageContainer.removeClass('product-has-thumbnails col-lg-9');\n }\n }\n\n // Remove and re-add slider markup if there are new slides to show\n if (updatedParams.slideItems) {\n var $newSliderElement = $('').attr({\n 'class': 'slider',\n 'id': updatedParams.container.id\n });\n var $newSliderControls = $updatedSliderContainer.find('.slider-thumbnail-controls').addClass('d-none');\n $newSliderElement.html(updatedParams.slideItems);\n $updatedSliderContainer.html($newSliderElement);\n updatedParams.container = $newSliderElement[0];\n\n // If this is a thumbnails slider, also add the arrow controls and update the item count\n if (isThumbnail) {\n $updatedSliderContainer.append($newSliderControls);\n updatedParams.items = updatedParams.slideItems.length;\n updatedParams.responsive[mediumBreakpoint].items = updatedParams.slideItems.length;\n updatedParams.responsive[largeBreakpoint].items = updatedParams.slideItems.length;\n }\n }\n\n // Reinitialize slider using new params\n slider = tinySlider.tns(updatedParams);\n slider.events.on('transitionEnd', abSlider.slideIntoView);\n abSlider.enableImageZoom($updatedSliderContainer);\n\n if (isThumbnail) {\n abSlider.handleThumbnailArrows($updatedSliderContainer, slider);\n } else {\n // listen for videos getting updated from getUpdatedSlideItems function\n $('body').on('slider:videosLoaded', () => {\n abSlider.handleSliderVideos($updatedSliderContainer, slider);\n });\n }\n });\n}\n\n// Listen for the slider:destroy event\nabSlider.bindSliderDestroyEvent = function($sliderContainer, slider) {\n $sliderContainer.off('slider:destroy').on('slider:destroy', '.slider', () => {\n slider.destroy();\n });\n}\n\n// Enables zoomed images using jquery-zoom\nabSlider.enableImageZoom = function($sliderContainer) {\n if ($sliderContainer.closest('.primary-images').length\n && !$sliderContainer.hasClass('slider-thumbnails')\n && !window.isMobile()) {\n var $slides = $sliderContainer.find('.slide');\n $slides.each((index, slide) => {\n var $slide = $(slide);\n\n if (!$slide.hasClass('no-zoom')) {\n var zoomImageUrl = $slide.data('zoom-image') || $slide.find('img').attr('src');\n $slide.zoom({\n url: zoomImageUrl,\n magnify: 1,\n touch: false\n });\n }\n });\n }\n}\n\n// Determine whether to show thumbnail arrows based on overflow state\nabSlider.handleThumbnailArrows = function($sliderContainer, slider) {\n if ($sliderContainer.hasClass('slider-thumbnails')) {\n var $slider = $sliderContainer.find('.slider');\n var $arrows = $sliderContainer.find('.slider-thumbnail-controls');\n var buffer = 5; // adding a buffer to prevent arrows from showing if the last slide is mostly visible\n var containerSize;\n var sliderSize;\n\n $slider.imagesLoaded().done(() => {\n if (window.isMobile()) {\n containerSize = $sliderContainer.outerWidth();\n sliderSize = $slider[0].scrollWidth;\n } else {\n containerSize = $sliderContainer.outerHeight();\n sliderSize = $slider[0].scrollHeight;\n }\n\n if (sliderSize - buffer >= containerSize) {\n $arrows.removeClass('d-none');\n }\n });\n }\n}\n\n// Check for videos and pause them when they're not in the active slide\nabSlider.handleSliderVideos = function($sliderContainer, slider) {\n var $videos = $sliderContainer.find('.hero-media.video-container, .experience-commerce_assets-video>.video-container');\n\n if ($videos.length) {\n slider.events.on('indexChanged', () => {\n $videos.each((_i, element) => {\n var $videoContainer = $(element);\n var videoID = $videoContainer.find('.video-player').attr('id');\n var player = window.Players[videoID];\n\n if (player) {\n if (!$videoContainer.closest('.tns-slide-active').length) {\n player.pause();\n } else if (player.config.autoplay) {\n player.play();\n }\n }\n });\n });\n }\n}\n\n// Handle Pause/Play Button\nabSlider.bindPauseButton = function($sliderContainer, slider) {\n var sliderButtonPlacement = $sliderContainer.attr('data-slider-pause-button-placement');\n\n if ($sliderContainer[0].hasAttribute('data-slider-autoplay') && $sliderContainer.attr('data-slider-autoplay') != 'false' && $sliderContainer[0].hasAttribute('data-slider-pause-button-placement') && $sliderContainer.attr('data-slider-pause-button-placement') != \"none\") {\n if (sliderButtonPlacement == 'with-pagination') {\n $sliderContainer.find('.tns-nav').addClass('with-pagination-btn').append('stop and start slider');\n } else {\n $sliderContainer.prepend('stop and start slider');\n };\n\n $('.tns-nav-controller').addClass(sliderButtonPlacement);\n\n $sliderContainer.on('click', '.tns-nav-controller', function() {\n event.preventDefault();\n $(this).toggleClass('pause');\n $sliderContainer.toggleClass('slider-pause');\n\n if ($sliderContainer.hasClass('slider-pause')) {\n slider.pause();\n } else {\n slider.play();\n }\n });\n }\n};\n\nabSlider.initializeSliders = function($context = $('body')) {\n var scope = this;\n // delay-init is different from replace-content\n var $sliderContainers = $context.find('.slider-container:not(.delay-init)');\n\n $sliderContainers.each((i, slider) => {\n var $sliderContainer = $(slider);\n var params = scope.getSliderParams($sliderContainer);\n var promisegroup = [];\n var $replace = $sliderContainer.find('[data-replace-content]');\n\n $replace.each(function (i, replace) {\n var $target = $(replace);\n var deferment = $target.data('deferment');\n\n if (deferment && !deferment.isResolved && deferment.state() === 'pending') {\n promisegroup.push(deferment);\n }\n });\n\n // Done will also execute if promisegroup is empty []\n $.when.apply($, promisegroup).done(function () {\n scope.applyTinySlider($sliderContainer, params);\n });\n });\n}\n\nabSlider.applyTinySlider = function ($container, params) {\n if (!$container) return;\n\n var tslider = tinySlider.tns(params);\n\n if (!!tslider) {\n tslider.events.on('transitionStart', this.slideIntoView);\n\n this.bindPauseButton($container, tslider);\n this.bindSliderUpdateEvent($container, tslider);\n this.bindSliderDestroyEvent($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\nabSlider.initializeQuickviewModalSliders = function() {\n $('body').off('quickview:ready').on('quickview:ready', (event, modal) => {\n abSlider.initializeSliders($(modal));\n });\n}\n\nabSlider.initializeWishlistModalSliders = function() {\n $('body').off('editwishlistproduct:ready').on('editwishlistproduct:ready', (event, modal) => {\n abSlider.initializeSliders($(modal));\n });\n}\n\nabSlider.initializeTargetSliders = function() {\n $('body').off('targetslider:ready').on('targetslider:ready', (event, target) => {\n abSlider.initializeSliders($(target));\n });\n}\n\nabSlider.init = function() {\n abSlider.initializeSliders();\n abSlider.initializeQuickviewModalSliders();\n abSlider.initializeWishlistModalSliders();\n abSlider.initializeTargetSliders();\n}\n\nmodule.exports = abSlider;\n","'use strict';\n\nvar abSlider = require('./slider');\n\nfunction handleTabSliders() {\n var $tabPane = $('.tab-pane');\n var $sliders = $tabPane.find('.slider-container');\n\n $sliders.each((_i, slider) => {\n var $tab = $(slider).closest('.nav-tabs-container').find('a[data-toggle=\"tab\"]');\n $tab.on('shown.bs.tab', event => {\n var scrollTop = $(document).scrollTop();\n var $newTab = $(event.target.hash);\n var $newTabSlider = $newTab.find('.slider-container .slider');\n $newTabSlider.trigger('slider:destroy');\n abSlider.initializeSliders($newTab);\n $(document).scrollTop(scrollTop); // reset to original scroll position\n });\n });\n};\n\nfunction handleTabVideos() {\n var $tabPane = $('.tab-pane');\n var $videos = $tabPane.find('.hero-media.video-container, .background-image.video-container, .experience-commerce_assets-video>.video-container');\n\n if ($videos.length) {\n $('a[data-toggle=\"tab\"]').on('show.bs.tab', event => {\n var $newTab = $(event.target.hash);\n var newTabVideoId = $newTab.find('.video-player').attr('id');\n var videoToPlay = window.Players[newTabVideoId];\n var $oldTab = $(event.relatedTarget.hash);\n var oldTabVideoId = $oldTab.find('.video-player').attr('id');\n var videoToPause = window.Players[oldTabVideoId];\n\n if (videoToPause) {\n videoToPause.pause();\n }\n\n if (videoToPlay) {\n videoToPlay.play();\n }\n });\n }\n};\n\nfunction updateTabOverflowClass($tabsContainer) {\n $tabsContainer.each((_index, tabContainer) => {\n var $navContainer = $(tabContainer).find('.nav');\n var $containerWidth = Math.floor($navContainer.outerWidth());\n var $tabsWidth = 0;\n var $tabs = $navContainer.children();\n\n $(tabContainer).css('--nav-tabs-height', $navContainer.height() + 'px');\n\n $tabs.each((_index, tab) => {\n $tabsWidth += Math.floor($(tab).outerWidth());\n });\n\n if ($tabsWidth > $containerWidth) {\n $(tabContainer).addClass('has-overflow');\n } else {\n $(tabContainer).removeClass('has-overflow');\n }\n });\n}\n\nfunction handleTabOverflow() {\n var $tabsContainer = $('.nav-tabs-container');\n\n if ($tabsContainer.length && $tabsContainer.find('.nav').length) {\n module.exports.methods.updateTabOverflowClass($tabsContainer);\n\n $(window).resize(() => {\n module.exports.methods.updateTabOverflowClass($tabsContainer);\n });\n }\n};\n\nmodule.exports = {\n methods: {\n updateTabOverflowClass: updateTabOverflowClass\n },\n handleTabSliders: handleTabSliders,\n handleTabVideos: handleTabVideos,\n handleTabOverflow: handleTabOverflow\n};\n","'use strict';\n\nfunction show(type, message, dismissible) {\n var dismissibleClass = dismissible ? 'alert-dismissible' : '';\n var indexClass = 'alert-' + $('.toast-messages .alert').length || 0;\n var closeButton = dismissible ? '' : '';\n\n if (!$('.toast-messages').length) {\n $('body').append('');\n }\n\n $('.toast-messages').append(\n '
' + message + closeButton + '
'\n );\n\n // Remove non-dismissible alerts from the DOM after 5 seconds\n setTimeout(function() {\n $('.toast-messages').find('.' + indexClass + ':not(.alert-dismissible)').remove();\n }, 5000);\n \n}\n\nmodule.exports = {\n methods: {\n show: show\n },\n bindToastButtonClicks: function() {\n $('body').on('click', '[data-toast]', function(event) {\n event.preventDefault();\n var $button = $(event.target);\n var type = $button.data('toast');\n var message = $button.data('content');\n var dismissible = $button.data('dismissible') || false;\n\n show(type, message, dismissible);\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\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\nconst debounce = require('lodash/debounce');\nconst VideoHelper = require('./videoHelper');\n\nconst PlayerDefaults = {\n autoplay: false,\n controls: true,\n muted: false,\n loop: false,\n modal: false,\n hasThumb: false\n};\n\n/**\n * initDomElements()\n * \n * Saves generalized references to DOM elements needed by the player to operate. \n * \n * player.domElements.$player - div used to init the player API, also holds the configuration data\n * player.domElements.$thumb - thumbnail/preview image that masks the player on screen while not playing\n * player.domElements.$cntr - outer div container used to attach dimensions when needed\n */\nfunction initDomElements() {\n let player = this;\n let $elem = $('#' + player.id);\n \n player.domElements = {\n $player: $elem,\n $thumb: $elem.siblings('.video-thumbnail'),\n $cntr: $elem.closest('.video-container')\n };\n}\n\n/**\n * initConfig()\n * \n * Parses and stores the configuration data attributes set by the content asset.\n * In case of parse error, fallback to this module's PlayerDefaults.\n */\nfunction initConfig() {\n let player = this;\n \n let playerAttrData = {};\n try {\n playerAttrData = JSON.parse(player.domElements.$player.attr('data-player-attr'));\n } catch (ex) {\n playerAttrData = PlayerDefaults;\n }\n\n player.config = {\n autoplay: !!playerAttrData.autoplay,\n controls: !!playerAttrData.controls,\n muted: !!playerAttrData.mute,\n loop: !!playerAttrData.loop,\n hasThumb: playerAttrData.hasThumb,\n modal: !!playerAttrData.modal,\n videoId: player.domElements.$player.attr('data-video-id')\n };\n}\n\n/**\n * createApiPlayer()\n * \n * Create and store the vendor specific API Player.\n * The configurations set in the content asset can be overridden for specific use cases, like turning off autoplay when closing the modal.\n * \n * Also attaches any needed playback events to the player. \n * \n * @param {object} overrides - attributes that can override the defined player.config attributes\n * @returns {Promise} - Vimeo player ready() Promise is returned so we don't make any calls too early\n */\nfunction createApiPlayer(overrides) {\n let player = this;\n let config = player.config;\n\n let onReadyCallback = (e) => {\n if (overrides.onReady) {\n overrides.onReady(e);\n delete overrides['onReady'];\n }\n };\n \n // apply overrides attributes\n if (overrides) {\n config = $.extend({}, player.config, overrides);\n }\n\n player.apiObj = new videojs(player.id, {\n autoplay: config.autoplay,\n playsinline: config.autoplay,\n controls: config.controls,\n loop: config.loop,\n muted: config.muted\n }, onReadyCallback);\n\n player.apiObj.on('pause', () => {\n // save the current location\n player.cache.time = player.apiObj.currentTime();\n });\n\n player.apiObj.on('ended', () => {\n $('body').trigger('video:ended', player);\n });\n}\n\n/**\n * initPageEvents()\n * \n * Initializes any page load event logic for the player. \n */\nfunction initPageEvents() {\n let player = this;\n let $playerContainer = player.domElements.$cntr;\n\n // pause all players at init, before deciding if they should play\n player.pause();\n\n if (player.config.hasThumb) {\n //handle thumbnail click\n player.domElements.$thumb.on('click', event => {\n event.preventDefault();\n\n if (player.config.modal) {\n player.launchModal();\n } else {\n let paused = player.apiObj.paused();\n\n if (!paused) {\n player.pause();\n } else {\n var playPromise = player.domElements.$player[0].play();\n\n if (playPromise !== undefined) {\n playPromise.then(() => {\n player.domElements.$thumb.addClass('faded');\n }).catch(error => {\n console.error('play error:', error);\n });\n }\n }\n }\n });\n }\n\n if (player.domElements.$cntr.closest('.modal').length) {\n $(window).on('resize', debounce(() => player.removeSize(), 100));\n }\n\n if (VideoHelper.shouldPlay($playerContainer) && player.config.autoplay && !player.config.modal) {\n let autoplayPromise = player.domElements.$player[0].play();\n\n if (autoplayPromise !== undefined) {\n player.play();\n }\n }\n\n $(window).on('scrollUpdate', () => {\n if (VideoHelper.shouldPlay($playerContainer)) {\n if (player.config.autoplay && !player.config.modal) {\n let autoplayPromise = player.domElements.$player[0].play();\n\n if (autoplayPromise !== undefined) {\n player.play();\n }\n }\n } else {\n if (!player.apiObj.paused()) {\n player.pause();\n }\n }\n });\n}\n\nmodule.exports = function(playerId) {\n var player = this;\n this.id = playerId;\n this.type = 'hosted';\n this.cache = {};\n \n /**********************************************************\n ** Calls to initialize the player and event listeners **\n **********************************************************/\n \n initDomElements.call(player);\n \n initConfig.call(player);\n\n createApiPlayer.call(player, {onReady: () => initPageEvents.call(player)});\n\n\n /**************************************\n ** Generalized playback functions **\n **************************************/\n \n this.play = () => {\n player.apiObj.play();\n if (player.domElements.$thumb.length && !player.config.modal) {\n player.domElements.$thumb.addClass('faded');\n }\n }\n \n this.pause = () => {\n player.apiObj.pause();\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n }\n \n this.mute = () => {\n player.apiObj.getVolume().then((volume) => {\n player.cache.volume = volume;\n });\n \n player.apiObj.setVolume(0);\n };\n \n this.unmute = () => {\n let volume = 1;\n if (player.cachedVolume) {\n volume = player.cache.volume;\n }\n \n player.apiObj.setVolume(volume);\n };\n \n \n /*********************************************************\n ** Functions to support playing the video in a modal **\n *********************************************************/\n \n this.setSize = () => {\n player.domElements.$cntr.css({\n height: player.domElements.$cntr.outerHeight(),\n width: player.domElements.$cntr.outerWidth()\n });\n };\n \n this.removeSize = () => {\n player.domElements.$cntr.css({\n height: 'auto',\n width: 'auto'\n });\n };\n \n this.setModal = (VideoModal) => {\n player.modal = VideoModal;\n };\n \n this.launchModal = () => {\n player.setSize();\n player.modal.launch(player);\n };\n \n \n /*****************************************************\n ** Event Handlers for the modal events **\n *****************************************************/\n \n this.getShowEventHandler = () => {\n let $modal = player.modal.getModalObj();\n let $body = $('.modal-body', $modal).empty().removeClass();\n $body.addClass('modal-body ' + player.domElements.$cntr.attr('class'));\n\n if (player.apiObj && player.apiObj.dispose) {\n var $player = player.domElements.$player;\n\n // create new, uninitialized video element for use in modal\n var $newPlayer = $('', {\n 'data-asset-id': $player.data('asset-id'),\n 'data-video': $player.data('video'),\n 'data-player-attr': JSON.stringify($player.data('player-attr')),\n 'data-video-id': $player.data('video-id'),\n 'class': 'video-player video-js',\n 'id': $player.attr('id')\n });\n\n var $newPlayerSource = $('', {\n 'src': $player.attr('data-video-id'),\n 'type': $player.attr('data-filetype')\n });\n\n // remove old player\n delete player.apiObj;\n videojs($player[0]).dispose();\n\n // add new player and update player properties\n $newPlayer.append($newPlayerSource);\n $body.append($newPlayer);\n player.domElements.$player = $newPlayer;\n player.id = $newPlayer.attr('id');\n }\n\n createApiPlayer.call(player, {\n onReady: (e) => {\n // set the current location if one is saved\n if (player.cache.time) {\n player.apiObj.currentTime(player.cache.time);\n }\n player.play();\n }\n });\n };\n \n this.getHideEventHandler = () => {\n // save the current location\n player.cache.time = player.apiObj.currentTime();\n\n if (videojs.getPlayers()[player.id]) {\n delete videojs.getPlayers()[player.id];\n }\n\n createApiPlayer.call(player, {autoplay: false});\n };\n \n return this;\n}\n","'use strict';\n\nconst YouTube = require('./youtube');\nconst Vimeo = require('./vimeo');\nconst Hosted = require('./hosted');\nconst VideoModal = require('./videoModal');\nconst videojs = require('video.js/dist/video.min.js');\n\nwindow.Players = {};\n\nvar initPlayers = ($context = $('body'), isAjaxEvent = false) => {\n let $ytElements = $context.find('.video-player[data-video=youtube]');\n let $vimeoElements = $context.find('.video-player[data-video=vimeo]');\n let $hostedElements = $context.find('video[data-video=hosted]');\n\n if ($vimeoElements.length) {\n loadVimeoAPI().then(() => {\n $vimeoElements.each((index, element) => {\n // don't create player for videos in sliders until slider has been initialized\n if (!$(element).closest('.slider-container').length\n || $context.is('.slider-container') && $(element).closest($context).length) {\n let playerId = getUniquePlayerId(index, element, isAjaxEvent);\n\n if (!window.Players.hasOwnProperty(playerId) || isAjaxEvent) {\n window.Players[playerId] = new Vimeo(playerId);\n window.Players[playerId].setModal(VideoModal);\n }\n }\n });\n }).catch((err) => {\n if (console && console.error) {\n console.error(err);\n }\n });\n }\n\n if ($ytElements.length) {\n loadYouTubeAPI().then(() => {\n $ytElements.each((index, element) => {\n // don't create player for videos in sliders until slider has been initialized\n if (!$(element).closest('.slider-container').length\n || $context.is('.slider-container') && $(element).closest($context).length) {\n let playerId = getUniquePlayerId(index, element, isAjaxEvent);\n\n if (!window.Players.hasOwnProperty(playerId) || isAjaxEvent) {\n window.Players[playerId] = new YouTube(playerId);\n window.Players[playerId].setModal(VideoModal);\n }\n }\n });\n }).catch((err) => {\n if (console && console.error) {\n console.error(err);\n }\n });\n }\n\n if ($hostedElements.length) {\n window.videojs = videojs;\n\n $hostedElements.each((index, element) => {\n // don't create player for videos in sliders until slider has been initialized\n if (!$(element).closest('.slider-container').length\n || $context.is('.slider-container') && $(element).closest($context).length) {\n let playerId = getUniquePlayerId(index, element, isAjaxEvent);\n\n if (!window.Players.hasOwnProperty(playerId) || isAjaxEvent) {\n window.Players[playerId] = new Hosted(playerId);\n window.Players[playerId].setModal(VideoModal);\n }\n }\n });\n }\n\n if ($vimeoElements.length || $ytElements.length || $hostedElements.length) {\n $('body').on('video:ended', (event, player) => {\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n\n // prevent videos from replaying on scroll if they've already finished\n player.config.autoplay = false;\n });\n\n // Reinitialze videos if slider loads, to allow creation of unique IDs\n $('body').off('.sliderEvents').on('slider:init.sliderEvents', (event, $sliderContainer) => {\n initPlayers($sliderContainer);\n });\n }\n\n // Initialize/reinitialize videos in case of ajax partial page load \n $('body').off('.ajaxEvents').on('ajax:load.ajaxEvents', (event, $container) => {\n initPlayers($container, true);\n });\n}\n\nlet ytPromise = null;\n\nvar loadYouTubeAPI = () => {\n if (ytPromise) {\n return ytPromise;\n }\n\n return ytPromise = new Promise((resolve) => {\n let tag = document.createElement('script');\n tag.src = \"https://www.youtube.com/iframe_api\";\n tag.onerror = () => {\n throw new Error('YouTube iframe API load error');\n };\n\n let firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n window.onYouTubeIframeAPIReady = () => resolve();\n });\n}\n\nvar loadVimeoAPI = () => {\n return new Promise(function(resolve) {\n let tag = document.createElement('script');\n tag.src = \"https://player.vimeo.com/api/player.js\";\n tag.onload = resolve;\n tag.onerror = () => {\n throw new Error('Vimeo player SDK load error');\n };\n\n let firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n });\n}\n\n// handle cases where multiple videos with the same ID exist, like looping sliders\nvar getUniquePlayerId = (index, element, isAjaxEvent) => {\n let playerId = $(element).attr('id');\n\n if (window.Players.hasOwnProperty(playerId) && !isAjaxEvent) {\n playerId = playerId + '-' + index;\n $(element).attr('id', playerId);\n }\n\n return playerId;\n}\n\n/**\n * TODO:\n * - document everything\n * - Youtube API pageload errors\n */\nmodule.exports = () => initPlayers();\n","'use strict';\n\n// Checks if a video player is visible in the viewport\nfunction isPlayerVisible($playerContainer, onlyPlayWhenFullyInView) {\n let fitsInViewport = ($playerContainer.height() - 10) <= $(window).height();\n let pageTop = $(window).scrollTop();\n let pageBottom = pageTop + $(window).height();\n let elementTop = $playerContainer.offset().top;\n let elementBottom = elementTop + $playerContainer.height();\n\n if (onlyPlayWhenFullyInView && fitsInViewport) {\n return ((pageTop <= elementTop) && (pageBottom >= elementBottom));\n } else {\n return ((elementTop <= pageBottom) && (elementBottom >= pageTop));\n }\n}\n\n// Checks if a video player is inside an inactive slide within a slider\nfunction isPlayerInInactiveSlide($playerContainer) {\n return !!$playerContainer.closest('.slider').length\n && !$playerContainer.closest('.tns-slide-active').length\n && !$playerContainer.closest('.hero-button').length;\n}\n\n// Checks if a video player is inside an inactive tab within a tab component\nfunction isPlayerInInactiveTab($playerContainer) {\n return !!$playerContainer.closest('.tab-pane').length\n && !$playerContainer.closest('.tab-pane.active').length;\n}\n\n// Check if a video should be played\nfunction shouldPlay($playerContainer) {\n let onlyPlayWhenFullyInView = $playerContainer.data('play-when-fully-in-view');\n\n return isPlayerVisible($playerContainer, onlyPlayWhenFullyInView) \n && !isPlayerInInactiveSlide($playerContainer)\n && !isPlayerInInactiveTab($playerContainer);\n}\n\n\nmodule.exports = {\n shouldPlay: shouldPlay\n}\n","'use strict';\n\nconst ModalTemplate = `
\n
\n
\n
\n \n \n
\n \n
\n
\n
`;\n\nconst ModalStates = {\n NOT_READY: 0,\n READY: 1,\n OPEN: 2,\n CLOSED: 3\n};\n\nmodule.exports = (() => {\n var myState = ModalStates.NOT_READY;\n var currentVideo = '';\n \n if (!$('#videoModal').length) {\n $(ModalTemplate).appendTo('body');\n myState = ModalStates.READY;\n }\n\n const $modal = $('#videoModal');\n\n return {\n States: ModalStates,\n\n launch: (player) => {\n $modal.detach().appendTo('body'); // keep video modal on top of any other open modals\n\n //test if modal is already in use\n if (myState === ModalStates.OPEN) {\n console.error('Cannot launch' + player.id + ', Modal is already in use for: ' + currentVideo);\n } else {\n $modal.on('show.bs.modal', () => {\n if(typeof player.getShowEventHandler === 'function') {\n player.getShowEventHandler();\n }\n myState = ModalStates.OPEN;\n currentVideo = player.id;\n\n }).on('shown.bs.modal', () => {\n if(typeof player.getShownEventHandler === 'function') {\n player.getShownEventHandler();\n }\n \n }).on('hide.bs.modal', () => {\n if(typeof player.getHideEventHandler === 'function') {\n player.getHideEventHandler();\n }\n myState = ModalStates.CLOSED;\n \n }).on('hidden.bs.modal', () => {\n if(typeof player.getHiddenEventHandler === 'function') {\n player.getHiddenEventHandler();\n }\n \n $modal.modal('dispose');\n }).modal();\n }\n },\n \n setState: (state) => {\n if (ModalStates[state]) {\n myState = state;\n }\n },\n \n getState: () => myState,\n \n is: (state) => (myState === state),\n \n getModalObj: () => $modal\n };\n})();","'use strict';\n\nconst debounce = require('lodash/debounce');\nconst VideoHelper = require('./videoHelper');\n\nconst PlayerDefaults = {\n autoplay: false,\n controls: true,\n muted: false,\n loop: false,\n modal: false,\n hasThumb: false\n};\n\n/**\n * initDomElements()\n *\n * Saves generalized references to DOM elements needed by the player to operate.\n *\n * player.domElements.$player - div used to init the player API, also holds the configuration data\n * player.domElements.$thumb - thumbnail/preview image that masks the player on screen while not playing\n * player.domElements.$cntr - outer div container used to attach dimensions when needed\n */\nfunction initDomElements() {\n let player = this;\n let $elem = $('#' + player.id);\n\n player.domElements = {\n $player: $elem,\n $thumb: $elem.siblings('.video-thumbnail'),\n $cntr: $elem.closest('.video-container')\n };\n}\n\n/**\n * initConfig()\n *\n * Parses and stores the configuration data attributes set by the content asset.\n * In case of parse error, fallback to this module's PlayerDefaults.\n */\nfunction initConfig() {\n let player = this;\n\n let playerAttrData = {};\n try {\n playerAttrData = JSON.parse(player.domElements.$player.attr('data-player-attr'));\n } catch (ex) {\n playerAttrData = PlayerDefaults;\n }\n\n player.config = {\n autoplay: !!playerAttrData.autoplay,\n controls: !!playerAttrData.controls,\n muted: !!playerAttrData.mute,\n loop: !!playerAttrData.loop,\n background: !!playerAttrData.autoplay && !playerAttrData.controls && !!playerAttrData.mute && !!playerAttrData.loop,\n autopause: !(!!playerAttrData.autoplay && !playerAttrData.controls && !!playerAttrData.mute),\n hasThumb: playerAttrData.hasThumb,\n modal: !!playerAttrData.modal,\n videoId: player.domElements.$player.attr('data-video-id')\n };\n}\n\n/**\n * createApiPlayer()\n *\n * Create and store the vendor specific API Player.\n * The configurations set in the content asset can be overridden for specific use cases, like turning off autoplay when closing the modal.\n *\n * Also attaches any needed playback events to the player.\n *\n * @param {object} overrides - attributes that can override the defined player.config attributes\n * @returns {Promise} - Vimeo player ready() Promise is returned so we don't make any calls too early\n */\nfunction createApiPlayer(overrides) {\n let player = this;\n let config = player.config;\n\n // apply overrides attributes\n if (overrides) {\n config = $.extend({}, player.config, overrides);\n }\n\n player.apiObj = new Vimeo.Player(player.id, {\n id: config.videoId,\n autoplay: config.autoplay,\n controls: config.controls,\n loop: config.loop,\n muted: config.muted,\n background: config.background,\n autopause: config.autopause\n });\n\n player.apiObj.on('pause', () => {\n // save the current location\n player.apiObj.getCurrentTime().then((seconds) => {\n player.cache.time = seconds;\n });\n });\n\n player.apiObj.on('ended', () => {\n $('body').trigger('video:ended', player);\n });\n\n return player.apiObj.ready();\n}\n\n/**\n * initPageEvents()\n *\n * Initializes any page load event logic for the player.\n */\nfunction initPageEvents() {\n let player = this;\n let $playerContainer = player.domElements.$player.closest('.video-container');\n\n // pause all players at init, before deciding if they should play\n player.pause();\n\n if (player.config.hasThumb) {\n //handle thumbnail click\n player.domElements.$thumb.on('click', event => {\n event.preventDefault();\n\n if (player.config.modal) {\n player.launchModal();\n } else {\n player.apiObj.getPaused().then(paused => {\n if (!paused) {\n player.pause();\n } else {\n player.play();\n }\n }).catch(error => console.error('error getting paused status:', error));\n }\n });\n }\n\n if (player.domElements.$cntr.closest('.modal').length) {\n $(window).on('resize', debounce(() => player.removeSize(), 100));\n }\n\n if (VideoHelper.shouldPlay($playerContainer) && player.config.autoplay && !player.config.modal) {\n player.play();\n\n // retrigger play method to ensure iOS autoplays\n if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {\n setTimeout(() => {\n player.play();\n }, 500);\n }\n }\n\n $(window).on('scrollUpdate', () => {\n if (VideoHelper.shouldPlay($playerContainer)) {\n if (player.config.autoplay && !player.config.modal) {\n player.apiObj.getPaused().then(paused => {\n if (paused) {\n player.play();\n }\n }).catch(error => console.error('error getting paused status:', error));\n }\n } else {\n player.apiObj.getPaused().then(paused => {\n if (!paused) {\n player.pause();\n }\n }).catch(error => console.error('error getting paused status:', error));\n }\n });\n}\n\nmodule.exports = function(playerId) {\n var player = this;\n this.id = playerId;\n this.type = 'vimeo';\n this.cache = {};\n\n /**********************************************************\n ** Calls to initialize the player and event listeners **\n **********************************************************/\n\n initDomElements.call(player);\n\n initConfig.call(player);\n\n createApiPlayer.call(player).then(() => initPageEvents.call(player));\n\n\n /**************************************\n ** Generalized playback functions **\n **************************************/\n\n this.play = () => {\n player.apiObj.play()\n if (player.domElements.$thumb.length && !player.config.modal) {\n player.domElements.$thumb.addClass('faded');\n }\n };\n\n this.pause = () => {\n player.apiObj.pause();\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n }\n\n this.mute = () => {\n player.apiObj.getVolume().then((volume) => {\n player.cache.volume = volume;\n });\n\n player.apiObj.setVolume(0);\n };\n\n this.unmute = () => {\n let volume = 1;\n if (player.cachedVolume) {\n volume = player.cache.volume;\n }\n\n player.apiObj.setVolume(volume);\n };\n\n\n /*********************************************************\n ** Functions to support playing the video in a modal **\n *********************************************************/\n\n this.setSize = () => {\n player.domElements.$cntr.css({\n height: player.domElements.$cntr.outerHeight(),\n width: player.domElements.$cntr.outerWidth()\n });\n };\n\n this.removeSize = () => {\n player.domElements.$cntr.css({\n height: 'auto',\n width: 'auto'\n });\n };\n\n this.setModal = (VideoModal) => {\n player.modal = VideoModal;\n };\n\n this.launchModal = () => {\n player.setSize();\n player.modal.launch(player);\n };\n\n\n /*****************************************************\n ** Event Handlers for the Bootstrap modal events **\n *****************************************************/\n\n this.getShowEventHandler = () => {\n let $modal = player.modal.getModalObj();\n let $body = $('.modal-body', $modal).empty().removeClass();\n $body.addClass('modal-body ' + player.domElements.$cntr.attr('class'));\n player.domElements.$player.appendTo($body);\n\n player.apiObj.destroy().then(() => createApiPlayer.call(player)).then(() => {\n // set the current location if one is saved\n if (player.cache.time) {\n player.apiObj.setCurrentTime(player.cache.time);\n }\n player.play();\n });\n };\n\n this.getHideEventHandler = () => {\n // save the current location\n player.apiObj.getCurrentTime().then((seconds) => {\n player.cache.time = seconds;\n }).then(() => {\n // vimeo doesnt like to be moved around the DOM, and loses all its event listeners\n // so lets destroy and re-init whenever we move it to and from a modal\n player.domElements.$player.prependTo(player.domElements.$cntr);\n\n player.apiObj.destroy().then(() => {\n //create a new api player but dont let it autoplay\n createApiPlayer.call(player, {autoplay: false});\n });\n });\n };\n\n return this;\n}\n","'use strict';\n\nconst debounce = require('lodash/debounce');\nconst VideoHelper = require('./videoHelper');\n\nconst PlayerDefaults = {\n autoplay: 0,\n playsinline: 0,\n controls: 1,\n mute: 0,\n loop: 0,\n modal: false,\n hasThumb: false,\n playlist: ''\n};\n\nconst origin = window.location.protocol + '//' + window.location.host;\n\n/**\n * initDomElements()\n * \n * Saves generalized references to DOM elements needed by the player to operate. \n * \n * player.domElements.$player - div used to init the player API, also holds the configuration data\n * player.domElements.$thumb - thumbnail/preview image that masks the player on screen while not playing\n * player.domElements.$cntr - outer div container used to attach dimensions when needed\n */\nfunction initDomElements() {\n let player = this;\n let $elem = $('#' + player.id);\n \n player.domElements = {\n $player: $elem,\n $thumb: $elem.siblings('.video-thumbnail'),\n $cntr: $elem.closest('.video-container'),\n };\n}\n\n/**\n * initConfig()\n * \n * Parses and stores the configuration data attributes set by the content asset.\n * In case of parse error, fallback to this module's PlayerDefaults.\n */\nfunction initConfig() {\n let player = this;\n \n let playerAttrData = {};\n try {\n playerAttrData = JSON.parse(player.domElements.$player.attr('data-player-attr'));\n } catch (ex) {\n playerAttrData = PlayerDefaults;\n }\n \n let videoId = player.domElements.$player.attr('data-video-id');\n let playlist = playerAttrData.loop === 1 ? videoId : '';\n \n player.config = {\n autoplay: playerAttrData.autoplay,\n playsinline: playerAttrData.autoplay === 1 ? 1 : 0,\n controls: playerAttrData.controls,\n mute: playerAttrData.mute,\n loop: playerAttrData.loop,\n hasThumb: playerAttrData.hasThumb,\n modal: playerAttrData.modal,\n videoId: videoId,\n modestbranding: 1\n };\n if (playlist != '') {\n player.config.playlist = playlist\n } \n}\n\n/**\n * createApiPlayer()\n * \n * Create and store the vendor specific API Player.\n * The configurations set in the content asset can be overridden for specific use cases, like turning off autoplay when closing the modal.\n * \n * Also attaches any needed playback events to the player. \n * \n * @param {object} overrides - attributes that can override the defined player.config attributes\n */\nfunction createApiPlayer(overrides) {\n let player = this;\n let config = player.config;\n\n let onReadyCallback = (e) => {\n commonOnReady.call(player, e);\n\n if (overrides.onReady) {\n overrides.onReady(e);\n delete overrides['onReady'];\n }\n };\n\n // apply overrides attributes\n if (overrides) {\n config = $.extend({}, player.config, overrides);\n }\n\n player.apiObj = new YT.Player(player.id, {\n videoId: config.videoId,\n playerVars: {\n autoplay: config.autoplay,\n playsinline: config.playsinline,\n controls: config.controls,\n mute: config.mute,\n loop: config.loop,\n playlist: config.playlist,\n enablejsapi: 1,\n origin: origin,\n widget_referrer: origin\n },\n host: 'https://www.youtube.com', // prevents 'postMessage' origin mismatch error\n events: {\n onReady: onReadyCallback,\n onStateChange: (e) => {\n if (e.data === YT.PlayerState.PAUSED) {\n // save the current location\n player.cache.time = e.target.getCurrentTime();\n } else if (e.data === YT.PlayerState.PLAYING) {\n // not currently using the on play event, but it's here for future use\n }\n\n if (e.data === 0) {\n $('body').trigger('video:ended', player);\n }\n },\n onError: (e) => {\n if (console && console.error) {\n console.error('onError: ' + e.data);\n }\n }\n }\n });\n}\n\n/**\n * initPageEvents()\n * \n * Initializes any page event logic for the player. \n */\nfunction initPageEvents() {\n let player = this;\n let $playerContainer = player.domElements.$player.closest('.video-container');\n\n // pause all players at init, before deciding if they should play\n player.pause();\n \n // honor the auto mute settings when launching modal\n if (player.config.mute === 1) {\n player.mute();\n } else {\n player.unmute();\n }\n \n if (player.config.hasThumb) {\n //handle thumbnail click\n player.domElements.$thumb.on('click', event => {\n event.preventDefault();\n\n if (player.config.modal) {\n player.launchModal();\n } else {\n let playerState = player.apiObj.getPlayerState();\n let playing = playerState === 1;\n\n if (playing) {\n player.pause();\n } else {\n player.play();\n }\n }\n });\n }\n\n if (player.domElements.$cntr.closest('.modal').length) {\n $(window).on('resize', debounce(() => player.removeSize(), 100));\n }\n\n if (VideoHelper.shouldPlay($playerContainer) && player.config.autoplay && !player.config.modal) {\n player.play();\n }\n\n $(window).on('scrollUpdate', () => {\n let playerState = player.apiObj.getPlayerState();\n let playing = playerState === 1;\n\n if (VideoHelper.shouldPlay($playerContainer)) {\n if (player.config.autoplay && !playing && !player.config.modal) {\n player.play();\n }\n } else if (playing) {\n player.pause();\n }\n });\n}\n\nfunction commonOnReady(e) {\n let player = this;\n\n // update player dom reference\n player.domElements.$player = $('#' + player.id);\n \n // if we have an auto play, auto mute, modal, then honor the config,\n // else let the app maintain the volume state\n if (typeof player.cache.mute !== 'undefined') {\n if (player.cache.mute === 1) {\n e.target.mute();\n } else {\n e.target.unMute();\n }\n\n delete player.cache.mute;\n }\n}\n\n\nmodule.exports = function(playerId) {\n var player = this;\n this.id = playerId;\n this.type = 'youtube';\n this.cache = {};\n \n /**********************************************************\n ** Calls to initialize the player and event listeners **\n **********************************************************/\n \n initDomElements.call(player);\n \n initConfig.call(player);\n \n createApiPlayer.call(player, {onReady: () => initPageEvents.call(player)});\n \n \n /***************************************\n ** Generalized playback functions **\n ***************************************/\n \n this.play = () => {\n player.apiObj.playVideo();\n if (player.domElements.$thumb.length && !player.config.modal) {\n player.domElements.$thumb.addClass('faded');\n }\n }\n \n this.pause = () => {\n player.apiObj.pauseVideo();\n if (player.domElements.$thumb.length) {\n player.domElements.$thumb.removeClass('faded');\n }\n }\n \n this.mute = () => {\n player.apiObj.mute();\n player.cache.mute = 1;\n };\n \n this.unmute = () => {\n player.apiObj.unMute();\n player.cache.mute = 0;\n };\n \n \n /*********************************************************\n ** Functions to support playing the video in a modal **\n *********************************************************/\n \n this.setSize = () => player.domElements.$cntr.css({\n height: player.domElements.$cntr.outerHeight(),\n width: player.domElements.$cntr.outerWidth()\n });\n \n this.removeSize = () => player.domElements.$cntr.css({\n height: 'auto',\n width: 'auto'\n });\n \n this.setModal = (VideoModal) => {\n player.modal = VideoModal;\n };\n \n this.launchModal = () => {\n player.setSize();\n player.modal.launch(player);\n };\n \n \n /*****************************************************\n ** Event Handlers for the Bootstrap modal events **\n *****************************************************/\n \n this.getShowEventHandler = () => {\n // move the video player to the modal body\n let $modal = player.modal.getModalObj();\n let $body = $('.modal-body', $modal).empty().removeClass();\n $body.addClass('modal-body ' + player.domElements.$cntr.attr('class'));\n player.domElements.$player.appendTo($body);\n \n // rebuild the API player to maintain event handlers\n if (player.apiObj && player.apiObj.destroy) {\n player.apiObj.destroy();\n }\n createApiPlayer.call(player, {\n onReady: (e) => {\n // set the current location if one is saved\n if (player.cache.time) {\n player.apiObj.seekTo(player.cache.time, true);\n }\n player.play();\n }\n });\n };\n \n this.getHideEventHandler = () => {\n // save current location\n player.cache.time = player.apiObj.getCurrentTime();\n \n // move the video player from the modal back to its page container\n player.domElements.$player.prependTo(player.domElements.$cntr);\n \n // rebuild the API player to maintain event handlers\n if (player.apiObj && player.apiObj.destroy) {\n player.apiObj.destroy();\n }\n createApiPlayer.call(player, {autoplay: 0});\n };\n \n return this;\n}","\n'use strict';\n\nvar formErrors = require('../checkout/formErrors');\nvar formValidation = require('base/components/formValidation');\nvar cart = require('../cart/cart');\nvar recaptcha = require('../components/recaptcha');\n\n/**\n * shows giftcert toast message\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessage(data, button) {\n $.spinner().stop();\n\n $('.minicart').trigger('count:update', data);\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if ($('.add-giftcertificate-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-giftcertificate-messages').append('
' + (data.msg || 'There was an error') + '
');\n\n setTimeout(function () {\n $('.add-giftcertificate-messages').remove();\n if (button) {\n button.removeAttr('disabled');\n }\n }, 5000);\n}\n\nfunction giftCertificateFormSubmission() {\n $('body').on('submit', 'form.GiftCertificateForm', function (e) {\n e.preventDefault();\n\n var form = $(this);\n var isEdit = false;\n var button = form.find('.btn-add-giftcertificate-tocart');\n if (!button || !button.length) {\n button = form.find('.btn-update-giftcertificate-incart');\n isEdit = true;\n } else {\n $('body').trigger('product:beforeAddToCart', this);\n }\n form.parents('.card').spinner().start();\n\n var url = form.attr('action');\n var queryString = form.serialize() + '&format=ajax';\n if (isEdit) {\n queryString += '&uuid=' + button.data('uuid');\n }\n button.attr('disabled', true);\n recaptcha.check(e, {\n url: url,\n method: 'POST',\n dataType: 'json',\n data: queryString,\n success: function (data) {\n if (data.success) {\n if (isEdit) {\n $('#editGiftCertificateLineItemModal').modal('hide');\n cart.updateCartTotals(data.cartModel);\n updateGiftCertificateLineItem(data.cartModel, button.data('uuid'));\n $('body').trigger('cart:update', [data, button.data('uuid')]);\n } else {\n $('body').trigger('product:afterAddToCart', data);\n }\n form.trigger('reset');\n formErrors.clearPreviousErrors(form);\n } else {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n } else {\n formValidation(form, data);\n }\n }\n\n displayMessage(data, button);\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n displayMessage(err, button);\n }\n });\n })\n};\n\nfunction updateGiftCertificateLineItem(data, uuid) {\n var lineItem;\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) {\n $('.dwfrm_giftCertificate_purchase_from-' + uuid + ' span').html(lineItem.senderName);\n $('.dwfrm_giftCertificate_purchase_from-' + uuid).data('value', lineItem.senderName);\n $('.dwfrm_giftCertificate_purchase_recipient-' + uuid + ' span').html(lineItem.recipientName);\n $('.dwfrm_giftCertificate_purchase_recipient-' + uuid).data('value', lineItem.recipientName);\n $('.dwfrm_giftCertificate_purchase_recipientEmail-' + uuid + ' span').html(lineItem.recipientEmail);\n $('.dwfrm_giftCertificate_purchase_recipientEmail-' + uuid).data('value', lineItem.recipientEmail);\n $('.dwfrm_giftCertificate_purchase_message-' + uuid + ' span').html(lineItem.message || '');\n $('.dwfrm_giftCertificate_purchase_message-' + uuid).attr('title', lineItem.message || '');\n $('.pricing.item-total-' + uuid).html(lineItem.priceTotal.price);\n $('.pricing.item-total-' + uuid).data('value', lineItem.priceTotal.priceValue + '');\n }\n}\n\nfunction checkBalanceFormSubmission() {\n $('body').on('submit', 'form.check-balance', function (e) {\n e.preventDefault();\n\n var form = $(this);\n form.spinner().start();\n\n var button = form.find('.js-checkbalancebutton');\n var url = form.attr('action');\n var queryString = form.serialize() + '&format=ajax';\n button.attr('disabled', true);\n\n //because the error is not an html5 error typically (balance is 0 or does not exist)\n //we must clear the previous error + message manually\n formErrors.clearPreviousErrors(form);\n recaptcha.check(e, {\n url: url,\n method: 'POST',\n dataType: 'json',\n data: queryString,\n success: function (data) {\n if (data.success) {\n form.find('.balancemsg').html(data.balance);\n } else {\n form.find('.balancemsg').html('');\n formValidation(form, data);\n if (data.msg) {\n displayMessage(data, button);\n }\n }\n\n $.spinner().stop();\n button.removeAttr('disabled');\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n displayMessage(err, button);\n }\n });\n });\n}\n\nfunction applyGiftCertificateToBasket () {\n $('body').on('click', '.giftcertificate-information .js-applybalancebutton', function (e) {\n e.preventDefault();\n\n var button = $(this);\n button.attr('disabled', true);\n var container = button.parents('.giftcertificate-information');\n var checkoutForm = button.parents('form');\n\n container.spinner().start();\n\n var url = button.data('action');\n\n //because the error is not an html5 error typically (balance is 0 or does not exist)\n //we must clear the previous error + message manually\n formErrors.clearPreviousErrors(container);\n recaptcha.check(e, {\n url: url,\n method: 'POST',\n data: checkoutForm.serialize() + '&format=ajax',\n success: function (data) {\n if (data.success) {\n displayMessage(data, button);\n $('.js-giftcertificatepaymentinstruments').html(data.template);\n\n $('body').trigger('checkout:updateCheckoutViewPaymentInformation', { order: data.order });\n } else {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n } else {\n container.find('.js-balancemsg').html('');\n formValidation(container, data);\n if (data.msg) {\n displayMessage(data, button);\n }\n }\n }\n\n $.spinner().stop();\n button.removeAttr('disabled');\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n displayMessage(err, button);\n }\n });\n\n })\n}\n\nfunction removeGiftCertificatePaymentInstrument() {\n $('body').on('click', '.js-remove-giftcertificate-pi', function (e) {\n e.preventDefault();\n\n var button = $(this);\n button.attr('disabled', true);\n\n var container = button.parents('.giftcertificate-information');\n container.spinner().start();\n\n var url = button.data('action');\n var giftCertificateCode = button.data('giftcertificatecode');\n $.ajax({\n url: url,\n method: 'POST',\n dataType: 'json',\n data: '&giftCertificateCode=' + giftCertificateCode,\n success: function (data) {\n if (data.success) {\n $('.js-giftcertificatepaymentinstruments').html(data.template);\n\n $('body').trigger('checkout:updateCheckoutViewPaymentInformation', { order: data.order });\n }\n\n $.spinner().stop();\n displayMessage(data, button);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n}\n\nmodule.exports = {\n displayMessage: displayMessage,\n giftCertificateFormSubmission: giftCertificateFormSubmission,\n updateGiftCertificateLineItem: updateGiftCertificateLineItem,\n checkBalanceFormSubmission: checkBalanceFormSubmission,\n applyGiftCertificateToBasket: applyGiftCertificateToBasket,\n removeGiftCertificatePaymentInstrument: removeGiftCertificatePaymentInstrument,\n init: function () {\n module.exports.giftCertificateFormSubmission();\n module.exports.checkBalanceFormSubmission();\n module.exports.applyGiftCertificateToBasket();\n module.exports.removeGiftCertificatePaymentInstrument();\n }\n};\n","'use strict';\n\n/**\n * This client-side js file just acts as a wrapper for the site preference config toggles\n * that are outputted by Controller: Integrations-OutputIntegrationsConfig\n */\n\nfunction getIntegrationSettings() {\n if (window && window.CachedData && window.CachedData.siteIntegrations) {\n return window.CachedData.siteIntegrations;\n }\n return {};\n}\n\nmodule.exports = {\n getIntegrationSettings : getIntegrationSettings\n};\n","var SiteConstants = require('constants/SiteConstants');\n\nwindow.jQuery = window.$ = require('jquery');\nwindow.isMobile = () => $(window).outerWidth() < SiteConstants.BreakpointSizes.lg;\n\nvar processInclude = require('base/util');\n\n/**\n * A list of base Files, leave these in order they are listed\n */\nvar baseFiles = {\n menu: require('./components/menu'),\n cookie: require('base/components/cookie'),\n consentTracking: require('./components/consentTracking'),\n footer: require('./components/footer'),\n miniCart: require('./components/miniCart'),\n collapsibleItem: require('./components/collapsibleItem'),\n search: require('./components/search').init,\n clientSideValidation: require('./components/clientSideValidation'),\n countrySelector: require('./components/countrySelector'),\n header: require('./components/header'),\n tabs: require('./components/tabs'),\n toast: require('./components/toast'),\n toolTip: require('./components/toolTip'),\n video: require('./components/video'),\n tile: require('./product/tile'),\n base: require('./product/base'),\n quickView: require('./product/quickView'),\n productTile: require('./components/productTile'),\n giftCertificate: require('./giftCertificate/giftCertificate').init,\n modal: require('./components/modal').init,\n slider: require('./components/slider').init,\n einsteinRecs: require('./components/einsteinRecs').init,\n wishlist: require('./wishlist/wishlist').init,\n cart: require('./cart'),\n scroll: require('./utilities/scroll'),\n headerUtils: require('./utilities/headerUtils'),\n pageDesigner: require('./pageDesigner'),\n storeLocator: require('./storeLocator/storeLocator')\n};\n\n$(document).ready(() => {\n Object.keys(baseFiles).forEach(function (key) {\n processInclude(baseFiles[key]);\n });\n});\n\nrequire('./thirdParty/bootstrap');\nrequire('focus-visible/dist/focus-visible.min.js');\nrequire('base/components/spinner');\n\nmodule.exports = {\n baseFiles\n};\n","'use strict';\n\nmodule.exports = function() {\n\n // Move modal from button to body to prevent overflow issues, eliminating any duplicates\n if ($('.button.has-modal').length > 0) {\n $('.button.has-modal').each((index, button) => {\n var $modal = $(button).find('.modal');\n\n if (!$('body > #' + $modal.attr('id')).length > 0) {\n $(button).find('.modal').appendTo('body');\n } else {\n $modal.remove();\n }\n });\n }\n\n};\n","'use strict';\n\nmodule.exports = function() {\n\n // add class to sliders containing animated hero banners\n if ($('.slider').find('.hero-text[data-animation]')) {\n var heroAnimationSliders = $('.slider').find('.hero-text[data-animation]').closest('.slider-container');\n \n for (var i = 0; i < heroAnimationSliders.length; i++) {\n heroAnimationSliders[i].classList.add('hero-has-animation');\n }\n }\n\n // if hero background video is set to play once, hide when finished and show replay button\n $('body').on('video:ended', (event, player) => {\n var $playerContainer = player.domElements.$cntr;\n \n if ($playerContainer.hasClass('hero-media') && $playerContainer.data('play-once') === true) {\n var $replayButton = $playerContainer.next('.replay-video');\n $playerContainer.addClass('video-stopped');\n\n $replayButton.click(event => {\n $playerContainer.removeClass('video-stopped');\n player.config.autoplay = true;\n if (player.type === 'youtube') {\n player.apiObj.seekTo(0);\n }\n if (player.type === 'hosted') {\n player.apiObj.currentTime(0);\n }\n if (player.type === 'vimeo') {\n player.apiObj.setCurrentTime(0);\n }\n player.play();\n });\n }\n });\n\n};\n","'use strict';\n\nconst Button = require('./button');\nconst Hero = require('./hero');\n\nfunction checkIfVisible($element, context) {\n var pageTop = $(window).scrollTop();\n var pageBottom = pageTop + $(window).height();\n var elementHeight = $element.height();\n var elementTop = $element.offset().top;\n var elementBottom = elementTop + elementHeight;\n\n // on ititial load if animated element is already in or above viewable area, animate immediately\n if (context === 'initialPageLoad' && elementTop <= pageBottom) {\n return true;\n }\n\n if (context === 'reset') {\n // element is above fold\n return (elementTop <= pageBottom);\n } else {\n // any portion of element is in viewport\n return ((elementTop <= pageBottom) && (elementBottom >= pageTop));\n }\n}\n\nfunction animateIfVisible($elements, context) {\n $elements.each((index, element) => {\n var $element = $(element);\n var animationClass = $element.data('animation');\n var isVisible = checkIfVisible($element, context);\n\n if (isVisible) {\n $element.removeClass('animation-initial-state').addClass(animationClass);\n }\n });\n}\n\nfunction resetAnimationElement($elements) {\n $elements.each((index, element) => {\n var $element = $(element);\n var shouldReset = !$element.data('animation-play-once');\n\n if (shouldReset) {\n var animationClass = $element.data('animation');\n var isVisible = checkIfVisible($element, 'reset');\n\n if (!isVisible) {\n $element.removeClass(animationClass).addClass('animation-initial-state');\n void element.offsetWidth; // allows animation to retrigger\n }\n }\n });\n}\n\nfunction initScrollEvents() {\n\n // trigger animations when animated component is scrolled to\n var $animationElements = $('[data-animation]');\n\n if ($animationElements.length) {\n animateIfVisible($animationElements, 'initialPageLoad');\n\n window.addEventListener('scrollUpdate', event => {\n var direction = event.detail.direction;\n\n if (direction === 'down') {\n animateIfVisible($animationElements, null);\n }\n\n if (direction === 'up') {\n resetAnimationElement($animationElements);\n }\n });\n }\n\n};\n\n\nmodule.exports = {\n initScrollEvents: initScrollEvents,\n button: Button,\n hero: Hero\n};\n","'use strict';\n\n/**\n * This client-side js file just acts as a wrapper for the site preferences\n * that are outputted by AB Controller: Data-CachedData\n */\n\nfunction getSitePreferences() {\n if (window && window.CachedData && window.CachedData.sitePreferences) {\n return window.CachedData.sitePreferences;\n }\n return {};\n}\n\nmodule.exports = {\n getSitePreferences : getSitePreferences\n};\n","'use strict';\nvar focusHelper = require('base/components/focus');\nvar abSlider = require('core/components/slider');\nvar siteIntegrations = require('../integrations/siteIntegrationsUtils');\nvar toggleObject = siteIntegrations.getIntegrationSettings();\nvar productListEnhancementsHelpers = require('../productListEnhancements/helpers.js');\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 */\nfunction getPidValue($el) {\n var pid;\n\n 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 * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction 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 {\n quantitySelected = $('.quantity-select');\n }\n return quantitySelected;\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 */\nfunction getQuantitySelected($el) {\n return this.getQuantitySelector($el).val();\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 */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n if (attr.attributeId == 'color') {\n $productContainer.find('.color-display-value').text(attr.displayValue || '');\n };\n\n if (attr.attributeId == 'size') {\n $productContainer.find('[data-attr=\"size\"]').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 + '\"]');\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\n/**\n * Check to see if the attribute button element can be clicked\n *\n * @param {Object} $attributeButtonElement - Attribute element button\n */\nfunction checkForClickableAttribute($attributeButtonElement) {\n return ($attributeButtonElement.attr('disabled') || $attributeButtonElement.data('url') === null || $attributeButtonElement.find('.unselectable').length || $attributeButtonElement.find('.selected').length);\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 viewOutOfStockItems = window.CachedData.siteIntegrations.viewOutOfStockItems;\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 + '\"]');\n $attrValue.attr('value', attrValue.url).removeAttr('disabled');\n var currentSelectedOption = $productContainer.find($attr + '.select-' + attr.id + ' option:selected').eq(0);\n\n if (!viewOutOfStockItems && (!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 $productContainer.find($attr).prop('selectedIndex', $(currentSelectedOption).index());\n }\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n var methods = this;\n\n //Get the available swatchable attribute array ['color','size'] (currently defined as a site pref, and added as a data attribute to the product container element\n var attrsWithSwatches = $productContainer.data('swatchable-attributes');\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches && attrsWithSwatches.indexOf(attr.attributeId) > -1) {\n methods.processSwatchValues(attr, $productContainer, msgs);\n } else {\n methods.processNonSwatchValues(attr, $productContainer, msgs);\n }\n });\n}\n\n/**\n * Updates the availability status in the Product Detail Page\n *\n * @param {Object} response - Ajax response object after an\n * attribute value has been [de]selected\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateAvailabilityProcess(response, $productContainer) {\n var availabilityValue = '';\n var availabilityMessages = response.product.availability.messages;\n if (!response.product.readyToOrder) {\n availabilityValue = '
';\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n\t// Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Updates slider for PDP main images and thumbnails from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createSlider(images, assets, $productContainer) {\n var $sliderContainers = $productContainer.find('.slider-container');\n var data = images !== null ? {images} : null;\n data.assets = assets || null;\n\n // Reversing order in which to update sliders so that thumbnails get initialized first\n $($sliderContainers.get().reverse()).each((index, sliderContainer) => {\n var $slider = $(sliderContainer).find('.slider');\n $slider.trigger('slider:update', data);\n });\n}\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 */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVariant;\n var isSetItem = $productContainer.hasClass('product-set-item-detail') ? true : false;\n\n if (response.product.variationAttributes) {\n this.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 }\n\n // Update primary images\n var primaryImages = response.product.images;\n var pdpGalleryAssets = response.product.pdpGalleryAssets;\n var $oldWishlistIcon = $productContainer.find('div.slide .product-list-enhancements-toggle-product').first().clone(true);\n\n this.createSlider(primaryImages, pdpGalleryAssets, $productContainer);\n // if variant is a product set item, update the sample image\n if (isSetItem) {\n $productContainer\n .find('.product-set-item-main-image')\n .attr('src', primaryImages.large[0].url)\n .attr('alt', primaryImages.large[0].alt);\n }\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price', $productContainer).length\n ? $('.prices .price', $productContainer)\n : $('.prices .price');\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n\n this.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(this.getAttributesHtml(response.product.attributes));\n\n // Update wishlist\n if ($oldWishlistIcon && $oldWishlistIcon.length) {\n var $newWishlistIcon = $oldWishlistIcon;\n $newWishlistIcon.attr('data-wishlistpid', response.product.wishlistpid);\n\n //Make heart icon accurate\n var wishlist = require('../productListEnhancements/helpers.js');\n wishlist.updateLinkData($newWishlistIcon);\n\n var $newSliderMainImages = $productContainer.find('div.primary-images-main div.slide img');\n $newSliderMainImages.each((_i, newImage) => {\n var $newImage = $(newImage);\n $newImage.after($newWishlistIcon.clone(true));\n });\n }\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent('.bonus-product-item').length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return '';\n }).join('');\n this.getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n var methods = this;\n\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n methods.handleVariantResponse(data, $productContainer);\n methods.updateOptions(data.product.optionsHtml, $productContainer);\n methods.updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl($productContainer) {\n return $productContainer.find('.add-to-cart-url').val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n var methods = this;\n\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success: function (response) {\n var parsedHtml = methods.parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n // conditional added for response, sometimes it was failing when called on page load\n if (response) {\n $('.minicart').trigger('count:update', response);\n var messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n this.chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n\n $('.add-to-cart-messages').append(\n '
'\n + response.message\n + '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $('.bundle-item').each(function () {\n childProducts.push({\n pid: $(this).find('.product-id').text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find('.product-option')\n .map(function () {\n var $elOption = $(this).find('.options-select');\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nfunction enableQuantitySteppers($context = $('body')) {\n var scope = this;\n var $steppers = $context.find('.quantity-stepper');\n if ($steppers.length) {\n $steppers.each((index, stepper) => {\n var $stepper = $(stepper);\n scope.methods.updateQuantityStepperDisabledStates($stepper);\n scope.methods.bindQuantityStepperButtons($stepper);\n scope.methods.bindQuantityStepperInput($stepper);\n });\n }\n}\n\nfunction updateQuantityStepperDisabledStates($stepper) {\n var min = parseInt($stepper.attr('data-min'));\n var max = parseInt($stepper.attr('data-max'));\n var $input = $stepper.find('input');\n var $minusButton = $stepper.find('[data-action=\"decrease\"]');\n var $plusButton = $stepper.find('[data-action=\"increase\"]');\n var value = !isNaN(parseInt($input.prop('data-qty'))) ? parseInt($input.prop('data-qty')) : parseInt($input.attr('data-qty'));\n\n if (value <= min) {\n $minusButton.addClass('disabled');\n } else {\n $minusButton.removeClass('disabled');\n }\n\n if (value >= max) {\n $plusButton.addClass('disabled');\n } else {\n $plusButton.removeClass('disabled');\n }\n}\n\nfunction bindQuantityStepperButtons($stepper) {\n var methods = this;\n var $select = $stepper.prev('select');\n var min = parseInt($stepper.data('min'));\n var max = parseInt($stepper.data('max'));\n\n $stepper.find('button').off('click').click(event => {\n var $button = $(event.target);\n var action = $button.data('action');\n var previousValue = parseInt($stepper.find('input').val());\n var newValue = previousValue;\n\n if (action === 'increase' && (previousValue + 1 <= max)) {\n newValue++;\n }\n if (action === 'decrease' && (previousValue - 1 >= min)) {\n newValue--;\n }\n if (newValue !== previousValue) {\n $select.find('option[value=\"' + newValue + '\"]').prop('selected', true).change();\n $stepper.find('input').prop('value', newValue).prop('data-qty', newValue);\n methods.updateQuantityStepperDisabledStates($stepper);\n $('body').trigger('quantityStepper:change', $stepper);\n }\n });\n}\n\nfunction bindQuantityStepperInput($stepper) {\n var methods = this;\n\n var $select = $stepper.prev('select');\n var min = parseInt($stepper.data('min'));\n var max = parseInt($stepper.data('max'));\n\n $stepper.find('input').off('change').change(event => {\n var $input = $(event.target);\n var previousValue = !isNaN(parseInt($input.prop('data-qty'))) ? parseInt($input.prop('data-qty')) : parseInt($input.attr('data-qty'));\n var newValue = parseInt($input.val());\n\n if (!isNaN(newValue) && newValue <= max && newValue >= min) {\n $select.find('option[value=\"' + newValue + '\"]').prop('selected', true).change();\n $input.prop('value', newValue).prop('data-qty', newValue);\n methods.updateQuantityStepperDisabledStates($stepper);\n $('body').trigger('quantityStepper:change', $stepper);\n } else {\n $input.prop('value', previousValue);\n }\n });\n}\n\n/**\n * Preselect Single Swatches if only one variant available and it is a swatch\n *\n * @param {object} $productContainer - DOM element holding attributes\n * @return {array} - The swatch elements that need to be selected - in this case it's just one\n*/\nfunction preselectSingleSwatchesInContainer(containerSelector = 'body') {\n var swatches = [];\n if ($(containerSelector) && $(containerSelector).length > 0) {\n var attributes = $(containerSelector).find('.attribute');\n $.each(attributes, function () {\n var disSwatch = $(this).find('.swatch');\n if (disSwatch.length == 1) {\n var firstswatch = $(disSwatch[0]);\n // If the single swatch is already preselected do not add it to the list to be selected (i.e. going straight to a variation's pdp)\n if (!firstswatch.find('span.selectable').hasClass('selected')) {\n swatches.push(firstswatch);\n }\n //If we want to hide the attribute selection completely when there is only one choice\n //disSwatch.parents('.attribute').addClass('visually-hidden');\n }\n });\n this.methods.selectSwatch(swatches);\n }\n}\n\n/**\n * Select Swatches takes an array of swatch dom elements that need to be preselected\n *\n * @param {array} The swatch elements that need to be selected\n*/\nfunction selectSwatch(swatches) {\n var methods = this;\n\n if (swatches.length > 0) {\n // This splice removes the first swatch element from the array, and stores it in the \"swatch\" variable\n var swatch = swatches.splice(0,1)[0];\n\n if ($('.product-bundle').length) {\n var $productContainer = $('.bundle-main-product').length ? $(swatch).closest('.bundle-main-product') : $(swatch).closest('.product-bundle');\n } else {\n var $productContainer = $(swatch).closest('.set-item');\n }\n\n if (!$productContainer.length) {\n $productContainer = $(swatch).closest('.product-detail');\n }\n\n $productContainer.find('.color-display-value').text($(swatch).data('displayvalue'));\n\n // This call triggers the selection of the current swatch element, and sends the new array to be passed back to this function afterward.\n methods.attributeSelect($(swatch).attr('data-url'), $productContainer, function() {\n methods.selectSwatch(swatches);\n });\n }\n}\n\nfunction updateProductListEnhancementsButtons() {\n var $oldProductListEnhancementsIcon;\n\n $('body')\n .on('product:beforeAttributeSelect', function(e, attrData) {\n $oldProductListEnhancementsIcon = attrData.container.find('div.slide .product-list-enhancements-toggle-product').first().clone(true);\n })\n .on('product:afterAttributeSelect', function(e, attrData) {\n if ($oldProductListEnhancementsIcon && $oldProductListEnhancementsIcon.length) {\n var $newProductListEnhancementsIcon = $oldProductListEnhancementsIcon;\n var $newSliderMainImages = attrData.container.find('div.primary-images-main div.slide img');\n\n $newProductListEnhancementsIcon.attr('data-wishlistpid', attrData.wishlistpid);\n productListEnhancementsHelpers.updateLinkData($newProductListEnhancementsIcon);\n\n $newSliderMainImages.each((_i, newImage) => {\n var $newImage = $(newImage);\n\n $newImage.after($newProductListEnhancementsIcon.clone(true));\n });\n }\n });\n}\n\nmodule.exports = {\n methods: {\n attributeSelect: attributeSelect,\n bindQuantityStepperButtons: bindQuantityStepperButtons,\n bindQuantityStepperInput: bindQuantityStepperInput,\n checkForClickableAttribute: checkForClickableAttribute,\n chooseBonusProducts: chooseBonusProducts,\n createSlider: createSlider,\n getAddToCartUrl: getAddToCartUrl,\n getAttributesHtml: getAttributesHtml,\n getChildProducts: getChildProducts,\n getOptions: getOptions,\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n getQuantitySelector: getQuantitySelector,\n handlePostCartAdd: handlePostCartAdd,\n handleVariantResponse: handleVariantResponse,\n miniCartReportingUrl: miniCartReportingUrl,\n parseHtml: parseHtml,\n processNonSwatchValues: processNonSwatchValues,\n processSwatchValues: processSwatchValues,\n selectSwatch: selectSwatch,\n updateAttrs: updateAttrs,\n updateAvailabilityProcess: updateAvailabilityProcess,\n updateOptions: updateOptions,\n updateQuantities: updateQuantities,\n updateQuantityStepperDisabledStates: updateQuantityStepperDisabledStates,\n updateProductListEnhancementsButtons: updateProductListEnhancementsButtons\n },\n\n /**********\n * shared across QV and PDP\n */\n addToCart: function () {\n var scope = this;\n\n // if qty stepper input has focus, we need to blur it so product data can update before button click\n $(document).on('mouseenter', 'button.add-to-cart, button.add-to-cart-global', function (event) {\n var $button = $(event.target);\n var $container = $button.closest('.product-detail');\n if (!$container.length) {\n $container = $button.closest('.quick-view-dialog');\n }\n var $qtyStepperInput = $container.find('.quantity-stepper input');\n\n if ($qtyStepperInput.length && $qtyStepperInput.is(':focus')) {\n $qtyStepperInput.blur();\n }\n });\n\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function (event) {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var quantity;\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n var $products = $(this).closest('.product-detail').find('.product-set-item-detail');\n if (!$products.length) {\n if ($(this).closest('.quick-view-dialog').length) {\n $products = $(this).closest('.quick-view-dialog').find('.product-set-item-detail');\n } else {\n $products = $('.product-detail'); // pagedesigner component 'Add all to cart btn' won't have .product-set-item-detail classes\n }\n }\n\n $products.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 }\n\n pid = scope.methods.getPidValue($(this));\n\n quantity = $(this).hasClass('single-variant-quick-add-to-cart') ? 1 : scope.methods.getQuantitySelected($(this));\n\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 var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: scope.methods.getChildProducts(),\n quantity: quantity,\n 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 $('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 quickAddToCart: function () {\n $('body').on('product:singleSelectQuickAddToCart', function (e, response) {\n var addToCartUrl = getAddToCartUrl(response.container);\n\n var form = {\n pid: response.data.product.id,\n quantity: 1\n };\n\n $(response.container).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n var $productContainer = response.$productContainer;\n // bundle individual products\n $productContainer.find('.product-availability')\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n //Quickview\n var $dialog = $productContainer.closest('.quick-view-dialog');\n if ($dialog.length){\n if ($dialog.find('.product-availability').length) {\n // bundle all products\n var allAvailable = $dialog.find('.product-availability').toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $dialog.find('.product-availability').toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $dialog.find('.global-availability')\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $dialog.find('.global-availability .availability-msg').empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $dialog.find('.global-availability')\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n //main PDP\n } else {\n if ($productContainer.find('.global-availability').length) {\n var allAvailable = $productContainer.find('.product-availability').toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $productContainer.find('.product-availability').toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $productContainer.find('.global-availability')\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $productContainer.find('.global-availability .availability-msg').empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n }\n }\n });\n },\n availability: function () {\n var scope = this;\n\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n scope.methods.attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer);\n }\n });\n },\n updateSetItemsAvailability: function () {\n var scope = this;\n\n $(document).on('change', '.product-set-quantity-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.product-set-detail').find('.set-items');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.modal-content').find('.set-items');\n }\n var $quantitySelected = $(e.currentTarget).find('option:selected').val();\n\n $productContainer.find('.product-set-item-detail').each(function () {\n var $setItemQuantity = $(this).find('.quantity-select');\n var qtyStepper = $(this).find('.quantity-stepper');\n $setItemQuantity.val($quantitySelected).find('option').each(function () {\n if (this.value == $quantitySelected) {\n $(this).prop('selected','selected');\n $setItemQuantity.change();\n if (qtyStepper.length) {\n qtyStepper.find('input').val($quantitySelected).attr('data-qty',$quantitySelected);\n scope.methods.updateQuantityStepperDisabledStates(qtyStepper);\n }\n return false;\n }\n })\n });\n });\n },\n updateAddToCart: function () {\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',\n (!response.product.readyToOrder || !response.product.available));\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',\n !$dialog.find('.global-availability').data('ready-to-order')\n || !$dialog.find('.global-availability').data('available')\n );\n } else {\n var enable = $productContainer.find('.product-availability').toArray().every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n $productContainer.find('button.add-to-cart-global').attr('disabled', !enable);\n }\n });\n },\n updateAttribute: function() {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n response.container.find('#sizeChartModal').attr('data-product', response.data.product.id);\n\n //Quickview\n if ($('.modal.show .product-quickview>.bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\n } else if ($('.set-items').length) {\n response.container.find('.product-id').text(response.data.product.id);\n } else if ($('.modal.show .product-quickview').length) {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n $('.modal.show .full-pdp-link').attr('href', response.data.product.selectedProductUrl);\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\n //Main PDP\n } else if ($('.product-detail>.bundle-items').length) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else if ($('.product-set-detail').eq(0)) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n response.container.find('.add-to-cart').data('pid', response.data.product.id);\n } else {\n $('.product-detail .add-to-cart').data('pid', response.data.product.id);\n $('.product-id').text(response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').data('pid', response.data.product.id);\n }\n });\n },\n quickViewLoaded: function() {\n var scope = this;\n $(document).on('quickview:ready', 'body', (event, modal) => {\n scope.enableQuantitySteppers($(modal));\n productListEnhancementsHelpers.updateLinkData();\n });\n },\n miniCartLoaded: function() {\n var scope = this;\n $('body').on('minicart:loaded', (event, minicart) => {\n scope.enableQuantitySteppers($(minicart));\n });\n },\n preselectSingleSwatchesInContainer: preselectSingleSwatchesInContainer,\n //Attributes that display as non-color swatches\n nonColorAttribute: function () {\n var scope = this;\n\n $(document).on('click', 'button.swatch:not(.color-attribute)', function (e) {\n e.preventDefault();\n\n $('body').trigger('product:swatchClicked', [$(this), toggleObject]); // add trigger for any attribute click use (incl. nonClickable Attrs)\n if (scope.methods.checkForClickableAttribute($(this)) && !toggleObject.viewOutOfStockItems) {\n return;\n }\n\n if ($('.product-bundle').length) {\n var $productContainer = $('.bundle-main-product').length ? $(this).closest('.bundle-main-product') : $(this).closest('.product-bundle');\n } else {\n var $productContainer = $(this).closest('.set-item');\n }\n\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n scope.methods.attributeSelect($(this).attr('data-url'), $productContainer);\n\n $(this).closest('.non-color-attribute-swatches').find('.non-color-display-value').text($(this).find('.swatch-value').data('display-value'));\n });\n },\n //Attributes that display in a select dropdown (default)\n selectAttribute: function () {\n var scope = this;\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n if ($('.product-bundle').length) {\n var $productContainer = $('.bundle-main-product').length ? $(this).closest('.bundle-main-product') : $(this).closest('.product-bundle');\n } else {\n var $productContainer = $(this).closest('.set-item');\n }\n\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n scope.methods.attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n //Attributes that display as color swatches\n colorAttribute: function () {\n var scope = this;\n\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n $('body').trigger('product:swatchClicked', [$(this), toggleObject]); // add trigger for any attribute click use (incl. nonClickable Attrs)\n if (scope.methods.checkForClickableAttribute($(this)) && !toggleObject.viewOutOfStockItems) {\n return;\n }\n\n if ($('.product-bundle').length) {\n var $productContainer = $('.bundle-main-product').length ? $(this).closest('.bundle-main-product') : $(this).closest('.product-bundle');\n } else {\n var $productContainer = $(this).closest('.set-item');\n }\n\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n scope.methods.attributeSelect($(this).attr('data-url'), $productContainer);\n\n $productContainer.find('.color-display-value').text($(this).find('.swatch').data('displayvalue'));\n });\n },\n enableQuantitySteppers: enableQuantitySteppers,\n\n sizeChart: function() {\n $('body').on('click', '.size-chart .size-chart-launcher', event => {\n event.preventDefault();\n var url = $(event.target).attr('href');\n var productId = $(event.target).closest('.product-detail').find('.product-id').html();\n var $sizeChartModal = $('.modal[data-product=' + productId + ']');\n var $modalBody = $sizeChartModal.find('.modal-body');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n success: function (data) {\n $modalBody.html(data);\n }\n });\n\n //if the sizechart is from a quickview append after all the modal-backdrops\n if ($(event.target).parents('.product-quickview').length) {\n var $sizeChartContainer = $(event.target).closest('.size-chart');\n\n $sizeChartModal.appendTo('body');\n $sizeChartModal.on('hide.bs.modal', event => {\n $sizeChartModal.appendTo($sizeChartContainer);\n });\n }\n $sizeChartModal.modal('show');\n });\n\n $('body').on('click', '#sizeChartModal .close', event => {\n $(event.target).closest('#sizeChartModal').modal('hide');\n });\n },\n\n /**********\n * from cart\n */\n bonusProductEdit: function() {\n var scope = this;\n\n $('body').on('bonusproduct:edit', (event, data) => {\n scope.methods.chooseBonusProducts(data);\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid .remove-bonus-product', event => {\n $(event.target).closest('.selected-pid').remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n $('body').trigger('modal:loaded', $('#chooseBonusProductModal')); // update quickview modal scroll height\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#chooseBonusProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n updateHideShowOutOfStockInStockNotificationForm: function () {\n if (toggleObject.viewOutOfStockItems && toggleObject.viewBackInStockNotificationForm) {\n $('body').on('product:afterAttributeSelect', function(e, attrData) {\n var $qtyCartContainer = attrData.container && attrData.container.find('.qty-cart-container');\n\n if ($qtyCartContainer) {\n $qtyCartContainer.each(function () {\n var $container = $(this);\n var $addToCartBtn = $container.find('.addtocartbutton');\n var $qty = $container.find('.quantity');\n var $bisnForm = $container.find('.bisnform');\n var product = (attrData.data || {}).product || {};\n\n $bisnForm.find('.submit-success').removeClass('submit-success');\n $bisnForm.find(':input[name=\"pid\"]').val(product.id || '');\n\n if (!!product.showBISN) {\n $addToCartBtn.addClass('d-none');\n $qty.addClass('d-none');\n $bisnForm.removeClass('d-none');\n } else {\n $addToCartBtn.removeClass('d-none');\n if (!attrData.data.product.hideQty) {\n $qty.removeClass('d-none');\n }\n $bisnForm.addClass('d-none');\n }\n });\n }\n });\n }\n },\n notifyWhenBackInStock: function () {\n $('body').on('submit', '.pdp-bisn-form', function (e) {\n e.preventDefault();\n e.stopPropagation();\n //\n // Submit the Subscribe Form\n //\n var form = this,\n $form = $(form);\n\n $form.data('$xhr', $.ajax({\n beforeSend: function () {\n var $xhr = this.data('$xhr');\n\n $xhr && $xhr.abort();\n\n $form.removeClass('submit-error');\n\n return form.checkValidity();\n },\n context: $form,\n data: $form.serialize(),\n method: $form.attr('method'),\n error: function() {\n // Validate each input\n this.find(':input').each(function (input) { input.checkValidity(); });\n\n console.error(this, arguments);\n debugger;\n },\n success: function (data) {\n if (data.success) {\n $form.addClass('submit-success');\n\n $('body').trigger('subscribe:success', data);\n\n form.reset();\n } else if (data.error) {\n $form.addClass('submit-error');\n // Hide error after delay\n setTimeout(function () { $form.removeClass('submit-error'); }, 5000);\n }\n },\n url: $form.attr('action')\n }));\n });\n }\n};\n","'use strict';\n\nmodule.exports = {\n updateAttributes: function() {\n $('body').on('product:statusUpdate', function (e, data) {\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\n\n $productContainer.find('.main-content-group .product-attributes')\n .empty()\n .html(data.attributesHtml);\n\n\n $('body').trigger('tooltip:init');\n if ($('button.add-to-cart-global').length) {\n module.exports.updateAddAllToCart();\n }\n });\n },\n updateHeadlinesAndTabs: function() {\n $('body').on('product:afterAttributeSelect', function (e, data) {\n if (data && data.data && data.data.product && data.container) {\n var $productContainer = data.container;\n var product = data.data.product;\n\n if (product.headline) {\n $productContainer.find('.product-headline')\n .show()\n .html(product.headline);\n } else {\n $productContainer.find('.product-headline')\n .hide();\n }\n\n if (product.headlineDescription) {\n $productContainer.find('.product-headlinedescription')\n .show()\n .html(product.headlineDescription);\n } else {\n $productContainer.find('.product-headlinedescription')\n .hide();\n }\n\n if (product.collapsibleContentHTML) {\n $productContainer.find('.main-content-item')\n .show()\n .replaceWith(product.collapsibleContentHTML);\n } else {\n $productContainer.find('.main-content-item')\n .hide();\n }\n\n if (product.tabsHTML) {\n $productContainer.find('.tabs')\n .show()\n .replaceWith(product.tabsHTML);\n } else {\n $productContainer.find('.tabs')\n .hide();\n }\n }\n });\n },\n updateAddAllToCart: function () {\n // if default variants are selected, enable the add all to cart btn on load\n if ($('button.add-to-cart-global').length) {\n var enable = $('.product-availability').toArray().every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n $('button.add-to-cart-global').attr('disabled', !enable);\n }\n },\n copyProductLink: function () {\n $('body').on('click', '#fa-link', function () {\n event.preventDefault();\n var $temp = $('');\n $('body').append($temp);\n $temp.val($('#shareUrl').val()).select();\n document.execCommand('copy');\n $temp.remove();\n $('.copy-link-message').attr('role', 'alert');\n $('.copy-link-message').removeClass('d-none');\n setTimeout(function () {\n $('.copy-link-message').addClass('d-none');\n }, 3000);\n });\n },\n showSpinner: function() {\n $('body').on('product:beforeAddToCart, product:beforeAttributeSelect', function () {\n $.spinner().start();\n });\n },\n setCollapsibleContentState: function() {\n var $collapsibleContentGroup = $('.collapsible-content-group');\n\n $collapsibleContentGroup.each(function () {\n var expandCollapsibleContentGroup = $(this).data('expand');\n if (expandCollapsibleContentGroup == true) {\n $(this).addClass('active');\n }\n });\n }\n};\n","'use strict';\n\nvar focusHelper = require('base/components/focus');\nvar modal = require('../components/modal');\nconst { updateAddAllToCart } = require('./detail');\n\n/**\n * @typedef {Object} QuickViewHtml\n * @property {string} body - Main Quick View body\n * @property {string} footer - Quick View footer content\n */\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl) {\n var $modal = $('#quickViewModal');\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\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', $('#quickViewModal')); // 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 $modal.find('.modal-footer').html(parsedHtml.footer);\n $modal.find('.full-pdp-link').text(data.quickViewFullDetailMsg);\n $modal.find('.full-pdp-link').attr('href', data.productUrl);\n $modal.find('.modal-header .close .sr-only').text(data.closeButtonText);\n $modal.find('.enter-message').text(data.enterDialogMessage);\n $modal.find('#quickViewModal').modal('show');\n\n if (data.dialogTitle) {\n $modal.find('.modal-header').prepend('
' + data.dialogTitle + '
')\n }\n\n if (data.product.productType === 'set') {\n updateAddAllToCart();\n }\n\n $('body').trigger('modal:loaded', $('#quickViewModal')); // sending custom event for scroll body sizing\n $('body').trigger('quickview:ready', $('#quickViewModal')); // sending custom event for slider init\n $('body').trigger('tooltip:init');\n\n $.spinner().stop();\n },\n error: function() {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * replaces the content in the popover for the selected product.\n */\n function fillPopoverElement(quickAddToCartUrl, popover) {\n var $popover = $('#' + popover);\n $.ajax({\n url: quickAddToCartUrl,\n method: 'GET',\n dataType: 'json',\n success: function(data) {\n $popover.find('.popover-body').html(data.renderedTemplate);\n $popover.popover('update');\n }\n });\n}\n\nmodule.exports = {\n showQuickview: function() {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n modal.getModalHtmlElement('quickViewModal', 'quick-view-dialog');\n fillModalElement(selectedValueUrl);\n });\n },\n showQuickAddToCart: function() {\n $('body').on('click', '.quick-add-to-cart', function (e) {\n e.preventDefault();\n var quickAddToCartUrl = $(this).closest('.quick-add-to-cart').data('url');\n var popover = $(this).closest('.quick-add-to-cart').attr('aria-describedby');\n $(e.target).trigger('quickAddToCart:show');\n fillPopoverElement(quickAddToCartUrl, popover);\n });\n },\n reInitShowQuickAddToCart: function() {\n $('body').on('search:sort--success search:showMore--success search:filter--success', function () {\n $('body').trigger('tooltip:init');\n })\n },\n hideQuickAddToCartSingleSelect: function() {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($(response.container).hasClass('product-quick-add-to-cart') && $('.product-quick-add-to-cart .single-select-quick-add-to-cart').length) {\n $('body').trigger('product:singleSelectQuickAddToCart', response);\n $('[data-toggle=\"popover\"].interactive').popover('hide');\n }\n });\n },\n hideQuickAddToCart: function() {\n $('body').on('product:afterAddToCart', function (e) {\n $('[data-toggle=\"popover\"].interactive').popover('hide');\n });\n },\n focusQuickview: function() {\n $('body').on('shown.bs.modal', '#quickViewModal', function() {\n $('#quickViewModal').siblings().attr('aria-hidden', 'false');\n $('#quickViewModal .close').focus();\n });\n },\n trapQuickviewFocus: function() {\n $('body').on('keydown', '#quickViewModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#quickViewModal',\n firstElementSelector: '.full-pdp-link',\n lastElementSelector: '.qv-product-edit-add',\n nextToLastElementSelector: '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n showSpinner: function() {\n $('body').on('product:beforeAddToCart', function (e, data) {\n $(data).closest('.modal-content').spinner().start();\n });\n },\n hideDialog: function() {\n $('body').on('product:afterAddToCart', function () {\n $('#quickViewModal').modal('hide');\n $('#quickViewModal').siblings().attr('aria-hidden', 'true');\n });\n },\n beforeUpdateAttribute: function() {\n $('body').on('product:beforeAttributeSelect', function () {\n $('.modal.show .modal-content').spinner().start();\n });\n }\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('a.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}\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 module.exports.methods.swatchSwitch($swatch);\n })\n }\n else {\n $('body').off('click.swatch-link');\n }\n}\n\nmodule.exports = {\n hijackSwatchClick: hijackSwatchClick,\n mouseEnter: function() {\n $('body').on('mouseenter', '.product-tile .swatch', function(e) {\n var $swatch = $(this);\n module.exports.methods.swatchSwitch($swatch);\n });\n },\n resize: function() {\n $(window).on('resize',function() {\n module.exports.hijackSwatchClick();\n });\n },\n methods: {\n swatchSwitch: swatchSwitch\n }\n};\n","'use strict';\n\nvar eventClickEdit = function(e) {\n e.preventDefault();\n $('.product-list-enhancements-landing').trigger('openEditList', $(this).data());\n};\n\nvar addEventListeners = function() {\n $('.product-list-enhancements-card-list')\n .on('click', '.product-list-enhancements-card-list-header-edit', eventClickEdit);\n};\n\nvar removeEventListeners = function() {\n $('.product-list-enhancements-card-list')\n .off('click', '.product-list-enhancements-card-list-header-edit', eventClickEdit);\n};\n\nvar init = function() {\n addEventListeners();\n};\n\nvar destroy = function() {\n removeEventListeners();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\nvar modalDeleteProduct = require('./modalDeleteProduct');\nvar productBase = require('../product/base');\n\nvar eventSelect = function(e) {\n $(e.target)\n .attr('data-selected', true)\n .data('selected', true)\n .find('.product-list-enhancements-card-product-toggle')\n .addClass('selected');\n};\n\nvar eventUnselect = function(e) {\n $(e.target)\n .attr('data-selected', false)\n .data('selected', false)\n .find('.product-list-enhancements-card-product-toggle')\n .removeClass('selected');\n};\n\nvar eventUpdateQuantity = function(e, payload) {\n $(this)\n .find('.product-list-enhancements-card-product-quantity')\n .val(payload);\n $('body').trigger('productListEnhancements:afterUpdateProductQuantity');\n};\n\nvar eventChangeQuantity = function(e) {\n var $this = $(this);\n var $cardProduct = $this.parents('.product-list-enhancements-card-product');\n $.ajax({\n url: $cardProduct.data().url,\n method: 'POST',\n data: {\n quantity: $this.val(),\n productListId: $cardProduct.data().listId,\n productListItemId: $cardProduct.data().listItemId\n },\n dataType: 'json',\n success: function (data) {\n if (data.success === true) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n } else {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n },\n error: function () {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n });\n $('body').trigger('productListEnhancements:afterUpdateProductQuantity');\n};\n\nvar eventClickAddCart = function(e) {\n e.preventDefault();\n $.spinner().start();\n var $this = $(this);\n var $cardProduct = $this.parents('.product-list-enhancements-card-product');\n var addToCartUrl = $this.data().url;\n var pid = $cardProduct.data('pid');\n var quantity = $cardProduct.find('.product-list-enhancements-card-product-quantity').val();\n var options = JSON.stringify($this.data().options);\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: {\n pid,\n quantity,\n options\n },\n dataType: 'json',\n success: function (data) {\n if (data.error === false) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n productBase.methods.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n productBase.methods.miniCartReportingUrl(data.reportingURL, data.error);\n } else {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n $.spinner().stop();\n },\n error: function () {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n};\n\nvar eventClickRemove = function(e) {\n e.preventDefault();\n $('#wishlistEnhancementsModalDeleteProduct')\n .modal('show', $(this));\n};\n\nvar eventClickCheckbox = function(e) {\n e.preventDefault();\n var $this = $(this);\n var $cardProduct = $this.parents('.product-list-enhancements-card-product');\n if ($cardProduct.data().selected === true) {\n $this.removeClass('selected');\n $cardProduct\n .attr('data-selected', false)\n .data('selected', false);\n } else {\n $this.addClass('selected');\n $cardProduct\n .attr('data-selected', true)\n .data('selected', true);\n }\n $('.product-list-enhancements-detail').trigger('afterSelectProduct');\n};\n\nvar addEventListeners = function() {\n $('.product-list-enhancements-card-product')\n .on('select', eventSelect)\n .on('unselect', eventUnselect)\n .on('updateQuantity', eventUpdateQuantity)\n .on('click', '.product-list-enhancements-card-product-toggle', eventClickCheckbox)\n .on('change', '.product-list-enhancements-card-product-quantity', eventChangeQuantity)\n .on('click', '.product-list-enhancements-card-product-add', eventClickAddCart)\n .on('click', '.product-list-enhancements-card-product-remove', eventClickRemove);\n};\n\nvar removeEventListeners = function() {\n $('.product-list-enhancements-card-product')\n .off('select', eventSelect)\n .off('unselect', eventUnselect)\n .off('updateQuantity', eventUpdateQuantity)\n .off('click', '.product-list-enhancements-card-product-toggle', eventClickCheckbox)\n .off('change', '.product-list-enhancements-card-product-quantity', eventChangeQuantity)\n .off('click', '.product-list-enhancements-card-product-add', eventClickAddCart)\n .off('click', '.product-list-enhancements-card-product-remove', eventClickRemove);\n};\n\nvar init = function() {\n addEventListeners();\n $('body').trigger('productListEnhancements:afterUpdateProductQuantity');\n modalDeleteProduct.init();\n}\n\nvar destroy = function() {\n removeEventListeners();\n modalDeleteProduct.destroy();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar modalShareList = require('./modalShareList');\nvar modalDeleteProducts = require('./modalDeleteProducts');\nvar overlayDetailSelected = require('./overlayDetailSelected');\nvar cardProduct = require('./cardProduct');\nvar productBase = require('../product/base');\nvar modalQuickView = require('./modalQuickView');\nvar detailNotes = require('./detailNotes');\nvar errorDisplay = require('./errorDisplay');\n\nvar unsetSelectedProductsState = function () {\n $('.product-list-enhancements-detail-nav').addClass('open');\n $('.product-list-enhancements-detail-deselect').removeClass('show').addClass('d-none');\n $('.public-toggle').removeClass('d-none').addClass('show');\n $('#wishlistOverlayDetailSelected').trigger('close');\n $('.product-list-enhancements-detail')\n .find('.product-list-enhancements-card-product')\n .trigger('unselect');\n};\n\nvar toggleSelectedProductsState = function () {\n if ($('.product-list-enhancements-card-product[data-selected=\"true\"]').length) {\n $('.product-list-enhancements-detail-nav').removeClass('open');\n $('.product-list-enhancements-detail-deselect').addClass('show').removeClass('d-none');\n $('.public-toggle').removeClass('show').addClass('d-none');\n if (\n $('.product-list-enhancements-card-product.product-type-master[data-selected=\"true\"]').length\n || $('.product-list-enhancements-card-product.unavailable[data-selected=\"true\"]').length\n ) {\n $('.product-list-enhancements-overlay-detail-selected-add').attr('disabled', true);\n } else {\n $('.product-list-enhancements-overlay-detail-selected-add').attr('disabled', false);\n }\n $('#wishlistOverlayDetailSelected').trigger('open');\n } else {\n unsetSelectedProductsState();\n }\n};\n\nvar eventKeyPressEscapeWindow = function (e) {\n if (e.key && e.key === 'Escape') {\n unsetSelectedProductsState();\n }\n};\n\nvar eventUnselectAllProducts = function (e) {\n unsetSelectedProductsState();\n};\n\nvar eventUpdateSelectedProducts = function () {\n toggleSelectedProductsState();\n};\n\n\nvar eventUpdateProducts = function (e, $products) {\n $.spinner().start();\n unsetSelectedProductsState();\n cardProduct.destroy();\n $('.product-list-enhancements-detail')\n .find('.product-list-enhancements-detail-products')\n .replaceWith($products);\n cardProduct.init();\n $.spinner().stop();\n};\n\nvar eventClickSelectAll = function (e) {\n e.preventDefault();\n $('.product-list-enhancements-detail')\n .find('.product-list-enhancements-card-product')\n .trigger('select');\n toggleSelectedProductsState();\n};\n\nvar eventClickDeselect = function (e) {\n e.preventDefault();\n unsetSelectedProductsState();\n};\n\n\nvar eventClickShare = function (e) {\n e.preventDefault();\n};\n\nvar eventClickAddToCart = function (e) {\n e.preventDefault();\n var $this = $(this);\n var $products = $this.parents('.product-list-enhancements-detail').find('.product-list-enhancements-card-product:not(.unavailable):not(.product-type-master)');\n var addToCartUrl = $this.data().url;\n var pidsObj = [];\n $products.each(function () {\n var $product = $(this);\n pidsObj.push({\n pid: $product.data().pid,\n qty: $product.find('.product-list-enhancements-card-product-quantity').val(),\n options: ''\n });\n });\n if (pidsObj.length) {\n $.spinner().start();\n pidsObj = JSON.stringify(pidsObj);\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: {\n pidsObj\n },\n success: function (data) {\n if (data.error === false) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n productBase.methods.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n productBase.methods.miniCartReportingUrl(data.reportingURL, data.error);\n } else {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n $.spinner().stop();\n },\n error: function () {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n }\n};\n\nvar addEventListeners = function () {\n $(window)\n .on('keydown', eventKeyPressEscapeWindow);\n $('.product-list-enhancements-detail')\n .on('updateProducts', eventUpdateProducts)\n .on('afterSelectProduct', eventUpdateSelectedProducts)\n .on('unselectAllProducts', eventUnselectAllProducts)\n .on('click', '.product-list-enhancements-detail-select-all', eventClickSelectAll)\n .on('click', '.product-list-enhancements-detail-share', eventClickShare)\n .on('click', '.product-list-enhancements-detail-add-cart', eventClickAddToCart)\n .on('click', '.product-list-enhancements-detail-deselect', eventClickDeselect)\n};\n\nvar removeEventListeners = function () {\n $(window)\n .off('keydown', eventKeyPressEscapeWindow);\n $('.product-list-enhancements-detail')\n .off('updateProducts', eventUpdateProducts)\n .off('afterSelectProduct', eventUpdateSelectedProducts)\n .off('unselectAllProducts', eventUnselectAllProducts)\n .off('click', '.product-list-enhancements-detail-select-all', eventClickSelectAll)\n .off('click', '.product-list-enhancements-detail-share', eventClickShare)\n .off('click', '.product-list-enhancements-detail-add-cart', eventClickAddToCart)\n .off('click', '.product-list-enhancements-detail-deselect', eventClickDeselect)\n};\n\nvar init = function () {\n if ($('.product-list-enhancements-detail').length) {\n addEventListeners();\n modalShareList.init();\n modalDeleteProducts.init();\n overlayDetailSelected.init();\n cardProduct.init();\n modalQuickView.init();\n detailNotes.init();\n errorDisplay.init();\n }\n};\n\nvar destroy = function () {\n removeEventListeners();\n modalShareList.destroy();\n modalDeleteProducts.destroy();\n overlayDetailSelected.destroy();\n cardProduct.destroy();\n modalQuickView.init();\n detailNotes.destroy();\n errorDisplay.destroy();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\nconst noteTextMaxLength = 256;\n\nvar closeNotes = function() {\n $('.product-list-enhancements-detail-notes-text')\n .removeClass('open');\n $('.product-list-enhancements-detail-notes-form-group')\n .attr('aria-hidden', 'true');\n};\n\nvar saveNotes = function() {\n var $detailNotes = $('#wishlistEnhancementsDetailNotes');\n var $detailNotesTextarea = $detailNotes.find('.product-list-enhancements-detail-notes-text');\n var currentNoteText = $detailNotes.data('currentNoteText').trim();\n var updatedNoteText = $detailNotesTextarea.val().trim().substring(0, noteTextMaxLength);\n if (updatedNoteText !== currentNoteText) {\n $detailNotes.data('currentNoteText', updatedNoteText);\n $.ajax({\n url: $detailNotes.data().url,\n method: 'POST',\n dataType: 'json',\n data: {\n productListId: $detailNotes.data().productListId,\n productListDescription: updatedNoteText\n }\n });\n }\n};\n\nvar eventKeyPressEscapeWindow = function (e) {\n if (e.key && e.key === 'Escape') {\n closeNotes();\n }\n};\n\nvar eventUnloadWindow = function (e) {\n saveNotes();\n};\n\nvar eventClickToggle = function(e) {\n e.preventDefault();\n var $showNotesHelperText = $('.product-list-enhancements-detail-notes-text-show');\n var $hideNotesHelperText = $('.product-list-enhancements-detail-notes-text-hide');\n var $notesText = $('.product-list-enhancements-detail-notes-text');\n if ($notesText.hasClass('open')) {\n closeNotes();\n } else {\n $notesText\n .addClass('open')\n .focus();\n $('.product-list-enhancements-detail-notes-form-group')\n .attr('aria-hidden', 'false');\n }\n $($showNotesHelperText).add($hideNotesHelperText).toggleClass('d-none');\n};\n\nvar eventBlurText = function(e) {\n saveNotes();\n};\n\nvar addEventListeners = function() {\n $(window)\n .on('unload', eventUnloadWindow)\n .on('keydown', eventKeyPressEscapeWindow);\n $('#wishlistEnhancementsDetailNotes')\n .on('click', '.product-list-enhancements-detail-notes-toggle', eventClickToggle)\n .on('blur', '.product-list-enhancements-detail-notes-text', eventBlurText);\n};\n\nvar removeEventListeners = function() {\n $(window)\n .off('unload', eventUnloadWindow)\n .off('keydown', eventKeyPressEscapeWindow);\n $('#wishlistEnhancementsDetailNotes')\n .off('click', '.product-list-enhancements-detail-notes-toggle', eventClickToggle)\n .off('blur', '.product-list-enhancements-detail-notes-text', eventBlurText);\n};\n\nvar init = function() {\n var currentNoteText = $('.product-list-enhancements-detail-notes-text').val();\n $('#wishlistEnhancementsDetailNotes').data('currentNoteText', currentNoteText);\n addEventListeners();\n}\n\nvar destroy = function() {\n removeEventListeners();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar clearError = function() {\n $('.product-list-enhancements-global-error-display')\n .removeAttr('tabindex')\n .addClass('d-none');\n};\n\nvar eventError = function() {\n\n //close modals so you can see the error message\n $(`\n #wishlistEnhancementsModalDeleteList,\n #wishlistEnhancementsModalDeleteProduct,\n #wishlistEnhancementsModalDeleteProducts,\n #wishlistEnhancementsModalCreateList,\n #wishlistEnhancementsModalEditList,\n #wishlistEnhancementsModalDeleteList,\n #wishlistEnhancementsModalShareList\n `).modal('hide');\n\n // close the spinner if it is open still\n $.spinner().stop();\n\n //display the error\n $('.product-list-enhancements-global-error-display')\n .removeClass('d-none')\n .attr('tabindex', '-1')\n .focus();\n};\n\nvar eventClear = function() {\n clearError();\n};\n\nvar eventClickClose = function(e) {\n e.preventDefault();\n clearError();\n};\n\nvar eventKeyPressEscapeWindow = function(e) {\n if (e.key && e.key === 'Escape') {\n clearError();\n }\n};\n\nvar addEventListeners = function() {\n $(window)\n .on('keydown', eventKeyPressEscapeWindow);\n $('.product-list-enhancements-global-error-display')\n .on('error', eventError)\n .on('clear', eventClear)\n .on('click', '.product-list-enhancements-global-error-display-close', eventClickClose);\n};\n\nvar removeEventListeners = function() {\n $(window)\n .off('keydown', eventKeyPressEscapeWindow);\n $('.product-list-enhancements-global-error-display')\n .off('error', eventError)\n .off('clear', eventClear)\n .off('click', '.product-list-enhancements-global-error-display-close', eventClickClose);\n};\n\nvar init = function() {\n addEventListeners();\n};\n\nvar destroy = function() {\n removeEventListeners();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\n/**\n * update window product list experience data\n * @param {string} data - data returned from the server's ajax call\n */\n var updateUncachedData = function(data) {\n var productListEnhancementsPIDs = new Set(window.UncachedData.productListEnhancementsPIDs);\n var updatedPid;\n if (typeof data.pid === 'number') {\n updatedPid = data.pid.toString();\n } else {\n updatedPid = data.pid;\n }\n if (data.actionType === 'add') {\n productListEnhancementsPIDs.add(updatedPid);\n } else if (data.actionType === 'remove') {\n productListEnhancementsPIDs.delete(updatedPid);\n }\n window.UncachedData.productListEnhancementsPIDs = Array.from(productListEnhancementsPIDs);\n};\n\n/**\n * update clicked links attributes and text\n * @param {Object} specificLinks - jQuery object representing selection of product list experience links\n */\nvar updateLinkData = function(specificLinks, data) {\n if (!window || !window.UncachedData || !window.UncachedData.productListEnhancementsPIDs) {\n return;\n }\n var productListEnhancementsLinks = specificLinks || $('[data-wishlistpid]');\n if (!productListEnhancementsLinks || !productListEnhancementsLinks.length) {\n return;\n }\n var productListEnhancementsPIDs = new Set(window.UncachedData.productListEnhancementsPIDs);\n productListEnhancementsLinks.each((_i, productListEnhancementsLink) => {\n var $productListEnhancementsLink = $(productListEnhancementsLink);\n var wishlistpid = $productListEnhancementsLink.attr('data-wishlistpid');\n if (wishlistpid) {\n var isInWishlist = (productListEnhancementsPIDs.has(wishlistpid));\n $productListEnhancementsLink.attr('data-inproductlistenhancements', isInWishlist);\n if (isInWishlist) {\n $productListEnhancementsLink.attr('title', $productListEnhancementsLink.attr('data-removemessage'));\n if ($productListEnhancementsLink.data('includetext') === true) {\n $productListEnhancementsLink.find('span').html($productListEnhancementsLink.attr('data-removemessage'));\n }\n } else {\n $productListEnhancementsLink.attr('title', $productListEnhancementsLink.attr('data-addmessage'));\n if ($productListEnhancementsLink.data('includeicon') === true) {\n $productListEnhancementsLink.find('span').html($productListEnhancementsLink.attr('data-addmessage'));\n }\n }\n var icon = $productListEnhancementsLink.find('.product-list-enhancements-icon');\n if (icon && icon.length) {\n $(icon).toggleClass('selected', isInWishlist);\n }\n if (data && data.productListQuantities) {\n $productListEnhancementsLink\n .attr('data-wishlistquantity', data.productListQuantities)\n .data('wishlistquantity', data.productListQuantities);\n } else {\n $productListEnhancementsLink\n .attr('data-wishlistquantity', 1)\n .data('wishlistquantity', 1);\n }\n }\n });\n};\n\nvar openToast = (data) => {\n if (data.pid) {\n $('.product-list-enhancements-toast').trigger('show', function($toast) {\n\n if (data.productListName) {\n $toast.find('.wishlist-name').html(data.productListName);\n } else {\n $toast.find('.wishlist-name').html($toast.data().defaultProductListName);\n }\n\n $toast\n .find('.message .manage')\n .attr('href', data.productListUrl);\n\n if (data.manageLabel) {\n $toast.find('.message .manage').html(data.manageLabel);\n } else {\n $toast.find('.message .manage').html($toast.data().defaultManageLabelWishlist);\n }\n\n $toast\n .attr({\n 'data-product-id': data.pid,\n 'data-product-list-id': data.productListId\n })\n .data('product-id', data.pid)\n .data('product-list-id', data.productListId);\n\n if (data.productListQuantities) {\n $toast\n .attr('data-product-list-quantities', data.productListQuantities)\n .data('product-list-quantities', data.productListQuantities);\n }\n\n if (data.productOptions) {\n $toast\n .attr({\n 'data-product-options': data.productOptions\n })\n .data('product-options', data.productOptions);\n }\n\n if (data.productListActionType === 'add') {\n $toast.find('.message.remove, .message.both').addClass('d-none');\n $toast.find('.message.add').removeClass('d-none');\n } else if (data.productListActionType === 'remove') {\n $toast.find('.message.remove').removeClass('d-none');\n $toast.find('.message.add, .message.both').addClass('d-none');\n } else {\n $toast.find('.message.both').removeClass('d-none');\n $toast.find('.message.add, .message.remove').addClass('d-none');\n }\n });\n }\n};\n\nvar setModalPositionTop = function($modal) {\n // calculate the height of the header\n var modalTopPosition = ($('header .header').outerHeight() + parseInt($('.header-nav').css('border-bottom-width')));\n // if the header ins in the fixed position we also need to add in the header banner height\n if (!$('.header-nav').hasClass('fixed')) {\n modalTopPosition = (modalTopPosition + $('.header-banner').outerHeight());\n }\n // set the modal top position\n $modal.css({\n top: modalTopPosition\n });\n};\n\nmodule.exports = {\n openToast,\n setModalPositionTop,\n updateLinkData,\n updateUncachedData\n};\n","'use strict';\n\nvar modalCreateList = require('./modalCreateList');\nvar modalEditList = require('./modalEditList');\nvar modalDeleteList = require('./modalDeleteList');\nvar cardList = require('./cardList');\nvar errorDisplay = require('./errorDisplay');\nvar scrollAnimate = require('base/components/scrollAnimate');\n\nvar updatePaginationPage = function (data) {\n $.spinner().start();\n $.ajax({\n url: data.url,\n method: 'POST',\n dataType: 'html',\n data: {\n paginationPage: data.paginationPage? data.paginationPage : 1\n },\n success: function (html) {\n var $html = $(html);\n\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-landing').trigger('updateLists', {\n $lists: $html.find('.lists'),\n $listsPagination: $html.find('.product-list-enhancements-landing-pagination')\n });\n },\n error: function () {\n $.spinner().stop();\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n });\n};\n\nvar updateModalCreateListNames = function () {\n var listNames = $('.product-list-enhancements-landing .lists').data('listNames');\n var listNamesArray = [];\n\n if (listNames) {\n listNamesArray = listNames.split('|')\n }\n\n $('#wishlistEnhancementsModalCreateList, #wishlistEnhancementsModalEditList').data('listNames', listNamesArray);\n};\n\nvar eventClickPaginationPage = function (e) {\n e.preventDefault();\n var $this = $(this);\n\n updatePaginationPage({\n url: $this.parents('.product-list-enhancements-landing-pagination').data().url,\n paginationPage: $this.data().paginationPage\n });\n};\n\nvar eventUpdateLists = function (e, data) {\n var $landing = $('.product-list-enhancements-landing');\n var $pageinationSelectedButton = data.$listsPagination.find('.pagination-page[disabled]');\n\n $.spinner().start();\n cardList.destroy();\n $landing\n .find('.lists')\n .replaceWith(data.$lists);\n $landing\n .find('.product-list-enhancements-landing-pagination')\n .replaceWith(data.$listsPagination);\n\n if (data.$lists.data('listNames') === '') {\n $landing.find('.lists').addClass('d-none');\n $landing.find('.product-list-enhancements-message-empty').removeClass('d-none');\n } else {\n $landing.find('.lists').removeClass('d-none');\n $landing.find('.product-list-enhancements-message-empty').addClass('d-none');\n }\n\n if (data.$listsPagination.data().groupsCount === 1) {\n $landing.find('.product-list-enhancements-landing-pagination').addClass('d-none');\n } else {\n $landing.find('.product-list-enhancements-landing-pagination').removeClass('d-none');\n }\n\n if (\n $pageinationSelectedButton.length\n && $pageinationSelectedButton.data().url !== window.location.href\n ) {\n window.history.pushState(\n $pageinationSelectedButton.data().paginationPage,\n '',\n $pageinationSelectedButton.data().url\n );\n }\n\n cardList.init();\n updateModalCreateListNames();\n $.spinner().stop();\n};\n\nvar eventOpenEditList = function (e, data) {\n $('#wishlistEnhancementsModalEditList')\n .attr({\n 'data-product-list-id': data.productListId,\n 'data-product-list-name': data.productListName\n })\n .data({\n productListId: data.productListId,\n productListName: data.productListName\n })\n .modal('show');\n};\n\nvar eventOpenDeleteList = function (e, productListId) {\n $('#wishlistEnhancementsModalDeleteList')\n .attr('data-product-list-id', productListId)\n .data('productListId', productListId)\n .modal('show');\n};\n\nvar eventClickToggle = function (e) {\n $('.list-container .notes').toggleClass('show');\n $('.product-list-enhancements-landing-notes-text-show, .product-list-enhancements-landing-notes-text-hide').toggleClass('d-none');\n};\n\nvar eventPopstateWindow = function () {\n var urlSearchParams = new URLSearchParams(window.location.search);\n updatePaginationPage({\n url: $('.product-list-enhancements-landing .product-list-enhancements-landing-pagination').data().url,\n paginationPage: urlSearchParams.get('paginationPage')\n });\n};\n\n/**\n * replaces the content in the popover for the selected product.\n */\nfunction fillPopoverElement (url, popover) {\n var $popover = $('#' + popover);\n $.ajax({\n url: url,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n $popover.find('.popover-body').html(data.renderedTemplate);\n $popover.popover('update');\n }\n });\n}\n\nvar showSearchForm = function (e) {\n e.preventDefault();\n var showSearchFormUrl = $(this).data('url');\n var popover = $(this).attr('aria-describedby');\n fillPopoverElement(showSearchFormUrl, popover);\n};\n\nvar viewOthersLists = function () {\n window.location = $(this).data('url');\n}\n\nvar noSearchResults = function (e) {\n e.preventDefault();\n location.reload();\n}\n\nvar moreSearchResults = function (e) {\n e.preventDefault();\n $.ajax({\n url: $('.response').data('url'),\n method: 'get',\n data: {\n pageNumber: parseInt($('.response').data('page-number'), 10) + 1,\n pageSize: $('.response').data('page-size'),\n email: $('.response').data('email')\n }\n }).done(function (data) {\n $('.more-search-results').remove();\n $('.response').data('page-number', data.pageNumber);\n\n if (Object.prototype.hasOwnProperty.call(data.results, 'hits')) {\n data.results.hits.forEach(function (hit) {\n var $resultsDiv = $('.wishlist-result-template').clone();\n $resultsDiv.removeClass('wishlist-result-template');\n $resultsDiv.find('.card-header h3').text(hit.name);\n $resultsDiv.find('.view-wishlist').data('url', hit.url);\n $('.response .wishlist-search-results').append($resultsDiv);\n $resultsDiv.removeClass('d-none');\n });\n\n if (data.moreResults) {\n var $moreButton = $('.more-btn-template').clone();\n $moreButton.removeClass('more-btn-template');\n $moreButton.addClass('more-search-results');\n $moreButton.removeClass('d-none');\n $('.response .wishlist-search-results').append($moreButton);\n }\n }\n }).fail(function () {\n $('.more-search-results').remove();\n });\n}\n\nvar toggleLists = function (e) {\n e.preventDefault();\n $('.list-container').removeClass('d-none');\n !$('.response').hasClass('d-none') ? $('.response').addClass('d-none') : '';\n}\n\nvar addEventListeners = function () {\n $('.product-list-enhancements-landing')\n .on('click', '.pagination-page', eventClickPaginationPage)\n .on('openDeleteList', eventOpenDeleteList)\n .on('openEditList', eventOpenEditList)\n .on('updateLists', eventUpdateLists)\n .on('click', '.product-list-enhancements-landing-notes-toggle', eventClickToggle)\n .on('click', '.product-list-enhancements-search-list-btn', showSearchForm)\n .on('click', '.no-results-div a', noSearchResults)\n .on('click', '.more-search-results', moreSearchResults)\n .on('click', '.toggleLists', toggleLists);\n $('.response')\n .on('click', '.view-wishlist', viewOthersLists)\n .on('click', '.toggleLists', toggleLists);\n $(window)\n .on('popstate', eventPopstateWindow);\n};\n\nvar removeEventListeners = function () {\n $('.product-list-enhancements-landing')\n .off('click', '.pagination-page', eventClickPaginationPage)\n .off('openDeleteList', eventOpenDeleteList)\n .off('openEditList', eventOpenEditList)\n .off('updateLists', eventUpdateLists)\n .off('click', '.product-list-enhancements-landing-notes-toggle', eventClickToggle)\n .off('click', '.product-list-enhancements-search-list-btn', showSearchForm)\n .off('click', '.search-wishlists', searchWishlists)\n .off('click', '.no-results-div a', noSearchResults)\n .off('click', '.more-search-results', moreSearchResults)\n .off('click', '.toggleLists', toggleLists);\n $('.response')\n .off('click', '.view-wishlist', viewOthersLists)\n .off('click', '.toggleLists', toggleLists);\n $(window)\n .off('popstate', eventPopstateWindow);\n};\n\nvar searchWishlists = function (e) {\n $('body').on('click', '.search-wishlists', function (e) {\n e.preventDefault();\n\n $('.search-for-lists').find('.is-invalid').removeClass('is-invalid');\n\n if (!$('.search-email').val()) {\n $('.search-email').addClass('is-invalid').siblings('.invalid-feedback').html($('.search-email').data('missing-msg'));\n return false;\n }\n\n $('.product-list-enhancements-landing .list-container').spinner().start();\n var url = $(this).data('url');\n $('.wishlist-search-results-count span').addClass('d-none');\n $('.no-results-msg').addClass('d-none');\n $('.no-results-div a').addClass('d-none');\n\n $.ajax({\n url: url,\n type: 'POST',\n dataType: 'json',\n data: $('.search-for-lists').serialize(),\n success: function (data) {\n $('.product-list-enhancements-landing .list-container').addClass('d-none');\n $('.wishlist-search-results .card').remove();\n $('.wishlist-search-results .more-managed-lists').remove();\n $('.response').removeClass('d-none');\n if (Object.prototype.hasOwnProperty.call(data.results, 'hits')) {\n data.results.hits.forEach(function (hit) {\n var $resultsDiv = $('.wishlist-result-template').clone();\n $resultsDiv.removeClass('wishlist-result-template');\n $resultsDiv.find('.card-header h3').text(hit.name ? hit.name : 'Wishlist');\n if (hit.count === 1) {\n $resultsDiv.find('.item').removeClass('d-none').find('.item-count').text(hit.count ? hit.count : '');\n } else {\n $resultsDiv.find('.items').removeClass('d-none').find('.items-count').text(hit.count ? hit.count : '0');\n }\n $resultsDiv.find('.view-wishlist').attr('data-url', hit.url);\n $('.response .wishlist-search-results').append($resultsDiv);\n $resultsDiv.removeClass('d-none');\n });\n\n if (data.moreResults) {\n var $moreButton = $('.more-btn-template').clone();\n $moreButton.removeClass('more-btn-template');\n $moreButton.addClass('more-search-results');\n $moreButton.removeClass('d-none');\n $('.response .wishlist-search-results').append($moreButton);\n }\n $('.wishlist-search-results-number').text(data.results.total);\n\n if (data.results.hits.length === 0) {\n $('.no-results-msg').removeClass('d-none');\n }\n }\n\n $('.no-results-div a').removeClass('d-none');\n scrollAnimate();\n\n if (data.results.hits && data.results.hits.length === 1) {\n $('.wishlist-search-results-count span.wishlist-search-result-text').removeClass('d-none');\n } else if (data.results.hits && data.results.hits.length > 1) {\n $('.wishlist-search-results-count span.wishlist-search-results-number').removeClass('d-none');\n $('.wishlist-search-results-count span.wishlist-search-results-text').removeClass('d-none');\n }\n\n $('.response').data('email', $('#searchWishlistEmail').val());\n $('.response').data('total', data.results.total);\n\n $('.product-list-enhancements-landing .list-container').spinner().stop();\n $('[data-toggle=\"popover\"].interactive').popover('hide');\n\n },\n error: function () {\n $('.product-list-enhancements-landing .list-container').spinner().stop();\n }\n });\n return true;\n });\n}\n\nvar init = function () {\n if ($('.product-list-enhancements-landing').length) {\n addEventListeners();\n updateModalCreateListNames();\n modalCreateList.init();\n modalDeleteList.init();\n modalEditList.init();\n cardList.init();\n errorDisplay.init();\n searchWishlists();\n }\n}\n\nvar destroy = function () {\n removeEventListeners();\n modalCreateList.destroy();\n modalDeleteList.destroy();\n modalEditList.destroy();\n cardList.destroy();\n errorDisplay.destroy();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar eventClose = function(e) {\n $('#wishlistEnhancementsModalCreateList #newProductListName')\n .val('')\n .removeClass('is-invalid')\n .next('.invalid-feedback')\n .text('')\n .removeClass('d-block');\n $('.product-list-enhancements-create-list-form .create')\n .removeAttr('disabled');\n};\n\nvar eventKeyupName = function(e) {\n var $this = $(this);\n var $invalidFeedback = $this.next('.invalid-feedback');\n var $submitButton = $('.product-list-enhancements-create-list-form .create');\n var name = $this.val().replace(/[^A-Za-z0-9]/g, '').toLowerCase();\n var listNames = $('#wishlistEnhancementsModalCreateList').data().listNames;\n if (listNames && listNames.indexOf(name) !== -1) {\n $submitButton.attr('disabled', 'disabled');\n $invalidFeedback.text($this.data().errorDuplicateName).addClass('d-block');\n $this.addClass('is-invalid');\n } else {\n $submitButton.removeAttr('disabled');\n $invalidFeedback.text('').removeClass('d-block');\n $this.removeClass('is-invalid');\n }\n};\n\nvar eventSubmitCreate = function(e) {\n e.preventDefault();\n var $this = $(this);\n var $modal = $('#wishlistEnhancementsModalCreateList');\n var $productListNameElement = $this.find('#newProductListName');\n var productListName = $productListNameElement.val();\n var paginationData = $('.product-list-enhancements-landing-pagination').data();\n if (productListName && productListName !== '') {\n $productListNameElement.removeClass('is-invalid');\n $.spinner().start();\n $.ajax({\n url: $this.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n name: productListName,\n view: 'landing',\n paginationPage: (paginationData && paginationData.page) ? paginationData.page : 1\n },\n success: function(html) {\n var $html = $(html);\n\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-landing').trigger('updateLists', {\n $lists: $html.find('.lists'),\n $listsPagination: $html.find('.product-list-enhancements-landing-pagination')\n });\n $modal.modal('hide');\n $productListNameElement.val('');\n },\n error: function() {\n $modal.modal('hide');\n $productListNameElement.val('');\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n $('#wishlistEnhancementsModalCreateList').modal('hide');\n } else {\n $productListNameElement.addClass('is-invalid');\n }\n\n};\n\nvar addEventListeners = function() {\n $('#wishlistEnhancementsModalCreateList')\n .on('submit', '.product-list-enhancements-create-list-form', eventSubmitCreate)\n .on('keyup', '#newProductListName', eventKeyupName)\n .on('hidden.bs.modal', eventClose);\n};\n\nvar removeEventListeners = function() {\n $('#wishlistEnhancementsModalCreateList')\n .off('submit', '.product-list-enhancements-create-list-form', eventSubmitCreate)\n .off('keyup', '#newProductListName', eventKeyupName)\n .off('hidden.bs.modal', eventClose);\n};\n\nvar init = function() {\n addEventListeners();\n}\n\nvar destroy = function() {\n removeEventListeners();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar eventClose = function(e) {\n $(this)\n .attr({\n 'data-product-list-id': ''\n })\n .data({\n productListId: ''\n });\n};\n\nvar eventClickDelete = function(e) {\n e.preventDefault();\n var $modal = $('#wishlistEnhancementsModalDeleteList');\n $.spinner().start();\n $.ajax({\n url: $modal.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n productListId: $modal.data().productListId,\n paginationPage: $('.product-list-enhancements-landing-pagination').data().page\n },\n success: function(html) {\n var $html = $(html);\n\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-landing').trigger('updateLists', {\n $lists: $html.find('.lists'),\n $listsPagination: $html.find('.product-list-enhancements-landing-pagination')\n });\n $modal.modal('hide');\n },\n error: function() {\n $.spinner().stop();\n $modal.modal('hide');\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n });\n}\n\nvar addEventListeners = function() {\n $('#wishlistEnhancementsModalDeleteList')\n .on('click', '.product-list-enhancements-modal-delete-list-btn', eventClickDelete)\n .on('hidden.bs.modal', eventClose);\n};\n\nvar removeEventListeners = function() {\n $('#wishlistEnhancementsModalDeleteList')\n .off('click', '.product-list-enhancements-modal-delete-list-btn', eventClickDelete)\n .off('hidden.bs.modal', eventClose);\n};\n\nvar init = function() {\n addEventListeners();\n}\n\nvar destroy = function() {\n removeEventListeners();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar eventShow = function(e) {\n $(this)\n .attr({\n 'data-list-id': e.relatedTarget.data().listId,\n 'data-list-item-id': e.relatedTarget.data().listItemId\n })\n .data({\n listId: e.relatedTarget.data().listId,\n listItemId: e.relatedTarget.data().listItemId\n });\n};\n\nvar eventClose = function(e) {\n $(this)\n .attr({\n 'data-list-id': '',\n 'data-list-item-id': ''\n })\n .data({\n listId: '',\n listItemId: ''\n });\n};\n\nvar eventClickDelete = function(e) {\n e.preventDefault();\n var $modal = $('#wishlistEnhancementsModalDeleteProduct');\n $.spinner().start();\n $.ajax({\n url: $modal.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n listId: $modal.data().listId,\n listItemId: $modal.data().listItemId\n },\n success: function(html) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-detail').trigger('updateProducts', $(html).find('.product-list-enhancements-detail-products'));\n $modal.modal('hide');\n },\n error: function() {\n $modal.modal('hide');\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n}\n\nvar addEventListeners = function() {\n $('#wishlistEnhancementsModalDeleteProduct')\n .on('click', '.product-list-enhancements-modal-delete-product-btn', eventClickDelete)\n .on('show.bs.modal', eventShow)\n .on('hidden.bs.modal', eventClose);\n};\n\nvar removeEventListeners = function() {\n $('#wishlistEnhancementsModalDeleteProduct')\n .off('click', '.product-list-enhancements-modal-delete-product-btn', eventClickDelete)\n .off('show.bs.modal', eventShow)\n .off('hidden.bs.modal', eventClose);\n};\n\nvar init = function() {\n addEventListeners();\n}\n\nvar destroy = function() {\n removeEventListeners();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar eventClose = function(e) {\n $(this)\n .data({\n listId: '',\n listItemIds: ''\n });\n};\n\nvar eventClickDelete = function(e) {\n e.preventDefault();\n var $modal = $('#wishlistEnhancementsModalDeleteProducts');\n $.spinner().start();\n $.ajax({\n url: $modal.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n listId: $modal.data().listId,\n listItemIds: JSON.stringify($modal.data().listItemIds)\n },\n success: function(html) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-overlay-detail-selected').trigger('close');\n $('.product-list-enhancements-detail').trigger('updateProducts', $(html).find('.product-list-enhancements-detail-products'));\n $modal.modal('hide');\n },\n error: function() {\n $modal.modal('hide');\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n}\n\nvar addEventListeners = function() {\n $('#wishlistEnhancementsModalDeleteProducts')\n .on('click', '.product-list-enhancements-modal-delete-products-btn', eventClickDelete)\n .on('hidden.bs.modal', eventClose);\n};\n\nvar removeEventListeners = function() {\n $('#wishlistEnhancementsModalDeleteProducts')\n .off('click', '.product-list-enhancements-modal-delete-products-btn', eventClickDelete)\n .off('hidden.bs.modal', eventClose);\n};\n\nvar init = function() {\n addEventListeners();\n}\n\nvar destroy = function() {\n removeEventListeners();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar eventShow = function(e) {\n var $this = $(this);\n $this\n .find('#editProductListName')\n .val($this.data().productListName);\n};\n\nvar eventClose = function(e) {\n $(this)\n .removeAttr('data-product-list-id')\n .removeAttr('data-product-list-name')\n .removeData('productListId')\n .removeData('productListName')\n .find('#editProductListName')\n .val(' ')\n .removeClass('is-invalid')\n .next('.invalid-feedback')\n .text('')\n .removeClass('d-block');\n $('.product-list-enhancements-edit-list-form .save')\n .removeAttr('disabled');\n};\n\nvar eventKeyupName = function(e) {\n var $this = $(this);\n var $invalidFeedback = $this.next('.invalid-feedback');\n var $submitButton = $('.product-list-enhancements-edit-list-form .save');\n var nameOriginal = $('#wishlistEnhancementsModalEditList').data('productListName').replace(/[^A-Za-z0-9]/g, '').toLowerCase();\n var nameNew = $this.val().replace(/[^A-Za-z0-9]/g, '').toLowerCase();\n\n if (\n nameOriginal !== nameNew\n && $('#wishlistEnhancementsModalEditList').data().listNames.indexOf(nameNew) !== -1\n ) {\n $submitButton.attr('disabled', 'disabled');\n $invalidFeedback.text($this.data().errorDuplicateName).addClass('d-block');\n $this.addClass('is-invalid');\n } else {\n $submitButton.removeAttr('disabled');\n $invalidFeedback.text('').removeClass('d-block');\n $this.removeClass('is-invalid');\n }\n};\n\nvar eventSubmitForm = function(e) {\n e.preventDefault();\n var $modal = $('#wishlistEnhancementsModalEditList');\n $.spinner().start();\n $.ajax({\n url: $modal.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n productListId: $modal.data().productListId,\n productListName: $('#editProductListName').val(),\n paginationPage: $('.product-list-enhancements-landing-pagination').data().page\n },\n success: function(html) {\n var $html = $(html);\n\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-landing').trigger('updateLists', {\n $lists: $html.find('.lists'),\n $listsPagination: $html.find('.product-list-enhancements-landing-pagination')\n });\n $modal.modal('hide');\n },\n error: function() {\n $modal.modal('hide');\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n};\n\nvar eventClickDelete = function(e) {\n e.preventDefault();\n var $modal = $('#wishlistEnhancementsModalEditList');\n var productListId = $modal.data().productListId;\n $modal.modal('hide');\n $('.product-list-enhancements-landing').trigger('openDeleteList', productListId);\n};\n\nvar addEventListeners = function() {\n $('#wishlistEnhancementsModalEditList')\n .on('show.bs.modal', eventShow)\n .on('hidden.bs.modal', eventClose)\n .on('keyup', '#editProductListName', eventKeyupName)\n .on('submit', '.product-list-enhancements-edit-list-form', eventSubmitForm)\n .on('click', '.delete', eventClickDelete);\n};\n\nvar removeEventListeners = function() {\n $('#wishlistEnhancementsModalEditList')\n .off('show.bs.modal', eventShow)\n .off('hidden.bs.modal', eventClose)\n .off('keyup', '#editProductListName', eventKeyupName)\n .off('submit', '.product-list-enhancements-edit-list-form', eventSubmitForm)\n .off('click', '.delete', eventClickDelete);\n};\n\nvar init = function() {\n addEventListeners();\n}\n\nvar destroy = function() {\n removeEventListeners();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar eventClickUpdate = function(e) {\n e.preventDefault(e);\n\n var $this = $(this);\n var $modal = $('#quickViewModal');\n\n var core = require('core/product/base');\n var form = {\n pid: $this.data().pid,\n pidUpdated: $this.data().pidUpdated,\n uuid: $this.data().uuid,\n listId: $('.product-list-enhancements-detail').data().listId,\n selectedOptionValueIds: core.methods.getOptions($modal)\n };\n\n $.spinner().start();\n $.ajax({\n url: $this.data().url,\n type: 'POST',\n data: form,\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\nvar eventUpdateFromQuickView = function(e, payload) {\n var $updateButton = payload.container.closest('.modal').find('.btn-update-product-list-enhancements');\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\nvar addEventListeners = function() {\n $('body')\n .on('click', '.btn-update-product-list-enhancements', eventClickUpdate)\n .on('product:afterAttributeSelect', eventUpdateFromQuickView);\n};\n\nvar removeEventListeners = function() {\n $('body')\n .off('click', '.btn-update-product-list-enhancements', eventClickUpdate)\n .off('product:afterAttributeSelect', eventUpdateFromQuickView);\n};\n\nvar init = function() {\n addEventListeners();\n};\n\nvar destroy = function() {\n removeEventListeners();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\nconst shareUrlHelpTimeout = 2000;\n\nvar eventClose = function() {\n //reset the forms\n var $shareUrl = $('#wishlistExperienceShareUrl');\n $shareUrl.val($shareUrl.data().url);\n $('#wishlistExperienceShareEmail').val('');\n};\n\nvar eventSubmitSend = function(e) {\n e.preventDefault();\n\n var $this = $(this);\n var newLine = encodeURIComponent('\\n');\n\n //open device email client\n window.open(\n 'mailto:'\n + encodeURIComponent($('#wishlistExperienceShareEmail').val())\n + '?subject='\n + $this.data('shareEmailSubject')\n + '&body='\n + $this.data('shareEmailBodyLine1')\n + newLine\n + newLine\n + $this.data('shareEmailShareUrl1')\n );\n };\n\nvar eventSubmitCopy = function(e) {\n e.preventDefault();\n\n var $shareUrlHelp = $('#wishlistExperienceShareUrlHelp');\n var copyText = document.getElementById('wishlistExperienceShareUrl');\n\n copyText.select();\n copyText.setSelectionRange(0, 99999);\n navigator.clipboard.writeText(copyText.value);\n $shareUrlHelp.removeClass('invisible');\n\n setTimeout(() => {\n $shareUrlHelp.addClass('invisible');\n }, shareUrlHelpTimeout);\n};\n\nvar addEventListeners = function() {\n $('#wishlistEnhancementsModalShareList')\n .on('submit', '.send', eventSubmitSend)\n .on('submit', '.copy', eventSubmitCopy)\n .on('hidden.bs.modal', eventClose);\n};\n\nvar removeEventListeners = function() {\n $('#wishlistEnhancementsModalShareList')\n .off('submit', '.send', eventSubmitSend)\n .off('submit', '.copy', eventSubmitCopy)\n .off('hidden.bs.modal', eventClose);\n};\n\nvar init = function() {\n addEventListeners();\n};\n\nvar destroy = function() {\n removeEventListeners();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\nvar productListEnhancementsHelpers = require('./helpers.js');\nvar cart = require('../cart/cart.js');\nvar base = require('../product/base');\n\nvar getPid = function() {\n return $('#wishlistModalShowLists').data().pid;\n};\n\nvar getListItemIds = function() {\n return $('#wishlistModalShowLists').data().listItemIds;\n};\n\nvar getListId = function() {\n return $('#wishlistModalShowLists').data().listId;\n};\n\nvar getListAction = function() {\n var $modal = $('#wishlistModalShowLists');\n return (!$modal.data().action? 'add' : $modal.data().action);\n};\n\nvar getQuantity = function() {\n if ($('#wishlistModalShowLists').data().quantity) {\n return $('#wishlistModalShowLists').data().quantity;\n } else {\n return 1;\n }\n};\n\nvar updateProductListProducts = function($html) {\n // if we have a new DOM replace the old DOM\n if ($html) {\n $('#wishlistModalShowLists')\n .find('.product-list-enhancements-modal-show-lists-toggle-lists')\n .replaceWith($html);\n // if we don't have a new DOM then just empty it out\n } else {\n $('#wishlistModalShowLists')\n .find('.product-list-enhancements-modal-show-lists-toggle-lists')\n .empty();\n }\n};\n\nvar updateModalListDataState = function() {\n var $modal = $('#wishlistModalShowLists');\n var modalListDataState = $modal.data().modalListDataState;\n var selectedLists = $modal.find('.toggle.selected');\n var selectedListIds = [];\n\n var getListDiff = function(list1, list2) {\n var i;\n var misses = [];\n\n for (i = 0; i < list1.length; i++) {\n var ii;\n var found = false;\n for (ii = 0; ii < list2.length; ii++) {\n if (\n list2[ii].productListId === list1[i].productListId\n ) {\n found = true\n }\n }\n if (!found) {\n misses.push(list1[i]);\n }\n }\n\n return misses;\n };\n\n //get all the lists that are selected\n selectedLists.each(function() {\n selectedListIds.push({\n pid: getPid(),\n productListId: $(this).data('productListId'),\n productListName: $(this).data('productListName'),\n productListQuantities: $(this).data('productListPidQuantity'),\n productListUrl: $(this).data('productListUrl'),\n });\n });\n\n //save off the initial set of selected lists so we know what we started with\n if (!modalListDataState.listsInitial) {\n modalListDataState.listsInitial = selectedListIds;\n }\n\n //save the lists as it after a change happened or if this is the initial load\n modalListDataState.listsCurrent = selectedListIds;\n\n //figure if any lists have been removed\n modalListDataState.removed = getListDiff(modalListDataState.listsInitial, modalListDataState.listsCurrent);\n\n //figure if any lists have been added\n modalListDataState.added = getListDiff(modalListDataState.listsCurrent, modalListDataState.listsInitial);\n\n //look to see if anything changed then set the isChange flag\n if (modalListDataState.added.length || modalListDataState.removed.length) {\n modalListDataState.isChanged = true;\n } else {\n modalListDataState.isChanged = false;\n }\n\n if (modalListDataState.added.length && modalListDataState.removed.length) {\n modalListDataState.productListActionType = 'both';\n } else if (modalListDataState.added.length) {\n modalListDataState.productListActionType = 'add';\n } else if (modalListDataState.removed) {\n modalListDataState.productListActionType = 'remove';\n } else {\n modalListDataState.productListActionType = 'none';\n }\n\n modalListDataState.toast = {}\n if (modalListDataState.productListActionType === 'remove' && modalListDataState.removed.length === 1) {\n // only removed 1\n modalListDataState.toast = modalListDataState.removed[0];\n modalListDataState.toast.productListActionType = modalListDataState.productListActionType;\n } else if (modalListDataState.productListActionType === 'remove' && modalListDataState.removed.length > 1) {\n // removed several\n modalListDataState.toast.productListId = [];\n modalListDataState.toast.productListQuantities = [];\n modalListDataState.toast.pid = getPid();\n\n var i;\n for (i = 0; i < modalListDataState.removed.length; i++) {\n modalListDataState.toast.productListId.push(modalListDataState.removed[i].productListId);\n modalListDataState.toast.productListQuantities.push(modalListDataState.removed[i].productListQuantities);\n }\n\n modalListDataState.toast.productListActionType = modalListDataState.productListActionType;\n } else if (modalListDataState.productListActionType === 'add' && modalListDataState.added.length === 1) {\n // only added 1\n modalListDataState.toast = modalListDataState.added[0];\n modalListDataState.toast.productListActionType = modalListDataState.productListActionType;\n } else if (modalListDataState.productListActionType === 'add' && modalListDataState.added.length > 1) {\n // added several\n modalListDataState.toast.productListActionType = 'both';\n } else if (modalListDataState.productListActionType === 'both') {\n // multiple adds or multiple removals\n modalListDataState.toast.productListActionType = modalListDataState.productListActionType;\n } else {\n // no changes\n modalListDataState.toast.productListActionType = modalListDataState.productListActionType;\n }\n\n $modal.data().modalListDataState = modalListDataState;\n};\n\nvar switchListViewsRegistered = function() {\n $('#wishlistModalShowLists')\n .find('.product-list-enhancements-modal-show-lists-toggle-lists, .product-list-enhancements-modal-show-lists-toggle-list-form')\n .toggleClass('d-none');\n $('#wishlistModalShowLists')\n .find('.product-list-enhancements-modal-show-lists-header-close, .product-list-enhancements-modal-show-lists-header-back')\n .toggleClass('show');\n};\n\nvar eventShow = function(e) {\n var $this = $(this);\n var action = getListAction();\n var dataParams = {};\n $this.data('modalListDataState', {});\n productListEnhancementsHelpers.setModalPositionTop($this);\n $('.product-list-enhancements-toast').trigger('dismiss');\n if (action === 'move') {\n $('.product-list-enhancements-modal-show-lists-add').hide();\n dataParams = {\n listIdOriginal: $this.data().listId,\n listItemIds: JSON.stringify(getListItemIds()),\n action: action\n };\n } else {\n $('.product-list-enhancements-modal-show-lists-move').hide();\n dataParams = {\n pid: getPid(),\n action: action\n };\n }\n $.ajax({\n url: $this.find('.modal-body').data().url,\n type: 'POST',\n dataType: 'html',\n data: dataParams,\n success: function(html) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n updateProductListProducts($(html));\n updateModalListDataState();\n },\n error: function() {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n });\n addListEventListenersWindow();\n};\n\nvar eventHidden = function(e) {\n removeListEventListenersWindow();\n updateProductListProducts();\n productListEnhancementsHelpers.openToast(\n $('#wishlistModalShowLists').data().modalListDataState.toast\n );\n};\n\nvar eventStopPropagation = function(e) {\n e.stopPropagation();\n};\n\nvar eventClickWindow = function(e) {\n $('#wishlistModalShowLists').modal('toggle');\n};\n\nvar eventResizeWindow = function() {\n productListEnhancementsHelpers.setModalPositionTop($('#wishlistModalShowLists'));\n};\n\nvar eventKeyupName = function(e) {\n var $this = $(this);\n var $invalidFeedback = $this.next('.invalid-feedback');\n var $submitButton = $('.product-list-enhancements-create-list-form .create');\n var namesExisting = $('#wishlistModalShowLists [data-list-names]').data().listNames.split('|');\n var nameNew = $this.val().replace(/[^A-Za-z0-9]/g, '').toLowerCase();\n if (nameNew !== '' && namesExisting.indexOf(nameNew) !== -1) {\n $submitButton.attr('disabled', 'disabled');\n $invalidFeedback.text($this.data().errorDuplicateName).addClass('d-block');\n $this.addClass('is-invalid');\n } else {\n $submitButton.removeAttr('disabled');\n $invalidFeedback.text('').removeClass('d-block');\n $this.removeClass('is-invalid');\n }\n};\n\nvar eventToggleProductOnProductList = function(e) {\n e.preventDefault();\n var $listButton = $(this);\n var $productContainer = $('.product-detail[data-pid='+ $listButton.data().pid +']');\n var options = base.methods.getOptions($productContainer);\n options ? $listButton.attr('data-product-options', JSON.stringify(options)) : '';\n\n $.spinner().start();\n $.ajax({\n url: $listButton.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n pid: getPid(),\n productListId: $listButton.data().productListId,\n quantity: getQuantity(),\n options: options\n },\n success: function(html) {\n var $html = $(html);\n var $modal = $('#wishlistModalShowLists');\n var productListSelectedCount = $html.find('.selected').length;\n $('.product-list-enhancements-global-error-display').trigger('clear');\n updateProductListProducts($html);\n updateModalListDataState();\n productListEnhancementsHelpers.updateUncachedData({\n actionType: productListSelectedCount ? 'add' : 'remove',\n pid: getPid()\n });\n productListEnhancementsHelpers.updateLinkData();\n\n if (!$modal.data().multiSelect) {\n $modal\n .one('hidden.bs.modal', function () {\n productListEnhancementsHelpers.openToast($listButton.data());\n })\n .modal('hide');\n }\n if ($modal.data().removeFromCart && $listButton.data().productListActionType === 'add') {\n var urlParams = {\n pid: getPid(),\n uuid: $modal.data().cartUUID\n };\n\n cart.removeProductFromCart({\n url: cart.appendToUrl($modal.data().urlRemoveFromCart, urlParams),\n uuid: urlParams.uuid,\n pid: getPid()\n });\n }\n\n $.spinner().stop();\n },\n error: function() {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n};\n\nvar eventMoveProductsToProductList = function(e) {\n e.preventDefault();\n var $modal = $('#wishlistModalShowLists');\n var $listButton = $(this);\n $.spinner().start();\n $.ajax({\n url: $listButton.data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n listItemIds: JSON.stringify($modal.data().listItemIds),\n productListIdOriginal: getListId(),\n productListIdNew: $listButton.data().productListId,\n keepInOriginalList: $modal.find('.keep').is(':checked')\n },\n success: function(html) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n $('.product-list-enhancements-detail').trigger('updateProducts', $(html).find('.product-list-enhancements-detail-products'));\n if (!$modal.data().multiSelect) {\n $modal.modal('hide');\n }\n $.spinner().stop();\n },\n error: function() {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n}\n\nvar eventToggleNewProductListForm = function(e) {\n e.preventDefault();\n switchListViewsRegistered();\n $('#wishlistModalShowLists #newProductListName')\n .val('')\n .removeClass('is-invalid')\n .next('.invalid-feedback')\n .text('')\n .removeClass('d-block');\n $('.product-list-enhancements-create-list-form .create')\n .removeAttr('disabled');\n};\n\nvar eventSubmitNewProductListForm = function(e) {\n e.preventDefault();\n\n var $newProductListName = $('#newProductListName');\n if ($newProductListName.val() && $newProductListName.val().length > 1) {\n $newProductListName.removeClass('is-invalid');\n $.spinner().start();\n $.ajax({\n url: $(e.target).data().url,\n method: 'POST',\n dataType: 'html',\n data: {\n name: $newProductListName.val(),\n pid: getPid(),\n view: 'modalShowLists',\n listIdOriginal: getListId(),\n action: getListAction()\n },\n success: function(html) {\n var $html = $(html);\n $('.product-list-enhancements-global-error-display').trigger('clear');\n updateProductListProducts($html);\n updateModalListDataState();\n $.spinner().stop();\n },\n error: function() {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n switchListViewsRegistered();\n $newProductListName.val('');\n } else {\n $newProductListName.addClass('is-invalid');\n }\n};\n\nvar eventClickRemove = function(e) {\n e.preventDefault();\n $.spinner().start();\n var $this = e.currentTarget;\n var pid = $this.dataset.pid\n\n $.ajax({\n url: $this.dataset.url,\n method: 'POST',\n dataType: 'json',\n data: {\n pid: pid\n },\n success: function(data) {\n if (data.success) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n productListEnhancementsHelpers.updateUncachedData({\n actionType: 'remove',\n pid: pid\n });\n productListEnhancementsHelpers.updateLinkData();\n $('.product-list-enhancements-modal-show-lists').modal('hide');\n\n productListEnhancementsHelpers.openToast({\n pid: pid,\n productListId: data.productListIds,\n productListQuantities: data.productListsQuantities,\n productListName: data.productListName,\n productListUrl: data.productListUrl,\n productListActionType: 'remove'\n });\n\n } else {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n $.spinner().stop();\n },\n error: function() {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $('.product-list-enhancements-modal-show-lists').modal('hide');\n $.spinner().stop();\n }\n });\n};\n\nvar addListEventListenersWindow = function() {\n $(window)\n .on('resize scroll', eventResizeWindow)\n .on('click', eventClickWindow);\n};\n\nvar removeListEventListenersWindow = function() {\n $(window)\n .off('resize scroll', eventResizeWindow)\n .off('click', eventClickWindow);\n};\n\nvar addListEventListeners = function() {\n $('#wishlistModalShowLists')\n .on('click', eventStopPropagation)\n .on('show.bs.modal', eventShow)\n .on('hidden.bs.modal', eventHidden)\n .on('keyup', '#newProductListName', eventKeyupName)\n .on('click', '.product-list-enhancements-modal-show-lists-header .product-list-enhancements-modal-show-lists-header-back', eventToggleNewProductListForm)\n .on('click', '.product-list-enhancements-create-list-btn, .product-list-enhancements-modal-show-lists-toggle-list-form .cancel', eventToggleNewProductListForm)\n .on('click', '.toggle', eventToggleProductOnProductList)\n .on('click', '.move', eventMoveProductsToProductList)\n .on('submit', '.product-list-enhancements-modal-show-lists-toggle-list-form form', eventSubmitNewProductListForm)\n .on('click', '.remove-from-all', eventClickRemove);\n};\n\nvar removeListEventListeners = function() {\n $('#wishlistModalShowLists')\n .off('click', eventStopPropagation)\n .off('show.bs.modal', eventShow)\n .off('hidden.bs.modal', eventHidden)\n .off('keyup', '#newProductListName', eventKeyupName)\n .off('click', '.product-list-enhancements-modal-show-lists-header .product-list-enhancements-modal-show-lists-header-back', eventToggleNewProductListForm)\n .off('click', '.product-list-enhancements-create-list-btn, .product-list-enhancements-modal-show-lists-toggle-list-form .cancel', eventToggleNewProductListForm)\n .off('click', '.toggle', eventToggleProductOnProductList)\n .off('click', '.move', eventMoveProductsToProductList)\n .off('submit', '.product-list-enhancements-modal-show-lists-toggle-list-form form', eventSubmitNewProductListForm)\n .off('click', '.remove-from-all', eventClickRemove);\n};\n\nvar init = function() {\n addListEventListeners();\n $('#wishlistModalShowLists')\n .data('modalListDataState', {});\n};\n\nvar destroy = function() {\n $('#wishlistModalShowLists')\n .data('pid', false)\n .data('modalListDataState', {});\n updateProductListProducts();\n removeListEventListeners();\n removeListEventListenersWindow();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\nvar productBase = require('../product/base');\n\nvar closeOverlay = function() {\n $('.product-list-enhancements-overlay-detail-selected')\n .attr('tabindex', -1)\n .attr('aria-hidden', 'true')\n .removeClass('open');\n};\n\nvar deselectAll = function() {\n $('.product-list-enhancements-detail').trigger('unselectAllProducts');\n};\n\nvar getSelectedListAndProducts = function() {\n var $productListDetail = $('.product-list-enhancements-detail');\n var $products = $productListDetail.find('.product-list-enhancements-card-product[data-selected=\"true\"]');\n var listId = $productListDetail.data().listId;\n var pids = [];\n var listItemIds = [];\n var pidsObj = [];\n $products.each(function() {\n var $product = $(this);\n pids.push($product.data().pid);\n listItemIds.push($product.data().listItemId);\n pidsObj.push({\n pid: $product.data().pid,\n qty: $product.find('.product-list-enhancements-card-product-quantity').val(),\n options: ''\n });\n });\n return {\n listId,\n listItemIds,\n pids,\n pidsObj\n };\n};\n\nvar eventOpenOverlay = function() {\n $(this)\n .attr('tabindex', 0)\n .attr('aria-hidden', 'false')\n .addClass('open');\n};\n\nvar eventCloseOverlay = function() {\n closeOverlay();\n};\n\nvar eventClickClose = function() {\n deselectAll();\n};\n\nvar eventClickAddToCart = function(e) {\n e.preventDefault();\n var selectedListAndProducts = getSelectedListAndProducts();\n var addToCartUrl = $(this).data().url;\n if (selectedListAndProducts.pidsObj.length) {\n $.spinner().start();\n selectedListAndProducts.pidsObj = JSON.stringify(selectedListAndProducts.pidsObj);\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: {\n pidsObj: selectedListAndProducts.pidsObj\n },\n success: function (data) {\n if (data.error === false) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n productBase.methods.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n deselectAll();\n productBase.methods.miniCartReportingUrl(data.reportingURL, data.error);\n } else {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n $.spinner().stop();\n },\n error: function () {\n $('.product-list-enhancements-global-error-display').trigger('error');\n $.spinner().stop();\n }\n });\n }\n};\n\nvar eventClickShare = function(e) {\n e.preventDefault();\n};\n\nvar eventClickMove = function(e) {\n e.preventDefault();\n var selectedListAndProducts = getSelectedListAndProducts();\n $('#wishlistModalShowLists')\n .data('listId', selectedListAndProducts.listId)\n .data('listItemIds', selectedListAndProducts.listItemIds)\n .data('multiSelect', false)\n .data('action', 'move')\n .modal('show');\n deselectAll();\n};\n\nvar eventClickRemove = function(e) {\n e.preventDefault();\n var selectedListAndProducts = getSelectedListAndProducts();\n $('#wishlistEnhancementsModalDeleteProducts')\n .data('listId', selectedListAndProducts.listId)\n .data('listItemIds', selectedListAndProducts.listItemIds)\n .modal('show');\n};\n\nvar addEventListeners = function() {\n $('.product-list-enhancements-overlay-detail-selected')\n .on('open', eventOpenOverlay)\n .on('close', eventCloseOverlay)\n .on('click', '.product-list-enhancements-overlay-detail-selected-close', eventClickClose)\n .on('click', '.product-list-enhancements-overlay-detail-selected-add', eventClickAddToCart)\n .on('click', '.product-list-enhancements-overlay-detail-selected-share', eventClickShare)\n .on('click', '.product-list-enhancements-overlay-detail-selected-move', eventClickMove)\n .on('click', '.product-list-enhancements-overlay-detail-selected-remove', eventClickRemove);\n};\n\nvar removeEventListeners = function() {\n $('.product-list-enhancements-overlay-detail-selected')\n .off('open', eventOpenOverlay)\n .off('close', eventCloseOverlay)\n .off('click', '.product-list-enhancements-overlay-detail-selected-close', eventClickClose)\n .off('click', '.product-list-enhancements-overlay-detail-selected-add', eventClickAddToCart)\n .off('click', '.product-list-enhancements-overlay-detail-selected-share', eventClickShare)\n .off('click', '.product-list-enhancements-overlay-detail-selected-move', eventClickMove)\n .off('click', '.product-list-enhancements-overlay-detail-selected-remove', eventClickRemove);\n};\n\nvar init = function() {\n addEventListeners();\n};\n\nvar destroy = function() {\n removeEventListeners();\n closeOverlay();\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","'use strict';\n\nvar productListEnhancementsHelpers = require('./helpers.js');\nconst toastRecycleTime = 500;\n\nvar dismiss = function($toast) {\n $toast\n .removeClass('show')\n .attr('tabindex', '-1');\n if ($toast.data().productId) {\n $('[data-wishlistpid=' + $toast.data().productId + ']')\n .first()\n .trigger('focus');\n }\n removeEventListenersWindow();\n};\n\nvar show = function($toast) {\n $toast\n .addClass('show')\n .attr('tabindex', '0')\n .trigger('focus');\n addEventListenersWindow();\n};\n\nvar eventClickUndo = function(e) {\n var $this = $(this);\n var $toast = $this.parents('.product-list-enhancements-toast');\n var url;\n var productListId;\n var productListQuantities;\n var productOptions;\n\n if (typeof $toast.data().productListId === 'string') {\n url = $this.data().urlList;\n productListId = $toast.data().productListId;\n productListQuantities = $toast.data().productListQuantities;\n productOptions = $toast.data().productOptions;\n } else {\n url = $this.data().urlLists;\n productListId = $toast.data().productListId.join('|');\n productListQuantities = $toast.data().productListQuantities.join('|');\n productOptions = $toast.data().productOptions;\n }\n\n $.ajax({\n url: url,\n method: 'POST',\n dataType: 'json',\n data: {\n pid: $toast.data().productId,\n productListId: productListId,\n productListQuantities: productListQuantities,\n productOptions: productOptions\n },\n success: function(data) {\n if (data.success) {\n productListEnhancementsHelpers.updateUncachedData({\n actionType: data.productListActionType,\n pid: data.pid\n });\n productListEnhancementsHelpers.updateLinkData();\n productListEnhancementsHelpers.openToast(data);\n }\n }\n });\n};\n\nvar eventClickWindow = function(e) {\n if (!$(e.target).is('[data-toast-trigger]')) {\n dismiss($('.product-list-enhancements-toast'));\n }\n};\n\nvar eventKeyPressEscapeWindow = function (e) {\n if (e.key && e.key === 'Escape') {\n dismiss($('.product-list-enhancements-toast'));\n }\n};\n\nvar eventStopPropagation = function(e) {\n e.stopPropagation();\n};\n\nvar eventDismissButton = function(e) {\n e.preventDefault();\n dismiss($(this).parents('.product-list-enhancements-toast'));\n}\n\nvar eventShow = function(e, callback) {\n e.preventDefault();\n var $toast = $(this);\n if ($toast.hasClass('show')) {\n dismiss($toast);\n setTimeout(() => {\n if (callback) {\n callback($toast, 33);\n }\n show($toast);\n }, toastRecycleTime);\n } else {\n if (callback) {\n callback($toast);\n }\n show($toast);\n }\n};\n\nvar eventDismiss = function(e, callback) {\n e.preventDefault();\n var $toast = $(this);\n dismiss($toast);\n if (callback) {\n callback($toast);\n }\n};\n\nvar addEventListenersToast = function() {\n $('.product-list-enhancements-toast')\n .on('click', eventStopPropagation)\n .on('click', '.undo', eventClickUndo)\n .on('click', '[data-toast-dismiss]', eventDismissButton)\n .on('show', eventShow)\n .on('dismiss', eventDismiss);\n};\n\nvar removeEventListenersToast = function() {\n $('.product-list-enhancements-toast')\n .off('click', '.undo', eventClickUndo)\n .off('click', eventStopPropagation)\n .off('click', '[data-toast-dismiss]', eventDismissButton)\n .off('show', eventShow)\n .off('dismiss', eventDismiss);\n};\n\nvar addEventListenersWindow = function() {\n $(window)\n .on('keydown', eventKeyPressEscapeWindow)\n .on('click', eventClickWindow);\n\n};\n\nvar removeEventListenersWindow = function() {\n $(window)\n .off('keydown', eventKeyPressEscapeWindow)\n .off('click', eventClickWindow);\n};\n\nvar init = function() {\n addEventListenersToast();\n}\n\nvar destroy = function() {\n removeEventListenersToast();\n removeEventListenersWindow();\n}\n\nmodule.exports = {\n init,\n destroy\n}\n","'use strict';\n\nvar productListEnhancementsHelpers = require('./helpers.js');\n\nvar swatchChange =function($swatch) {\n var $tileParent = $swatch.parents('.product-tile');\n //main Product List Enhancements Link\n if ($swatch.attr('data-wishlistpid')) {\n toggleButtonSelectedState($tileParent, $swatch.attr('data-wishlistpid'));\n }\n};\n\nvar hijackSwatchClick = function() {\n if (window.isMobile()) {\n $('body').on('click.swatch-link', '.product-tile .swatch-link', eventHijackSwatchClick);\n } else {\n $('body').off('click.swatch-link');\n }\n};\n\nvar toggleButtonSelectedState = function($container, pid) {\n //Make heart icon accurate\n var mainProductListEnhancements = $container.find('.product-list-enhancements-toggle-product');\n if (mainProductListEnhancements.length) {\n mainProductListEnhancements.attr('data-wishlistpid', pid);\n //Make heart icon accurate\n productListEnhancementsHelpers.updateLinkData(mainProductListEnhancements);\n }\n};\n\nvar toggleProductGuest = function(data) {\n $.ajax({\n url: data.url,\n method: 'POST',\n dataType: 'json',\n data: {\n pid: data.wishlistpid,\n quantity: data.wishlistquantity\n },\n success: function(data) {\n if (data.success) {\n $('.product-list-enhancements-global-error-display').trigger('clear');\n productListEnhancementsHelpers.updateUncachedData({\n actionType: data.productListActionType,\n pid: data.pid\n });\n productListEnhancementsHelpers.updateLinkData(false, data);\n data.guest = true;\n productListEnhancementsHelpers.openToast(data);\n\n } else {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n },\n error: function() {\n $('.product-list-enhancements-global-error-display').trigger('error');\n }\n });\n};\n\nvar eventClickHeart = function(e) {\n e.preventDefault();\n var $this = $(e.currentTarget);\n var wishlistpid = e.currentTarget.dataset.wishlistpid;\n if (window.UncachedData.customer.isAuthenticated) {\n $('#wishlistModalShowLists')\n .data('multiSelect', false)\n .data('pid', wishlistpid)\n .modal('show', $this);\n } else {\n toggleProductGuest(e.currentTarget.dataset);\n }\n};\n\nvar eventMouseEnterSwatch = function() {\n swatchChange($(this));\n};\n\nvar eventAfterAttributeSelect = function(e, payload) {\n toggleButtonSelectedState(payload.container, payload.data.product.wishlistpid);\n};\n\nvar eventHijackSwatchClick = function(e) {\n e.preventDefault();\n swatchChange($(this).find('.swatch'));\n};\n\nvar init = function() {\n $('body')\n .on('click', '.product-list-enhancements-toggle-product', eventClickHeart)\n .on('mouseenter', '.product-tile .swatch', eventMouseEnterSwatch)\n .on('product:afterAttributeSelect', eventAfterAttributeSelect);\n $(window).on('resize',function() {\n hijackSwatchClick();\n });\n hijackSwatchClick();\n productListEnhancementsHelpers.updateLinkData();\n}\n\nvar destroy = function() {\n $('body')\n .off('click', '.product-list-enhancements-toggle-product', eventClickHeart)\n .off('mouseenter', '.product-tile .swatch', eventMouseEnterSwatch)\n .off('product:afterAttributeSelect', eventAfterAttributeSelect);\n};\n\nmodule.exports = {\n init,\n destroy\n};\n","/* globals google */\n'use strict';\n\nvar googleMapsPromise = require('../thirdParty/googleMaps');\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 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 * Uses google maps api to render a map\n */\nfunction maps() {\n var map;\n var infowindow = new google.maps.InfoWindow();\n var mapdiv = $('.map-canvas').attr('data-locations');\n var bounds = new google.maps.LatLngBounds();\n var zoom = 4;\n\n mapdiv = JSON.parse(mapdiv);\n\n if (mapdiv.length === 1) {\n zoom = 18; // set zoom more specifically if single store\n }\n\n // Init U.S. Map in the center of the viewport\n var latlng = new google.maps.LatLng(37.09024, -95.712891);\n var mapOptions = {\n scrollwheel: false,\n zoom: zoom,\n center: latlng\n };\n\n map = new google.maps.Map($('.map-canvas')[0], mapOptions);\n\n Object.keys(mapdiv).forEach(function (key) {\n var item = mapdiv[key];\n var label = parseInt(key, 10) + 1;\n var storeLocation = new google.maps.LatLng(item.latitude, item.longitude);\n\n var marker = new google.maps.Marker({\n position: storeLocation,\n type: item.storeType.value,\n map: map,\n title: item.name,\n icon: {\n url: item.backgroundImage,\n size: new google.maps.Size(45, 45),\n scaledSize: new google.maps.Size(45, 45),\n labelOrigin: new google.maps.Point(24, 17)\n },\n label: {\n text: label.toString(),\n color: item.color,\n fontSize: '14px'\n }\n });\n\n marker.addListener('click', function () {\n infowindow.setOptions({\n content: item.infoWindowHtml\n });\n infowindow.open(map, marker);\n });\n\n // Create a minimum bound based on a set of storeLocations\n bounds.extend(marker.position);\n\n // If there is only one store, center the map on that store\n if (mapdiv.length === 1) {\n map.setCenter(storeLocation);\n }\n });\n // Fit the all the store marks in the center of a minimum bounds when any store has been found, unless there is a single store result\n if (mapdiv && mapdiv.length > 1) {\n map.fitBounds(bounds);\n }\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, scope) {\n var $resultsDiv = scope.find('.results');\n var $mapDiv = $('.map-canvas'); //Not scoped to support multiple maps on page yet\n var hasResults = data.stores.length > 0;\n\n if (!hasResults) {\n if ('noInventoryStores' in data) {\n scope.find('.store-locator-no-results-for-product').show();\n } else {\n scope.find('.store-locator-no-results').show();\n }\n scope.find('.filter-results').hide();\n $resultsDiv.attr('data-has-results', false);\n } else {\n scope.find('.store-locator-no-results').hide();\n scope.find('.store-locator-no-results-for-product').hide();\n scope.find('.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 googleMapsPromise().then(() => module.exports.methods.maps());\n } else {\n $('.store-locator-no-apiKey').show();\n }\n\n if (data.storesResultsHtml) {\n $resultsDiv.append(data.storesResultsHtml);\n }\n\n if (data.noInventoryStoresHtml) {\n $resultsDiv.append(data.noInventoryStoresHtml);\n }\n\n\n if (hasResults) {\n $.each(data.storeTypes, function(storeType) {\n var storeTypeValue = data.storeTypes[storeType].value ||data.storeTypes[storeType].value\n if (scope.find('.results [data-store-type=\"' + storeTypeValue + '\"]').length > 0) {\n scope.find('.filter-results [data-filter=\"' + storeTypeValue + '\"]').show();\n }\n });\n }\n}\n\n/**\n * Search for stores with new zip code\n * @param {HTMLElement} element - the target html element\n * @returns {boolean} false to prevent default event\n */\nfunction search(element) {\n var dialog = element.closest('.in-store-inventory-dialog');\n var spinner = dialog.length ? dialog.spinner() : $.spinner();\n spinner.start();\n var scope = element.closest('.store-locator-container');\n var $form = element.closest('.store-locator');\n var radius = scope.find('.results').data('radius');\n var postalCode = $form.find('[name=\"postalCode\"]').val() ? $.trim($form.find('[name=\"postalCode\"]').val()) : '';\n var url = $form.attr('action');\n var urlParams = {\n radius: radius\n };\n var isForm = $form.is('form');\n var payload = {\n postalCode: postalCode\n }\n\n if (isForm) {\n payload = decodeURI($form.serialize()).replace(/\\s/g, '');\n }\n\n url = module.exports.methods.appendToUrl(url, urlParams);\n $.ajax({\n url: url,\n type: $form.attr('method'),\n data: payload,\n dataType: 'json',\n success: function (data) {\n module.exports.methods.updateStoresResults(data, scope);\n scope.find('.select-store').prop('disabled', true);\n },\n complete: function () {\n spinner.stop();\n }\n });\n return false;\n}\n\nmodule.exports = {\n init: function () {\n if ($('.map-canvas').data('has-google-api')) {\n googleMapsPromise().then(() => module.exports.methods.maps());\n } else {\n $('.store-locator-no-apiKey').show();\n }\n },\n\n detectLocation: function () {\n // clicking on detect location.\n $('body').on('click', '.detect-location', function (e) {\n var scope = $(this).closest('.store-locator-container');\n $.spinner().start();\n if (!navigator.geolocation) {\n $.spinner().stop();\n return;\n }\n\n navigator.geolocation.getCurrentPosition(function (position) {\n var $detectLocationButton = scope.find('.detect-location');\n var url = $detectLocationButton.data('action');\n var radius = scope.find('.results').data('radius');\n var urlParams = {\n radius: radius,\n lat: position.coords.latitude,\n long: position.coords.longitude\n };\n\n url = module.exports.methods.appendToUrl(url, urlParams);\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $.spinner().stop();\n module.exports.methods.updateStoresResults(data, scope);\n scope.find('.select-store').prop('disabled', true);\n scope.find('.detect-location-invalid').removeClass('d-block');\n }\n }).fail(function(){\n $.spinner().stop();\n });\n },\n function () {\n $.spinner().stop();\n scope.find('.detect-location-invalid').addClass('d-block');\n }, {\n timeout: 5000\n });\n });\n },\n\n search: function () {\n $('body').on('submit', '.store-locator-container form.store-locator', function (e) {\n e.preventDefault();\n return module.exports.methods.search($(this));\n });\n $('body').on('click', '.store-locator-container .btn-storelocator-search[type=\"button\"]', function (e) {\n e.preventDefault();\n return module.exports.methods.search($(this));\n });\n },\n changeRadius: function () {\n $('body').on('change', '.store-locator-container .radius', function () {\n var radius = $(this).val();\n var scope = $(this).closest('.store-locator-container');\n var searchKeys = scope.find('.results').data('search-key');\n var url = $(this).data('action-url');\n var urlParams = {};\n\n if (searchKeys.postalCode) {\n urlParams = {\n radius: radius,\n postalCode: searchKeys.postalCode\n };\n } else if (searchKeys.lat && searchKeys.long) {\n urlParams = {\n radius: radius,\n lat: searchKeys.lat,\n long: searchKeys.long\n };\n }\n\n scope.find('.filter-results [data-filter]').removeClass('active btn-primary').addClass('btn-secondary').hide();\n scope.find('.filter-results [data-filter=\"all\"]').addClass('active btn-primary').removeClass('btn-secondary').show();\n\n url = module.exports.methods.appendToUrl(url, urlParams);\n var dialog = $(this).closest('.in-store-inventory-dialog');\n var spinner = dialog.length ? dialog.spinner() : $.spinner();\n spinner.start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n module.exports.methods.updateStoresResults(data, scope);\n scope.find('.select-store').prop('disabled', true);\n },\n complete: function () {\n spinner.stop();\n }\n });\n });\n },\n filterResults: function () {\n var $filters = $('.filter-results [data-filter]');\n\n $filters.on('click', function (e) {\n e.preventDefault();\n var scope = $(this).closest('.store-locator-container');\n\n $filters.removeClass('active btn-primary').addClass('btn-secondary');\n $(this).addClass('active btn-primary').removeClass('btn-secondary');\n\n var $filterType = $(this).attr('data-filter');\n var radius = scope.find('.results').data('radius');\n var searchKeys = scope.find('.results').data('search-key');\n var url = scope.find('.filter-results').data('action-url');\n var urlParams = {};\n\n if (searchKeys.postalCode) {\n urlParams = {\n radius: radius,\n postalCode: searchKeys.postalCode,\n storeType: $filterType\n };\n } else if (searchKeys.lat && searchKeys.long) {\n urlParams = {\n radius: radius,\n lat: searchKeys.lat,\n long: searchKeys.long,\n storeType: $filterType\n };\n }\n\n url = module.exports.methods.appendToUrl(url, urlParams);\n var dialog = scope.find('.radius').closest('.in-store-inventory-dialog');\n var spinner = dialog.length ? dialog.spinner() : $.spinner();\n spinner.start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n module.exports.methods.updateStoresResults(data, scope);\n scope.find('.select-store').prop('disabled', true);\n },\n complete: function () {\n spinner.stop();\n }\n });\n\n });\n },\n selectStore: function () {\n $('body').on('click', '.store-locator-container .select-store', function (e) {\n e.preventDefault();\n var scope = $(this).closest('.store-locator-container');\n var selectedStore = scope.find('input.select-store-input:checked');\n var data = {\n storeID: selectedStore.val(),\n searchRadius: scope.find('#radius').val(),\n searchPostalCode: scope.find('.results').data('search-key').postalCode,\n storeDetailsHtml: selectedStore.siblings('label').find('.store-details').html(),\n storeInfoJSON: selectedStore.data('store-info') || {},\n event: e,\n scope: scope\n };\n\n $('body').trigger('store:selected', data);\n });\n },\n updateSelectStoreButton: function () {\n $('body').on('change', '.select-store-input', (function () {\n $('.select-store').prop('disabled', false);\n }));\n },\n clickSelectStoreInHeader: function () {\n $('body').on('click', '.js-store-picker-header', function(e) {\n var modalSelector = '#home-store-picker-container';\n var $target = $(e.currentTarget);\n var modalAppendedToBody = $('body').children(modalSelector).length > 0;\n var $modal = $target.find(modalSelector);\n\n if (!modalAppendedToBody && $modal.length > 0) {\n // remove all modals from inside store selectors (mobile and desktop) and append to body\n $(document.querySelectorAll(modalSelector)).remove();\n $('body').append($modal);\n $modal.modal('show');\n } else {\n $modal = $('body').children(modalSelector);\n $modal.modal('show');\n }\n });\n },\n storeSelectedInHeader: function () {\n $('body').on('store:selected', function (e, data) {\n if (data.scope.parents('#home-store-picker-container').length) {\n var spinner = data.scope.spinner();\n spinner.start();\n $.ajax({\n url: module.exports.methods.appendToUrl(data.scope.data('setpreferredstoreactionurl'), { preferredStoreID: data.storeID }),\n type: 'get',\n dataType: 'json',\n success: function (result) {\n if (result && result.success) {\n var $prompt = $('.js-storelocator-header-prompt');\n var promptText = $prompt.data('prompt-text');\n data.scope.find('.store-locator-failed-to-set-preferred').hide();\n data.scope.closest('.modal').modal('hide');\n $prompt.html(promptText + ': ' + data.storeInfoJSON.name);\n $prompt.attr('title', data.storeInfoJSON.name);\n } else {\n data.scope.find('.store-locator-failed-to-set-preferred').show();\n }\n },\n complete: function () {\n spinner.stop();\n }\n }).fail(function(){\n data.scope.find('.store-locator-failed-to-set-preferred').show();\n });\n }\n })\n },\n selectStoreInSearch: function() {\n $('body').on('click', '.store-select-map', function (e) {\n e.preventDefault();\n var scope = $(this);\n var storeName = scope.data('store-name');\n scope.spinner().start();\n $.ajax({\n url: scope.data('action'),\n type: 'get',\n dataType: 'json',\n success: function (result) {\n if (result && result.success) {\n var $prompt = $('.js-storelocator-header-prompt');\n var promptText = $prompt.data('prompt-text');\n scope.closest('.store-locator-failed-to-set-preferred').hide();\n $prompt.html(promptText + ': ' + storeName);\n $prompt.attr('title', storeName);\n } else {\n scope.closest('.store-locator-failed-to-set-preferred').show();\n }\n },\n complete: function () {\n scope.spinner().stop();\n }\n }).fail(function(){\n scope.closest('.store-locator-failed-to-set-preferred').show();\n });\n });\n },\n methods: {\n appendToUrl: appendToUrl,\n maps: maps,\n updateStoresResults: updateStoresResults,\n search: search\n }\n};\n","require('bootstrap/js/src/util.js');\nrequire('bootstrap/js/src/alert.js');\n// require('bootstrap/js/src/button.js');\nrequire('bootstrap/js/src/carousel.js');\nrequire('bootstrap/js/src/collapse.js');\nrequire('bootstrap/js/src/dropdown.js');\nrequire('bootstrap/js/src/modal.js');\nrequire('bootstrap/js/src/scrollspy.js');\nrequire('bootstrap/js/src/tab.js');\nrequire('bootstrap/js/src/tooltip.js');\nrequire('bootstrap/js/src/popover.js');\n","let googleMapsPromise = null;\nconst regexCallbackFinder = /(\\?|\\&)callback\\=.+(\\&|$)/g;\n\nmodule.exports = function() {\n if (googleMapsPromise) {\n return googleMapsPromise;\n }\n\n if (!window.CachedData.googleMapsApi || window.google) {\n googleMapsPromise = Promise.resolve();\n } else {\n // Pull cbFn\n var callbackFnName = (window.CachedData.googleMapsApi || '').match(regexCallbackFinder)?.[0].replace(/^.+\\=/g,'');\n\n if (callbackFnName) {\n window[callbackFnName] = window[callbackFnName] || function () { console?.info('Google Maps API Callback'); };\n }\n\n googleMapsPromise = $.getScript(window.CachedData.googleMapsApi);\n }\n\n return googleMapsPromise;\n}","'use strict';\n\n// Creating a global getHeaderHeight function since its used more than once\n// used in:\n// search.js\n// menu.js\n\nfunction getHeaderHeight() {\n var $header = $('header');\n var $headerBanner = $header.find('.header-banner');\n var $headerNav = $header.find('.header-nav');\n var $preNavHeader = $header.find('.pre-nav-header');\n var $preNavHeaderHeight = $preNavHeader && $preNavHeader.length > 0 ? $preNavHeader.outerHeight() : 0;\n var headerNavHeight = !$headerBanner.hasClass('d-none') ? $headerNav.outerHeight() + $headerBanner.outerHeight() + $preNavHeaderHeight : $headerNav.outerHeight() + $preNavHeaderHeight;\n\n return headerNavHeight;\n}\n\nmodule.exports = {\n getHeaderHeight: getHeaderHeight\n};\n","'use strict';\n\n// Polyfill for creating CustomEvents on IE11\n\n// code pulled from:\n// https://github.com/d4tocchini/customevent-polyfill\n// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent#Polyfill\n\n(function () {\n if (typeof window === 'undefined') {\n return;\n }\n\n try {\n var ce = new window.CustomEvent('test', { cancelable: true });\n ce.preventDefault();\n if (ce.defaultPrevented !== true) {\n // IE has problems with .preventDefault() on custom events\n // http://stackoverflow.com/questions/23349191\n throw new Error('Could not prevent default');\n }\n } catch (e) {\n var CustomEvent = function (event, params) {\n var evt, origPrevent;\n params = params || {};\n params.bubbles = !!params.bubbles;\n params.cancelable = !!params.cancelable;\n\n evt = document.createEvent('CustomEvent');\n evt.initCustomEvent(\n event,\n params.bubbles,\n params.cancelable,\n params.detail\n );\n origPrevent = evt.preventDefault;\n evt.preventDefault = function () {\n origPrevent.call(this);\n try {\n Object.defineProperty(this, 'defaultPrevented', {\n get: function () {\n return true;\n }\n });\n } catch (e) {\n this.defaultPrevented = true;\n }\n };\n return evt;\n };\n\n CustomEvent.prototype = window.Event.prototype;\n window.CustomEvent = CustomEvent; // expose definition to window\n }\n})();\n\n\nclass ScrollDirection {\n constructor() {\n this.$html = $('html'); // Element to add CSS classnames\n this.window = window; // Element to listen to scroll events\n this.direction = null; // Current scroll direction\n this.headerHeight = null; // Track header's height\n this.headerNavHeight = null; // Track sticky portion of header's height\n this.headerNavOffsetTop = 0; // Track header's distance from top of page\n this.isScrolling = false; // Page is scrolling\n this.last = 0; // Last scroll position\n this.stickyHeader = false; // Show CSS header\n this.timeout = null; // Timeout event for scroll handler\n this.threshold = 10; // How far to allow scroll before triggering scroll events\n\n this.init(); // Initialize scroll handlers\n }\n\n init() {\n // Check if we can use Passive Event Listening\n let passiveIfSupported = false;\n try {\n window.addEventListener('test', null,\n Object.defineProperty({}, 'passive', {\n get: function () {\n passiveIfSupported = {\n passive: true\n };\n }\n })\n );\n } catch (err) { }\n\n // Add Event Listeners\n this.listener = this.detectDirection.bind(this);\n this.resize = this.detectResize.bind(this);\n\n this.window.addEventListener('scroll', this.listener, passiveIfSupported);\n this.window.addEventListener('resize', this.resize, passiveIfSupported);\n // Do initial Size Detection\n this.detectResize();\n }\n\n detectDirection() {\n // Get Scroll Position\n const scrolled = this.window.scrollY || this.window.scrollTop || this.window.pageYOffset;\n\n // Check if New Scroll Position Breaks Threshold\n if (Math.abs(scrolled - this.last) >= this.threshold) {\n const currentDirection = (scrolled > this.last) ? 'down' : 'up';\n\n // Check if Scrolling\n if (scrolled !== this.last && !this.isScrolling) {\n this.onScrollStart();\n }\n\n // Check if Header exists and if we should trigger Sticky Header\n if (this.headerHeight) {\n if (scrolled > this.headerHeight && !this.stickyHeader && this.direction === 'up') {\n this.stickyHeader = true;\n this.$html.addClass('sticky-header');\n // Fire Custom Event `stickyHeaderChange`\n this.window.dispatchEvent(new CustomEvent('stickyHeaderChange', {\n detail: {\n direction: this.direction,\n last: this.last,\n stickyHeader: this.stickyHeader\n }\n }));\n } else if (scrolled < this.headerHeight && this.stickyHeader) {\n this.stickyHeader = false;\n this.$html.removeClass('sticky-header');\n // Fire Custom Event `stickyHeaderChange`\n this.window.dispatchEvent(new CustomEvent('stickyHeaderChange', {\n detail: {\n direction: this.direction,\n last: this.last,\n stickyHeader: this.stickyHeader\n }\n }));\n }\n }\n\n // Detect Direction Change\n if (this.direction !== currentDirection) {\n this.onDirectionChange(currentDirection);\n }\n\n // Update Last Scroll Position\n this.last = scrolled;\n\n // Fire Custom Event `scrollUpdate`\n this.window.dispatchEvent(new CustomEvent('scrollUpdate', {\n detail: {\n direction: this.direction,\n last: this.last,\n stickyHeader: this.stickyHeader\n }\n }));\n }\n\n // Clear Last Timeout before Recreating it\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n\n // Fire Stop Scroll Event shortly after Scrolling Stops\n this.timeout = setTimeout(this.onScrollStop.bind(this), 500);\n }\n\n detectResize () {\n // Get Header Height - will only exist if headerFixed preference is set to 'Enhanced'\n const $header = $('.fixed-header-enhanced');\n\n if ($header.length) {\n var $headerNav = $header.find('.header-nav');\n this.headerHeight = $header.outerHeight();\n this.headerNavHeight = $headerNav.outerHeight();\n this.$html.css('--header-height', this.headerNavHeight + 'px');\n // change to position static before getting offset\n $headerNav.css('position', 'static');\n this.headerNavOffsetTop = $headerNav.offset().top;\n $headerNav.css('position', '');\n }\n }\n\n onDirectionChange(direction) {\n this.direction = direction;\n\n // Update Scroll Classes\n this.$html.addClass('scroll-direction-' + this.direction);\n this.$html.removeClass('scroll-direction-' + (\n this.direction == 'down' ? 'up' : 'down'\n ));\n\n // Fire Custom Event `scrollDirectionChange`\n this.window.dispatchEvent(new CustomEvent('scrollDirectionChange', {\n detail: {\n direction: this.direction,\n last: this.last,\n stickyHeader: this.stickyHeader\n }\n }));\n }\n\n onScrollStart() {\n this.$html.addClass('is-scrolling');\n this.isScrolling = true;\n\n // Fire Custom Event `scrollStart`\n this.window.dispatchEvent(new CustomEvent('scrollStart', {\n detail: {\n direction: this.direction,\n last: this.last,\n stickyHeader: this.stickyHeader\n }\n }));\n }\n\n onScrollStop() {\n this.$html.removeClass('is-scrolling');\n this.isScrolling = false;\n this.timeout = null;\n\n // Fire Custom Event `scrollStop`\n this.window.dispatchEvent(new CustomEvent('scrollStop', {\n detail: {\n direction: this.direction,\n last: this.last,\n stickyHeader: this.stickyHeader\n }\n }));\n }\n}\n\nmodule.exports = () => {\n $(document).ready(() => {\n new ScrollDirection();\n });\n};\n","'use strict';\n\nvar modal = require('../components/modal');\nvar base = require('../product/base');\nvar focusHelper = require('base/components/focus');\nconst editWishlistProductModalSelector = '#editWishlistProductModal';\n\nvar productListEnhancementsLanding = require('../productListEnhancements/landing').init;\nvar productListEnhancementsDetail = require('../productListEnhancements/detail').init;\nvar productListEnhancementsShowLists = require('../productListEnhancements/modalShowLists').init;\nvar productListEnhancementsToggleProduct = require('../productListEnhancements/toggleProduct').init;\nvar productListEnhancementsToast = require('../productListEnhancements/toast').init;\n\n\n//TODO RVW: theres some old functions in here from the deprecated wishlist that should be removed\n/**\n * shows wishlist toast message\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessage(data) {\n $.spinner().stop();\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-wishlist-messages').append('
' + data.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 5000);\n}\n\n/**\n * update window wishlist data\n * @param {string} data - data returned from the server's ajax call\n */\nfunction updateWishlistUncachedData(data) {\n if (data.success) {\n var wishlistPIDs = new Set(window.UncachedData.wishlistPIDs);\n if (data.add) {\n wishlistPIDs.add(data.wishlistpid);\n } else {\n wishlistPIDs.delete(data.wishlistpid);\n }\n\n window.UncachedData.wishlistPIDs = Array.from(wishlistPIDs);\n }\n}\n\n/**\n * update clicked links attributes and text\n * @param {Object} specificLinks - jQuery object representing selection of wishlist links\n */\nfunction updateWishlistLinkData(specificLinks) {\n if (!window || !window.UncachedData || !window.UncachedData.wishlistPIDs) {\n return;\n }\n\n var wishlistLinks = specificLinks || $('a.wishlist');\n if (!wishlistLinks || !wishlistLinks.length) {\n return;\n }\n\n var wishlistPIDs = new Set(window.UncachedData.wishlistPIDs);\n\n wishlistLinks.each((_i, wishlistLink) => {\n var $wishlistLink = $(wishlistLink);\n var wishlistpid = $wishlistLink.attr('data-wishlistpid');\n if (wishlistpid) {\n var isInWishlist = wishlistPIDs.has(wishlistpid);\n\n $wishlistLink.attr('data-inwishlist', isInWishlist);\n if (isInWishlist) {\n $wishlistLink.attr('title', $wishlistLink.attr('data-removemessage'));\n if ($wishlistLink.data('includetext') === true) {\n $wishlistLink.find('span').html($wishlistLink.attr('data-removemessage'));\n }\n } else {\n $wishlistLink.attr('title', $wishlistLink.attr('data-addmessage'));\n if ($wishlistLink.data('includeicon') === true) {\n $wishlistLink.find('span').html($wishlistLink.attr('data-addmessage'));\n }\n }\n\n var icon = $wishlistLink.find('.wishlist-icon');\n if (icon && icon.length) {\n $(icon).toggleClass('selected', isInWishlist);\n }\n }\n });\n}\n\n\n/**\n * update clicked links attributes and text\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} $targetElement - the element that needs caused the need for a modal change\n */\nfunction updateWishlistCartStatus(data, $targetElement) {\n if (data.success && data.add && $targetElement.hasClass('move')) {\n var itemToMove = {\n actionUrl: $targetElement.data('nextaction'),\n productID: $targetElement.data('wishlistpid'),\n productName: $targetElement.data('productname'),\n uuid: $targetElement.data('uuid')\n };\n\n // listener prefills #removeProductModal\n $('body').trigger('afterRemoveFromCart', itemToMove);\n\n setTimeout(function () {\n $('#removeProductModal').modal();\n }, 1000);\n }\n}\n\n/**\n * update display of items after a cart update (edit item in modal on cart show)\n */\nfunction cartUpdate() {\n $('body').on('cart:update', function(e, data, uuid) {\n var updatedProduct = $('a.wishlist[data-uuid=' + uuid + ']');\n if (updatedProduct.length) {\n //TODO RVW is this good enough or do I need to update wishlist icon name/messaging etc...\n updatedProduct.attr('data-wishlistpid', data.newProductId);\n updateWishlistLinkData();\n }\n });\n}\n\n/**\n * attach onclick for wishlist icon toggle functionality\n */\nfunction toggleWishlist() {\n $('body').on('click', 'a.wishlist', function (e) {\n var clicked = $(this);\n e.preventDefault();\n var url = clicked.attr('href');\n var wishlistpid = clicked.attr('data-wishlistpid');\n if (!url || !wishlistpid) {\n return;\n }\n\n var core = require('core/product/base');\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n wishlistpid: wishlistpid,\n selectedOptionValueIds: core.methods.getOptions(clicked.parents('.product-detail')),\n isCart: clicked.hasClass('move')\n },\n success: function (data) {\n displayMessage(data);\n updateWishlistUncachedData(data);\n updateWishlistLinkData();\n updateWishlistCartStatus(data, clicked);\n },\n error: function (err) {\n displayMessage(err);\n }\n });\n });\n}\n\n\n/**\n * make link button work on wishlist social icons to create a sharing url\n */\nfunction copyWishlistLink() {\n $('body').on('click', '.wl-social .share-link', function () {\n var $temp = $('');\n $('body').append($temp);\n $temp.val($('#wlShareUrl').val()).select();\n document.execCommand('copy');\n $temp.remove();\n $('.copy-link-message').removeClass('d-none');\n setTimeout(function () {\n $('.copy-link-message').addClass('d-none');\n }, 3000);\n });\n}\n\n/**\n * attach on quickview:ready listener so that icon is correct in quickview on load\n */\nfunction updateQuickView(e) {\n $('body').on('quickview:ready', function() {\n updateWishlistLinkData();\n });\n}\n\n/**\n * attach on click on wishlist-show edit button to launch modal\n */\nfunction viewProductViaEdit() {\n $('body').on('click', '.edit-add-to-wishlist .edit', function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).attr('href');\n $(e.target).trigger('editwishlistproduct:show');\n modal.getModalHtmlElement('editWishlistProductModal', 'quick-view-dialog');\n fillModalElement(editProductUrl);\n });\n}\n\n/**\n * replaces the content in the modal window for product variation to be edited.\n * @param {string} editProductUrl - url to be used to retrieve a new product model\n */\n//TODO RVW unified in some way with quickView.js fillModalElement function?\nfunction fillModalElement(editProductUrl) {\n var $modal = $(editWishlistProductModalSelector);\n $modal.find('.modal-body').spinner().start();\n $.ajax({\n url: editProductUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = modal.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.find(editWishlistProductModalSelector).modal('show');\n\n $('body').trigger('editwishlistproduct:ready', $(editWishlistProductModalSelector));\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n\n/**\n * handles opening wishlist modal\n */\nfunction focusEditWishlistProductModal() {\n $('body').on('shown.bs.modal', editWishlistProductModalSelector, function () {\n $(editWishlistProductModalSelector).siblings().attr('aria-hidden', 'true');\n $(editWishlistProductModalSelector + ' .close').focus();\n });\n}\n\n/**\n * handles closing wishlist modal\n */\nfunction onClosingEditWishlistProductModal() {\n $('body').on('hidden.bs.modal', editWishlistProductModalSelector, function () {\n $(editWishlistProductModalSelector).remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n $(editWishlistProductModalSelector).siblings().attr('aria-hidden', 'false');\n });\n}\n\n/**\n * handles tabbing on wishlist modal\n */\nfunction trapEditWishlistProductModalFocus() {\n $('body').on('keydown', editWishlistProductModalSelector, function (e) {\n var focusParams = {\n event: e,\n containerSelector: editWishlistProductModalSelector,\n firstElementSelector: '.close',\n lastElementSelector: '.btn-update-product-list-enhancements',\n nextToLastElementSelector: '.select-size'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n}\n\n\n\n/**\n * renders the list up to a given page number\n * @param {number} pageNumber - current page number\n * @param {boolean} spinner - if the spinner has already started\n * @param {string} focusElementSelector - selector of the element to focus on\n */\nfunction renderNewPageOfItems(pageNumber, spinner, focusElementSelector) {\n var publicView = $('.wishlistItemCardsData').data('public-view');\n var listUUID = $('.wishlistItemCardsData').data('uuid');\n var url = $('.wishlistItemCardsData').data('href');\n if (spinner) {\n $.spinner().start();\n }\n var scrollPosition = document.documentElement.scrollTop;\n var newPageNumber = pageNumber;\n $.ajax({\n url: url,\n method: 'get',\n data: {\n pageNumber: ++newPageNumber,\n publicView: publicView,\n id: listUUID\n }\n }).done(function (data) {\n $('.wishlistItemCards').empty();\n $('body .wishlistItemCards').parent().html(data);\n base.enableQuantitySteppers();\n\n if (focusElementSelector) {\n $(focusElementSelector).focus();\n } else {\n document.documentElement.scrollTop = scrollPosition;\n }\n }).fail(function () {\n $('.more-wl-items').remove();\n });\n $.spinner().stop();\n}\n\n/**\n * handles add to cart on click for add to cart button on wishlist-show and others\n */\nfunction addToCartFromWishlist() {\n $('body').on('click', '.add-to-cart', function () {\n var pid;\n var addToCartUrl;\n var pidsQty;\n\n $('body').trigger('product:beforeAddToCart', this);\n\n pid = $(this).data('pid');\n addToCartUrl = $(this).data('url');\n pidsQty = parseInt($(this).closest('.product-info').find('.quantity').val(), 10);\n\n var form = {\n pid: pid,\n quantity: pidsQty\n };\n\n if ($(this).data('option')) {\n form.options = JSON.stringify($(this).data('option'));\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 handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n base.methods.miniCartReportingUrl(data.reportingURL, data.error);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n}\n\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n var messageType = response.error ? 'alert-danger' : 'alert-success';\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n\n $('.add-to-cart-messages').append(\n '
'\n + response.message\n + '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\n}\n\n\n/**\n * attaches on click for checkbox to toggle public status for whole list on wishslist show\n */\nfunction toggleWishlistStatus() {\n $('#isPublicList').on('click', function () {\n var listID = $('#isPublicList').data('id');\n module.exports.updatePublicStatus(listID, null, null);\n });\n}\n\n/**\n * attaches on click for checkbox to toggle public status for individual items on wishlist show\n */\nfunction toggleWishlistItemStatus() {\n $('body').on('click', '.wishlist-item-checkbox', function () {\n var itemID = $(this).closest('.wishlist-hide').find('.custom-control-input').data('id');\n var el = $(this).siblings('input');\n var resetCheckBox = function () {\n return el.prop('checked')\n ? el.prop('checked', false)\n : el.prop('checked', true);\n };\n\n module.exports.updatePublicStatus(null, itemID, resetCheckBox);\n });\n}\n\n/**\n * attaches on click for checkbox to toggle disabled status on button for list\n */\nfunction toggleDisabled(btn) {\n //btn.attr('disabled', (true ? false : true))\n btn[btn.attr('disabled') ? 'removeAttr' : 'attr']('disabled', true);\n}\n\n/**\n * toggles the public / private status of the item or wishlist item\n * @param {string} listID - the order model\n * @param {string} itemID - the customer model\n * @param {Object} callback - function to run if the ajax call returns with an\n * error so that the checkbox can be reset to it's original state\n */\nfunction updatePublicStatus(listID, itemID, callback) {\n var url = $('#isPublicList').data('url');\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n listID: listID,\n itemID: itemID\n },\n success: function (data) {\n if (callback && !data.success) { callback(); }\n if ($('.product-list-enhancements-detail-share').length) { toggleDisabled($('.product-list-enhancements-detail-share')); }\n module.exports.displayMessage(data, null);\n },\n error: function (err) {\n if (callback) { callback(); }\n module.exports.displayMessage(err);\n }\n });\n}\n\n/**\n * attaches on click for clicking the \"x\" from wishlist show or account show\n */\nfunction removeFromWishlist() {\n $('body').on('click', '.remove-from-wishlist', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n var elMyAccount = $('.account-page').length;\n\n // If user is in my account page, call Wishlist-RemoveProductAccount() end point and replace html with response\n if (elMyAccount > 0) {\n $('.wishlist-account-card').spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n data: {},\n success: function (html) {\n $('.wishlist-account-card>.order-card').remove();\n $('.wishlist-account-card').append(html);\n $('.wishlist-account-card').spinner().stop();\n },\n error: function () {\n var $elToAppend = $('.wishlist-account-card');\n $elToAppend.spinner().stop();\n var msg = $elToAppend.data('error-msg');\n displayMessage($elToAppend, msg);\n }\n });\n // else user is in wishlist landing page, call Wishlist-RemoveProduct() end point and re-render container page\n } else {\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {},\n success: function () {\n var pageNumber = $('.wishlistItemCardsData').data('page-number') - 1;\n renderNewPageOfItems(pageNumber, false);\n },\n error: function () {\n $.spinner().stop();\n var $elToAppendWL = $('.wishlistItemCards');\n var msg = $elToAppendWL.data('error-msg');\n displayMessage($elToAppendWL, msg);\n }\n });\n }\n });\n}\n\nfunction moreWLItems() {\n $('body').on('click', '.more-wl-items', function () {\n var pageNumber = $('.wishlistItemCardsData').data('page-number');\n renderNewPageOfItems(pageNumber, true);\n });\n}\n\nmodule.exports = {\n cartUpdate: cartUpdate,\n toggleWishlist: toggleWishlist,\n updateWishlistLinkData: updateWishlistLinkData,\n updateWishlistUncachedData: updateWishlistUncachedData,\n updateWishlistCartStatus: updateWishlistCartStatus,\n displayMessage: displayMessage,\n copyWishlistLink: copyWishlistLink,\n updateQuickView: updateQuickView,\n viewProductViaEdit: viewProductViaEdit,\n focusEditWishlistProductModal: focusEditWishlistProductModal,\n onClosingEditWishlistProductModal: onClosingEditWishlistProductModal,\n trapEditWishlistProductModalFocus: trapEditWishlistProductModalFocus,\n renderNewPageOfItems: renderNewPageOfItems,\n addToCartFromWishlist: addToCartFromWishlist,\n handlePostCartAdd: handlePostCartAdd,\n toggleWishlistStatus: toggleWishlistStatus,\n toggleWishlistItemStatus: toggleWishlistItemStatus,\n updatePublicStatus: updatePublicStatus,\n removeFromWishlist: removeFromWishlist,\n moreWLItems: moreWLItems,\n init: function() {\n module.exports.cartUpdate();\n module.exports.toggleWishlist();\n module.exports.updateWishlistLinkData();\n module.exports.copyWishlistLink();\n module.exports.updateQuickView();\n module.exports.viewProductViaEdit();\n module.exports.focusEditWishlistProductModal();\n module.exports.onClosingEditWishlistProductModal();\n module.exports.trapEditWishlistProductModalFocus();\n module.exports.addToCartFromWishlist();\n module.exports.toggleWishlistStatus();\n module.exports.toggleWishlistItemStatus();\n module.exports.removeFromWishlist();\n module.exports.moreWLItems();\n productListEnhancementsLanding();\n productListEnhancementsDetail();\n productListEnhancementsShowLists();\n productListEnhancementsToggleProduct();\n productListEnhancementsToast();\n }\n};\n\n","'use strict';\n\n// These values should always match the variables set in _variables.scss and the contentImageBreakpoints site pref\nmodule.exports.BreakpointSizes = {\n 'sm': 544,\n 'md': 769,\n 'lg': 1024,\n 'xl': 1440\n};\n\nmodule.exports.TransitionSpeed = 200;\n\nmodule.exports.ComponentAnimationDelay = 0;\n\nmodule.exports.Spacer = 16;\n\nmodule.exports.placeholderImagePaths = {\n 'thumbnail': '/images/gray.png',\n 'imageMissing': '/images/placeholder.png'\n}\n\nmodule.exports.defaultMapMarker = {\n 'color': 'white',\n 'backgroundImage': '/images/icons/map-marker-default.svg'\n}\n\nmodule.exports.defaultStoreType = {\n 'id': 0,\n 'displayValue': 'Retail',\n 'value': 'retail'\n}\n\n// These are used in cartridge/client/default/js/components/search.js\nmodule.exports.UP_KEY = 38;\nmodule.exports.DOWN_KEY = 40;\nmodule.exports.DIRECTION_DOWN = 1;\nmodule.exports.DIRECTION_UP = -1;\n","/**\n * EvEmitter v1.1.0\n * Lil' event emitter\n * MIT License\n */\n\n/* jshint unused: true, undef: true, strict: true */\n\n( function( global, factory ) {\n // universal module definition\n /* jshint strict: false */ /* globals define, module, window */\n if ( typeof define == 'function' && define.amd ) {\n // AMD - RequireJS\n define( factory );\n } else if ( typeof module == 'object' && module.exports ) {\n // CommonJS - Browserify, Webpack\n module.exports = factory();\n } else {\n // Browser globals\n global.EvEmitter = factory();\n }\n\n}( typeof window != 'undefined' ? window : this, function() {\n\n\"use strict\";\n\nfunction EvEmitter() {}\n\nvar proto = EvEmitter.prototype;\n\nproto.on = function( eventName, listener ) {\n if ( !eventName || !listener ) {\n return;\n }\n // set events hash\n var events = this._events = this._events || {};\n // set listeners array\n var listeners = events[ eventName ] = events[ eventName ] || [];\n // only add once\n if ( listeners.indexOf( listener ) == -1 ) {\n listeners.push( listener );\n }\n\n return this;\n};\n\nproto.once = function( eventName, listener ) {\n if ( !eventName || !listener ) {\n return;\n }\n // add event\n this.on( eventName, listener );\n // set once flag\n // set onceEvents hash\n var onceEvents = this._onceEvents = this._onceEvents || {};\n // set onceListeners object\n var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};\n // set flag\n onceListeners[ listener ] = true;\n\n return this;\n};\n\nproto.off = function( eventName, listener ) {\n var listeners = this._events && this._events[ eventName ];\n if ( !listeners || !listeners.length ) {\n return;\n }\n var index = listeners.indexOf( listener );\n if ( index != -1 ) {\n listeners.splice( index, 1 );\n }\n\n return this;\n};\n\nproto.emitEvent = function( eventName, args ) {\n var listeners = this._events && this._events[ eventName ];\n if ( !listeners || !listeners.length ) {\n return;\n }\n // copy over to avoid interference if .off() in listener\n listeners = listeners.slice(0);\n args = args || [];\n // once stuff\n var onceListeners = this._onceEvents && this._onceEvents[ eventName ];\n\n for ( var i=0; i < listeners.length; i++ ) {\n var listener = listeners[i]\n var isOnce = onceListeners && onceListeners[ listener ];\n if ( isOnce ) {\n // remove listener\n // remove before trigger to prevent recursion\n this.off( eventName, listener );\n // unset once flag\n delete onceListeners[ listener ];\n }\n // trigger listener\n listener.apply( this, args );\n }\n\n return this;\n};\n\nproto.allOff = function() {\n delete this._events;\n delete this._onceEvents;\n};\n\nreturn EvEmitter;\n\n}));\n","/**\n * Applies the :focus-visible polyfill at the given scope.\n * A scope in this case is either the top-level Document or a Shadow Root.\n *\n * @param {(Document|ShadowRoot)} scope\n * @see https://github.com/WICG/focus-visible\n */\nfunction applyFocusVisiblePolyfill(scope) {\n var hadKeyboardEvent = true;\n var hadFocusVisibleRecently = false;\n var hadFocusVisibleRecentlyTimeout = null;\n\n var inputTypesAllowlist = {\n text: true,\n search: true,\n url: true,\n tel: true,\n email: true,\n password: true,\n number: true,\n date: true,\n month: true,\n week: true,\n time: true,\n datetime: true,\n 'datetime-local': true\n };\n\n /**\n * Helper function for legacy browsers and iframes which sometimes focus\n * elements like document, body, and non-interactive SVG.\n * @param {Element} el\n */\n function isValidFocusTarget(el) {\n if (\n el &&\n el !== document &&\n el.nodeName !== 'HTML' &&\n el.nodeName !== 'BODY' &&\n 'classList' in el &&\n 'contains' in el.classList\n ) {\n return true;\n }\n return false;\n }\n\n /**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} el\n * @return {boolean}\n */\n function focusTriggersKeyboardModality(el) {\n var type = el.type;\n var tagName = el.tagName;\n\n if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {\n return true;\n }\n\n if (tagName === 'TEXTAREA' && !el.readOnly) {\n return true;\n }\n\n if (el.isContentEditable) {\n return true;\n }\n\n return false;\n }\n\n /**\n * Add the `focus-visible` class to the given element if it was not added by\n * the author.\n * @param {Element} el\n */\n function addFocusVisibleClass(el) {\n if (el.classList.contains('focus-visible')) {\n return;\n }\n el.classList.add('focus-visible');\n el.setAttribute('data-focus-visible-added', '');\n }\n\n /**\n * Remove the `focus-visible` class from the given element if it was not\n * originally added by the author.\n * @param {Element} el\n */\n function removeFocusVisibleClass(el) {\n if (!el.hasAttribute('data-focus-visible-added')) {\n return;\n }\n el.classList.remove('focus-visible');\n el.removeAttribute('data-focus-visible-added');\n }\n\n /**\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * Apply `focus-visible` to any current active element and keep track\n * of our keyboard modality state with `hadKeyboardEvent`.\n * @param {KeyboardEvent} e\n */\n function onKeyDown(e) {\n if (e.metaKey || e.altKey || e.ctrlKey) {\n return;\n }\n\n if (isValidFocusTarget(scope.activeElement)) {\n addFocusVisibleClass(scope.activeElement);\n }\n\n hadKeyboardEvent = true;\n }\n\n /**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n * @param {Event} e\n */\n function onPointerDown(e) {\n hadKeyboardEvent = false;\n }\n\n /**\n * On `focus`, add the `focus-visible` class to the target if:\n * - the target received focus as a result of keyboard navigation, or\n * - the event target is an element that will likely require interaction\n * via the keyboard (e.g. a text box)\n * @param {Event} e\n */\n function onFocus(e) {\n // Prevent IE from focusing the document or HTML element.\n if (!isValidFocusTarget(e.target)) {\n return;\n }\n\n if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {\n addFocusVisibleClass(e.target);\n }\n }\n\n /**\n * On `blur`, remove the `focus-visible` class from the target.\n * @param {Event} e\n */\n function onBlur(e) {\n if (!isValidFocusTarget(e.target)) {\n return;\n }\n\n if (\n e.target.classList.contains('focus-visible') ||\n e.target.hasAttribute('data-focus-visible-added')\n ) {\n // To detect a tab/window switch, we look for a blur event followed\n // rapidly by a visibility change.\n // If we don't see a visibility change within 100ms, it's probably a\n // regular focus change.\n hadFocusVisibleRecently = true;\n window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {\n hadFocusVisibleRecently = false;\n }, 100);\n removeFocusVisibleClass(e.target);\n }\n }\n\n /**\n * If the user changes tabs, keep track of whether or not the previously\n * focused element had .focus-visible.\n * @param {Event} e\n */\n function onVisibilityChange(e) {\n if (document.visibilityState === 'hidden') {\n // If the tab becomes active again, the browser will handle calling focus\n // on the element (Safari actually calls it twice).\n // If this tab change caused a blur on an element with focus-visible,\n // re-apply the class when the user switches back to the tab.\n if (hadFocusVisibleRecently) {\n hadKeyboardEvent = true;\n }\n addInitialPointerMoveListeners();\n }\n }\n\n /**\n * Add a group of listeners to detect usage of any pointing devices.\n * These listeners will be added when the polyfill first loads, and anytime\n * the window is blurred, so that they are active when the window regains\n * focus.\n */\n function addInitialPointerMoveListeners() {\n document.addEventListener('mousemove', onInitialPointerMove);\n document.addEventListener('mousedown', onInitialPointerMove);\n document.addEventListener('mouseup', onInitialPointerMove);\n document.addEventListener('pointermove', onInitialPointerMove);\n document.addEventListener('pointerdown', onInitialPointerMove);\n document.addEventListener('pointerup', onInitialPointerMove);\n document.addEventListener('touchmove', onInitialPointerMove);\n document.addEventListener('touchstart', onInitialPointerMove);\n document.addEventListener('touchend', onInitialPointerMove);\n }\n\n function removeInitialPointerMoveListeners() {\n document.removeEventListener('mousemove', onInitialPointerMove);\n document.removeEventListener('mousedown', onInitialPointerMove);\n document.removeEventListener('mouseup', onInitialPointerMove);\n document.removeEventListener('pointermove', onInitialPointerMove);\n document.removeEventListener('pointerdown', onInitialPointerMove);\n document.removeEventListener('pointerup', onInitialPointerMove);\n document.removeEventListener('touchmove', onInitialPointerMove);\n document.removeEventListener('touchstart', onInitialPointerMove);\n document.removeEventListener('touchend', onInitialPointerMove);\n }\n\n /**\n * When the polfyill first loads, assume the user is in keyboard modality.\n * If any event is received from a pointing device (e.g. mouse, pointer,\n * touch), turn off keyboard modality.\n * This accounts for situations where focus enters the page from the URL bar.\n * @param {Event} e\n */\n function onInitialPointerMove(e) {\n // Work around a Safari quirk that fires a mousemove on whenever the\n // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n return;\n }\n\n hadKeyboardEvent = false;\n removeInitialPointerMoveListeners();\n }\n\n // For some kinds of state, we are interested in changes at the global scope\n // only. For example, global pointer input, global key presses and global\n // visibility change should affect the state at every scope:\n document.addEventListener('keydown', onKeyDown, true);\n document.addEventListener('mousedown', onPointerDown, true);\n document.addEventListener('pointerdown', onPointerDown, true);\n document.addEventListener('touchstart', onPointerDown, true);\n document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n addInitialPointerMoveListeners();\n\n // For focus and blur, we specifically care about state changes in the local\n // scope. This is because focus / blur events that originate from within a\n // shadow root are not re-dispatched from the host element if it was already\n // the active element in its own scope:\n scope.addEventListener('focus', onFocus, true);\n scope.addEventListener('blur', onBlur, true);\n\n // We detect that a node is a ShadowRoot by ensuring that it is a\n // DocumentFragment and also has a host property. This check covers native\n // implementation and polyfill implementation transparently. If we only cared\n // about the native implementation, we could just check if the scope was\n // an instance of a ShadowRoot.\n if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {\n // Since a ShadowRoot is a special kind of DocumentFragment, it does not\n // have a root element to add a class to. So, we add this attribute to the\n // host element instead:\n scope.host.setAttribute('data-js-focus-visible', '');\n } else if (scope.nodeType === Node.DOCUMENT_NODE) {\n document.documentElement.classList.add('js-focus-visible');\n document.documentElement.setAttribute('data-js-focus-visible', '');\n }\n}\n\n// It is important to wrap all references to global window and document in\n// these checks to support server-side rendering use cases\n// @see https://github.com/WICG/focus-visible/issues/199\nif (typeof window !== 'undefined' && typeof document !== 'undefined') {\n // Make the polyfill helper globally available. This can be used as a signal\n // to interested libraries that wish to coordinate with the polyfill for e.g.,\n // applying the polyfill to a shadow root:\n window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;\n\n // Notify interested libraries of the polyfill's presence, in case the\n // polyfill was loaded lazily:\n var event;\n\n try {\n event = new CustomEvent('focus-visible-polyfill-ready');\n } catch (error) {\n // IE11 does not support using CustomEvent as a constructor directly:\n event = document.createEvent('CustomEvent');\n event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});\n }\n\n window.dispatchEvent(event);\n}\n\nif (typeof document !== 'undefined') {\n // Apply the polyfill to the global document, so that no JavaScript\n // coordination is required to use the polyfill in the top-level document:\n applyFocusVisiblePolyfill(document);\n}\n","var topLevel = typeof global !== 'undefined' ? global :\n typeof window !== 'undefined' ? window : {}\nvar minDoc = require('min-document');\n\nvar doccy;\n\nif (typeof document !== 'undefined') {\n doccy = document;\n} else {\n doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];\n\n if (!doccy) {\n doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;\n }\n}\n\nmodule.exports = doccy;\n","var win;\n\nif (typeof window !== \"undefined\") {\n win = window;\n} else if (typeof global !== \"undefined\") {\n win = global;\n} else if (typeof self !== \"undefined\"){\n win = self;\n} else {\n win = {};\n}\n\nmodule.exports = win;\n","/*!\n * imagesLoaded v4.1.4\n * JavaScript is all like \"You images are done yet or what?\"\n * MIT License\n */\n\n( function( window, factory ) { 'use strict';\n // universal module definition\n\n /*global define: false, module: false, require: false */\n\n if ( typeof define == 'function' && define.amd ) {\n // AMD\n define( [\n 'ev-emitter/ev-emitter'\n ], function( EvEmitter ) {\n return factory( window, EvEmitter );\n });\n } else if ( typeof module == 'object' && module.exports ) {\n // CommonJS\n module.exports = factory(\n window,\n require('ev-emitter')\n );\n } else {\n // browser global\n window.imagesLoaded = factory(\n window,\n window.EvEmitter\n );\n }\n\n})( typeof window !== 'undefined' ? window : this,\n\n// -------------------------- factory -------------------------- //\n\nfunction factory( window, EvEmitter ) {\n\n'use strict';\n\nvar $ = window.jQuery;\nvar console = window.console;\n\n// -------------------------- helpers -------------------------- //\n\n// extend objects\nfunction extend( a, b ) {\n for ( var prop in b ) {\n a[ prop ] = b[ prop ];\n }\n return a;\n}\n\nvar arraySlice = Array.prototype.slice;\n\n// turn element or nodeList into an array\nfunction makeArray( obj ) {\n if ( Array.isArray( obj ) ) {\n // use object if already an array\n return obj;\n }\n\n var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';\n if ( isArrayLike ) {\n // convert nodeList to array\n return arraySlice.call( obj );\n }\n\n // array of single index\n return [ obj ];\n}\n\n// -------------------------- imagesLoaded -------------------------- //\n\n/**\n * @param {Array, Element, NodeList, String} elem\n * @param {Object or Function} options - if function, use as callback\n * @param {Function} onAlways - callback function\n */\nfunction ImagesLoaded( elem, options, onAlways ) {\n // coerce ImagesLoaded() without new, to be new ImagesLoaded()\n if ( !( this instanceof ImagesLoaded ) ) {\n return new ImagesLoaded( elem, options, onAlways );\n }\n // use elem as selector string\n var queryElem = elem;\n if ( typeof elem == 'string' ) {\n queryElem = document.querySelectorAll( elem );\n }\n // bail if bad element\n if ( !queryElem ) {\n console.error( 'Bad element for imagesLoaded ' + ( queryElem || elem ) );\n return;\n }\n\n this.elements = makeArray( queryElem );\n this.options = extend( {}, this.options );\n // shift arguments if no options set\n if ( typeof options == 'function' ) {\n onAlways = options;\n } else {\n extend( this.options, options );\n }\n\n if ( onAlways ) {\n this.on( 'always', onAlways );\n }\n\n this.getImages();\n\n if ( $ ) {\n // add jQuery Deferred object\n this.jqDeferred = new $.Deferred();\n }\n\n // HACK check async to allow time to bind listeners\n setTimeout( this.check.bind( this ) );\n}\n\nImagesLoaded.prototype = Object.create( EvEmitter.prototype );\n\nImagesLoaded.prototype.options = {};\n\nImagesLoaded.prototype.getImages = function() {\n this.images = [];\n\n // filter & find items if we have an item selector\n this.elements.forEach( this.addElementImages, this );\n};\n\n/**\n * @param {Node} element\n */\nImagesLoaded.prototype.addElementImages = function( elem ) {\n // filter siblings\n if ( elem.nodeName == 'IMG' ) {\n this.addImage( elem );\n }\n // get background image on element\n if ( this.options.background === true ) {\n this.addElementBackgroundImages( elem );\n }\n\n // find children\n // no non-element nodes, #143\n var nodeType = elem.nodeType;\n if ( !nodeType || !elementNodeTypes[ nodeType ] ) {\n return;\n }\n var childImgs = elem.querySelectorAll('img');\n // concat childElems to filterFound array\n for ( var i=0; i < childImgs.length; i++ ) {\n var img = childImgs[i];\n this.addImage( img );\n }\n\n // get child background images\n if ( typeof this.options.background == 'string' ) {\n var children = elem.querySelectorAll( this.options.background );\n for ( i=0; i < children.length; i++ ) {\n var child = children[i];\n this.addElementBackgroundImages( child );\n }\n }\n};\n\nvar elementNodeTypes = {\n 1: true,\n 9: true,\n 11: true\n};\n\nImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {\n var style = getComputedStyle( elem );\n if ( !style ) {\n // Firefox returns null if in a hidden iframe https://bugzil.la/548397\n return;\n }\n // get url inside url(\"...\")\n var reURL = /url\\((['\"])?(.*?)\\1\\)/gi;\n var matches = reURL.exec( style.backgroundImage );\n while ( matches !== null ) {\n var url = matches && matches[2];\n if ( url ) {\n this.addBackground( url, elem );\n }\n matches = reURL.exec( style.backgroundImage );\n }\n};\n\n/**\n * @param {Image} img\n */\nImagesLoaded.prototype.addImage = function( img ) {\n var loadingImage = new LoadingImage( img );\n this.images.push( loadingImage );\n};\n\nImagesLoaded.prototype.addBackground = function( url, elem ) {\n var background = new Background( url, elem );\n this.images.push( background );\n};\n\nImagesLoaded.prototype.check = function() {\n var _this = this;\n this.progressedCount = 0;\n this.hasAnyBroken = false;\n // complete if no images\n if ( !this.images.length ) {\n this.complete();\n return;\n }\n\n function onProgress( image, elem, message ) {\n // HACK - Chrome triggers event before object properties have changed. #83\n setTimeout( function() {\n _this.progress( image, elem, message );\n });\n }\n\n this.images.forEach( function( loadingImage ) {\n loadingImage.once( 'progress', onProgress );\n loadingImage.check();\n });\n};\n\nImagesLoaded.prototype.progress = function( image, elem, message ) {\n this.progressedCount++;\n this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;\n // progress event\n this.emitEvent( 'progress', [ this, image, elem ] );\n if ( this.jqDeferred && this.jqDeferred.notify ) {\n this.jqDeferred.notify( this, image );\n }\n // check if completed\n if ( this.progressedCount == this.images.length ) {\n this.complete();\n }\n\n if ( this.options.debug && console ) {\n console.log( 'progress: ' + message, image, elem );\n }\n};\n\nImagesLoaded.prototype.complete = function() {\n var eventName = this.hasAnyBroken ? 'fail' : 'done';\n this.isComplete = true;\n this.emitEvent( eventName, [ this ] );\n this.emitEvent( 'always', [ this ] );\n if ( this.jqDeferred ) {\n var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';\n this.jqDeferred[ jqMethod ]( this );\n }\n};\n\n// -------------------------- -------------------------- //\n\nfunction LoadingImage( img ) {\n this.img = img;\n}\n\nLoadingImage.prototype = Object.create( EvEmitter.prototype );\n\nLoadingImage.prototype.check = function() {\n // If complete is true and browser supports natural sizes,\n // try to check for image status manually.\n var isComplete = this.getIsImageComplete();\n if ( isComplete ) {\n // report based on naturalWidth\n this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );\n return;\n }\n\n // If none of the checks above matched, simulate loading on detached element.\n this.proxyImage = new Image();\n this.proxyImage.addEventListener( 'load', this );\n this.proxyImage.addEventListener( 'error', this );\n // bind to image as well for Firefox. #191\n this.img.addEventListener( 'load', this );\n this.img.addEventListener( 'error', this );\n this.proxyImage.src = this.img.src;\n};\n\nLoadingImage.prototype.getIsImageComplete = function() {\n // check for non-zero, non-undefined naturalWidth\n // fixes Safari+InfiniteScroll+Masonry bug infinite-scroll#671\n return this.img.complete && this.img.naturalWidth;\n};\n\nLoadingImage.prototype.confirm = function( isLoaded, message ) {\n this.isLoaded = isLoaded;\n this.emitEvent( 'progress', [ this, this.img, message ] );\n};\n\n// ----- events ----- //\n\n// trigger specified handler for event type\nLoadingImage.prototype.handleEvent = function( event ) {\n var method = 'on' + event.type;\n if ( this[ method ] ) {\n this[ method ]( event );\n }\n};\n\nLoadingImage.prototype.onload = function() {\n this.confirm( true, 'onload' );\n this.unbindEvents();\n};\n\nLoadingImage.prototype.onerror = function() {\n this.confirm( false, 'onerror' );\n this.unbindEvents();\n};\n\nLoadingImage.prototype.unbindEvents = function() {\n this.proxyImage.removeEventListener( 'load', this );\n this.proxyImage.removeEventListener( 'error', this );\n this.img.removeEventListener( 'load', this );\n this.img.removeEventListener( 'error', this );\n};\n\n// -------------------------- Background -------------------------- //\n\nfunction Background( url, element ) {\n this.url = url;\n this.element = element;\n this.img = new Image();\n}\n\n// inherit LoadingImage prototype\nBackground.prototype = Object.create( LoadingImage.prototype );\n\nBackground.prototype.check = function() {\n this.img.addEventListener( 'load', this );\n this.img.addEventListener( 'error', this );\n this.img.src = this.url;\n // check if image is already complete\n var isComplete = this.getIsImageComplete();\n if ( isComplete ) {\n this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );\n this.unbindEvents();\n }\n};\n\nBackground.prototype.unbindEvents = function() {\n this.img.removeEventListener( 'load', this );\n this.img.removeEventListener( 'error', this );\n};\n\nBackground.prototype.confirm = function( isLoaded, message ) {\n this.isLoaded = isLoaded;\n this.emitEvent( 'progress', [ this, this.element, message ] );\n};\n\n// -------------------------- jQuery -------------------------- //\n\nImagesLoaded.makeJQueryPlugin = function( jQuery ) {\n jQuery = jQuery || window.jQuery;\n if ( !jQuery ) {\n return;\n }\n // set local variable\n $ = jQuery;\n // $().imagesLoaded()\n $.fn.imagesLoaded = function( options, callback ) {\n var instance = new ImagesLoaded( this, options, callback );\n return instance.jqDeferred.promise( $(this) );\n };\n};\n// try making plugin\nImagesLoaded.makeJQueryPlugin();\n\n// -------------------------- -------------------------- //\n\nreturn ImagesLoaded;\n\n});\n","/*!\n * hoverIntent v1.10.1 // 2019.10.05 // jQuery v1.7.0+\n * http://briancherne.github.io/jquery-hoverIntent/\n *\n * You may use hoverIntent under the terms of the MIT license. Basically that\n * means you are free to use hoverIntent as long as this header is left intact.\n * Copyright 2007-2019 Brian Cherne\n */\n\n/**\n * hoverIntent is similar to jQuery's built-in \"hover\" method except that\n * instead of firing the handlerIn function immediately, hoverIntent checks\n * to see if the user's mouse has slowed down (beneath the sensitivity\n * threshold) before firing the event. The handlerOut function is only\n * called after a matching handlerIn.\n *\n * // basic usage ... just like .hover()\n * .hoverIntent( handlerIn, handlerOut )\n * .hoverIntent( handlerInOut )\n *\n * // basic usage ... with event delegation!\n * .hoverIntent( handlerIn, handlerOut, selector )\n * .hoverIntent( handlerInOut, selector )\n *\n * // using a basic configuration object\n * .hoverIntent( config )\n *\n * @param handlerIn function OR configuration object\n * @param handlerOut function OR selector for delegation OR undefined\n * @param selector selector OR undefined\n * @author Brian Cherne \n */\n\n;(function(factory) {\n 'use strict';\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory(require('jquery'));\n } else if (jQuery && !jQuery.fn.hoverIntent) {\n factory(jQuery);\n }\n})(function($) {\n 'use strict';\n\n // default configuration values\n var _cfg = {\n interval: 100,\n sensitivity: 6,\n timeout: 0\n };\n\n // counter used to generate an ID for each instance\n var INSTANCE_COUNT = 0;\n\n // current X and Y position of mouse, updated during mousemove tracking (shared across instances)\n var cX, cY;\n\n // saves the current pointer position coordinates based on the given mousemove event\n var track = function(ev) {\n cX = ev.pageX;\n cY = ev.pageY;\n };\n\n // compares current and previous mouse positions\n var compare = function(ev,$el,s,cfg) {\n // compare mouse positions to see if pointer has slowed enough to trigger `over` function\n if ( Math.sqrt( (s.pX-cX)*(s.pX-cX) + (s.pY-cY)*(s.pY-cY) ) < cfg.sensitivity ) {\n $el.off(s.event,track);\n delete s.timeoutId;\n // set hoverIntent state as active for this element (permits `out` handler to trigger)\n s.isActive = true;\n // overwrite old mouseenter event coordinates with most recent pointer position\n ev.pageX = cX; ev.pageY = cY;\n // clear coordinate data from state object\n delete s.pX; delete s.pY;\n return cfg.over.apply($el[0],[ev]);\n } else {\n // set previous coordinates for next comparison\n s.pX = cX; s.pY = cY;\n // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)\n s.timeoutId = setTimeout( function(){compare(ev, $el, s, cfg);} , cfg.interval );\n }\n };\n\n // triggers given `out` function at configured `timeout` after a mouseleave and clears state\n var delay = function(ev,$el,s,out) {\n var data = $el.data('hoverIntent');\n if (data) {\n delete data[s.id];\n }\n return out.apply($el[0],[ev]);\n };\n\n $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {\n // instance ID, used as a key to store and retrieve state information on an element\n var instanceId = INSTANCE_COUNT++;\n\n // extend the default configuration and parse parameters\n var cfg = $.extend({}, _cfg);\n if ( $.isPlainObject(handlerIn) ) {\n cfg = $.extend(cfg, handlerIn);\n if ( !$.isFunction(cfg.out) ) {\n cfg.out = cfg.over;\n }\n } else if ( $.isFunction(handlerOut) ) {\n cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );\n } else {\n cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );\n }\n\n // A private function for handling mouse 'hovering'\n var handleHover = function(e) {\n // cloned event to pass to handlers (copy required for event object to be passed in IE)\n var ev = $.extend({},e);\n\n // the current target of the mouse event, wrapped in a jQuery object\n var $el = $(this);\n\n // read hoverIntent data from element (or initialize if not present)\n var hoverIntentData = $el.data('hoverIntent');\n if (!hoverIntentData) { $el.data('hoverIntent', (hoverIntentData = {})); }\n\n // read per-instance state from element (or initialize if not present)\n var state = hoverIntentData[instanceId];\n if (!state) { hoverIntentData[instanceId] = state = { id: instanceId }; }\n\n // state properties:\n // id = instance ID, used to clean up data\n // timeoutId = timeout ID, reused for tracking mouse position and delaying \"out\" handler\n // isActive = plugin state, true after `over` is called just until `out` is called\n // pX, pY = previously-measured pointer coordinates, updated at each polling interval\n // event = string representing the namespaced event used for mouse tracking\n\n // clear any existing timeout\n if (state.timeoutId) { state.timeoutId = clearTimeout(state.timeoutId); }\n\n // namespaced event used to register and unregister mousemove tracking\n var mousemove = state.event = 'mousemove.hoverIntent.hoverIntent'+instanceId;\n\n // handle the event, based on its type\n if (e.type === 'mouseenter') {\n // do nothing if already active\n if (state.isActive) { return; }\n // set \"previous\" X and Y position based on initial entry point\n state.pX = ev.pageX; state.pY = ev.pageY;\n // update \"current\" X and Y position based on mousemove\n $el.off(mousemove,track).on(mousemove,track);\n // start polling interval (self-calling timeout) to compare mouse coordinates over time\n state.timeoutId = setTimeout( function(){compare(ev,$el,state,cfg);} , cfg.interval );\n } else { // \"mouseleave\"\n // do nothing if not already active\n if (!state.isActive) { return; }\n // unbind expensive mousemove event\n $el.off(mousemove,track);\n // if hoverIntent state is true, then call the mouseOut function after the specified delay\n state.timeoutId = setTimeout( function(){delay(ev,$el,state,cfg.out);} , cfg.timeout );\n }\n };\n\n // listen for mouseenter and mouseleave\n return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);\n };\n});\n","/*!\n\tZoom 1.7.21\n\tlicense: MIT\n\thttp://www.jacklmoore.com/zoom\n*/\n(function ($) {\n\tvar defaults = {\n\t\turl: false,\n\t\tcallback: false,\n\t\ttarget: false,\n\t\tduration: 120,\n\t\ton: 'mouseover', // other options: grab, click, toggle\n\t\ttouch: true, // enables a touch fallback\n\t\tonZoomIn: false,\n\t\tonZoomOut: false,\n\t\tmagnify: 1\n\t};\n\n\t// Core Zoom Logic, independent of event listeners.\n\t$.zoom = function(target, source, img, magnify) {\n\t\tvar targetHeight,\n\t\t\ttargetWidth,\n\t\t\tsourceHeight,\n\t\t\tsourceWidth,\n\t\t\txRatio,\n\t\t\tyRatio,\n\t\t\toffset,\n\t\t\t$target = $(target),\n\t\t\tposition = $target.css('position'),\n\t\t\t$source = $(source);\n\n\t\t// The parent element needs positioning so that the zoomed element can be correctly positioned within.\n\t\ttarget.style.position = /(absolute|fixed)/.test(position) ? position : 'relative';\n\t\ttarget.style.overflow = 'hidden';\n\t\timg.style.width = img.style.height = '';\n\n\t\t$(img)\n\t\t\t.addClass('zoomImg')\n\t\t\t.css({\n\t\t\t\tposition: 'absolute',\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\topacity: 0,\n\t\t\t\twidth: img.width * magnify,\n\t\t\t\theight: img.height * magnify,\n\t\t\t\tborder: 'none',\n\t\t\t\tmaxWidth: 'none',\n\t\t\t\tmaxHeight: 'none'\n\t\t\t})\n\t\t\t.appendTo(target);\n\n\t\treturn {\n\t\t\tinit: function() {\n\t\t\t\ttargetWidth = $target.outerWidth();\n\t\t\t\ttargetHeight = $target.outerHeight();\n\n\t\t\t\tif (source === target) {\n\t\t\t\t\tsourceWidth = targetWidth;\n\t\t\t\t\tsourceHeight = targetHeight;\n\t\t\t\t} else {\n\t\t\t\t\tsourceWidth = $source.outerWidth();\n\t\t\t\t\tsourceHeight = $source.outerHeight();\n\t\t\t\t}\n\n\t\t\t\txRatio = (img.width - targetWidth) / sourceWidth;\n\t\t\t\tyRatio = (img.height - targetHeight) / sourceHeight;\n\n\t\t\t\toffset = $source.offset();\n\t\t\t},\n\t\t\tmove: function (e) {\n\t\t\t\tvar left = (e.pageX - offset.left),\n\t\t\t\t\ttop = (e.pageY - offset.top);\n\n\t\t\t\ttop = Math.max(Math.min(top, sourceHeight), 0);\n\t\t\t\tleft = Math.max(Math.min(left, sourceWidth), 0);\n\n\t\t\t\timg.style.left = (left * -xRatio) + 'px';\n\t\t\t\timg.style.top = (top * -yRatio) + 'px';\n\t\t\t}\n\t\t};\n\t};\n\n\t$.fn.zoom = function (options) {\n\t\treturn this.each(function () {\n\t\t\tvar\n\t\t\tsettings = $.extend({}, defaults, options || {}),\n\t\t\t//target will display the zoomed image\n\t\t\ttarget = settings.target && $(settings.target)[0] || this,\n\t\t\t//source will provide zoom location info (thumbnail)\n\t\t\tsource = this,\n\t\t\t$source = $(source),\n\t\t\timg = document.createElement('img'),\n\t\t\t$img = $(img),\n\t\t\tmousemove = 'mousemove.zoom',\n\t\t\tclicked = false,\n\t\t\ttouched = false;\n\n\t\t\t// If a url wasn't specified, look for an image element.\n\t\t\tif (!settings.url) {\n\t\t\t\tvar srcElement = source.querySelector('img');\n\t\t\t\tif (srcElement) {\n\t\t\t\t\tsettings.url = srcElement.getAttribute('data-src') || srcElement.currentSrc || srcElement.src;\n\t\t\t\t}\n\t\t\t\tif (!settings.url) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t$source.one('zoom.destroy', function(position, overflow){\n\t\t\t\t$source.off(\".zoom\");\n\t\t\t\ttarget.style.position = position;\n\t\t\t\ttarget.style.overflow = overflow;\n\t\t\t\timg.onload = null;\n\t\t\t\t$img.remove();\n\t\t\t}.bind(this, target.style.position, target.style.overflow));\n\n\t\t\timg.onload = function () {\n\t\t\t\tvar zoom = $.zoom(target, source, img, settings.magnify);\n\n\t\t\t\tfunction start(e) {\n\t\t\t\t\tzoom.init();\n\t\t\t\t\tzoom.move(e);\n\n\t\t\t\t\t// Skip the fade-in for IE8 and lower since it chokes on fading-in\n\t\t\t\t\t// and changing position based on mousemovement at the same time.\n\t\t\t\t\t$img.stop()\n\t\t\t\t\t.fadeTo($.support.opacity ? settings.duration : 0, 1, $.isFunction(settings.onZoomIn) ? settings.onZoomIn.call(img) : false);\n\t\t\t\t}\n\n\t\t\t\tfunction stop() {\n\t\t\t\t\t$img.stop()\n\t\t\t\t\t.fadeTo(settings.duration, 0, $.isFunction(settings.onZoomOut) ? settings.onZoomOut.call(img) : false);\n\t\t\t\t}\n\n\t\t\t\t// Mouse events\n\t\t\t\tif (settings.on === 'grab') {\n\t\t\t\t\t$source\n\t\t\t\t\t\t.on('mousedown.zoom',\n\t\t\t\t\t\t\tfunction (e) {\n\t\t\t\t\t\t\t\tif (e.which === 1) {\n\t\t\t\t\t\t\t\t\t$(document).one('mouseup.zoom',\n\t\t\t\t\t\t\t\t\t\tfunction () {\n\t\t\t\t\t\t\t\t\t\t\tstop();\n\n\t\t\t\t\t\t\t\t\t\t\t$(document).off(mousemove, zoom.move);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tstart(e);\n\n\t\t\t\t\t\t\t\t\t$(document).on(mousemove, zoom.move);\n\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t} else if (settings.on === 'click') {\n\t\t\t\t\t$source.on('click.zoom',\n\t\t\t\t\t\tfunction (e) {\n\t\t\t\t\t\t\tif (clicked) {\n\t\t\t\t\t\t\t\t// bubble the event up to the document to trigger the unbind.\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tclicked = true;\n\t\t\t\t\t\t\t\tstart(e);\n\t\t\t\t\t\t\t\t$(document).on(mousemove, zoom.move);\n\t\t\t\t\t\t\t\t$(document).one('click.zoom',\n\t\t\t\t\t\t\t\t\tfunction () {\n\t\t\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t\t\t\tclicked = false;\n\t\t\t\t\t\t\t\t\t\t$(document).off(mousemove, zoom.move);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} else if (settings.on === 'toggle') {\n\t\t\t\t\t$source.on('click.zoom',\n\t\t\t\t\t\tfunction (e) {\n\t\t\t\t\t\t\tif (clicked) {\n\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tstart(e);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclicked = !clicked;\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} else if (settings.on === 'mouseover') {\n\t\t\t\t\tzoom.init(); // Preemptively call init because IE7 will fire the mousemove handler before the hover handler.\n\n\t\t\t\t\t$source\n\t\t\t\t\t\t.on('mouseenter.zoom', start)\n\t\t\t\t\t\t.on('mouseleave.zoom', stop)\n\t\t\t\t\t\t.on(mousemove, zoom.move);\n\t\t\t\t}\n\n\t\t\t\t// Touch fallback\n\t\t\t\tif (settings.touch) {\n\t\t\t\t\t$source\n\t\t\t\t\t\t.on('touchstart.zoom', function (e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tif (touched) {\n\t\t\t\t\t\t\t\ttouched = false;\n\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\ttouched = true;\n\t\t\t\t\t\t\t\tstart( e.originalEvent.touches[0] || e.originalEvent.changedTouches[0] );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.on('touchmove.zoom', function (e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tzoom.move( e.originalEvent.touches[0] || e.originalEvent.changedTouches[0] );\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.on('touchend.zoom', function (e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tif (touched) {\n\t\t\t\t\t\t\t\ttouched = false;\n\t\t\t\t\t\t\t\tstop();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tif ($.isFunction(settings.callback)) {\n\t\t\t\t\tsettings.callback.call(img);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\timg.setAttribute('role', 'presentation');\n\t\t\timg.alt = '';\n\t\t\timg.src = settings.url;\n\t\t});\n\t};\n\n\t$.fn.zoom.defaults = defaults;\n}(window.jQuery));\n","/*!\n * jQuery scrollintoview() plugin and :scrollable selector filter\n *\n * Version 1.9.4 (06 April 2016)\n * Requires jQuery 1.4 or newer\n *\n * Copyright (c) 2011 Robert Koritnik\n * Licensed under the terms of the MIT license\n * http://www.opensource.org/licenses/mit-license.php\n */\n\n!function(root, factory) {\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (typeof exports === 'object') {\n factory(require('jquery'));\n } else {\n factory(root.jQuery);\n }\n}\n(this, function($) {\n var converter = {\n vertical: { x: false, y: true },\n horizontal: { x: true, y: false },\n both: { x: true, y: true },\n x: { x: true, y: false },\n y: { x: false, y: true }\n };\n\n var settings = {\n duration: \"fast\",\n direction: \"both\",\n viewPadding: 0\n };\n\n var rootrx = /^(?:html)$/i;\n\n // gets border dimensions\n var borders = function(domElement, styles) {\n styles = styles || (document.defaultView && document.defaultView.getComputedStyle ? document.defaultView.getComputedStyle(domElement, null) : domElement.currentStyle);\n var px = document.defaultView && document.defaultView.getComputedStyle ? true : false;\n var b = {\n top: (parseFloat(px ? styles.borderTopWidth : $.css(domElement, \"borderTopWidth\")) || 0),\n left: (parseFloat(px ? styles.borderLeftWidth : $.css(domElement, \"borderLeftWidth\")) || 0),\n bottom: (parseFloat(px ? styles.borderBottomWidth : $.css(domElement, \"borderBottomWidth\")) || 0),\n right: (parseFloat(px ? styles.borderRightWidth : $.css(domElement, \"borderRightWidth\")) || 0)\n };\n return {\n top: b.top,\n left: b.left,\n bottom: b.bottom,\n right: b.right,\n vertical: b.top + b.bottom,\n horizontal: b.left + b.right\n };\n };\n\n var dimensions = function($element) {\n var elem = $element[0],\n isRoot = rootrx.test(elem.nodeName),\n $elem = isRoot ? $(window) : $element;\n return {\n border: isRoot ? { top: 0, left: 0, bottom: 0, right: 0 } : borders(elem),\n scroll: {\n top: $elem.scrollTop(),\n left: $elem.scrollLeft(),\n maxtop: elem.scrollHeight - elem.clientHeight,\n maxleft: elem.scrollWidth - elem.clientWidth\n },\n scrollbar: isRoot\n ? { right: 0, bottom: 0 }\n : {\n right: $elem.innerWidth() - elem.clientWidth,\n bottom: $elem.innerHeight() - elem.clientHeight\n },\n rect: isRoot ? { top: 0, left: 0, bottom: elem.clientHeight, right: elem.clientWidth } : elem.getBoundingClientRect()\n };\n };\n\n $.fn.extend({\n scrollintoview: function(options) {\n /// Scrolls the first element in the set into view by scrolling its closest scrollable parent.\n /// Additional options that can configure scrolling:\n /// duration (default: \"fast\") - jQuery animation speed (can be a duration string or number of milliseconds)\n /// direction (default: \"both\") - select possible scrollings (\"vertical\" or \"y\", \"horizontal\" or \"x\", \"both\")\n /// complete (default: none) - a function to call when scrolling completes (called in context of the DOM element being scrolled)\n /// \n /// Returns the same jQuery set that this function was run on.\n\n options = $.extend({}, settings, options);\n options.direction = converter[typeof (options.direction) === \"string\" && options.direction.toLowerCase()] || converter.both;\n\n if (typeof options.viewPadding == \"number\") {\n options.viewPadding = { x: options.viewPadding, y: options.viewPadding };\n } else if (typeof options.viewPadding == \"object\") {\n if (options.viewPadding.x == undefined) {\n options.viewPadding.x = 0;\n }\n if (options.viewPadding.y == undefined) {\n options.viewPadding.y = 0;\n }\n }\n\n var dirStr = \"\";\n if (options.direction.x === true) dirStr = \"horizontal\";\n if (options.direction.y === true) dirStr = dirStr ? \"both\" : \"vertical\";\n\n var el = this.eq(0);\n var scroller = el.parent().closest(\":scrollable(\" + dirStr + \")\");\n\n // check if there's anything to scroll in the first place\n if (scroller.length > 0) {\n scroller = scroller.eq(0);\n\n var dim = {\n e: dimensions(el),\n s: dimensions(scroller)\n };\n\n var rel = {\n top: dim.e.rect.top - (dim.s.rect.top + dim.s.border.top),\n bottom: dim.s.rect.bottom - dim.s.border.bottom - dim.s.scrollbar.bottom - dim.e.rect.bottom,\n left: dim.e.rect.left - (dim.s.rect.left + dim.s.border.left),\n right: dim.s.rect.right - dim.s.border.right - dim.s.scrollbar.right - dim.e.rect.right\n };\n\n var animProperties = {};\n\n // vertical scroll\n if (options.direction.y === true) {\n if (rel.top < 0) {\n animProperties.scrollTop = Math.max(0, dim.s.scroll.top + rel.top - options.viewPadding.y);\n } else if (rel.top > 0 && rel.bottom < 0) {\n animProperties.scrollTop = Math.min(dim.s.scroll.top + Math.min(rel.top, -rel.bottom) + options.viewPadding.y, dim.s.scroll.maxtop);\n }\n }\n\n // horizontal scroll\n if (options.direction.x === true) {\n if (rel.left < 0) {\n animProperties.scrollLeft = Math.max(0, dim.s.scroll.left + rel.left - options.viewPadding.x);\n } else if (rel.left > 0 && rel.right < 0) {\n animProperties.scrollLeft = Math.min(dim.s.scroll.left + Math.min(rel.left, -rel.right) + options.viewPadding.x, dim.s.scroll.maxleft);\n }\n }\n\n // scroll if needed\n if (!$.isEmptyObject(animProperties)) {\n var scrollExpect = {},\n scrollListener = scroller;\n\n if (rootrx.test(scroller[0].nodeName)) {\n scroller = $(\"html,body\");\n scrollListener = $(window);\n }\n\n function animateStep(now, tween) {\n scrollExpect[tween.prop] = Math.floor(now);\n };\n\n function onscroll(event) {\n $.each(scrollExpect, function(key, value) {\n if (Math.floor(scrollListener[key]()) != Math.floor(value)) {\n options.complete = null; // don't run complete function if the scrolling was interrupted\n scroller.stop('scrollintoview');\n }\n });\n }\n\n scrollListener.on('scroll', onscroll);\n\n scroller\n .stop('scrollintoview')\n .animate(animProperties, { duration: options.duration, step: animateStep, queue: 'scrollintoview' })\n .eq(0) // we want function to be called just once (ref. \"html,body\")\n .queue('scrollintoview', function(next) {\n scrollListener.off('scroll', onscroll);\n $.isFunction(options.complete) && options.complete.call(scroller[0]);\n next();\n })\n\n scroller.dequeue('scrollintoview');\n } else {\n // when there's nothing to scroll, just call the \"complete\" function\n $.isFunction(options.complete) && options.complete.call(scroller[0]);\n }\n }\n\n // return set back\n return this;\n }\n });\n\n var scrollValue = {\n auto: true,\n scroll: true,\n visible: false,\n hidden: false\n };\n\n var scroll = function(element, direction) {\n direction = converter[typeof (direction) === \"string\" && direction.toLowerCase()] || converter.both;\n var styles = (document.defaultView && document.defaultView.getComputedStyle ? document.defaultView.getComputedStyle(element, null) : element.currentStyle);\n var overflow = {\n x: scrollValue[styles.overflowX.toLowerCase()] || false,\n y: scrollValue[styles.overflowY.toLowerCase()] || false,\n isRoot: rootrx.test(element.nodeName)\n };\n\n // check if completely unscrollable (exclude HTML element because it's special)\n if (!overflow.x && !overflow.y && !overflow.isRoot) {\n return false;\n }\n\n var size = {\n height: {\n scroll: element.scrollHeight,\n client: element.clientHeight\n },\n width: {\n scroll: element.scrollWidth,\n client: element.clientWidth\n },\n // check overflow.x/y because iPad (and possibly other tablets) don't dislay scrollbars\n scrollableX: function() {\n return (overflow.x || overflow.isRoot) && this.width.scroll > this.width.client;\n },\n scrollableY: function() {\n return (overflow.y || overflow.isRoot) && this.height.scroll > this.height.client;\n }\n };\n return direction.y && size.scrollableY() || direction.x && size.scrollableX();\n };\n\n $.expr[\":\"].scrollable = $.expr.createPseudo(function(direction) {\n return function(element) {\n return scroll(element, direction);\n };\n });\n});\n","/*!\n * jQuery JavaScript Library v3.6.0\n * https://jquery.com/\n *\n * Includes Sizzle.js\n * https://sizzlejs.com/\n *\n * Copyright OpenJS Foundation and other contributors\n * Released under the MIT license\n * https://jquery.org/license\n *\n * Date: 2021-03-02T17:08Z\n */\n( function( global, factory ) {\n\n\t\"use strict\";\n\n\tif ( typeof module === \"object\" && typeof module.exports === \"object\" ) {\n\n\t\t// For CommonJS and CommonJS-like environments where a proper `window`\n\t\t// is present, execute the factory and get jQuery.\n\t\t// For environments that do not have a `window` with a `document`\n\t\t// (such as Node.js), expose a factory as module.exports.\n\t\t// This accentuates the need for the creation of a real `window`.\n\t\t// e.g. var jQuery = require(\"jquery\")(window);\n\t\t// See ticket #14549 for more info.\n\t\tmodule.exports = global.document ?\n\t\t\tfactory( global, true ) :\n\t\t\tfunction( w ) {\n\t\t\t\tif ( !w.document ) {\n\t\t\t\t\tthrow new Error( \"jQuery requires a window with a document\" );\n\t\t\t\t}\n\t\t\t\treturn factory( w );\n\t\t\t};\n\t} else {\n\t\tfactory( global );\n\t}\n\n// Pass this if window is not defined yet\n} )( typeof window !== \"undefined\" ? window : this, function( window, noGlobal ) {\n\n// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1\n// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode\n// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common\n// enough that all such attempts are guarded in a try block.\n\"use strict\";\n\nvar arr = [];\n\nvar getProto = Object.getPrototypeOf;\n\nvar slice = arr.slice;\n\nvar flat = arr.flat ? function( array ) {\n\treturn arr.flat.call( array );\n} : function( array ) {\n\treturn arr.concat.apply( [], array );\n};\n\n\nvar push = arr.push;\n\nvar indexOf = arr.indexOf;\n\nvar class2type = {};\n\nvar toString = class2type.toString;\n\nvar hasOwn = class2type.hasOwnProperty;\n\nvar fnToString = hasOwn.toString;\n\nvar ObjectFunctionString = fnToString.call( Object );\n\nvar support = {};\n\nvar isFunction = function isFunction( obj ) {\n\n\t\t// Support: Chrome <=57, Firefox <=52\n\t\t// In some browsers, typeof returns \"function\" for HTML