'\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 sessionStorage?.setItem?.('cartcount', data.numItems);\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 $('.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\n sessionStorage?.setItem?.('cartcount', data.numItems);\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\n sessionStorage?.setItem?.('cartcount', data.basket.numItems);\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 // AB UPDATE: from v3.13 - remove unused conflicting js methods\n init: () => {\n var namespace = '.consenttracking ',\n $body = $('body');\n\n $('.js-tracking-consent-show').on('click' + namespace, (e) => {\n const $trackingConsent = $('.tracking-consent');\n const $consentTracking = $('#consent-tracking');\n\n e.preventDefault();\n\n if ($trackingConsent.length === 0 || !$trackingConsent.data('caonline') || $consentTracking.length === 0) return;\n\n $consentTracking.removeAttr('hidden');\n });\n\n $body.on('click' + namespace, '.consent-button-wrapper button', (event) => {\n event.preventDefault();\n\n $.ajax({\n url: $(event.target).data('url'),\n type: 'post',\n dataType: 'json',\n complete: () => $('#consent-tracking').prop('hidden',true)\n });\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 headerUtils = require('../utilities/headerUtils');\n\nvar updateHeader = status => {\n var $headerNav = $('.header-nav');\n var headerNavHeight = headerUtils.getHeaderHeightNavOnly();\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 preNavHeight = headerUtils.getHeaderHeight('.header-nav');\n var scrollTop = $(event.target).scrollTop();\n\n if (scrollTop > preNavHeight) {\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 $(($('.logo-left').length ? '.header-nav' : '.header-nav:not(.secondary-nav)')).hover(\n function() {\n $(this).removeClass('transparent-nav').find('.secondary-nav').removeClass('transparent-nav');\n $(this)[$(this).hasClass('secondary-nav') ? 'prev' : 'next']('.header-nav').removeClass('transparent-nav');\n }, function() {\n $(this).addClass('transparent-nav').find('.secondary-nav').addClass('transparent-nav');\n $(this)[$(this).hasClass('secondary-nav') ? 'prev' : 'next']('.header-nav').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 $('.main-menu .navbar-nav:not(.secondary-navbar) .nav-item').on('mouseenter mouseleave', function () {\n if ($('#top-header .header-nav.secondary-nav').length && !this.classList.value.includes('inview')) {\n $('#top-header .header-nav.secondary-nav').toggleClass('show hide-secondary-nav');\n }\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 sessionStorage?.setItem?.('cartcount', count.quantityTotal);\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\nvar abSlider = require('./slider');\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 var windowHeight = window.innerHeight; // using innerHeight to account for mobile browser URL bars, etc.\n\n $modalBody.css('max-height', windowHeight - subtractHeight);\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 // Reinitialize mobile modal sliders to prevent tiny slider error on drag\n var $modalSlider = $modal.find('.slider-container .slider');\n if ($modalSlider.length && window.isMobile()) {\n $modalSlider.trigger('slider:destroy');\n abSlider.initializeSliders($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 headerUtils = require('../utilities/headerUtils');\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 = headerUtils.getHeaderHeightNavOnly();\n var fullHeaderHeight = headerUtils.getHeaderHeight() * 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');\nvar wishlistHelpers = require('core/wishlist/components/helpers');\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 wishlistHelpers.updateLinkData();\n }\n\n $container.data('tns', tslider);\n $container.trigger('tooltip:init');\n $container.find('[data-controls=\"next\"], [data-controls=\"prev\"]').attr('tabindex', 0);\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() ? $playerContainer.offset().top : 0;\n let elementBottom = elementTop + ($playerContainer.height() || 0);\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.parent().find('.video-thumbnail'), // Custom change - This function is not exported\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.parent().find('.video-thumbnail'), // Custom change - This function is not exported\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'),\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 wishlistHelpers = require('../wishlist/components/helpers');\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, currentTarget) {\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 = $(currentTarget).find('option:selected');\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, currentTarget) {\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, currentTarget);\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, currentTarget) {\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, currentTarget);\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 .wishlist-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('../wishlist/components/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 * Fetch html updates for variation -- SFCC struggles to parse waincludes\n *\n * @param {Object} data the data from attributeSelect ajax call\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateAttributeContent (data, $productContainer) {\n if (data && data.product && ((data.product.collapsibleContent != '') || (data.product.tabs != ''))) {\n var processInclude = require('base/util');\n // This list should include any JS files that check for specific nodes in DOM that may be added to tabs/collapsible content\n var reinitFiles = require('core/utilities/ajaxHelpers').getReinitFiles();\n\n $.ajax({\n url: data.product.variationHtmlUrl,\n method: 'GET',\n dataType: 'html'\n })\n .then((html) => {\n const $html = $(html);\n const $collapseHtml = $html.find('.main-content-item');\n const $tabHtml = $html.find('.tabs');\n\n $productContainer.find('.main-content-item')[$collapseHtml.length ? 'replaceWith' : 'hide']($collapseHtml);\n $productContainer.find('.tabs')[$tabHtml.length ? 'replaceWith' : 'hide']($tabHtml);\n })\n .then(() => {\n // reset the collapsible content\n if ($productContainer.find('.main-content-item').length) {\n $('body').trigger('product:afterAttributeContentSwap', { container: $productContainer.find('.main-content-item') });\n }\n })\n .then(() => {\n Object.keys(reinitFiles).forEach(function (key) {\n if (key === 'slider') {\n ['.main-content-item', '.tabs'].forEach(function (section) {\n let productSection = $productContainer.find(section);\n if (productSection.length) {\n reinitFiles[key].initializeSliders(productSection);\n }\n })\n } else {\n processInclude(reinitFiles[key]);\n }\n });\n })\n .then(() => {\n // reinit video events\n ['.main-content-item', '.tabs'].forEach(function (section) {\n let productSection = $productContainer.find(section);\n if (productSection.length) {\n let sliderSection = $productContainer.find(section + ' .slider-container');\n if (sliderSection.length) {\n $('body').trigger('ajax:load.ajaxEvents', [sliderSection]);\n }\n $('body').trigger('ajax:load.ajaxEvents', [productSection]);\n }\n })\n });\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, currentTarget) {\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 })\n .then((data) => {\n methods.handleVariantResponse(data, $productContainer, currentTarget);\n methods.updateOptions(data.product.optionsHtml, $productContainer);\n methods.updateQuantities(data.product.quantities, $productContainer);\n methods.updateAttributeContent(data, $productContainer);\n\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n })\n .always(() => $.spinner().stop());\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 event.preventDefault();\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 updateWishlistButtons() {\n var $oldWishlistIcon;\n\n $('body')\n .on('product:beforeAttributeSelect', function(e, attrData) {\n $oldWishlistIcon = attrData.container.find('div.slide .wishlist-toggle-product').first().clone(true);\n })\n .on('product:afterAttributeSelect', function(e, attrData) {\n if ($oldWishlistIcon && $oldWishlistIcon.length) {\n var $newWishlistIcon = $oldWishlistIcon;\n var $newSliderMainImages = attrData.container.find('div.primary-images-main div.slide img');\n\n $newWishlistIcon.attr('data-wishlistpid', attrData.wishlistpid);\n wishlistHelpers.updateLinkData($newWishlistIcon);\n\n $newSliderMainImages.each((_i, newImage) => {\n var $newImage = $(newImage);\n\n $newImage.after($newWishlistIcon.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 updateAttributeContent: updateAttributeContent,\n updateAvailabilityProcess: updateAvailabilityProcess,\n updateOptions: updateOptions,\n updateQuantities: updateQuantities,\n updateWishlistButtons: updateWishlistButtons,\n updateQuantityStepperDisabledStates: updateQuantityStepperDisabledStates\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 wishlistHelpers.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, e.currentTarget);\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 + ']').eq(0);\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-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 module.exports.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 module.exports.methods.displayMessage(data);\n module.exports.methods.updateWishlistUncachedData(data);\n module.exports.updateWishlistLinkData();\n module.exports.methods.updateWishlistCartStatus(data, clicked);\n },\n error: function (err) {\n module.exports.methods.displayMessage(err);\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 module.exports.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-wishlist',\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 = $('.wishlist-item-cards-data').data('public-view');\n var listUUID = $('.wishlist-item-cards-data').data('uuid');\n var url = $('.wishlist-item-cards-data').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 $('.wishlist-item-cards').empty();\n $('body .wishlist-item-cards').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 module.exports.methods.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.methods.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.methods.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 ($('.wishlist-details-share').length) { toggleDisabled($('.wishlist-details-share')); }\n module.exports.methods.displayMessage(data, null);\n },\n error: function (err) {\n if (callback) { callback(); }\n module.exports.methods.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 module.exports.methods.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 = $('.wishlist-item-cards-data').data('page-number') - 1;\n module.exports.methods.renderNewPageOfItems(pageNumber, false);\n },\n error: function () {\n $.spinner().stop();\n var $elToAppendWL = $('.wishlist-item-cards');\n var msg = $elToAppendWL.data('error-msg');\n module.exports.methods.displayMessage($elToAppendWL, msg);\n }\n });\n }\n });\n}\n\nfunction moreWLItems() {\n $('body').on('click', '.more-wl-items', function () {\n var pageNumber = $('.wishlist-item-cards-data').data('page-number');\n module.exports.methods.renderNewPageOfItems(pageNumber, true);\n });\n}\n\nmodule.exports = {\n methods: {\n updateWishlistUncachedData: updateWishlistUncachedData,\n updateWishlistCartStatus: updateWishlistCartStatus,\n displayMessage: displayMessage,\n renderNewPageOfItems: renderNewPageOfItems,\n handlePostCartAdd: handlePostCartAdd,\n updatePublicStatus: updatePublicStatus\n },\n cartUpdate: cartUpdate,\n toggleWishlist: toggleWishlist,\n updateWishlistLinkData: updateWishlistLinkData,\n copyWishlistLink: copyWishlistLink,\n updateQuickView: updateQuickView,\n viewProductViaEdit: viewProductViaEdit,\n focusEditWishlistProductModal: focusEditWishlistProductModal,\n onClosingEditWishlistProductModal: onClosingEditWishlistProductModal,\n trapEditWishlistProductModalFocus: trapEditWishlistProductModalFocus,\n addToCartFromWishlist: addToCartFromWishlist,\n toggleWishlistStatus: toggleWishlistStatus,\n toggleWishlistItemStatus: toggleWishlistItemStatus,\n removeFromWishlist: removeFromWishlist,\n moreWLItems: moreWLItems,\n baseFiles: {\n wishlistLanding: require('core/wishlist/landing'),\n wishlistDetail: require('core/wishlist/detail'),\n wishlistShowLists: require('core/wishlist/components/modalShowLists'),\n wishlistToggleProduct: require('core/wishlist/components/toggleProduct'),\n wishlistToast: require('core/wishlist/components/toast')\n }\n};\n\n$(() => {\n Object.keys(module.exports.baseFiles).forEach(key => {\n processInclude(module.exports.baseFiles[key]);\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