' +\n '
'\n );\n $('.number-of-items').empty().append(data.basket.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.basket.numItems);\n $('.minicart-container .container.cart').prepend(\n ''\n );\n $('#minicart-flyout .close-button').on('click', function (e) {\n e.preventDefault();\n $('#minicart-flyout').hide();\n });\n miniCart.updateAriaLabel(data.basket.resources.numberOfItems);\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n $('body').removeClass('modal-open no-scrollable');\n $('html').removeClass('veiled');\n } else {\n var $lineItem;\n if (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $lineItem = $('li.uuid-' + data.toBeDeletedUUIDs[i]);\n $lineItem.next('hr').remove();\n $lineItem.remove();\n }\n }\n $lineItem = $('li.uuid-' + uuid);\n //need both hr removes for SHOE-594 SHOE-649\n $lineItem.next('hr').remove();\n $lineItem.parent().next('hr').remove();\n $lineItem.remove();\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n $('.coupons-and-promos').empty().append(data.basket.totals.discountsHtml);\n $('.minicart-mobile-quantity').empty().append(data.basket.resources.numberOfItems);\n if (\n data.basket.totals &&\n data.basket.totals.discounts &&\n data.basket.totals.discounts.length > 0 &&\n data.basket.totals.discounts[0] &&\n data.basket.totals.discounts[0].lineItemText\n ) {\n $('.minicart-promo')\n .empty()\n .append(` ' +\n '
' +\n '' +\n data.basket.resources.emptyCartMsg +\n '
' +\n '' +\n '' +\n data.basket.resources.continueShopping +\n '' +\n '
' +\n '${data.basket.totals.discounts[0].lineItemText}
`);\n } else if (\n data.basket.approachingDiscounts &&\n data.basket.approachingDiscounts.length > 0 &&\n data.basket.approachingDiscounts[0] &&\n data.basket.approachingDiscounts[0].discountMsg\n ) {\n $('.minicart-promo')\n .empty()\n .append(\n `${formatDiscountMessage(\n data.basket.approachingDiscounts[0].discountMsg\n )}
`\n );\n } else {\n $('.minicart-promo').empty();\n }\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n $('body').trigger('setShippingMethodSelection', data.basket);\n validateBasket(data.basket);\n }\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n },\n });\n });\n\n $('body').on('change', '.quantity-form > .quantity', function () {\n var preSelectQty = $(this).data('pre-select-qty');\n var quantity = $(this).val();\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var oldQty = parseInt($(this).attr('data-pre-select-qty'));\n var newQty = parseInt(\n $(this).closest('.quantity-form').find('.custom-select option').filter(':selected').text()\n );\n\n var data = getGTMData($(this));\n data.oldQty = parseInt(oldQty);\n data.newQty = parseInt(newQty);\n\n $(this).attr('data-pre-select-qty', newQty);\n //Change Line Item Qty for Line Item Remove Btn when value is changed\n $('button[data-uuid=\"' + uuid + '\"]').attr('data-quantity', newQty);\n if (newQty > oldQty) {\n setdatalayer.MiniCartIncreaseQty(data);\n } else {\n setdatalayer.MiniCartDecreaseQty(data);\n }\n\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid,\n };\n url = appendToUrl(url, urlParams);\n\n $(this).parents('.card').spinner().start();\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 updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n updateAvailability(data, uuid);\n validateBasket(data);\n $(this).data('pre-select-qty', quantity);\n $('.minicart-mobile-quantity').empty().append(data.resources.numberOfItems);\n if (\n data.totals &&\n data.totals.discounts &&\n data.totals.discounts.length > 0 &&\n data.totals.discounts[0] &&\n data.totals.discounts[0].lineItemText\n ) {\n $('.minicart-promo')\n .empty()\n .append(`${data.totals.discounts[0].lineItemText}
`);\n } else if (\n data.approachingDiscounts &&\n data.approachingDiscounts.length > 0 &&\n data.approachingDiscounts[0] &&\n data.approachingDiscounts[0].discountMsg\n ) {\n $('.minicart-promo')\n .empty()\n .append(\n `${formatDiscountMessage(\n data.approachingDiscounts[0].discountMsg\n )}
`\n );\n } else {\n $('.minicart-promo').empty();\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 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 = appendToUrl(url, urlParams);\n\n $('.totals').spinner().start();\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 updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n }\n $.spinner().stop();\n },\n error: function (err) {\n if (err.redirectUrl) {\n window.location.href = err.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n },\n });\n });\n\n $('.promo-code-form').submit(function (e) {\n e.preventDefault();\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 $('.coupon-missing-error').show();\n $('#couponCode').attr('aria-describedby', 'couponMissingMsg');\n $.spinner().stop();\n $('#couponCode').trigger('focus');\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\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 $('#couponCode').attr('aria-describedby', 'couponErrorMsg');\n $('.coupon-error-message').empty().append(data.errorMessage);\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n }\n $('.coupon-code-field').val('');\n $.spinner().stop();\n $('#couponCode').trigger('focus');\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n 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 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 = appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.coupon-uuid-' + uuid).remove();\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n 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 $.ajax({\n url: $(this).data('url'),\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n base.methods.editBonusProducts(data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n $('body').on('click', '.cart-page .product-edit .edit, .cart-page .bundle-edit .edit', function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).attr('href');\n var productUrl = $(this).attr('data-producturl');\n getModalHtmlElement();\n fillModalElement(editProductUrl, productUrl);\n });\n\n $('body').on('product:updateAddToCart', function (e, response) {\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer).closest('.quick-view-dialog');\n\n $('.update-cart-product-global', dialog).attr(\n 'disabled',\n !$('.global-availability', dialog).data('ready-to-order') ||\n !$('.global-availability', dialog).data('available')\n );\n });\n\n $('body').on('product:updateAvailability', function (e, response) {\n // bundle individual products\n $('.product-availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n var dialog = $(response.$productContainer).closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog)\n .toArray()\n .every(function (item) {\n return $(item).data('available');\n });\n\n var allReady = $('.product-availability', dialog)\n .toArray()\n .every(function (item) {\n return $(item).data('ready-to-order');\n });\n\n $('.global-availability', dialog).data('ready-to-order', allReady).data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog)\n .empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $('.global-availability', dialog)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview .bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\n } else {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n }\n });\n\n $('body').on('change', '.quantity-select', function () {\n var selectedQuantity = $(this).val();\n $('.modal.show .update-cart-url').data('selected-quantity', selectedQuantity);\n });\n\n $('body').on('click', '.update-cart-product-global', function (e) {\n e.preventDefault();\n\n var updateProductUrl = $(this).closest('.cart-and-ipay').find('.update-cart-url').val();\n var selectedQuantity = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('selected-quantity');\n var uuid = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('uuid');\n\n var form = {\n uuid: uuid,\n pid: base.getPidValue($(this)),\n quantity: selectedQuantity,\n };\n\n $(this).parents('.card').spinner().start();\n\n $.ajax({\n url: updateProductUrl,\n type: 'post',\n context: this,\n data: form,\n dataType: 'json',\n success: function (data) {\n $('#editProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n $('.coupons-and-promos').empty().append(data.cartModel.totals.discountsHtml);\n updateCartTotals(data.cartModel);\n updateApproachingDiscounts(data.cartModel.approachingDiscounts);\n updateAvailability(data.cartModel, uuid);\n updateProductDetails(data, uuid);\n\n if (data.uuidToBeDeleted) {\n $('.uuid-' + data.uuidToBeDeleted).remove();\n }\n\n validateBasket(data.cartModel);\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n },\n });\n });\n\n base.iniatilize();\n base.selectAttribute();\n base.buttonAttribute();\n base.availability();\n base.colorAttribute();\n base.removeBonusProduct();\n base.selectBonusProduct();\n base.enableBonusProductSelection();\n base.showMoreBonusProducts();\n base.addBonusProductsToCart();\n};\n","'use strict';\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) {\n // 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 .parents('.form-group')\n .find('.form-control-label')\n .addClass('is-invalid');\n });\n}\n\n/**\n * Clear the form errors.\n * @param {string} parentSelector - the parent form selector.\n */\nfunction clearPreviousErrors(parentSelector) {\n $(parentSelector).find('.form-control.is-invalid, .form-control-label.is-invalid').removeClass('is-invalid');\n $('.error-message').hide();\n}\n\nmodule.exports = {\n loadFormErrors: loadFormErrors,\n clearPreviousErrors: clearPreviousErrors,\n};\n","'use strict';\n\nvar gtmContainer = require('../gtm/container');\nvar lazyload = require('lazyload');\n\nfunction addPauseButton() {\n $('.slick-carousel').each(function () {\n var $slider = $(this);\n if ($slider.slick('slickGetOption', 'autoplay') === true) {\n $slider.prepend(`\n\t\t\t\t\n\t\t\t`);\n\n var pause = true;\n $('.pause-autoplay', $slider).on('click', function () {\n $slider.slick(pause ? 'slickPause' : 'slickPlay');\n $(this).attr('aria-pressed', pause ? 'true' : 'false');\n $('i', $slider).attr('class', pause ? 'fa fa-play' : 'fa fa-pause');\n $('.sr-only', $slider).text(pause ? 'Pause Slideshow' : 'Play Slideshow');\n pause = !pause;\n });\n }\n });\n}\n\nfunction productCarousel() {\n $('.product-carousel')\n .on('beforeChange', function (e, slick, currentSlide, nextSlide) {\n var direction;\n if (Math.abs(nextSlide - currentSlide) == 1) {\n direction = nextSlide - currentSlide > 0 ? 'right' : 'left';\n } else {\n direction = nextSlide - currentSlide > 0 ? 'left' : 'right';\n }\n\n $(this).attr('data-direction', direction);\n if (direction === 'left') {\n $('.slick-slide.slick-active', this).first().prev().find('a').first().focus();\n }\n })\n .on('afterChange', function (e, slick) {\n if ($(this).attr('data-direction') === 'right') {\n $('.slick-slide.slick-active', this).last().find('a').first().focus();\n }\n });\n}\n\nmodule.exports = {\n initialize: function () {\n $(document).ready(function () {\n gtmContainer.initPosition();\n $('.slick-carousel:not(.slick-initialized)').slick();\n $('.lazyload').lazyload();\n addPauseButton();\n productCarousel();\n });\n },\n\n refresh: function () {\n $('.slick-carousel.slick-initialized').slick('setPosition');\n $('.lazyload').lazyload();\n },\n};\n","'use strict';\n\nvar scrollHelper = require('./scroll');\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 */\nfunction validateForm(event) {\n var valid = true;\n if (this.checkValidity && !this.checkValidity()) {\n // safari\n valid = false;\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n $(this)\n .find('input, select')\n .each(function () {\n if (!this.validity.valid) {\n $(this).trigger('invalid', this.validity);\n }\n });\n }\n if (!valid) {\n $(this).trigger('invalid');\n }\n return valid;\n}\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearForm(form) {\n $(form).find('.form-control.is-invalid, .form-control-label.is-invalid').removeClass('is-invalid');\n}\n\nmodule.exports = {\n invalid: function () {\n $('form input, form select').on('invalid', function (e) {\n e.preventDefault();\n this.setCustomValidity('');\n var $this = $(this);\n if (!this.validity.valid) {\n var id = $this.attr('id');\n var label = $('label[for=' + id + ']')\n .text()\n .trim();\n var validationMessage = label + ' field is required.';\n $(this).addClass('is-invalid');\n $(this).parents('.form-group').find('.form-control-label').addClass('is-invalid');\n if (this.validity.patternMismatch && $(this).data('pattern-mismatch')) {\n validationMessage = validationMessage.replace('.', ':');\n validationMessage += ' ' + $(this).data('pattern-mismatch');\n }\n if (this.validity.patternMismatch && $(this).data('parse-error')) {\n validationMessage = $(this).data('parse-error');\n }\n if ((this.validity.rangeOverflow || this.validity.rangeUnderflow) && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if ((this.validity.tooLong || this.validity.tooShort) && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if (this.validity.valueMissing && $(this).data('missing-error')) {\n validationMessage = $(this).data('missing-error');\n }\n $(this).parents('.form-group').find('.invalid-feedback').text(validationMessage);\n\n $(this).closest('form').trigger('invalid');\n }\n });\n },\n\n submit: function () {\n $('form').on('submit', function (e) {\n return validateForm.call(this, e);\n });\n },\n\n buttonClick: function () {\n $('form button[type=\"submit\"], form input[type=\"submit\"]').on('click', function () {\n var form = $(this).parents('form');\n\n // clear all errors when trying to submit the form\n clearForm(form);\n\n // initializing event to scroll to first error field\n $(form).one('invalid', function (e) {\n if ($(this).find('.is-invalid').length > 0) {\n scrollHelper.scrollTo($('.is-invalid').first(), 30);\n $('.is-invalid').first().focus();\n }\n });\n });\n },\n\n functions: {\n validateForm: function (form, event) {\n validateForm.call($(form), event || null);\n },\n clearForm: clearForm,\n },\n};\n","'use strict';\nfunction addAccessibilityButtons(afterRefinement = false) {\n if ($(window).width() <= 794) {\n // hide desktop footer list and show mobile footer list\n $('.mobile-footer-list').show();\n $('.desktop-footer-list').hide();\n } else {\n $('.mobile-footer-list').hide();\n $('.desktop-footer-list').show();\n }\n\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n\n sizes.forEach(function (size) {\n var selector =\n '.collapsible-' +\n size +\n ' .title, .collapsible-' +\n size +\n '>.card-header, .collapsible-' +\n size +\n '>.refinement-button-heading>.card-header';\n\n $(selector).each(function (i) {\n var $menuHeader = $(this);\n if ($menuHeader.hasClass('refinement-heading')) {\n // don't add more than one button\n // skip if a button has already been added\n if ($menuHeader.find('button').length !== 0) {\n return;\n }\n }\n // if on mobile screen size or a refinement button\n var containerSize = $menuHeader.parents('.container').css('width');\n if (Number(containerSize.replace('px', '')) <= 560 || $(this).hasClass('refinement-heading')) {\n // need to add button for accessiblility\n if ($(this).find('button').length === 0) {\n var text = $(this).text();\n var tabIndex = -1;\n if ($(this).hasClass('footer-title') || $(this).hasClass('collapsible-title')) {\n tabIndex = 0;\n $(this).attr('tabindex', -1);\n }\n $(this).html(\n ''\n );\n $menuHeader = $(this).find('button');\n\n if ($(this).hasClass('footer-title') || $(this).hasClass('collapsible-title')) {\n $(this).parents('.footer-item').attr('role', 'listitem');\n $(this).parents('.row').attr('role', 'list');\n $(this).removeAttr('role');\n $($menuHeader).on('click', function (e) {\n e.preventDefault();\n $(this).attr('aria-expanded', function (i, attr) {\n return attr == 'false' ? 'true' : 'false';\n });\n });\n }\n }\n\n var id = 'collapsible-item-' + i;\n var menu = $(this)\n .parents('.collapsible-' + size)\n .find('.card-body, .content')\n .first();\n if (!$menuHeader[0].hasAttribute('aria-controls') && !menu[0].hasAttribute('id')) {\n $menuHeader.attr('aria-controls', id);\n menu.attr('id', id);\n }\n }\n // else not mobile screen size or refinement buttons (return footer buttons to normal sections when browser resizes to desktop size)\n else {\n if ($(this).find('button').length !== 0) {\n var text = $(this).text();\n $menuHeader.text(text);\n $menuHeader.children().first().remove();\n }\n if (!$menuHeader.hasClass('nofocus-desktop')) {\n $menuHeader.attr('tabindex', '0');\n $menuHeader.attr('aria-label', $(this).text());\n }\n $menuHeader.removeAttr('role');\n $(this).parents('.footer-item').removeAttr('role');\n $(this).parents('.row').removeAttr('role');\n }\n // end selector forEach\n });\n\n // wire up click events once button has been built\n if (!afterRefinement) {\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n var parent = $(this).parents('.collapsible-' + size);\n parent.toggleClass('active');\n var expanded = $(this).attr('aria-expanded') === 'true' ? 'true' : 'false';\n $(this).attr('aria-expanded', expanded);\n });\n } else {\n $('body').off('click', selector);\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n var parent = $(this).parents('.collapsible-' + size);\n parent.toggleClass('active');\n // This is here to make sure the buttons still announce properly after a refinement is selected\n parent\n .find('button[aria-expanded]')\n .first()\n .attr('aria-expanded', function (i, attr) {\n return attr == 'false' ? 'true' : 'false';\n });\n });\n }\n // end size forEach\n });\n}\nwindow.onresize = addAccessibilityButtons;\nmodule.exports = {\n addAccessibilityButtons: addAccessibilityButtons,\n};\n","'use strict';\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nfunction showConsentModal() {\n if (!$('.tracking-consent').data('caonline')) {\n return;\n }\n\n var urlContent = $('.tracking-consent').data('url');\n var urlAccept = $('.tracking-consent').data('accept');\n var urlReject = $('.tracking-consent').data('reject');\n var textYes = $('.tracking-consent').data('accepttext');\n var textNo = $('.tracking-consent').data('rejecttext');\n var textHeader = $('.tracking-consent').data('heading');\n\n var htmlString =\n '' +\n '' +\n '
';\n $.spinner().start();\n $('body').append(htmlString);\n\n $.ajax({\n url: urlContent,\n type: 'get',\n dataType: 'html',\n success: function (response) {\n $('#consent-tracking .modal-body').html(response);\n },\n error: function () {\n $('#consent-tracking').remove();\n },\n });\n\n $('#consent-tracking .button-wrapper button').click(function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function () {\n $('#consent-tracking .modal-body').remove();\n $('#consent-tracking').remove();\n $.spinner().stop();\n $('#newsletter-signup-modal').fadeIn('fast', function () {\n $.spinner().start();\n });\n },\n error: function () {\n $('#consent-tracking .modal-body').remove();\n $('#consent-tracking').remove();\n $.spinner().stop();\n },\n });\n });\n}\n\nmodule.exports = function () {\n if ($('.consented').length === 0 && $('.tracking-consent').hasClass('api-true')) {\n showConsentModal();\n if ($('.tracking-consent').data('caonline')) {\n $('#newsletter-signup-modal').hide();\n }\n }\n\n if ($('.tracking-consent').hasClass('api-true')) {\n $('.tracking-consent').click(function () {\n showConsentModal();\n if ($('.tracking-consent').data('caonline')) {\n $('#newsletter-signup-modal').hide();\n }\n });\n }\n};\n","'use strict';\n\n/**\n * Get cookie value by cookie name from browser\n * @param {string} cookieName - name of the cookie\n * @returns {string} cookie value of the found cookie name\n */\nfunction getCookie(cookieName) {\n var name = cookieName + '=';\n var decodedCookie = decodeURIComponent(document.cookie);\n var cookieArray = decodedCookie.split(';');\n for (var i = 0; i < cookieArray.length; i++) {\n var cookieItem = cookieArray[i];\n while (cookieItem.charAt(0) === ' ') {\n cookieItem = cookieItem.substring(1);\n }\n if (cookieItem.indexOf(name) === 0) {\n return cookieItem.substring(name.length, cookieItem.length);\n }\n }\n return '';\n}\n\nfunction areCookiesEnabled() {\n try {\n document.cookie = 'cookietest=1';\n var cookiesEnabled = document.cookie.indexOf('cookietest=') !== -1;\n document.cookie = 'cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT';\n return cookiesEnabled;\n } catch (e) {\n return false;\n }\n}\n\nfunction createCookie(name, value, days) {\n if (days) {\n var date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n document.cookie = name + '=' + value + '; expires=' + date.toGMTString() + '; path=/;SameSite=None;secure';\n } else {\n document.cookie = name + '=' + value;\n }\n}\n\nfunction readCookie(name) {\n var nameEQ = name + '=';\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) == 0) {\n return c.substring(nameEQ.length, c.length);\n }\n }\n return null;\n}\n\nfunction deleteCookie(name) {\n createCookie(name, '', -1);\n}\n\nfunction manageCookiesAlert() {\n if (!areCookiesEnabled()) {\n $('.error-no-cookies-container').show();\n } else {\n // if cookie exists, alert stays hidden until cookies are deleted/cleared\n if (readCookie('ssCookieMsg') == 'Cookie Agreement Acknowledged') {\n $('.cookie-warning-messaging').hide();\n } else {\n $('.cookie-warning-messaging').show();\n $('#cookieAlert').focus();\n\n $('.cookie-warning-messaging').on('keydown', function (e) {\n if (e.key === 'Escape') {\n createCookie('ssCookieMsg', 'Cookie Agreement Acknowledged', 180);\n // return focus when modal is closed\n $('.cookie-warning-messaging').off();\n $('.cookie-warning-messaging').hide();\n }\n });\n }\n\n //onclick of the cookie alert button the cookie is created and assigned a value the alert message is hidden\n $(':button').click(function () {\n if (this.id == 'cookieAlert') {\n createCookie('ssCookieMsg', 'Cookie Agreement Acknowledged', 180);\n // return focus when modal is closed\n $('.cookie-warning-messaging').off();\n $('.cookie-warning-messaging').hide();\n }\n });\n }\n}\n\nmodule.exports = {\n getCookie: getCookie,\n createCookie: createCookie,\n readCookie: readCookie,\n deleteCookie: deleteCookie,\n manageCookiesAlert: manageCookiesAlert,\n};\n","'use strict';\n\nvar keyboardAccessibility = require('./keyboardAccessibility');\n\nmodule.exports = function () {\n $('.country-selector a').click(function (e) {\n e.preventDefault();\n var action = $('.page').data('action');\n var localeCode = $(this).data('locale');\n var localeCurrencyCode = $(this).data('currencycode');\n var queryString = $('.page').data('querystring');\n var url = $('.country-selector').data('url');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {\n code: localeCode,\n queryString: queryString,\n CurrencyCode: localeCurrencyCode,\n action: action,\n },\n success: function (response) {\n $.spinner().stop();\n if (response && response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n\n keyboardAccessibility(\n '.navbar-header .country-selector',\n {\n 40: function ($countryOptions) {\n // down\n if ($(this).is(':focus')) {\n $countryOptions.first().focus();\n } else {\n $(':focus').next().focus();\n }\n },\n 38: function ($countryOptions) {\n // up\n if ($countryOptions.first().is(':focus') || $(this).is(':focus')) {\n $(this).focus();\n $(this).removeClass('show');\n } else {\n $(':focus').prev().focus();\n }\n },\n 27: function () {\n // escape\n $(this).focus();\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n },\n 9: function () {\n // tab\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n },\n },\n function () {\n if (!$(this).hasClass('show')) {\n $(this).addClass('show');\n }\n return $(this).find('.dropdown-country-selector').children('a');\n }\n );\n\n $('.navbar-header .country-selector').on('focusin', function () {\n $(this).addClass('show').children('.dropdown-menu').addClass('show');\n });\n};\n","'use strict';\nvar setdatalayer = require('../gtm/setdatalayer');\n\nmodule.exports = function () {\n var throttleScroll,\n $backToTop = $('.back-to-top');\n\n $backToTop.click(function () {\n $('html, body').animate(\n {\n scrollTop: 0,\n },\n 500\n );\n $('.tab-shoe-show a').focus();\n });\n\n $(window).scroll(function () {\n clearTimeout(throttleScroll);\n throttleScroll = setTimeout(function () {\n if (window.pageYOffset > 0) {\n $backToTop.addClass('show');\n } else {\n $backToTop.removeClass('show');\n }\n }, 100);\n });\n\n $('.email-signup-form .newsletter-submit').click(function (e) {\n e.preventDefault();\n var $success = $('.email-signup-form .success-message');\n $success.removeClass('error');\n $success.text('');\n\n var $form = $('.email-signup-form #newsletter-signup');\n var filter = /^[\\w.%+-]+@[\\w.-]+\\.[\\w]{2,6}$/;\n var email = $('#hpEmailSignUp');\n\n if (email.val().trim() !== '') {\n if (!filter.test(email.val())) {\n $success.addClass('error');\n $success.text('Please match the requested format: example@domain.com');\n } else {\n $.ajax({\n url: $form.data('action'),\n method: 'GET',\n data: $form.serialize(),\n success: function (data) {\n $success.text(\"Thank you! You've been successfully signed up.\");\n setdatalayer.EmailSignUp(email.val());\n },\n error: function () {\n setdatalayer.EmailSignUp(email.val());\n },\n });\n }\n } else {\n $success.addClass('error');\n $success.text('Please provide an email');\n }\n });\n};\n","'use strict';\n\nmodule.exports = function (selector, keyFunctions, preFunction) {\n $(selector).on('keydown', function (e) {\n var key = e.which;\n var supportedKeyCodes = [32, 37, 38, 39, 40, 27];\n if (supportedKeyCodes.indexOf(key) >= 0) {\n e.preventDefault();\n }\n var returnedScope = preFunction.call(this);\n if (keyFunctions[key]) {\n keyFunctions[key].call(this, returnedScope);\n }\n });\n};\n","'use strict';\n\nvar keyboardAccessibility = require('./keyboardAccessibility');\n\nvar clearSelection = function (element) {\n $(element).closest('.dropdown').children('.dropdown-menu').children('.top-category').detach();\n $(element).closest('.dropdown.show').children('.nav-link').attr('aria-expanded', 'false');\n $(element).closest('.dropdown.show').removeClass('show');\n $(element).removeClass('show');\n};\n\nvar trapMobileNavFocus = function () {\n const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n const modal = document.querySelector('.main-menu');\n\n if (!modal) {\n return;\n }\n\n const firstFocusableElement = modal.querySelectorAll(focusableElements)[0];\n const focusableContent = modal.querySelectorAll(focusableElements);\n const lastFocusableElement = focusableContent[focusableContent.length - 1];\n\n firstFocusableElement.focus();\n document.addEventListener('keydown', function (e) {\n if (modal.classList.contains('in')) {\n if (e.key === 'Escape') {\n $('.close-button').trigger('click');\n }\n let isTabPressed = e.key === 'Tab' || e.keyCode === 9;\n\n if (!isTabPressed) {\n return;\n }\n\n if (e.shiftKey) {\n if (document.activeElement === firstFocusableElement) {\n lastFocusableElement.focus();\n e.preventDefault();\n }\n } else {\n if (document.activeElement === lastFocusableElement) {\n firstFocusableElement.focus();\n e.preventDefault();\n }\n }\n }\n });\n\n firstFocusableElement.focus();\n};\n\nmodule.exports = function () {\n var isDesktop = function (element) {\n return $(element).parents('.menu-toggleable-left').css('position') !== 'absolute';\n };\n\n function updateNavbarToggler() {\n $('.navbar-toggler').attr('aria-expanded', $('#sg-navbar-collapse').hasClass('in'));\n }\n\n $('.header-banner .close').on('click', function () {\n $('.header-banner').addClass('hide');\n });\n\n $(document).on('keyup', function (evt) {\n if (evt.keyCode == 27) {\n $('.nav-item.dropdown').each(function () {\n if (isDesktop(this)) {\n $(this).removeClass('show');\n $(this).children('.dropdown-menu').removeClass('show');\n $(this).children('.dropdown-menu').attr('aria-hidden', 'true');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n });\n }\n });\n\n keyboardAccessibility(\n '.main-menu .nav-link, .main-menu .dropdown-link',\n {\n 32: function (menuItem) {\n // space\n if (menuItem.hasClass('nav-item')) {\n // top level\n $('.navbar-nav .nav-item')\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show')\n .attr('aria-hidden', 'true');\n\n menuItem.addClass('show').children('.nav-link').attr('aria-expanded', 'true');\n menuItem.children('.dropdown-menu').addClass('show').attr('aria-hidden', 'false');\n }\n },\n 13: function (menuItem) {\n // enter\n if (menuItem.hasClass('nav-item')) {\n // top level\n $('.navbar-nav .nav-item')\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show')\n .attr('aria-hidden', 'true');\n\n menuItem.addClass('show').children('.nav-link').attr('aria-expanded', 'true');\n menuItem.children('.dropdown-menu').addClass('show').attr('aria-hidden', 'false');\n }\n },\n 40: function (menuItem) {\n // down\n if (menuItem.hasClass('nav-item') && menuItem.hasClass('show')) {\n // top level\n $('.navbar-nav .show').removeClass('show').children('.dropdown-menu').removeClass('show');\n menuItem.addClass('show');\n menuItem.children('.dropdown-menu').addClass('show').attr('aria-hidden', 'false');\n $(this).attr('aria-expanded', 'true');\n menuItem.find('ul > li > a').first().focus();\n } else {\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n }\n },\n 39: function (menuItem) {\n // right\n if (menuItem.hasClass('nav-item')) {\n // 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.hasClass('dropdown-item')) {\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n }\n },\n 38: function (menuItem) {\n // up\n var navItemDropdown = menuItem.parent().parent();\n var navLink = navItemDropdown.children('.nav-link');\n var dropdownMenu = navItemDropdown.children().eq(1);\n if (menuItem.hasClass('nav-item')) {\n // 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.prev().length === 0) {\n navItemDropdown.removeClass('show');\n dropdownMenu.removeClass('show');\n dropdownMenu.attr('aria-hidden', 'true');\n navLink.attr('aria-expanded', 'false').focus();\n } else {\n menuItem.prev().children().first().focus();\n }\n },\n 37: function (menuItem) {\n // left\n if (menuItem.hasClass('nav-item')) {\n // 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 {\n menuItem.prev().children().first().focus();\n }\n },\n 27: function (menuItem) {\n // escape\n var parentMenu = menuItem.hasClass('show') ? menuItem : menuItem.closest('li.show');\n parentMenu.children('.show').removeClass('show');\n parentMenu.removeClass('show').children('.nav-link').attr('aria-expanded', 'false');\n parentMenu.children().first().focus();\n },\n },\n function () {\n return $(this).parent();\n }\n );\n\n $('.dropdown:not(.disabled) .nav-link[data-toggle=\"dropdown\"] ').on('click', function (e) {\n trapMobileNavFocus();\n var $this = $(this); // set pointer to the actual link\n if (!isDesktop($this)) {\n $('html, body').animate({ scrollTop: '0' }, 100);\n $('.modal-background').show();\n $('.menu-background').addClass('active');\n // copy parent element into current UL\n var link = $this\n .clone()\n .removeClass('dropdown-toggle')\n .removeAttr('data-toggle')\n .removeAttr('aria-expanded')\n .attr('aria-haspopup', 'false');\n var closeMenu = $('');\n closeMenu.append($('.close-menu').first().clone());\n closeMenu.find('.back span').text($this.attr('data-back-text'));\n closeMenu.append(link);\n closeMenu.find('a').trigger('focus');\n var dropmenu = $this.parent().children('.dropdown-menu');\n !dropmenu.children('.nav-menu').length && dropmenu.prepend(closeMenu);\n dropmenu.attr('aria-hidden', 'false');\n dropmenu.removeAttr('inert', '');\n // copy navigation menu into view\n var $navItems = $('.nav-item');\n $navItems.attr('aria-hidden', 'true');\n $navItems.attr('inert', '');\n //Need a reference to the previous button clicked to avoid a focus stuck loop\n var buttonParentClicked = $(this).parents('li').children('button');\n var navAccountMenu = $('.nav-account-menu');\n //Hiding of the tab itself as hiding the unordered list does not hide the image\n $('.tab-shoe-dept').attr('style', 'visibility:hidden');\n $('.tab-shoe-dept').attr('aria-hidden', 'true');\n $('.tab-shoe-dept').attr('inert', '');\n navAccountMenu.attr('style', 'visibility:hidden');\n $this.parent().children('ul').attr('style', 'visibility:visible');\n var childList = $this.parent().children('ul');\n for (let index = 0; index < childList.children().length; index++) {\n $(childList.children()[index]).attr('style', 'visibility: visible');\n }\n $this.parent().addClass('show');\n $this.parent().attr('aria-hidden', 'false');\n $this.parent().removeAttr('inert', '');\n var previousButton = $(e.currentTarget);\n var headerBackButton = $('.close-menu').first();\n headerBackButton.attr('aria-hidden', 'true');\n previousButton.attr('aria-hidden', 'true');\n headerBackButton.attr('inert', '');\n previousButton.attr('inert', '');\n var activeChildren = $this.parent().children('.dropdown-menu');\n var index = activeChildren.children().length - 1;\n var lastChild = activeChildren.children().get(index);\n $this.attr('aria-expanded', 'true');\n closeMenu.find('a').on('click', function () {\n $this.parent().children('.dropdown-menu').attr('aria-hidden', 'true');\n $this.parent().children('.dropdown-menu').attr('inert', '');\n $navItems.attr('aria-hidden', 'false');\n $navItems.removeAttr('inert');\n //Reversing all the hiding of the parent buttons from earlier once user goes to the previous menu\n $navItems.attr('style', 'visibility:visible');\n navAccountMenu.attr('style', 'visibility:visible');\n $('.tab-shoe-dept').attr('style', 'visibility:visible');\n $('.tab-shoe-dept').attr('aria-hidden', 'false');\n $('.tab-shoe-dept').removeAttr('inert');\n //Cycling through all the child menu items and rehiding them\n $this.parent().children('ul').attr('style', 'visibility:hidden');\n for (let index = 0; index < childList.children().length; index++) {\n $(childList.children()[index]).attr('style', 'visibility: hidden');\n }\n //Setting focus back to the previous button clicked\n buttonParentClicked[0].focus();\n previousButton.attr('aria-hidden', 'false');\n headerBackButton.attr('aria-hidden', 'false');\n previousButton.removeAttr('inert');\n headerBackButton.removeAttr('inert');\n });\n $(lastChild).on('focusout', function () {\n closeMenu.find('a').trigger('focus');\n });\n let navMenu = $('[id$=' + e.currentTarget.id + '] li.nav-menu');\n !navMenu.find('.nav-link').length && navMenu.append($('.top-category button'));\n e.preventDefault();\n }\n });\n\n $('.dropdown:not(.disabled) [data-toggle=\"dropdown\"]').on('click', function () {\n if (isDesktop(this)) {\n if ($(this).attr('aria-expanded') == 'true') {\n var $parent = $(this).parent();\n $parent.removeClass('show');\n $parent.children('.dropdown-menu').removeClass('show').attr('aria-hidden', 'true');\n $parent.children('.nav-link').attr('aria-expanded', 'false');\n } else {\n var eventElement = this;\n\n $('.navbar-nav > li').each(function () {\n if (!$.contains(this, eventElement)) {\n $(this)\n .find('.show')\n .each(function () {\n clearSelection(this);\n });\n if ($(this).hasClass('show')) {\n $(this).removeClass('show');\n $(this).children('ul.dropdown-menu').removeClass('show');\n $(this).children('ul.dropdown-menu').attr('aria-hidden', 'true');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n }\n });\n // need to close all the dropdowns that are not direct parent of current dropdown\n $(this).parent().addClass('show');\n $(this).siblings('.dropdown-menu').addClass('show');\n $(this).siblings('.dropdown-menu').attr('aria-hidden', 'false');\n $(this).attr('aria-expanded', 'true');\n }\n }\n });\n\n $('.mobile-menu.close-button').on('click', function (e) {\n $('.mobile-menu.close-button').attr('aria-hidden', 'true');\n closeMobileMenu(e, this);\n });\n function closeMobileMenu(e, el) {\n e && e.preventDefault();\n $('header').removeClass('position-static');\n $('body').removeClass('no-scrollable');\n $('.menu-toggleable-left').removeClass('in');\n $('.modal-background').hide();\n $('.menu-background').removeClass('active');\n $('.main-menu').attr('aria-hidden', 'true');\n $('.close-menu').hide();\n $('.menu-group').hide();\n $('.header.container').removeAttr('inert');\n updateNavbarToggler();\n backgroundEls.attr('aria-hidden', 'false').removeAttr('inert');\n $('.navbar-toggler').focus();\n\n // Ensure tab is visible when closing submenu\n // and switching from mobile to desktop via browser resize\n if ($('.tab-shoe-dept').attr('aria-hidden') == 'true') {\n $('.tab-shoe-dept').attr('style', 'visibility:visible');\n $('.tab-shoe-dept').attr('aria-hidden', 'false');\n $('.tab-shoe-dept').removeAttr('inert');\n }\n\n // Show main menu if user has closed mobile menu then resized to desktop\n $('.nav-main-menu-container').show();\n }\n\n $('.navbar').on('click', '.back', function (e) {\n e.preventDefault();\n clearSelection(this);\n });\n\n if (!isDesktop($('.navbar'))) {\n $('.main-menu').attr('aria-hidden', 'true').attr('inert', '');\n }\n\n trapMobileNavFocus();\n\n //below elements need aria-hidden and inert set for Voiceover on iOS to work\n var backgroundEls = $(\n '.header-banner, .header, .search-mobile, #maincontent, footer, .back-to-top, .skip-link, .cid-cookie_hint'\n );\n\n $('.navbar').on('click', '.close-button', function (e) {\n e.preventDefault();\n $('html, body').animate({ scrollTop: '0' }, 100);\n $('.navbar-nav').find('.top-category').detach();\n $('.navbar-nav').find('.nav-menu').detach();\n $('.navbar-nav').find('.show').removeClass('show');\n $('.main-menu').attr('aria-hidden', 'true').attr('inert', '').removeClass('in');\n $('body').addClass('no-scrollable');\n $('header').addClass('position-static');\n $('.modal-background').hide();\n $('.menu-background').removeClass('active');\n $('.navbar-toggler').focus();\n $('.close-menu').hide();\n $('.menu-group').hide();\n updateNavbarToggler();\n backgroundEls.attr('aria-hidden', 'false').removeAttr('inert');\n });\n\n $('.navbar-toggler').on('click', function (e) {\n e.preventDefault();\n $('html, body').animate({ scrollTop: '0' }, 100);\n $('.multisite-tabs>ul>li>a').show();\n $('.close-menu').show();\n $('.mobile-menu.close-button').attr('aria-hidden', 'false');\n $('.menu-group').show();\n $('.main-menu').toggleClass('in').attr('aria-hidden', 'false').removeAttr('inert');\n $('body').addClass('no-scrollable');\n $('header').addClass('position-static');\n $('.modal-background').show();\n $('.modal-background').on('click', closeMobileMenu);\n $('.menu-background').addClass('active');\n $('.tab-shoe-show a').first().focus();\n updateNavbarToggler();\n backgroundEls.attr('aria-hidden', 'true').attr('inert', '');\n $('.nav-item').first().children().first().focus();\n trapMobileNavFocus();\n });\n\n keyboardAccessibility(\n '.header-login .user',\n {\n 40: function ($popover) {\n // down\n if ($popover.children('a').first().is(':focus')) {\n $popover.children('a').first().next().focus();\n } else {\n $popover.children('a').first().focus();\n }\n },\n 38: function ($popover) {\n // up\n if ($popover.children('a').first().is(':focus')) {\n $(this).focus();\n $popover.removeClass('show');\n } else {\n $popover.children('a').first().focus();\n }\n },\n 27: function ($popover) {\n // escape\n $(this).focus();\n $popover.removeClass('show');\n },\n 9: function ($popover) {\n // tab\n $popover.removeClass('show');\n },\n },\n function () {\n var $popover = $('.user .popover');\n if (!$popover.hasClass('show')) {\n $popover.addClass('show');\n }\n return $popover;\n }\n );\n\n $('.header-login .user').on('mouseenter focusin', function () {\n if ($('.header-login .user .popover').length > 0) {\n $('.header-login .user .popover').addClass('show');\n }\n });\n\n $('.header-login .user').on('mouseleave', function () {\n $('.header-login .user .popover').removeClass('show');\n });\n\n $('.refinement-heading')\n .on('keydown', function (e) {\n var key = e.which;\n if (key == 13 || key == 32) {\n var expanded = $(this).attr('aria-expanded');\n $(this).attr('aria-expanded', expanded == 'true' ? 'false' : 'true');\n } else if (key == 9) {\n $(this).next().find('li').eq(0).focus();\n }\n })\n .on('click', function () {\n var expanded = $(this).attr('aria-expanded');\n $(this).attr('aria-expanded', expanded == 'true' ? 'false' : 'true');\n });\n\n var pageQs = new URLSearchParams($('.page').data('querystring'));\n var pagecgid = pageQs && pageQs.get('cgid') != null ? pageQs.get('cgid') : null;\n if (pagecgid && pagecgid.length > 0) {\n var cgid = pagecgid[1];\n $('a#' + cgid).attr('aria-current', 'page');\n $(', current section').insertAfter('a#' + cgid + ' .menu-item-label');\n }\n\n //Add class 'visually-hidden' on Category Title Nav Menu - Mobile Nav\n $('body').on('click', '.nav-item', function () {\n if (!isDesktop(this)) {\n var $parentBack = $(this).find('.back');\n $parentBack.find('span').addClass('visually-hidden');\n }\n });\n};\n","/* eslint-disable no-mixed-spaces-and-tabs */\n/* eslint-disable vars-on-top */\n/* eslint-disable eqeqeq */\n'use strict';\n\nvar cart = require('../cart/cart');\n\nfunction updateAriaLabel(message) {\n var base = $('.minicart-link').attr('aria-label').split('|')[0];\n $('.minicart-link').attr('aria-label', base + '| ' + message);\n}\n\nmodule.exports.updateAriaLabel = updateAriaLabel;\n\nmodule.exports = function () {\n cart();\n\n var $minicart = $('.minicart');\n\n $minicart.on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity, .minicart-tablet .minicart-quantity').text(count.quantityTotal);\n $('.minicart-mobile .minicart-quantity').text(count.quantityTotal);\n updateAriaLabel(count.cart.resources.numberOfItems);\n }\n\n if (count && count.mobileMiniCartHTML) {\n $('.minicart-container').html(count.mobileMiniCartHTML);\n miniCartInit();\n }\n });\n\n function showMiniCart() {\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 $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n if ($(data).find('.product-summary .row').length > 0) {\n // Returned data has product line items; display minicart\n $('.minicart .popover').append(data);\n $.spinner().stop();\n trapFocus();\n } else {\n // Session expired; minicart no longer valid so clean the desktop header and mobile nav menus\n $('.minicart .popover').removeClass('show');\n $.spinner().stop();\n\n $('.minicart-link .minicart-quantity').text('0');\n\n var $headerLoginArea = $('.header-login');\n $headerLoginArea.find('.reward-points').removeClass('reward-points-loggedin');\n $headerLoginArea\n .find('.reward-points span')\n .removeClass('reward-points-total')\n .text('Reward Points');\n\n var myAccountURL = $headerLoginArea.find('.user a').attr('href');\n $headerLoginArea\n .find('.user')\n .empty()\n .append(\n '' +\n '' +\n ''\n );\n\n var $mobileMenu = $('.nav-account-menu');\n $mobileMenu\n .find('.nav-item-user')\n .empty()\n .append(\n '' +\n '' +\n ''\n );\n $mobileMenu\n .find('.nav-item-rewards-loggedin')\n .removeClass('nav-item-rewards-loggedin')\n .addClass('nav-item-rewards-guest')\n .find('span')\n .removeClass('reward-points-total')\n .text('Reward Points');\n $mobileMenu.find('.nav-item-logout').remove();\n }\n });\n }\n }\n\n function trapFocus() {\n const focusableElements = 'button, [href], input, select, [tabindex]:not([tabindex=\"-1\"])';\n const modal = document.querySelector('.minicart');\n \n if (!modal) {\n return;\n }\n \n const firstFocusableElement = modal.querySelectorAll(focusableElements)[0];\n const focusableContent = modal.querySelectorAll(focusableElements);\n const lastFocusableElement = focusableContent[focusableContent.length - 1];\n \n firstFocusableElement.focus();\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') {\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n document.activeElement.blur();\n }\n\n let isTabPressed = e.key === 'Tab' || e.keyCode === 9;\n\n if (!isTabPressed) {\n return;\n }\n\n if (e.shiftKey) {\n if (document.activeElement === firstFocusableElement) {\n lastFocusableElement.focus();\n e.preventDefault();\n }\n } else {\n if (document.activeElement === lastFocusableElement) {\n firstFocusableElement.focus();\n e.preventDefault();\n }\n }\n });\n \n firstFocusableElement.focus();\n };\n\n $minicart.on('mouseenter touchstart', showMiniCart);\n\n $('.minicart-link').on('focus', showMiniCart);\n\n $('body').on('touchstart click', function (e) {\n if ($minicart.has(e.target).length <= 0) {\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n }\n });\n\n $(document).on('keyup', function (e) {\n if (e.keyCode == 27 && $('.minicart .popover').hasClass('show')) {\n $('.minicart .popover').removeClass('show');\n $.spinner().stop();\n }\n });\n\n $minicart.on('mouseleave', function (event) {\n if (\n (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity')) ||\n $('body').hasClass('modal-open')\n ) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n });\n $('body').on('change', '.minicart .quantity', function () {\n if ($(this).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n location.reload();\n }\n });\n $('.minicart-mobile, .minicart-tablet').on('click', function (e) {\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n if (count !== 0) {\n $('#minicart-flyout').show();\n e.stopPropagation();\n e.preventDefault();\n var headerFooterSpace =\n $('#minicart-flyout .minicart-footer').height() + $('#minicart-flyout .titlebar').height();\n var flyoutSize = $('#minicart-flyout .container.cart').height();\n $('body').addClass('no-scrollable');\n $('.product-summary').height(flyoutSize - headerFooterSpace);\n $('.remove-btn.remove-product span').text('Remove');\n $('#minicart-flyout .close-button').on('click', function (e) {\n e.preventDefault();\n $('body').removeClass('no-scrollable');\n $('#minicart-flyout').hide();\n });\n }\n });\n\n const miniCartInit = function () {\n $('#minicart-flyout').on('touchmove', function (e) {\n console.log(e.target);\n e.stopPropagation();\n });\n };\n\n miniCartInit();\n};\n","'use strict';\n\nvar regex = {\n email: /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n};\nvar cookies = require('./cookie');\n\n/**\n * @function\n * @description Validates a given email address against the email regex\n * @param {String} value The email address which will be validated\n */\nvar validateEmail = function (value) {\n var isValid = regex.email.test($.trim(value));\n return isValid;\n};\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nfunction showNewsletterSignupModal() {\n if (!$('.newsletter-signup-modal').data('caonline')) {\n return;\n }\n\n var urlContent = $('.newsletter-signup-modal').data('url');\n var urlContentSubscribe = $('.newsletter-signup-modal').data('subscribe');\n var urlContentThanks = $('.newsletter-signup-modal').data('thanks');\n var modalClosed = $('.newsletter-signup-modal').data('modal-closed');\n\n var htmlString =\n '' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '![]()
')\n .attr('src', zoomImage)\n .on('load', function () {\n $(this).remove();\n $('.primary-images').removeClass('zoom-loading');\n });\n }\n }\n}\n\nmodule.exports = {\n initialize: function () {\n // Reinitialize zoom on window resize\n var throttleResize;\n $(window).resize(function () {\n clearTimeout(throttleResize);\n throttleResize = setTimeout(function () {\n enableZoom();\n }, 100);\n });\n\n $('.primary-image-carousel').on('beforeChange', function (event, slick, currentSlide, nextSlide) {\n loadZoomImage(nextSlide);\n });\n\n $('.primary-image-carousel').on('afterChange', function (event, slick, currentSlide) {\n enableZoom();\n });\n\n $('.primary-image-carousel').on('init', function (slick) {\n $('body').trigger('product:afterCarouselInit', this);\n });\n },\n\n enable: function () {\n enableZoom();\n },\n};\n","'use strict';\n\nmodule.exports = {\n initPosition: function () {\n var $gtmContainers = $('.gtm-container:not(.gtm-container-initialized)');\n\n $gtmContainers.each(function () {\n var $currentContainer = $(this),\n $gtmProducts = $currentContainer.find('.gtmproduct'),\n containerIndexStart = $currentContainer.data('page-size') * $currentContainer.data('page-number'); // Paging starts at 0\n\n $currentContainer.addClass('gtm-container-initialized');\n\n // Register the index position of the GTM products inside each GTM container.\n $gtmProducts.each(function () {\n var $currentProduct = $(this);\n $currentProduct.data('position', $gtmProducts.index($currentProduct) + containerIndexStart + 1);\n\n if ($currentProduct.parents('.grid-tile').first().find('.price [itemprop=mapmessage]').length > 0) {\n $currentProduct.data('price', 0.0);\n } else {\n var $price = $currentProduct\n .parents('.grid-tile')\n .first()\n .find('.adjusted-price')\n .data('productPrice');\n $currentProduct.data('price', $price);\n }\n });\n\n $('span[itemprop=\"price\"]').each(function () {\n var priceValue = $(this).attr('content');\n if (priceValue.endsWith('.98')) {\n $(this).parent('.sales').addClass('strike-price-available');\n $(this).parent('.sales').prev().addClass('strike-price-available');\n }\n });\n });\n },\n};\n","'use strict';\n\nfunction gtmproduct(data) {\n var gtmdata = [];\n for (var x = 0; x < data.order.items.items.length; x++) {\n gtmdata.push({\n id: data.order.items.items[x].masterID,\n name: setReg(data.order.items.items[x].productName),\n price: data.order.items.items[x].price.sales.decimalPrice,\n brand: data.order.items.items[x].brand != null ? setReg(data.order.items.items[x].brand) : '',\n category: setReg(data.order.items.items[x].categoryFullPath),\n variant:\n setVariant(\n data.order.items.items[x].variationAttributes[0] != null\n ? data.order.items.items[x].variationAttributes[0].displayValue\n : '',\n 'c'\n ) +\n setVariant(\n data.order.items.items[x].variationAttributes[1] != null\n ? data.order.items.items[x].variationAttributes[1].displayValue\n : null,\n 's'\n ) +\n setVariant(\n data.order.items.items[x].variationAttributes[2] != null\n ? data.order.items.items[x].variationAttributes[2].displayValue\n : '',\n 'w'\n ),\n quantity: data.order.items.items[x].quantity,\n });\n }\n return gtmdata;\n}\n\nfunction gtmPrice(data) {\n var mapType = data.mapType;\n if (mapType && data.mapFirstRevealOurPrice) {\n if (mapType === 'B' || mapType === 'C') {\n return 0.0;\n }\n }\n return data.price.sales.value;\n}\nfunction setReg(data) {\n // Decode all HTML entities in the given parameter.\n var temp = document.createElement('div');\n temp.innerHTML = data;\n return temp.childNodes.length === 0 ? '' : temp.childNodes[0].nodeValue;\n}\n\nfunction convertHalfSize(size) {\n var sizetoConvert = size.toString(),\n halfsize = sizetoConvert.match(/\\½/i) ? true : false;\n\n if (halfsize) {\n halfsize = sizetoConvert.replace(/\\½/g, '');\n return parseInt(halfsize) + 0.5;\n } else {\n return size;\n }\n}\n\nfunction setVariant(data, type) {\n var result = '';\n\n switch (type) {\n case 'c':\n if (data != null && data.length > 0) {\n result = 'Color:' + data;\n }\n break;\n\n case 's':\n if (data != null) {\n result = ',Size:' + convertHalfSize(data);\n }\n break;\n\n case 'w':\n if (data != null && data.length > 0) {\n result = ',Width:' + data;\n }\n break;\n\n default:\n result = '';\n }\n\n return result;\n}\n\nmodule.exports = {\n MiniCartIncreaseQty: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.cart.add',\n ecommerce: {\n add: {\n products: [\n {\n id: data.masterid,\n name: setReg(data.name),\n price: data.price,\n brand: setReg(data.brand),\n category: setReg(data.category),\n variant:\n setVariant(data.color, 'c') +\n setVariant(data.size, 's') +\n setVariant(data.width, 'w'),\n quantity: eval(data.newQty + '-' + data.oldQty),\n },\n ],\n },\n },\n });\n } catch (ex) {\n console.log('GTM-MiniCartIncreaseQty Error:' + ex);\n }\n },\n\n MiniCartDecreaseQty: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.cart.remove',\n ecommerce: {\n remove: {\n products: [\n {\n id: data.masterid,\n name: setReg(data.name),\n price: data.price,\n brand: setReg(data.brand),\n category: setReg(data.category),\n variant:\n setVariant(data.color, 'c') +\n setVariant(data.size, 's') +\n setVariant(data.width, 'w'),\n quantity: eval(data.oldQty + '-' + data.newQty),\n },\n ],\n },\n },\n });\n } catch (ex) {\n console.log('GTM-MiniCartDecreaseQty Error:' + ex);\n }\n },\n\n RemoveLineItemfromCart: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.cart.remove',\n ecommerce: {\n remove: {\n products: [\n {\n id: data.masterid,\n name: setReg(data.name),\n price: data.price,\n brand: setReg(data.brand),\n category: setReg(data.category),\n variant:\n setVariant(data.color, 'c') +\n setVariant(data.size, 's') +\n setVariant(data.width, 'w'),\n quantity: data.qty,\n },\n ],\n },\n },\n });\n } catch (ex) {\n console.log('GTM-MiniCartDecreaseQty Error:' + ex);\n }\n },\n\n EmailSignUp: function (email) {\n try {\n ssDataLayer.push({\n event: 'signup.newsletter.footer',\n email: email,\n });\n } catch (ex) {\n console.log('GTM-MiniCartDecreaseQty Error:' + ex);\n }\n },\n\n ProductCarousel: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.product.list',\n ecommerce: {\n impressions: data,\n },\n });\n } catch (ex) {\n console.log('GTM-ProductCarousel Error:' + ex);\n }\n },\n\n PDP: function (data) {\n try {\n var avail = '';\n if (data && data.availability && data.availability.status) {\n avail = data.availability.status;\n }\n ssDataLayer.push({\n event: 'ecom.product.detail',\n ecommerce: {\n detail: {\n products: [\n {\n id: data.id,\n name: setReg(data.productName),\n price: gtmPrice(data),\n brand: setReg(data.brand),\n category: setReg(data.categoryFullPath),\n availability: avail,\n },\n ],\n },\n },\n });\n } catch (ex) {\n console.log('GTM-ProductCarousel Error:' + ex);\n }\n },\n\n AddToCart: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.cart.add',\n ecommerce: {\n add: {\n products: [\n {\n id: data.masterid,\n name: setReg(data.productName),\n price: gtmPrice(data),\n brand: setReg(data.brand),\n category: setReg(data.categoryFullPath),\n variant:\n setVariant(data.color, 'c') +\n setVariant(data.size, 's') +\n setVariant(data.width, 'w'),\n quantity: data.qty,\n },\n ],\n },\n },\n });\n } catch (ex) {\n console.log('GTM-AddToCart Error:' + ex);\n }\n },\n\n ShippingOption: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.checkout.shipping.validation',\n ecommerce: {\n checkout: {\n actionField: { step: 3, option: data.shippingMethod },\n },\n },\n });\n } catch (ex) {\n console.log('GTM-ShippingOption:' + ex);\n }\n },\n\n ProceedToPayment: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.checkout.shipping.completeStep',\n ecommerce: {\n checkout: {\n actionField: { step: 3, option: data.shippingMethod },\n },\n },\n });\n } catch (ex) {\n console.log('GTM-ShippingOption:' + ex);\n }\n },\n\n Payment: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.checkout.payment',\n ecommerce: {\n checkout: {\n actionField: { step: 4 },\n products: gtmproduct(data),\n },\n },\n });\n } catch (ex) {\n console.log('GTM-Payment:' + ex);\n }\n },\n\n PaymentOption: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.checkout.payment.completeStep',\n ecommerce: {\n checkout: {\n actionField: { step: 4, option: data.paymentMethod.value },\n },\n },\n });\n } catch (ex) {\n console.log('GTM-PaymentOption:' + ex);\n }\n },\n\n OrderReview: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.checkout.review',\n ecommerce: {\n checkout: {\n actionField: { step: 5 },\n products: gtmproduct(data),\n },\n },\n });\n } catch (ex) {\n console.log('GTM-OrderReview:' + ex);\n }\n },\n\n PlaceOrder: function (data) {\n try {\n ssDataLayer.push({\n event: 'ecom.checkout.review.completeStep',\n ecommerce: {\n checkout: {\n actionField: { step: 5 },\n // 'products': gtmproduct(data)\n },\n },\n });\n } catch (ex) {\n console.log('GTM-OrderReview:' + ex);\n }\n },\n\n StoreLocator: function (data) {\n try {\n ssDataLayer.push({\n event: 'search.locations',\n zipCode: data.searchKey.postalCode,\n });\n } catch (ex) {\n console.log('GTM-StoreLocator:' + ex);\n }\n },\n\n PromotionalBanners: function () {\n try {\n var promotions = [];\n $.each($('.gtmpromo'), function (k, v) {\n var $this = $(this);\n promotions.push({\n id: $this.data('prid'),\n name: $this.data('prname'),\n creative: $this.data('prcreative'),\n position: $this.data('prposition'),\n });\n });\n\n if (promotions.length > 0) {\n ssDataLayer.push({\n event: 'ecom.promo.view',\n ecommerce: {\n promoView: {\n promotions: promotions,\n },\n },\n });\n }\n } catch (ex) {\n console.log('${GTM-PromotionalBanners} Error:' + ex);\n }\n },\n\n PromotionClickHandler: function () {\n try {\n $('.gtmpromo').click(function () {\n var $this = $(this);\n ssDataLayer.push({\n event: 'ecom.promo.click',\n ecommerce: {\n promoClick: {\n promotions: [\n {\n id: $this.data('prid'),\n name: $this.data('prname'),\n creative: $this.data('prcreative'),\n position: $this.data('prposition'),\n },\n ],\n },\n },\n });\n });\n } catch (ex) {\n console.log('GTM-PromotionClickHandler Error:' + ex);\n }\n },\n};\n","window.jQuery = window.$ = require('jquery');\nvar processInclude = require('./util');\nrequire('@babel/polyfill');\n\n$(document).ready(function () {\n processInclude(require('./components/menu'));\n processInclude(require('./components/newsletterSignup'));\n processInclude(require('./components/consentTracking'));\n processInclude(require('./components/footer'));\n processInclude(require('./components/miniCart'));\n processInclude(require('./components/collapsibleItem'));\n processInclude(require('./components/search'));\n processInclude(require('./components/clientSideValidation'));\n processInclude(require('./components/countrySelector'));\n processInclude(require('./components/trapModalFocus'));\n require('./components/cookie').manageCookiesAlert();\n require('./components/carousel').initialize();\n\n var setdatalayer = require('./gtm/setdatalayer');\n setdatalayer.PromotionalBanners();\n setdatalayer.PromotionClickHandler();\n\n if ($('.lazyload').length > 0) {\n require('lazyload');\n $('.lazyload').lazyload();\n }\n});\n\nrequire('./thirdParty/bootstrap');\nrequire('./components/spinner');\nrequire('./thirdParty/slick');\nrequire('./components/srcset-polyfill');\n","'use strict';\n\nmodule.exports = {\n trapFocus: function (afterCloseElement, isQuickview = false) {\n var focusableEls = $('.modal-content').find('select, input, textarea, button, a').filter(':visible');\n if (isQuickview) {\n var firstFocusableEl = focusableEls[1];\n var lastFocusableEl = focusableEls[focusableEls.length - 2];\n } else {\n var firstFocusableEl = focusableEls[0];\n var lastFocusableEl = focusableEls[focusableEls.length - 1];\n }\n var KEYCODE_TAB = 9;\n firstFocusableEl.focus();\n // remove previous listener first\n $('.modal-content').off('keydown');\n $('.modal-content').on('keydown', function (e) {\n if (e.key === 'Escape') {\n $('.close').trigger('click');\n }\n var isTabPressed = e.key === 'Tab' || e.keyCode === KEYCODE_TAB;\n\n if (!isTabPressed) {\n return;\n }\n\n if (e.shiftKey) {\n /* shift + tab */ if (document.activeElement === firstFocusableEl) {\n lastFocusableEl.focus();\n e.preventDefault();\n }\n } /* tab */ else {\n if (document.activeElement === lastFocusableEl) {\n firstFocusableEl.focus();\n e.preventDefault();\n }\n }\n });\n $('.close').on('click', function (e) {\n $('.modal-content').off('keydown');\n // the quickview modal has its own method to change the focus after the modal is closed\n if (!isQuickview) {\n afterCloseElement.focus();\n }\n e.preventDefault();\n });\n },\n};\n","'use strict';\n\nvar setdatalayer = require('../gtm/setdatalayer');\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 {\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 return $el && $('.set-items').length\n ? $($el).closest('.product-detail').find('.quantity-select')\n : $('.quantity-select');\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 getQuantitySelector($el).val();\n}\n\n/**\n * Process attribute values associated with an attribute that uses buttons as selectors\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 processButtonValues(attr, $productContainer) {\n // disable all buttons to start\n if (attr.id == 'width') {\n $('.button-group-width').find('.pdp-variation-button');\n }\n\n if (attr.id == 'size') {\n $('.button-group-size').find('.pdp-variation-button');\n }\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find(\n '[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' + attrValue.value + '\"]'\n );\n // change button url to account for other selected attributes\n $attrValue.attr('href', attrValue.url);\n\n if (attrValue.orderableAttribute) {\n $attrValue.removeClass('strikethrough');\n $attrValue.attr('aria-disabled', false);\n } else {\n $attrValue.addClass('strikethrough');\n $attrValue.attr('aria-disabled', true);\n $attrValue.attr('aria-description', 'Unavailable');\n }\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n } else {\n $attrValue.removeClass('selected');\n }\n });\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 */\nfunction processSwatchValues(attr, $productContainer) {\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find(\n '[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' + attrValue.value + '\"]'\n );\n var $swatchAnchor = $attrValue.parent();\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrValue.parent().addClass('selected').attr('aria-pressed', 'true');\n $swatchAnchor\n .parents('.attribute')\n .find('.swatch-display-value')\n .text($attrValue.data('attr-display-value'));\n } else {\n $attrValue.removeClass('selected');\n $attrValue.parent().removeClass('selected').attr('aria-pressed', 'false');\n }\n\n if (attrValue.url) {\n $swatchAnchor.attr('href', attrValue.url);\n } else {\n $swatchAnchor.removeAttr('href');\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable');\n $attrValue.parent().removeClass('selectable unselectable');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\n $attrValue.parent().addClass(attrValue.selectable ? 'selectable' : 'unselectable');\n });\n\n var $mainAttrContainer = $productContainer.find('[data-attr=\"' + attr.id + '\"]');\n if ($mainAttrContainer.find('.swatch-container.selected').length == 0) {\n var $swatchDisplayValue = $mainAttrContainer.find('.swatch-display-value');\n $swatchDisplayValue.text($swatchDisplayValue.data('default'));\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) {\n var $attr = '[data-attr=\"' + attr.id + '\"]';\n var $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:first');\n $defaultOption.attr('value', attr.resetUrl);\n\n if (attr.id == 'width') {\n $('.custom-select.form-control.select-width').find('option').attr('disabled', 'disabled');\n $('.custom-select.form-control.select-width').find('option:first').removeAttr('disabled');\n }\n\n if (attr.id == 'size') {\n $('.custom-select.form-control.select-size').find('option').attr('disabled', 'disabled');\n $('.custom-select.form-control.select-size').find('option:first').removeAttr('disabled');\n }\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\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n\n if (attr.id == 'width') {\n $('.custom-select.form-control.select-width')\n .find(' [data-attr-value=\"' + attrValue.value + '\"]')\n .removeAttr('disabled');\n }\n\n if (attr.id == 'size') {\n $('.custom-select.form-control.select-size')\n .find(' [data-attr-value=\"' + attrValue.value + '\"]')\n .removeAttr('disabled');\n }\n\n if (attrValue.selected) {\n $attrValue.attr('selected');\n }\n });\n\n // Check if current selected attribute is valid/available\n var $select = $productContainer.find(`.select-${attr.id}`);\n $select.toggleClass('selection-unavailable', !$select.val());\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 */\nfunction updateAttrs(attrs, $productContainer) {\n // After updating the PDP to use buttons instead of selects, all attributes work like the swatches now\n var attrsWithSwatches = ['color'];\n var attrsWithButtons = ['size', 'width'];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\n processSwatchValues(attr, $productContainer);\n } else if (attrsWithButtons.indexOf(attr.id) > -1) {\n processButtonValues(attr, $productContainer);\n } else {\n processNonSwatchValues(attr, $productContainer);\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 updateAvailability(response, $productContainer) {\n var availabilityValue = '';\n var availabilityMessages = response.product.availability.messages;\n var divClass = '';\n if (!response.product.readyToOrder) {\n availabilityValue = '
' +\n '' +\n '' +\n '
';\n $.spinner().start();\n $('body').append(htmlString);\n\n $.ajax({\n url: urlContent,\n type: 'get',\n dataType: 'html',\n success: function (response) {\n $('#newsletter-signup-modal .modal-body').html(response);\n $('#newsletter-signup .newsletter-modal-submit').click(function (e) {\n e.preventDefault();\n var form = $(this).closest('form');\n var email = form.find('input[name=hpEmailSignUp]');\n if (!validateEmail(email.val())) {\n email.addClass('is-invalid');\n return;\n } else {\n email.removeClass('is-invalid');\n }\n var url = urlContentSubscribe;\n url = url + '?hpEmailSignUp=' + email.val() + '&newsletterModalSubmitted=true';\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (!data.error) {\n $.ajax({\n url: urlContentThanks,\n type: 'get',\n dataType: 'html',\n success: function (response) {\n $('#newsletter-signup-modal .modal-body').html(response);\n },\n error: function () {\n console.log('fail');\n },\n });\n } else {\n email.addClass('is-invalid');\n }\n },\n error: function () {\n console.log('fail');\n },\n });\n });\n },\n error: function () {\n $('#newsletter-signup-modal').remove();\n },\n });\n\n $('#newsletter-signup-modal .button-wrapper button.close').click(function (e) {\n e.preventDefault();\n var modalClosed = $(this).data('modal-closed');\n $.ajax({\n url: modalClosed,\n type: 'get',\n dataType: 'json',\n success: function () {\n $('#newsletter-signup-modal .modal-body').remove();\n $('#newsletter-signup-modal').remove();\n $.spinner().stop();\n },\n error: function () {\n $('#newsletter-signup-modal .modal-body').remove();\n $('#newsletter-signup-modal').fadeOut('fast').remove();\n $.spinner().stop();\n },\n });\n });\n}\n\nmodule.exports = function () {\n if ($('.newsletter-modal-closed').length === 0 && $('.newsletter-signup-modal').hasClass('api-true')) {\n if (!cookies.getCookie('shoeshow_newsletter_modal_closed')) {\n showNewsletterSignupModal();\n }\n }\n\n if ($('.newsletter-signup-modal').hasClass('api-true')) {\n $('.newsletter-signup-modal').click(function () {\n if (!cookies.getCookie('shoeshow_newsletter_modal_closed')) {\n showNewsletterSignupModal();\n }\n });\n }\n};\n","'use strict';\n\nmodule.exports = {\n scrollTo: function ($anchor, offset) {\n offset = offset || 0;\n $([document.documentElement, document.body]).animate(\n {\n scrollTop: $anchor.offset().top - offset,\n },\n 500\n );\n },\n};\n","'use strict';\n\nvar debounce = require('lodash/debounce');\nvar endpoint = $('.suggestions-wrapper').data('url');\nvar formHelpers = require('../checkout/formErrors');\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 */\nfunction 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 * 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 isTabletSearch(scope) {\n var screenWidth = screen.width;\n return screenWidth > 576 && screenWidth <= 768;\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $('body').removeClass('modal-open');\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 (isMobileSearch(scope)) {\n $('body').addClass('modal-open');\n getSuggestionsWrapper(scope).find('.suggestions').addClass('modal');\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $('input.search-field').val('');\n 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 iconSearch = $('.search-mobile .fa-search');\n var iconSearchClose = $('.search-mobile .fa-close');\n\n if (action === 'close') {\n iconSearch.hide();\n iconSearchClose.show();\n } else {\n iconSearch.show();\n iconSearchClose.hide();\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 (isMobileSearch(scope)) {\n $scope = $(scope);\n top = $scope.offset().top;\n outerHeight = $scope.outerHeight();\n $suggestions = getSuggestionsWrapper(scope).find('.suggestions');\n if (isTabletSearch(scope)) {\n $suggestions.css('height', 'unset');\n } else {\n $suggestions.css('top', top + outerHeight);\n }\n\n 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 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 = getSuggestionsWrapper(this).empty();\n\n $.spinner(false).stop();\n\n if (!(typeof response === 'object')) {\n $('body').append(\"\");\n $suggestionsWrapper.append(response).show();\n positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n // toggleSuggestionsIcon('close');\n applyModals(this);\n }\n } else {\n $('#overlay').detach();\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n $.spinner(false).start();\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent($(scope).val()),\n method: 'GET',\n success: processResponse,\n error: function () {\n $.spinner(false).stop();\n },\n });\n formHelpers.clearPreviousErrors('.site-search');\n}\n\nmodule.exports = function () {\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\n // Do not fetch suggestions again if user has pressed the escape key\n $(this).on('keyup click', function (e) {\n if (e.key !== 'Escape') {\n debounceSuggestions(this, e);\n }\n });\n });\n\n var $body = $('body');\n\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 // Ensure search suggestions are accessible; can close via escape key\n $body.on('keydown', function (e) {\n if (e.key === 'Escape') {\n if ($(e.target).hasClass('search-field') ||\n $(e.target).hasClass('search-icon') ||\n $(e.target).hasClass('suggestion-link')\n ) {\n $('.suggestions').hide();\n }\n }\n });\n\n $body.on('click touchend', '.search-mobile .fa-close', function (e) {\n $('.suggestions').hide();\n toggleSuggestionsIcon('search');\n tearDownSuggestions();\n });\n\n $body.on('click', '.reset-filters', function () {\n $('.filter-bar a.reset').click();\n\n var backgroundEls = $(\n '.header-banner, .header, .search-mobile, #maincontent, footer, .back-to-top, .skip-link, .cid-cookie_hint, .search-results-main-content'\n );\n $('header').removeAttr('inert');\n $('.header.container').removeAttr('inert');\n backgroundEls.attr('aria-hidden', 'false').removeAttr('inert');\n });\n\n if ($('.refinement:not(.refinement-category) .selected').length > 0) {\n $('.reset-filters').removeClass('disabled');\n }\n\n $('[name=simpleSearch]').on('submit', function (e) {\n if ($(this).find('.search-field').val().trim() == '') {\n // Do not submit search form if input is blank or whitespace\n return false;\n }\n });\n\n $('.fa-search').on('click touchstart', function () {\n $(this).closest('[name=simpleSearch]').submit();\n });\n\n $('.search-icon-button').on('click touchstart', function () {\n window.scrollTo(0, 0);\n $('.container.header').removeClass('searchbox-closed');\n $('.search-mobile').show();\n $('.search-icon-close').show();\n $('input.search-field').last().focus();\n });\n $('.search-icon-close.fa.fa-close').on('click touchstart', function (e) {\n $('.search-mobile').hide();\n $('.container.header').addClass('searchbox-closed');\n $('#overlay').detach();\n e.stopPropagation();\n e.preventDefault();\n });\n $('.clear-search').on('click touchstart', function () {\n $('.search-field').val('');\n $('.clear-search').hide();\n });\n $('.search-field').keypress(function () {\n if ($(this).val()) {\n $('.clear-search').show();\n }\n });\n};\n","/* eslint-disable no-underscore-dangle */\n/* eslint-disable vars-on-top */\n/* eslint-disable max-len */\n/* eslint-disable indent */\n'use strict';\n\n/**\n * Show a spinner inside a given element\n * @param {element} $target - Element to block by the veil and spinner.\n * Pass body to block the whole page.\n */\nfunction addSpinner($target) {\n var $veil = $('
');\n $veil.append(\n '
'\n );\n if ($target.get(0).tagName === 'IMG') {\n $target.after($veil);\n $veil.css({ width: $target.width(), height: $target.height() });\n if ($target.parent().css('position') === 'static') {\n $target.parent().css('position', 'relative');\n }\n } else {\n $target.append($veil);\n if ($target.css('position') === 'static') {\n $target.parent().css('position', 'relative');\n $target.parent().addClass('veiled');\n }\n if ($target.get(0).tagName === 'BODY') {\n $veil.find('.spinner').css('position', 'fixed');\n }\n }\n $veil.click(function (e) {\n e.stopPropagation();\n });\n}\n\n/**\n * Remove existing spinner\n * @param {element} $veil - jQuery pointer to the veil element\n */\nfunction removeSpinner($veil) {\n if ($veil.parent().hasClass('veiled')) {\n $veil.parent().css('position', '');\n $veil.parent().removeClass('veiled');\n }\n $veil.off('click');\n $veil.remove();\n}\n\n/**\n * element level spinner:\n */\n$.fn.spinner = function () {\n var $element = $(this);\n var Fn = function () {\n this.start = function () {\n if ($element.length) {\n addSpinner($element);\n }\n };\n this.stop = function () {\n if ($element.length) {\n var $veil = $('.veil');\n removeSpinner($veil);\n }\n };\n };\n return new Fn();\n};\n\n/**\n * page-level spinner:\n * @param {boolean} manageFocus - if set to true, sets focus on the spinner while visible, then returns focus to last clicked element when spinner stops\n */\n$.spinner = function (manageFocusParam) {\n var manageFocus = manageFocusParam === undefined ? true : manageFocusParam;\n var Fn = function () {\n this.start = function () {\n if (manageFocus) {\n window._lastFocus = document.activeElement;\n }\n var $target = $('body');\n addSpinner($target);\n if (manageFocus) {\n $('.spinner', $target).focus();\n }\n };\n this.stop = function () {\n removeSpinner($('.veil'));\n if (window._lastFocus && manageFocus) {\n var elementId = $(window._lastFocus).attr('id');\n if (elementId) {\n $('#' + elementId).focus();\n } else {\n $(window._lastFocus).focus();\n }\n window._lastFocus = null;\n }\n };\n };\n return new Fn();\n};\n","(function (window, document) {\n // Test if it already supports srcset\n if ('srcset' in document.createElement('img')) return true;\n\n // We want to get the device pixel ratio\n var maxWidth = window.innerWidth > 0 ? window.innerWidth : screen.width,\n maxHeight = window.innerHeight > 0 ? window.innerHeight : screen.height,\n maxDensity = window.devicePixelRatio || 1;\n\n // Implement srcset\n function srcset(image) {\n if (!image.attributes['srcset']) return false;\n\n var candidates = image.attributes['srcset'].nodeValue.split(',');\n\n for (var i = 0; i < candidates.length; i++) {\n // The following regular expression was created based on the rules\n // in the srcset W3C specification available at:\n // http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/\n\n var descriptors = candidates[i].match(/^\\s*([^\\s]+)\\s*(\\s(\\d+)w)?\\s*(\\s(\\d+)h)?\\s*(\\s(\\d+)x)?\\s*$/),\n filename = descriptors[1],\n width = descriptors[3] || false,\n height = descriptors[5] || false,\n density = descriptors[7] || 1;\n\n if (width && width < maxWidth) {\n continue;\n }\n\n if (height && height < maxHeight) {\n continue;\n }\n\n if (density && density > maxDensity) {\n continue;\n }\n\n image.src = filename;\n }\n }\n\n var images = document.getElementsByTagName('img');\n\n for (var i = 0; i < images.length; i++) {\n srcset(images[i]);\n }\n})(window, document);\n","'use strict';\n\nmodule.exports = function () {\n $('body').on('shown.bs.modal', '.modal', function (e) {\n var dialog = e.target;\n var focuspoint = $('a, button, :input, [tabindex]', dialog).get(0);\n focuspoint.focus();\n\n $(document).on('focusin.bft', function (e) {\n if (!$.contains(dialog, e.target)) {\n focuspoint.focus();\n }\n });\n });\n\n $('body').on('hide.bs.modal', '.modal', function (e) {\n $(document).off('focusin.bft');\n });\n};\n","'use strict';\n\nfunction removeZoom() {\n // Clear any existing zoom elements\n $('.slick-current [data-zoom-image]').removeData('elevateZoom');\n $('.zoomContainer').remove();\n}\n\nfunction enableZoom() {\n removeZoom();\n\n // Zoom is only enabled for non-mobile views\n if (window.innerWidth >= 795) {\n var $currentZoomSlide = $('.slick-current [data-zoom-image]');\n\n if ($currentZoomSlide.length > 0) {\n $currentZoomSlide.elevateZoom({\n zoomType: 'inner',\n cursor: 'crosshair',\n zoomWindowFadeIn: 100,\n zoomWindowFadeOut: 100,\n loadingIcon: 'True',\n });\n }\n }\n}\n\nfunction loadZoomImage(slideIndex) {\n // Zoom is only enabled for non-mobile views\n if (window.innerWidth >= 795) {\n var zoomImage = $('.primary-image-carousel .slick-slide[data-slick-index=' + slideIndex + '] img').data(\n 'zoom-image'\n );\n\n if (zoomImage) {\n $('.primary-images').addClass('zoom-loading');\n $('
' + response.resources.info_selectforstock + '
';\n } else {\n if (response.product.availability.isLowStock) {\n divClass = 'low-stock';\n } else {\n divClass = 'in-stock';\n }\n availabilityMessages.forEach(function (message) {\n availabilityValue += `${message}
`;\n });\n }\n\n $($productContainer).trigger('product:updateAvailability', {\n product: response.product,\n $productContainer: $productContainer,\n message: availabilityValue,\n resources: response.resources,\n });\n}\n\n/**\n * Generates html for promotions section\n *\n * @param {array} promotions - list of promotions\n * @return {string} - Compiled HTML\n */\nfunction getPromotionsHtml(promotions) {\n if (!promotions) {\n return '';\n }\n\n var html = '';\n\n promotions.forEach(function (promotion) {\n if (!promotion.cartOnly)\n html += '' + promotion.calloutMsg + '
';\n });\n\n return html;\n}\n\n/**\n * Generates html for product attributes section\n *\n * @param {array} attributes - list of attributes\n * @return {string} - Compiled HTML\n */\nfunction getAttributesHtml(attributes) {\n if (!attributes) {\n return '';\n }\n\n var html = '';\n\n attributes.forEach(function (attributeGroup) {\n if (attributeGroup.ID === 'mainAttributes') {\n attributeGroup.attributes.forEach(function (attribute) {\n html += '' + attribute.label + ': ' + attribute.value + '
';\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} options - Ajax response options from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(options, $productContainer) {\n options.forEach(function (option) {\n var $optionEl = $productContainer.find('.product-option[data-option-id*=\"' + option.id + '\"]');\n option.values.forEach(function (value) {\n var valueEl = $optionEl.find('option[data-value-id*=\"' + value.id + '\"]');\n valueEl.val(value.url);\n });\n });\n}\n\nfunction updateProductImages() {\n var $primaryImages = $('.primary-images'),\n $productInfo = $('.product-detail'),\n masterId = $productInfo.data('master');\n\n $primaryImages.addClass('loading');\n\n // Build attribute data parameters\n var params = {\n pid: masterId,\n quickview: $productInfo.data('quickview'),\n };\n\n $('[data-attr]').each(function () {\n var $attr = $(this),\n attrId = $attr.data('attr'),\n $attrSelected = $attr.find('span.selected, [selected]');\n\n $attrSelected.each(function () {\n var $currentAttr = $(this);\n params['dwvar_' + masterId + '_' + attrId] = $currentAttr.data('attr-value');\n });\n });\n\n $.ajax({\n url: $productInfo.data('image-url'),\n type: 'get',\n data: params,\n success: function (data) {\n $primaryImages.replaceWith(data);\n var carousels = require('../components/carousel'),\n zoom = require('../components/zoom');\n zoom.initialize();\n carousels.initialize();\n },\n });\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item').data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item').data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n updateProductImages();\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices:not(.prices-mobile) .price', $productContainer).length\n ? $('.prices:not(.prices-mobile) .price', $productContainer)\n : $('.prices:not(.prices-mobile) .price');\n $priceSelector.replaceWith(response.product.price.html);\n\n var $priceSelectorMobile = $('.prices.prices-mobile .price', $productContainer).length\n ? $('.prices.prices-mobile .price', $productContainer)\n : $('.prices.prices-mobile .price');\n $priceSelectorMobile.replaceWith(response.product.price.htmlmobile);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(getPromotionsHtml(response.product.promotions));\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find('.select-bonus-product');\n $selectButton.trigger('bonusproduct:updateSelectButton', {\n product: response.product,\n $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')\n .trigger('product:updateAddToCart', {\n product: response.product,\n $productContainer: $productContainer,\n })\n .trigger('product:statusUpdate', response.product);\n }\n\n // Update attributes\n $productContainer.find('.main-attributes').empty().html(getAttributesHtml(response.product.attributes));\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\n .map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return (\n ''\n );\n })\n .join('');\n getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect', { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n handleVariantResponse(data, $productContainer);\n updateOptions(data.product.options, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect', { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString =\n '' +\n '
' +\n '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'html',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('#chooseBonusProductModal .modal-body').empty();\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 $('.minicart').trigger('count:update', response);\n var messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-cart-messages').append(\n '' +\n '' +\n '' +\n '
' +\n '' +\n response.message +\n '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\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 + '\"]').data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId,\n };\n })\n .toArray();\n\n return JSON.stringify(options);\n}\n\nfunction updateStockNumber(stockNumber) {\n var $stockNumberContainer = $('.stock-number-content');\n if (stockNumber === '') {\n $stockNumberContainer.hide();\n } else {\n $stockNumberContainer.find('.value').text(stockNumber);\n $stockNumberContainer.show();\n }\n}\n\n// Accessibility - Keyboard navigation\n\nfunction showTooltip(e) {\n $(e.currentTarget).children('.swatch-tooltip').css('display', 'inline-block');\n // var productId = e.target.getAttribute('data-product');\n // var swatchTooltip = $(`div[data-product=${productId}]`).filter('[class=swatch-tooltip]')[1];\n\n // $(swatchTooltip).css('display', 'inline-block');\n}\n\nfunction navigationInTooltip(e) {\n // var activeSwatchTooltip = $('.swatch-tooltip:visible')[0];\n var activeSwatchTooltip = $(e.currentTarget).children('.swatch-tooltip');\n\n if (e.type === 'mouseleave' || e.type === 'focusout') {\n $(activeSwatchTooltip).css('display', 'none');\n return;\n }\n\n var activeElement = e.target;\n var lastLink = $(activeSwatchTooltip).children('a').last()[0];\n\n var swatchesDiv = $(activeSwatchTooltip).siblings()[0];\n\n if (\n (!e.shiftKey && e.key === 'Tab' && activeElement === lastLink) ||\n (e.shiftKey && e.key === 'Tab' && activeElement === swatchesDiv)\n ) {\n $(activeSwatchTooltip).css('display', 'none');\n }\n}\n/**\n * Event handler function that displays swatch tooltip on tab focus per current target,\n * if the currentTarget is currently active.\n */\nfunction showTooltipFocus(e) {\n var currentTooltip = $(e.currentTarget).siblings('.swatch-tooltip');\n currentTooltip.css('display', 'inline-block');\n //Adds the swatch-option divs to the tab order to focus on\n currentTooltip.children('.swatch-option').each(function () {\n $(this).children('.swatch-tooltip__caption').attr('tabindex', '0');\n //Set Tab index to -1 as the div caption will be used for focusing\n $(this).attr('tabindex', '-1');\n });\n //Tooltip is getting skipped due to swatches being the next element to tab to, hiding them causes the next available element to be the tooltip\n $('.swatches').each(function () {\n $(this).attr('tabindex', '-1');\n });\n}\n/**\n * Event handler function that hides swatch tooltip off tab focus per current target,\n * if the key down isn't shift.\n */\nfunction hideTooltipFocus(e) {\n var eventTarget = $(e.currentTarget);\n if (!e.shiftKey && e.keyCode === 9) {\n //Readd swatches to tabbing order\n $('.swatches').each(function () {\n $(this).attr('tabindex', '0');\n });\n eventTarget.parents('.swatch-tooltip').css('display', 'none');\n //Remove the current tooltip swatches from the tabbing order\n eventTarget\n .parents('.swatch-tooltip')\n .children('.swatch-option')\n .each(function () {\n $(this).children('.swatch-tooltip__caption').attr('tabindex', '-1');\n });\n } else {\n e.currentTarget.focus();\n }\n}\n\nfunction swatchOverride() {\n $('.swatch-tooltip__caption').on('focus mouseover touchstart', function (e) {\n e.preventDefault();\n let tile = $(this).closest('.product-tile');\n var swatchOptionParent = $(this).parents('.swatch-option')[0];\n tile.find('.tile-image').attr('src', swatchOptionParent.dataset.productImg);\n tile.find('.product-tile-link').attr('href', swatchOptionParent.href);\n tile.find('.product-name-link').attr('href', swatchOptionParent.href);\n tile.find('.swatch-circle').removeClass('selected-plp');\n $(this).find('img.swatch-circle').addClass('selected-plp');\n });\n}\n\nfunction addToCart(element) {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var $productDetail = $('.product-detail');\n var gtmdata = $productDetail.data('pdpdetails');\n\n $('body').trigger('product:beforeAddToCart', element);\n\n if ($('.set-items').length && $(element).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(element).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(element).find('.product-id').text(),\n qty: $(element).find('.quantity-select').val(),\n options: getOptions($(element)),\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(element));\n\n var $productContainer = $(element).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(element).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(element)),\n };\n\n var $productContainer = $(element).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(element).closest('.modal-content').find('.product-quickview');\n }\n\n var color = $('.swatch-attributes-container.order-1')\n .find('a.selectable.selected')\n .find('span')\n .attr('data-attr-display-value');\n var pSize = $('.btn-size.selected', $productContainer).data('attr-value');\n\n var pWidth = $('.btn-width.selected', $productContainer).data('attr-value');\n\n if (color != null) {\n gtmdata.color = color;\n } else {\n gtmdata.color = null;\n }\n\n if (pSize != null) {\n gtmdata.size = parseFloat(pSize);\n } else {\n gtmdata.size = null;\n }\n\n if (pWidth != null) {\n gtmdata.width = pWidth;\n } else {\n gtmdata.width = null;\n }\n\n gtmdata.qty = getQuantitySelected($(element));\n gtmdata.masterid = $productDetail.data('masterid');\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(element).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n form.addedFromStoreId = $('body')[0].id;\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 setdatalayer.AddToCart(gtmdata);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n },\n });\n }\n}\n\nfunction initializeSwatches() {\n var delay = 500;\n var setTimeoutId;\n $('.swatch-option').on('mouseover', function (e) {\n const swatch = $(this);\n setTimeoutId = setTimeout(function () {\n swatch.nextAll('.swatch-text-container').first().find('.swatch-alt-text').show();\n }, delay);\n });\n $('.swatch-option').on('mouseout', function (e) {\n clearTimeout(setTimeoutId);\n $(this).nextAll('.swatch-text-container').first().find('.swatch-alt-text').hide();\n });\n}\n\nfunction slickCarouselADA() {\n $(document).on('click', 'button.slick-arrow', function (e) {\n if ($(this).hasClass('slick-next')) {\n var slides = $(this).siblings('.slick-list').find('.slick-active');\n var imgAlt = $(slides[slides.length - 1])\n .find('img')\n .attr('alt');\n if ($(this).closest('.slick-carousel').hasClass('home-carousel')) {\n $('.home-carousel-updates').html(imgAlt ? imgAlt : '');\n } else {\n $(this)\n .closest('.slick-carousel')\n .parent()\n .find('.carousel-updates')\n .html(imgAlt ? imgAlt : '');\n }\n } else if ($(this).hasClass('slick-prev')) {\n var slides = $(this).siblings('.slick-list').find('.slick-active');\n var imgAlt = $(slides[0]).find('img').attr('alt');\n if ($(this).closest('.slick-carousel').hasClass('home-carousel')) {\n $('.home-carousel-updates').html(imgAlt ? imgAlt : '');\n } else {\n $(this)\n .closest('.slick-carousel')\n .parent()\n .find('.carousel-updates')\n .html(imgAlt ? imgAlt : '');\n }\n }\n });\n}\n\nmodule.exports = {\n iniatilize: function () {\n $(document).ready(function () {\n swatchOverride();\n initializeSwatches();\n $(document).on('mouseover touchstart', '.swatch-option', function (e) {\n initializeSwatches();\n swatchOverride();\n });\n slickCarouselADA();\n });\n },\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n },\n },\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] a', function (e) {\n e.preventDefault();\n\n if (\n $(this).attr('disabled') ||\n ($('[data-attr=\"color\"] a').length === 1 && $('[data-attr=\"color\"] a').hasClass('selected'))\n ) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect(e.currentTarget.href, $productContainer);\n });\n },\n\n buttonAttribute: function () {\n $(document).on('click', '.pdp-variation-button', function (e) {\n e.preventDefault();\n\n if ($('.pdp-variation-button').length === 1 && $('.pdp-variation-button').hasClass('selected')) {\n return;\n }\n\n // de-select all buttons within the current group\n $(this).parent().find('.pdp-variation-button').removeClass('selected').attr('aria-pressed', false);\n\n $(this).attr('aria-pressed', true);\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect(e.currentTarget.href, $productContainer);\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\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 attributeSelect($(e.currentTarget).find('option:selected').data('url'), $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n addToCart(this);\n });\n },\n\n buyNow: function () {\n $(document).on('click', 'button.buy-now', function () {\n addToCart(this);\n\n window.location.href = $('.buy-now-url').val();\n });\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(\n $(this).parents('.choice-of-bonus-product').find('.bonus-quantity-select').val(),\n 10\n );\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 = $(this).parents('.choice-of-bonus-product').find('.product-option').data('option-id');\n var valueId = $(this)\n .parents('.choice-of-bonus-product')\n .find('.options-select option:selected')\n .data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml =\n '' +\n '' +\n '
';\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n });\n },\n enableBonusProductSelection: function () {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr(\n 'disabled',\n !response.product.readyToOrder || !response.product.available\n );\n var pid = response.product.id;\n $('button.select-bonus-product').data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: function () {\n $('.modal-content').spinner().stop();\n },\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: [],\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption = parseInt($(this).data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option],\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('.error-choice-of-bonus-products').html(data.errorMessage);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n '' +\n $choiceOfBonusProduct.find('.product-name').html() +\n '
' +\n '' +\n '
' +\n data.msgSuccess +\n '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 3000);\n }\n },\n error: function () {\n $.spinner().stop();\n },\n });\n });\n },\n openSocialLink: function () {\n $(document).on('click', '.social-container a', function (e) {\n var $link = $(this),\n productID = $('.product-number .product-id').text(),\n productURL = $link.parents('.social-container').data('producturl').replace('PRODUCT_ID', productID),\n imageURL = $('.primary-image-carousel .slick-current img').attr('src'),\n socialURL = $link\n .data('socialurl')\n .replace('PRODUCT_URL', encodeURIComponent(productURL))\n .replace('IMAGE_URL', encodeURIComponent(imageURL));\n\n $link.attr('href', socialURL);\n });\n },\n\n getPidValue: getPidValue,\n\n updateStockNumber: updateStockNumber,\n\n initializeImages: function () {\n var $productContainer = $('.product-detail'),\n $selectAttr = $('[data-attr] select'),\n $colorAttr = $('[data-attr=\"color\"] a.selectable'),\n $sizeAttr = $('[data-attr=\"size\"] a.selectable:not(.strikethrough)'),\n $widthAttr = $('[data-attr=\"width\"] a.selectable:not(.strikethrough)');\n\n if ($colorAttr.length > 0) {\n // There is 1 or more color swatches...\n if ($colorAttr.find('.selected').length === 0) {\n // ...and none of them are selected.\n // Auto-select the first color to display the C1 MAP product price and the correct product images.\n $colorAttr.first().click();\n } else {\n // ...and one of them is selected.\n if ($selectAttr.length === 0 && $sizeAttr.length === 0 && $widthAttr.length === 0) {\n // Accessory product with variant (likely color variant) pre-selected in URL leads here\n // There are no dropdown attributes or button attributes.\n // Extract and display the stock number and display the correct product images.\n var stockNumber = $('[data-pid]').first().data('pid').split('-')[1].slice(0, 6);\n updateStockNumber(stockNumber);\n updateProductImages();\n } else {\n // Product with variant pre-selected leads here\n // There is at least 1 dropdown attribute.\n // Trigger the first dropdown attribute to display the price for C1 MAP products and the correct product images.\n attributeSelect($productContainer.data('pdpdetails').selectedVariantUrl, $productContainer);\n }\n }\n } else if ($selectAttr.length > 0) {\n // gift card PDP should trigger this block\n // There are no color swatches, but there is at least 1 dropdown attribute.\n // Trigger the first dropdown attribute to display the price for C1 MAP products and the correct product images.\n attributeSelect($productContainer.data('pdpdetails').selectedVariantUrl, $productContainer);\n } else {\n // There are no swatch and dropdown attributes, just display the correct product images.\n updateProductImages();\n }\n },\n};\n","require('bootstrap/js/src/util.js');\nrequire('bootstrap/js/src/alert.js');\n// require('bootstrap/js/src/button.js');\n// require('bootstrap/js/src/carousel.js');\nrequire('bootstrap/js/src/collapse.js');\n// require('bootstrap/js/src/dropdown.js');\nrequire('bootstrap/js/src/modal.js');\nrequire('bootstrap/js/src/scrollspy.js');\nrequire('bootstrap/js/src/tab.js');\n// require('bootstrap/js/src/tooltip.js');\n// require('bootstrap/js/src/popover.js');\n","/*\nThis is a modified version of slick.js that makes the carousel dots tabbable.\n*/\n/*\n _ _ _ _\n ___| (_) ___| | __ (_)___\n/ __| | |/ __| |/ / | / __|\n\\__ \\ | | (__| < _ | \\__ \\\n|___/_|_|\\___|_|\\_(_)/ |___/\n |__/\n\n Version: 1.8.1\n Author: Ken Wheeler\n Website: http://kenwheeler.github.io\n Docs: http://kenwheeler.github.io/slick\n Repo: http://github.com/kenwheeler/slick\n Issues: http://github.com/kenwheeler/slick/issues\n\n */\n/* global window, document, define, jQuery, setInterval, clearInterval */\n(function (factory) {\n 'use strict';\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (typeof exports !== 'undefined') {\n module.exports = factory(require('jquery'));\n } else {\n factory(jQuery);\n }\n})(function ($) {\n 'use strict';\n var Slick = window.Slick || {};\n\n Slick = (function () {\n var instanceUid = 0;\n\n function Slick(element, settings) {\n var _ = this,\n dataSettings;\n\n _.defaults = {\n accessibility: true,\n adaptiveHeight: false,\n appendArrows: $(element),\n appendDots: $(element),\n arrows: true,\n asNavFor: null,\n prevArrow: '',\n nextArrow: '',\n autoplay: false,\n autoplaySpeed: 3000,\n centerMode: false,\n centerPadding: '50px',\n cssEase: 'ease',\n customPaging: function (slider, i) {\n return $(``);\n },\n dots: false,\n dotsClass: 'slick-dots',\n draggable: true,\n easing: 'linear',\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n focusOnChange: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: 'ondemand',\n mobileFirst: false,\n pauseOnHover: true,\n pauseOnFocus: true,\n pauseOnDotsHover: false,\n respondTo: 'window',\n responsive: null,\n rows: 1,\n rtl: false,\n slide: '',\n slidesPerRow: 1,\n slidesToShow: 1,\n slidesToScroll: 1,\n speed: 500,\n swipe: true,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n verticalSwiping: false,\n waitForAnimate: true,\n zIndex: 1000,\n };\n\n _.initials = {\n animating: false,\n dragging: false,\n autoPlayTimer: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n $dots: null,\n listWidth: null,\n listHeight: null,\n loadIndex: 0,\n $nextArrow: null,\n $prevArrow: null,\n scrolling: false,\n slideCount: null,\n slideWidth: null,\n $slideTrack: null,\n $slides: null,\n sliding: false,\n slideOffset: 0,\n swipeLeft: null,\n swiping: false,\n $list: null,\n touchObject: {},\n transformsEnabled: false,\n unslicked: false,\n };\n\n $.extend(_, _.initials);\n\n _.activeBreakpoint = null;\n _.animType = null;\n _.animProp = null;\n _.breakpoints = [];\n _.breakpointSettings = [];\n _.cssTransitions = false;\n _.focussed = false;\n _.interrupted = false;\n _.hidden = 'hidden';\n _.paused = true;\n _.positionProp = null;\n _.respondTo = null;\n _.rowCount = 1;\n _.shouldClick = true;\n _.$slider = $(element);\n _.$slidesCache = null;\n _.transformType = null;\n _.transitionType = null;\n _.visibilityChange = 'visibilitychange';\n _.windowWidth = 0;\n _.windowTimer = null;\n\n dataSettings = $(element).data('slick') || {};\n\n _.options = $.extend({}, _.defaults, settings, dataSettings);\n\n _.currentSlide = _.options.initialSlide;\n\n _.originalSettings = _.options;\n\n if (typeof document.mozHidden !== 'undefined') {\n _.hidden = 'mozHidden';\n _.visibilityChange = 'mozvisibilitychange';\n } else if (typeof document.webkitHidden !== 'undefined') {\n _.hidden = 'webkitHidden';\n _.visibilityChange = 'webkitvisibilitychange';\n }\n\n _.autoPlay = $.proxy(_.autoPlay, _);\n _.autoPlayClear = $.proxy(_.autoPlayClear, _);\n _.autoPlayIterator = $.proxy(_.autoPlayIterator, _);\n _.changeSlide = $.proxy(_.changeSlide, _);\n _.clickHandler = $.proxy(_.clickHandler, _);\n _.selectHandler = $.proxy(_.selectHandler, _);\n _.setPosition = $.proxy(_.setPosition, _);\n _.swipeHandler = $.proxy(_.swipeHandler, _);\n _.dragHandler = $.proxy(_.dragHandler, _);\n _.keyHandler = $.proxy(_.keyHandler, _);\n\n _.instanceUid = instanceUid++;\n\n // A simple way to check for HTML strings\n // Strict HTML recognition (must start with <)\n // Extracted from jQuery v1.11 source\n _.htmlExpr = /^(?:\\s*(<[\\w\\W]+>)[^>]*)$/;\n\n _.registerBreakpoints();\n _.init(true);\n }\n\n return Slick;\n })();\n\n Slick.prototype.activateADA = function () {\n var _ = this;\n\n _.$slideTrack\n .find('.slick-active')\n .attr({\n 'aria-hidden': 'false',\n })\n .find('a:not(.swatch-option--no-tabindex), input, button, select')\n .attr({\n tabindex: '0',\n });\n };\n\n Slick.prototype.addSlide = Slick.prototype.slickAdd = function (markup, index, addBefore) {\n var _ = this;\n\n if (typeof index === 'boolean') {\n addBefore = index;\n index = null;\n } else if (index < 0 || index >= _.slideCount) {\n return false;\n }\n\n _.unload();\n\n if (typeof index === 'number') {\n if (index === 0 && _.$slides.length === 0) {\n $(markup).appendTo(_.$slideTrack);\n } else if (addBefore) {\n $(markup).insertBefore(_.$slides.eq(index));\n } else {\n $(markup).insertAfter(_.$slides.eq(index));\n }\n } else {\n if (addBefore === true) {\n $(markup).prependTo(_.$slideTrack);\n } else {\n $(markup).appendTo(_.$slideTrack);\n }\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slides.each(function (index, element) {\n $(element).attr('data-slick-index', index);\n });\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n };\n\n Slick.prototype.animateHeight = function () {\n var _ = this;\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.animate(\n {\n height: targetHeight,\n },\n _.options.speed\n );\n }\n };\n\n Slick.prototype.animateSlide = function (targetLeft, callback) {\n var animProps = {},\n _ = this;\n\n _.animateHeight();\n\n if (_.options.rtl === true && _.options.vertical === false) {\n targetLeft = -targetLeft;\n }\n if (_.transformsEnabled === false) {\n if (_.options.vertical === false) {\n _.$slideTrack.animate(\n {\n left: targetLeft,\n },\n _.options.speed,\n _.options.easing,\n callback\n );\n } else {\n _.$slideTrack.animate(\n {\n top: targetLeft,\n },\n _.options.speed,\n _.options.easing,\n callback\n );\n }\n } else {\n if (_.cssTransitions === false) {\n if (_.options.rtl === true) {\n _.currentLeft = -_.currentLeft;\n }\n $({\n animStart: _.currentLeft,\n }).animate(\n {\n animStart: targetLeft,\n },\n {\n duration: _.options.speed,\n easing: _.options.easing,\n step: function (now) {\n now = Math.ceil(now);\n if (_.options.vertical === false) {\n animProps[_.animType] = 'translate(' + now + 'px, 0px)';\n _.$slideTrack.css(animProps);\n } else {\n animProps[_.animType] = 'translate(0px,' + now + 'px)';\n _.$slideTrack.css(animProps);\n }\n },\n complete: function () {\n if (callback) {\n callback.call();\n }\n },\n }\n );\n } else {\n _.applyTransition();\n targetLeft = Math.ceil(targetLeft);\n\n if (_.options.vertical === false) {\n animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)';\n } else {\n animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)';\n }\n _.$slideTrack.css(animProps);\n\n if (callback) {\n setTimeout(function () {\n _.disableTransition();\n\n callback.call();\n }, _.options.speed);\n }\n }\n }\n };\n\n Slick.prototype.getNavTarget = function () {\n var _ = this,\n asNavFor = _.options.asNavFor;\n\n if (asNavFor && asNavFor !== null) {\n asNavFor = $(asNavFor).not(_.$slider);\n }\n\n return asNavFor;\n };\n\n Slick.prototype.asNavFor = function (index) {\n var _ = this,\n asNavFor = _.getNavTarget();\n\n if (asNavFor !== null && typeof asNavFor === 'object') {\n asNavFor.each(function () {\n var target = $(this).slick('getSlick');\n if (!target.unslicked) {\n target.slideHandler(index, true);\n }\n });\n }\n };\n\n Slick.prototype.applyTransition = function (slide) {\n var _ = this,\n transition = {};\n\n if (_.options.fade === false) {\n transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase;\n } else {\n transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase;\n }\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n };\n\n Slick.prototype.autoPlay = function () {\n var _ = this;\n\n _.autoPlayClear();\n\n if (_.slideCount > _.options.slidesToShow) {\n _.autoPlayTimer = setInterval(_.autoPlayIterator, _.options.autoplaySpeed);\n }\n };\n\n Slick.prototype.autoPlayClear = function () {\n var _ = this;\n\n if (_.autoPlayTimer) {\n clearInterval(_.autoPlayTimer);\n }\n };\n\n Slick.prototype.autoPlayIterator = function () {\n var _ = this,\n slideTo = _.currentSlide + _.options.slidesToScroll;\n\n if (!_.paused && !_.interrupted && !_.focussed) {\n if (_.options.infinite === false) {\n if (_.direction === 1 && _.currentSlide + 1 === _.slideCount - 1) {\n _.direction = 0;\n } else if (_.direction === 0) {\n slideTo = _.currentSlide - _.options.slidesToScroll;\n\n if (_.currentSlide - 1 === 0) {\n _.direction = 1;\n }\n }\n }\n\n _.slideHandler(slideTo);\n }\n };\n\n Slick.prototype.buildArrows = function () {\n var _ = this;\n\n if (_.options.arrows === true) {\n _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');\n _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');\n\n if (_.slideCount > _.options.slidesToShow) {\n _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.prependTo(_.options.appendArrows);\n }\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.appendTo(_.options.appendArrows);\n }\n\n if (_.options.infinite !== true) {\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n }\n } else {\n _.$prevArrow\n .add(_.$nextArrow)\n\n .addClass('slick-hidden')\n .attr({\n 'aria-disabled': 'true',\n tabindex: '-1',\n });\n }\n }\n };\n\n Slick.prototype.buildDots = function () {\n var _ = this,\n i,\n dot;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n _.$slider.addClass('slick-dotted');\n\n dot = $('').appendTo(_.$slider)\n : _.$slides.wrapAll('
').parent();\n\n _.$list = _.$slideTrack.wrap('
').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n };\n\n Slick.prototype.buildRows = function () {\n var _ = this,\n a,\n b,\n c,\n newSlides,\n numOfSlides,\n originalSlides,\n slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if (_.options.rows > 0) {\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(originalSlides.length / slidesPerSection);\n\n for (a = 0; a < numOfSlides; a++) {\n var slide = document.createElement('div');\n for (b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for (c = 0; c < _.options.slidesPerRow; c++) {\n var target = a * slidesPerSection + (b * _.options.slidesPerRow + c);\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider\n .children()\n .children()\n .children()\n .css({\n width: 100 / _.options.slidesPerRow + '%',\n display: 'inline-block',\n });\n }\n };\n\n Slick.prototype.checkResponsive = function (initial, forceUpdate) {\n var _ = this,\n breakpoint,\n targetBreakpoint,\n respondToWidth,\n triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if (_.options.responsive && _.options.responsive.length && _.options.responsive !== null) {\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings, _.breakpointSettings[targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings, _.breakpointSettings[targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if (!initial && triggerBreakpoint !== false) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n };\n\n Slick.prototype.changeSlide = function (event, dontAnimate) {\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset,\n slideOffset,\n unevenOffset;\n\n // If target is a link, prevent default action.\n if ($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the element (ie: a child), find the .\n if (!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = _.slideCount % _.options.slidesToScroll !== 0;\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 : event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n };\n\n Slick.prototype.checkNavigable = function (index) {\n var _ = this,\n navigables,\n prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function () {\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n };\n\n Slick.prototype.cleanUpSlideEvents = function () {\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n };\n\n Slick.prototype.cleanUpRows = function () {\n var _ = this,\n originalSlides;\n\n if (_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n };\n\n Slick.prototype.clickHandler = function (event) {\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n };\n\n Slick.prototype.destroy = function (refresh) {\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.$prevArrow.length) {\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display', '');\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n }\n\n if (_.$nextArrow && _.$nextArrow.length) {\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display', '');\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n }\n\n if (_.$slides) {\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function () {\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if (!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n };\n\n Slick.prototype.disableTransition = function (slide) {\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n };\n\n Slick.prototype.fadeSlide = function (slideIndex, callback) {\n var _ = this;\n\n if (_.cssTransitions === false) {\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex,\n });\n\n _.$slides.eq(slideIndex).animate(\n {\n opacity: 1,\n },\n _.options.speed,\n _.options.easing,\n callback\n );\n } else {\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex,\n });\n\n if (callback) {\n setTimeout(function () {\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n }\n };\n\n Slick.prototype.fadeSlideOut = function (slideIndex) {\n var _ = this;\n\n if (_.cssTransitions === false) {\n _.$slides.eq(slideIndex).animate(\n {\n opacity: 0,\n zIndex: _.options.zIndex - 2,\n },\n _.options.speed,\n _.options.easing\n );\n } else {\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2,\n });\n }\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function (filter) {\n var _ = this;\n\n if (filter !== null) {\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n }\n };\n\n Slick.prototype.focusHandler = function () {\n var _ = this;\n\n // If any child element receives focus within the slider we need to pause the autoplay\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick', '*', function (event) {\n var $sf = $(this);\n\n setTimeout(function () {\n if (_.options.pauseOnFocus) {\n if ($sf.is(':focus')) {\n _.focussed = true;\n _.autoPlay();\n }\n }\n }, 0);\n })\n .on('blur.slick', '*', function (event) {\n var $sf = $(this);\n\n // When a blur occurs on any elements within the slider we become unfocused\n if (_.options.pauseOnFocus) {\n _.focussed = false;\n _.autoPlay();\n }\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function () {\n var _ = this;\n return _.currentSlide;\n };\n\n Slick.prototype.getDotCount = function () {\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter +=\n _.options.slidesToScroll <= _.options.slidesToShow\n ? _.options.slidesToScroll\n : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if (!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter +=\n _.options.slidesToScroll <= _.options.slidesToShow\n ? _.options.slidesToScroll\n : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n };\n\n Slick.prototype.getLeft = function (slideIndex) {\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = _.slideWidth * _.options.slidesToShow * -1;\n coef = -1;\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2;\n }\n }\n verticalOffset = verticalHeight * _.options.slidesToShow * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = (_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth * -1;\n verticalOffset = (_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight * -1;\n } else {\n _.slideOffset = (_.slideCount % _.options.slidesToScroll) * _.slideWidth * -1;\n verticalOffset = (_.slideCount % _.options.slidesToScroll) * verticalHeight * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = (slideIndex + _.options.slidesToShow - _.slideCount) * _.slideWidth;\n verticalOffset = (slideIndex + _.options.slidesToShow - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * Math.floor(_.options.slidesToShow)) / 2 - (_.slideWidth * _.slideCount) / 2;\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = slideIndex * _.slideWidth * -1 + _.slideOffset;\n } else {\n targetLeft = slideIndex * verticalHeight * -1 + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function (option) {\n var _ = this;\n\n return _.options[option];\n };\n\n Slick.prototype.getNavigableIndexes = function () {\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter +=\n _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n };\n\n Slick.prototype.getSlick = function () {\n return this;\n };\n\n Slick.prototype.getSlideCount = function () {\n var _ = this,\n slidesTraversed,\n swipedSlide,\n swipeTarget,\n centerOffset;\n\n centerOffset = _.options.centerMode === true ? Math.floor(_.$list.width() / 2) : 0;\n swipeTarget = _.swipeLeft * -1 + centerOffset;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function (index, slide) {\n var slideOuterWidth, slideOffset, slideRightBoundary;\n slideOuterWidth = $(slide).outerWidth();\n slideOffset = slide.offsetLeft;\n if (_.options.centerMode !== true) {\n slideOffset += slideOuterWidth / 2;\n }\n\n slideRightBoundary = slideOffset + slideOuterWidth;\n\n if (swipeTarget < slideRightBoundary) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n } else {\n return _.options.slidesToScroll;\n }\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function (slide, dontAnimate) {\n var _ = this;\n\n _.changeSlide(\n {\n data: {\n message: 'index',\n index: parseInt(slide),\n },\n },\n dontAnimate\n );\n };\n\n Slick.prototype.init = function (creation) {\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if (_.options.autoplay) {\n _.paused = false;\n _.autoPlay();\n }\n };\n\n Slick.prototype.initADA = function () {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function (val) {\n return val >= 0 && val < _.slideCount;\n });\n\n _.$slides\n .add(_.$slideTrack.find('.slick-cloned'))\n .attr({\n 'aria-hidden': 'true',\n tabindex: '-1',\n })\n .find('a, input, button, select')\n .attr({\n tabindex: '-1',\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function (i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n role: 'tabpanel',\n id: 'slick-slide' + _.instanceUid + i,\n tabindex: -1,\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex;\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl,\n });\n }\n }\n });\n\n _.$dots\n .attr('role', 'tablist')\n .find('li')\n .each(function (i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n role: 'presentation',\n });\n\n $(this)\n .find('button')\n .first()\n .attr({\n role: 'tab',\n id: 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-selected': 'false',\n tabindex: '0',\n });\n })\n .eq(_.currentSlide)\n .find('button')\n .attr({\n 'aria-selected': 'true',\n tabindex: '0',\n })\n .end();\n }\n\n _.activateADA();\n };\n\n Slick.prototype.initArrowEvents = function () {\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow.off('click.slick').on(\n 'click.slick',\n {\n message: 'previous',\n },\n _.changeSlide\n );\n _.$nextArrow.off('click.slick').on(\n 'click.slick',\n {\n message: 'next',\n },\n _.changeSlide\n );\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n };\n\n Slick.prototype.initDotEvents = function () {\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on(\n 'click.slick',\n {\n message: 'index',\n },\n _.changeSlide\n );\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n }\n };\n\n Slick.prototype.initSlideEvents = function () {\n var _ = this;\n\n if (_.options.pauseOnHover) {\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n }\n };\n\n Slick.prototype.initializeEvents = function () {\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on(\n 'touchstart.slick mousedown.slick',\n {\n action: 'start',\n },\n _.swipeHandler\n );\n _.$list.on(\n 'touchmove.slick mousemove.slick',\n {\n action: 'move',\n },\n _.swipeHandler\n );\n _.$list.on(\n 'touchend.slick mouseup.slick',\n {\n action: 'end',\n },\n _.swipeHandler\n );\n _.$list.on(\n 'touchcancel.slick mouseleave.slick',\n {\n action: 'end',\n },\n _.swipeHandler\n );\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n };\n\n Slick.prototype.initUI = function () {\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow.show();\n _.$nextArrow.show();\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n _.$dots.show();\n }\n };\n\n Slick.prototype.keyHandler = function (event) {\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if (!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous',\n },\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next',\n },\n });\n }\n }\n };\n\n Slick.prototype.lazyLoad = function () {\n var _ = this,\n loadRange,\n cloneRange,\n rangeStart,\n rangeEnd;\n\n function loadImages(imagesScope) {\n $('img[data-lazy]', imagesScope).each(function () {\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function () {\n image.animate({ opacity: 0 }, 100, function () {\n if (imageSrcSet) {\n image.attr('srcset', imageSrcSet);\n\n if (imageSizes) {\n image.attr('sizes', imageSizes);\n }\n }\n\n image.attr('src', imageSource).animate({ opacity: 1 }, 200, function () {\n image.removeAttr('data-lazy data-srcset data-sizes').removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n };\n\n imageToLoad.onerror = function () {\n image.removeAttr('data-lazy').removeClass('slick-loading').addClass('slick-lazyload-error');\n\n _.$slider.trigger('lazyLoadError', [_, image, imageSource]);\n };\n\n imageToLoad.src = imageSource;\n });\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n };\n\n Slick.prototype.loadSlider = function () {\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1,\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function () {\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next',\n },\n });\n };\n\n Slick.prototype.orientationChange = function () {\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function () {\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function () {\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n };\n\n Slick.prototype.postSlide = function (index) {\n var _ = this;\n\n if (!_.unslicked) {\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if (_.options.autoplay) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n }\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function () {\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous',\n },\n });\n };\n\n Slick.prototype.preventDefault = function (event) {\n event.preventDefault();\n };\n\n Slick.prototype.progressiveLazyLoad = function (tryCount) {\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $('img[data-lazy]', _.$slider),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ($imgsToLoad.length) {\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function () {\n if (imageSrcSet) {\n image.attr('srcset', imageSrcSet);\n\n if (imageSizes) {\n image.attr('sizes', imageSizes);\n }\n }\n\n image\n .attr('src', imageSource)\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if (_.options.adaptiveHeight === true) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n _.progressiveLazyLoad();\n };\n\n imageToLoad.onerror = function () {\n if (tryCount < 3) {\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout(function () {\n _.progressiveLazyLoad(tryCount + 1);\n }, 500);\n } else {\n image.removeAttr('data-lazy').removeClass('slick-loading').addClass('slick-lazyload-error');\n\n _.$slider.trigger('lazyLoadError', [_, image, imageSource]);\n\n _.progressiveLazyLoad();\n }\n };\n\n imageToLoad.src = imageSource;\n } else {\n _.$slider.trigger('allImagesLoaded', [_]);\n }\n };\n\n Slick.prototype.refresh = function (initializing) {\n var _ = this,\n currentSlide,\n lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if (!_.options.infinite && _.currentSlide > lastVisibleIndex) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if (!initializing) {\n _.changeSlide(\n {\n data: {\n message: 'index',\n index: currentSlide,\n },\n },\n false\n );\n }\n };\n\n Slick.prototype.registerBreakpoints = function () {\n var _ = this,\n breakpoint,\n currentBreakpoint,\n l,\n responsiveSettings = _.options.responsive || null;\n\n if ($.type(responsiveSettings) === 'array' && responsiveSettings.length) {\n _.respondTo = _.options.respondTo || 'window';\n\n for (breakpoint in responsiveSettings) {\n l = _.breakpoints.length - 1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while (l >= 0) {\n if (_.breakpoints[l] && _.breakpoints[l] === currentBreakpoint) {\n _.breakpoints.splice(l, 1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n }\n }\n\n _.breakpoints.sort(function (a, b) {\n return _.options.mobileFirst ? a - b : b - a;\n });\n }\n };\n\n Slick.prototype.reinit = function () {\n var _ = this;\n\n _.$slides = _.$slideTrack.children(_.options.slide).addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n };\n\n Slick.prototype.resize = function () {\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function () {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if (!_.unslicked) {\n _.setPosition();\n }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function (index, removeBefore, removeAll) {\n var _ = this;\n\n if (typeof index === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n };\n\n Slick.prototype.setCSS = function (position) {\n var _ = this,\n positionProps = {},\n x,\n y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n };\n\n Slick.prototype.setDimensions = function () {\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: '0px ' + _.options.centerPadding,\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: _.options.centerPadding + ' 0px',\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil(_.slideWidth * _.$slideTrack.children('.slick-slide').length));\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(\n Math.ceil(_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)\n );\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n };\n\n Slick.prototype.setFade = function () {\n var _ = this,\n targetLeft;\n\n _.$slides.each(function (index, element) {\n targetLeft = _.slideWidth * index * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0,\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0,\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1,\n });\n };\n\n Slick.prototype.setHeight = function () {\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n };\n\n Slick.prototype.setOption = Slick.prototype.slickSetOption = function () {\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this,\n l,\n item,\n option,\n value,\n refresh = false,\n type;\n\n if ($.type(arguments[0]) === 'object') {\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n } else if ($.type(arguments[0]) === 'string') {\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if (arguments[0] === 'responsive' && $.type(arguments[1]) === 'array') {\n type = 'responsive';\n } else if (typeof arguments[1] !== 'undefined') {\n type = 'single';\n }\n }\n\n if (type === 'single') {\n _.options[option] = value;\n } else if (type === 'multiple') {\n $.each(option, function (opt, val) {\n _.options[opt] = val;\n });\n } else if (type === 'responsive') {\n for (item in value) {\n if ($.type(_.options.responsive) !== 'array') {\n _.options.responsive = [value[item]];\n } else {\n l = _.options.responsive.length - 1;\n\n // loop through the responsive object and splice out duplicates.\n while (l >= 0) {\n if (_.options.responsive[l].breakpoint === value[item].breakpoint) {\n _.options.responsive.splice(l, 1);\n }\n\n l--;\n }\n\n _.options.responsive.push(value[item]);\n }\n }\n }\n\n if (refresh) {\n _.unload();\n _.reinit();\n }\n };\n\n Slick.prototype.setPosition = function () {\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n };\n\n Slick.prototype.setProps = function () {\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (\n bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined\n ) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if (_.options.fade) {\n if (typeof _.options.zIndex === 'number') {\n if (_.options.zIndex < 3) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined)\n _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined)\n _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined)\n _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && _.animType !== null && _.animType !== false;\n };\n\n Slick.prototype.setSlideClasses = function (index) {\n var _ = this,\n centerOffset,\n allSlides,\n indexOffset,\n remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n allSlides.find('.thumbnail-picture').attr('aria-selected', 'false');\n\n _.$slides.eq(index).addClass('slick-current').find('.thumbnail-picture').attr('aria-selected', 'true');\n\n if (_.options.centerMode === true) {\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n if (index >= centerOffset && index <= _.slideCount - 1 - centerOffset) {\n var slides = _.$slides.slice(index - centerOffset + evenCoef, index + centerOffset + 1);\n slides.addClass('slick-active').attr('aria-hidden', 'false');\n } else {\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n }\n\n if (index === 0) {\n allSlides.eq(_.options.slidesToShow + _.slideCount + 1).addClass('slick-center');\n } else if (index === _.slideCount - 1) {\n allSlides.eq(_.options.slidesToShow).addClass('slick-center');\n }\n }\n\n _.$slides.eq(index).addClass('slick-center');\n } else {\n if (index >= 0 && index <= _.slideCount - _.options.slidesToShow) {\n var slides = _.$slides.slice(index, index + _.options.slidesToShow);\n slides.addClass('slick-active').attr('aria-hidden', 'false');\n } else if (allSlides.length <= _.options.slidesToShow) {\n allSlides.addClass('slick-active').attr('aria-hidden', 'false');\n } else {\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (\n _.options.slidesToShow == _.options.slidesToScroll &&\n _.slideCount - index < _.options.slidesToShow\n ) {\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n } else {\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n }\n }\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function () {\n var _ = this,\n i,\n slideIndex,\n infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > _.slideCount - infiniteCount; i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex])\n .clone(true)\n .attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack)\n .addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex])\n .clone(true)\n .attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack)\n .addClass('slick-cloned');\n }\n _.$slideTrack\n .find('.slick-cloned')\n .find('[id]')\n .each(function () {\n $(this).attr('id', '');\n });\n }\n }\n };\n\n Slick.prototype.interrupt = function (toggle) {\n var _ = this;\n\n if (!toggle) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n };\n\n Slick.prototype.selectHandler = function (event) {\n var _ = this;\n\n var targetElement = $(event.target).is('.slick-slide')\n ? $(event.target)\n : $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideHandler(index, false, true);\n return;\n }\n\n _.slideHandler(index);\n };\n\n Slick.prototype.slideHandler = function (index, sync, dontAnimate) {\n var targetSlide,\n animSlide,\n oldSlide,\n slideLeft,\n targetLeft = null,\n _ = this,\n navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (\n _.options.infinite === false &&\n _.options.centerMode === false &&\n (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)\n ) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function () {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (\n _.options.infinite === false &&\n _.options.centerMode === true &&\n (index < 0 || index > _.slideCount - _.options.slidesToScroll)\n ) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function () {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if (_.options.autoplay) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if (_.options.asNavFor) {\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if (navTarget.slideCount <= navTarget.options.slidesToShow) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function () {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function () {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n };\n\n Slick.prototype.startLoad = function () {\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n _.$dots.hide();\n }\n\n _.$slider.addClass('slick-loading');\n };\n\n Slick.prototype.swipeDirection = function () {\n var xDist,\n yDist,\n r,\n swipeAngle,\n _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round((r * 180) / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if (swipeAngle <= 45 && swipeAngle >= 0) {\n return _.options.rtl === false ? 'left' : 'right';\n }\n if (swipeAngle <= 360 && swipeAngle >= 315) {\n return _.options.rtl === false ? 'left' : 'right';\n }\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return _.options.rtl === false ? 'right' : 'left';\n }\n if (_.options.verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n };\n\n Slick.prototype.swipeEnd = function (event) {\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = _.touchObject.swipeLength > 10 ? false : true;\n\n if (_.touchObject.curX === undefined) {\n return false;\n }\n\n if (_.touchObject.edgeHit === true) {\n _.$slider.trigger('edge', [_, _.swipeDirection()]);\n }\n\n if (_.touchObject.swipeLength >= _.touchObject.minSwipe) {\n direction = _.swipeDirection();\n\n switch (direction) {\n case 'left':\n case 'down':\n slideCount = _.options.swipeToSlide\n ? _.checkNavigable(_.currentSlide + _.getSlideCount())\n : _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n slideCount = _.options.swipeToSlide\n ? _.checkNavigable(_.currentSlide - _.getSlideCount())\n : _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n }\n\n if (direction != 'vertical') {\n _.slideHandler(slideCount);\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction]);\n }\n } else {\n if (_.touchObject.startX !== _.touchObject.curX) {\n _.slideHandler(_.currentSlide);\n _.touchObject = {};\n }\n }\n };\n\n Slick.prototype.swipeHandler = function (event) {\n var _ = this;\n\n if (_.options.swipe === false || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount =\n event.originalEvent && event.originalEvent.touches !== undefined ? event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options.touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options.touchThreshold;\n }\n\n switch (event.data.action) {\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n }\n };\n\n Slick.prototype.swipeMove = function (event) {\n var _ = this,\n edgeWasHit = false,\n curLeft,\n swipeDirection,\n swipeLength,\n positionOffset,\n touches,\n verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || (touches && touches.length !== 1)) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if (\n (_.currentSlide === 0 && swipeDirection === 'right') ||\n (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')\n ) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + swipeLength * (_.$list.height() / _.listWidth) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n };\n\n Slick.prototype.swipeStart = function (event) {\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function () {\n var _ = this;\n\n if (_.$slidesCache !== null) {\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n }\n };\n\n Slick.prototype.unload = function () {\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n };\n\n Slick.prototype.unslick = function (fromBreakpoint) {\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n };\n\n Slick.prototype.updateArrows = function () {\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow && !_.options.infinite) {\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n }\n }\n };\n\n Slick.prototype.updateDots = function () {\n var _ = this;\n\n if (_.$dots !== null) {\n _.$dots.find('li').removeClass('slick-active').end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n // if slider is on the PDP, only changing focus here to avoid an automatic slider from changing the user's focus randomly\n if ($('.pdp-variation-button').length) {\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .children()[0]\n .focus();\n }\n }\n };\n\n Slick.prototype.visibility = function () {\n var _ = this;\n\n if (_.options.autoplay) {\n if (document[_.hidden]) {\n _.interrupted = true;\n } else {\n _.interrupted = false;\n }\n }\n };\n\n $.fn.slick = function () {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined') _[i].slick = new Slick(_[i], opt);\n else ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n});\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","\"use strict\";\n\nrequire(\"core-js/es6\");\n\nrequire(\"core-js/fn/array/includes\");\n\nrequire(\"core-js/fn/string/pad-start\");\n\nrequire(\"core-js/fn/string/pad-end\");\n\nrequire(\"core-js/fn/symbol/async-iterator\");\n\nrequire(\"core-js/fn/object/get-own-property-descriptors\");\n\nrequire(\"core-js/fn/object/values\");\n\nrequire(\"core-js/fn/object/entries\");\n\nrequire(\"core-js/fn/promise/finally\");\n\nrequire(\"core-js/web\");\n\nrequire(\"regenerator-runtime/runtime\");\n\nif (global._babelPolyfill && typeof console !== \"undefined\" && console.warn) {\n console.warn(\"@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended \" + \"and may have consequences if different versions of the polyfills are applied sequentially. \" + \"If you do need to load the polyfill more than once, use @babel/polyfill/noConflict \" + \"instead to bypass the warning.\");\n}\n\nglobal._babelPolyfill = true;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n!(function(global) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n var inModule = typeof module === \"object\";\n var runtime = global.regeneratorRuntime;\n if (runtime) {\n if (inModule) {\n // If regeneratorRuntime is defined globally and we're in a module,\n // make the exports object identical to regeneratorRuntime.\n module.exports = runtime;\n }\n // Don't bother evaluating the rest of this file if the runtime was\n // already defined globally.\n return;\n }\n\n // Define the runtime globally (as expected by generated code) as either\n // module.exports (if we're in a module) or a new, empty object.\n runtime = global.regeneratorRuntime = inModule ? module.exports : {};\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n return generator;\n }\n runtime.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunctionPrototype[toStringTagSymbol] =\n GeneratorFunction.displayName = \"GeneratorFunction\";\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n prototype[method] = function(arg) {\n return this._invoke(method, arg);\n };\n });\n }\n\n runtime.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n runtime.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n if (!(toStringTagSymbol in genFun)) {\n genFun[toStringTagSymbol] = \"GeneratorFunction\";\n }\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n runtime.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return Promise.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return Promise.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function(error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new Promise(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n runtime.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n runtime.async = function(innerFn, outerFn, self, tryLocsList) {\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList)\n );\n\n return runtime.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n if (delegate.iterator.return) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n Gp[toStringTagSymbol] = \"Generator\";\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n Gp[iteratorSymbol] = function() {\n return this;\n };\n\n Gp.toString = function() {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n runtime.keys = function(object) {\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n runtime.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n})(\n // In sloppy mode, unbound `this` refers to the global object, fallback to\n // Function constructor if we're in global strict mode. That is sadly a form\n // of indirect eval which violates Content Security Policy.\n (function() {\n return this || (typeof self === \"object\" && self);\n })() || Function(\"return this\")()\n);\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.4.1): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'alert'\nconst VERSION = '4.4.1'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n}\n\nconst Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n let rootElement = this._element\n if (element) {\n rootElement = this._getRootElement(element)\n }\n\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n const transitionDuration = Util.getTransitionDurationFromElement(element)\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(transitionDuration)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n)\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Alert._jQueryInterface\n$.fn[NAME].Constructor = Alert\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n}\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.4.1): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'collapse'\nconst VERSION = '4.4.1'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Default = {\n toggle : true,\n parent : ''\n}\n\nconst DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n}\n\nconst Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n}\n\nconst Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n}\n\nconst Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = [].slice.call(document.querySelectorAll(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n\n const toggleList = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE))\n for (let i = 0, len = toggleList.length; i < len; i++) {\n const elem = toggleList[i]\n const selector = Util.getSelectorFromElement(elem)\n const filterElement = [].slice.call(document.querySelectorAll(selector))\n .filter((foundElem) => foundElem === element)\n\n if (selector !== null && filterElement.length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = [].slice.call(this._parent.querySelectorAll(Selector.ACTIVES))\n .filter((elem) => {\n if (typeof this._config.parent === 'string') {\n return elem.getAttribute('data-parent') === this._config.parent\n }\n\n return elem.classList.contains(ClassName.COLLAPSE)\n })\n\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n const triggerArrayLength = this._triggerArray.length\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n\n if (selector !== null) {\n const $elem = $([].slice.call(document.querySelectorAll(selector)))\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent\n\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = document.querySelector(this._config.parent)\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n const children = [].slice.call(parent.querySelectorAll(selector))\n $(children).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? document.querySelector(selector) : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n const selectors = [].slice.call(document.querySelectorAll(selector))\n\n $(selectors).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Collapse._jQueryInterface\n$.fn[NAME].Constructor = Collapse\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n}\n\nexport default Collapse\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.4.1): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'modal'\nconst VERSION = '4.4.1'\nconst DATA_KEY = 'bs.modal'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\nconst Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n}\n\nconst DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n}\n\nconst Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDE_PREVENTED : `hidePrevented${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n SCROLLABLE : 'modal-dialog-scrollable',\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show',\n STATIC : 'modal-static'\n}\n\nconst Selector = {\n DIALOG : '.modal-dialog',\n MODAL_BODY : '.modal-body',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = element.querySelector(Selector.DIALOG)\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._isTransitioning = false\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isShown || this._isTransitioning) {\n return\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (!this._isShown || this._isTransitioning) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(transitionDuration)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n [window, this._element, this._dialog]\n .forEach((htmlElement) => $(htmlElement).off(EVENT_KEY))\n\n /**\n * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API`\n * Do not move `document` in `htmlElements` array\n * It will remove `Event.CLICK_DATA_API` event that should remain\n */\n $(document).off(Event.FOCUSIN)\n\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._isTransitioning = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _triggerBackdropTransition() {\n if (this._config.backdrop === 'static') {\n const hideEventPrevented = $.Event(Event.HIDE_PREVENTED)\n\n $(this._element).trigger(hideEventPrevented)\n if (hideEventPrevented.defaultPrevented) {\n return\n }\n\n this._element.classList.add(ClassName.STATIC)\n\n const modalTransitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.classList.remove(ClassName.STATIC)\n })\n .emulateTransitionEnd(modalTransitionDuration)\n this._element.focus()\n } else {\n this.hide()\n }\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(ClassName.FADE)\n const modalBody = this._dialog ? this._dialog.querySelector(Selector.MODAL_BODY) : null\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.setAttribute('aria-modal', true)\n\n if ($(this._dialog).hasClass(ClassName.SCROLLABLE) && modalBody) {\n modalBody.scrollTop = 0\n } else {\n this._element.scrollTop = 0\n }\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n this._triggerBackdropTransition()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._element.removeAttribute('aria-modal')\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n this._backdrop.classList.add(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n\n this._triggerBackdropTransition()\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!animate) {\n callback()\n return\n }\n\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n const stickyContent = [].slice.call(document.querySelectorAll(Selector.STICKY_CONTENT))\n\n // Adjust fixed content padding\n $(fixedContent).each((index, element) => {\n const actualPadding = element.style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(stickyContent).each((index, element) => {\n const actualMargin = element.style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element)\n .data('margin-right', actualMargin)\n .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $(document.body).css('padding-right')\n $(document.body)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n\n $(document.body).addClass(ClassName.OPEN)\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n $(fixedContent).each((index, element) => {\n const padding = $(element).data('padding-right')\n $(element).removeData('padding-right')\n element.style.paddingRight = padding ? padding : ''\n })\n\n // Restore sticky content\n const elements = [].slice.call(document.querySelectorAll(`${Selector.STICKY_CONTENT}`))\n $(elements).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $(document.body).data('padding-right')\n $(document.body).removeData('padding-right')\n document.body.style.paddingRight = padding ? padding : ''\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Default,\n ...$(this).data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = document.querySelector(selector)\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Modal._jQueryInterface\n$.fn[NAME].Constructor = Modal\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n}\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.4.1): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'scrollspy'\nconst VERSION = '4.4.1'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Default = {\n offset : 10,\n method : 'auto',\n target : ''\n}\n\nconst DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n}\n\nconst Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n}\n\nconst Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n}\n\nconst OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = [].slice.call(document.querySelectorAll(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = document.querySelector(targetSelector)\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n const offsetLength = this._offsets.length\n for (let i = offsetLength; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n const queries = this._selector\n .split(',')\n .map((selector) => `${selector}[data-target=\"${target}\"],${selector}[href=\"${target}\"]`)\n\n const $link = $([].slice.call(document.querySelectorAll(queries.join(','))))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both
- and