'\n + '
'\n );\n $('.number-of-items')\n .empty()\n .append(data.basket.resources.numberOfItems);\n $('.minicart-quantity')\n .empty()\n .append(data.basket.numItems);\n $('.minicart-quantity').addClass('d-none');\n $('.minicart-link').attr({\n 'aria-label':\n data.basket.resources.minicartCountOfItems,\n title: data.basket.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n $('body').removeClass('modal-open');\n $('html').removeClass('veiled');\n } else {\n if (\n data.toBeDeletedUUIDs\n && data.toBeDeletedUUIDs.length > 0\n ) {\n for (\n var i = 0;\n i < data.toBeDeletedUUIDs.length;\n i++\n ) {\n $('.uuid-' + data.toBeDeletedUUIDs[i]).remove();\n }\n }\n $('.uuid-' + uuid).remove();\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n $('.coupons-and-promos')\n .empty()\n .append(data.basket.totals.discountsHtml);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(\n data.basket.approachingDiscounts\n );\n $('body').trigger(\n 'setShippingMethodSelection',\n data.basket\n );\n validateBasket(data.basket);\n }\n\n $('body').trigger('cart:update', data);\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\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 $('body').trigger('cart:beforeUpdate');\n\n $.ajax({\n url: url,\n type: 'get',\n context: this,\n dataType: 'json',\n success: function (data) {\n $('.quantity[data-uuid=\"' + uuid + '\"]').val(quantity);\n $('.coupons-and-promos')\n .empty()\n .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\n $('body').trigger('cart:update', data);\n\n $.spinner().stop();\n if (\n $(this)\n .parents('.product-info')\n .hasClass('bonus-product-line-item')\n && $('.cart-page').length\n ) {\n // eslint-disable-next-line no-restricted-globals\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 $('body').trigger('cart:beforeShippingMethodSelected');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $('.coupons-and-promos')\n .empty()\n .append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n }\n\n $('body').trigger('cart:shippingMethodSelected', data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.redirectUrl) {\n window.location.href = err.redirectUrl;\n } else {\n 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 $('.promo-code-form .form-control').attr(\n 'aria-describedby',\n 'missingCouponCode'\n );\n $('.coupon-missing-error').show();\n $.spinner().stop();\n return false;\n }\n var $form = $('.promo-code-form');\n $('.promo-code-form .form-control').removeClass('is-invalid');\n $('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n\n $.ajax({\n url: $form.attr('action'),\n type: 'GET',\n dataType: 'json',\n data: $form.serialize(),\n success: function (data) {\n if (data.error) {\n $('.promo-code-form .form-control').addClass(\n 'is-invalid'\n );\n $('.promo-code-form .form-control').attr(\n 'aria-describedby',\n 'invalidCouponCode'\n );\n $('.coupon-error-message')\n .empty()\n .append(data.errorMessage);\n $('body').trigger('promotion:error', data);\n } else {\n $('.coupons-and-promos')\n .empty()\n .append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n $('body').trigger('promotion:success', data);\n }\n $('.coupon-code-field').val('');\n $.spinner().stop();\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n 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 $('body').trigger('promotion:beforeUpdate');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.coupon-uuid-' + uuid).remove();\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n $.spinner().stop();\n $('body').trigger('promotion:success', data);\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n $('body').on('click', '.cart-page .bonus-product-button', function () {\n $.spinner().start();\n $(this).addClass('launched-modal');\n $.ajax({\n url: $(this).data('url'),\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n base.methods.editBonusProducts(data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $('body').on(\n 'hidden.bs.modal',\n '#chooseBonusProductModal',\n function () {\n $('#chooseBonusProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.cart-page').length) {\n $('.launched-modal .btn-outline-primary').trigger('focus');\n $('.launched-modal').removeClass('launched-modal');\n } else {\n $('.product-detail .add-to-cart').focus();\n }\n }\n );\n\n $('body').on(\n 'click',\n '.cart-page .product-edit .edit, .cart-page .bundle-edit .edit',\n function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).attr('href');\n getModalHtmlElement();\n fillModalElement(editProductUrl);\n }\n );\n\n $('body').on('shown.bs.modal', '#editProductModal', function () {\n $('#editProductModal').siblings().attr('aria-hidden', 'true');\n $('#editProductModal .close').focus();\n });\n\n $('body').on('hidden.bs.modal', '#editProductModal', function () {\n $('#editProductModal').siblings().attr('aria-hidden', 'false');\n });\n\n $('body').on('keydown', '#editProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#editProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.update-cart-product-global',\n nextToLastElementSelector: '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\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(\n '.quick-view-dialog'\n );\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(\n '.quick-view-dialog'\n );\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)\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog)\n .empty()\n .html(\n allReady\n ? response.message\n : response.resources.info_selectforstock\n );\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('change', '.quantity-select', function () {\n var selectedQuantity = $(this).val();\n $('.modal.show .update-cart-url').data(\n 'selected-quantity',\n selectedQuantity\n );\n });\n\n $('body').on('change', '.options-select', function () {\n var selectedOptionValueId = $(this)\n .children('option:selected')\n .data('value-id');\n $('.modal.show .update-cart-url').data(\n 'selected-option',\n selectedOptionValueId\n );\n });\n\n $('body').on('click', '.update-cart-product-global', function (e) {\n e.preventDefault();\n\n var updateProductUrl = $(this)\n .closest('.cart-and-ipay')\n .find('.update-cart-url')\n .val();\n var selectedQuantity = $(this)\n .closest('.cart-and-ipay')\n .find('.update-cart-url')\n .data('selected-quantity');\n var selectedOptionValueId = $(this)\n .closest('.cart-and-ipay')\n .find('.update-cart-url')\n .data('selected-option');\n var uuid = $(this)\n .closest('.cart-and-ipay')\n .find('.update-cart-url')\n .data('uuid');\n\n var form = {\n uuid: uuid,\n pid: base.getPidValue($(this)),\n quantity: selectedQuantity,\n selectedOptionValueId: selectedOptionValueId\n };\n\n $(this).parents('.card').spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n if (updateProductUrl) {\n $.ajax({\n url: updateProductUrl,\n type: 'post',\n context: this,\n data: form,\n dataType: 'json',\n success: function (data) {\n $('#editProductModal').modal('hide');\n\n $('.coupons-and-promos')\n .empty()\n .append(data.cartModel.totals.discountsHtml);\n updateCartTotals(data.cartModel);\n updateApproachingDiscounts(\n data.cartModel.approachingDiscounts\n );\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 $('body').trigger('cart:update', data);\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(\n err.responseJSON.errorMessage\n );\n $.spinner().stop();\n }\n }\n });\n }\n });\n\n base.sizeAttribute();\n base.selectAttribute();\n base.colorAttribute();\n base.removeBonusProduct();\n base.selectBonusProduct();\n base.enableBonusProductSelection();\n base.showMoreBonusProducts();\n base.addBonusProductsToCart();\n base.focusChooseBonusProductModal();\n base.trapChooseBonusProductModalFocus();\n base.onClosingChooseBonusProductModal();\n },\n loyalty: loyalty,\n onCartUpdate: onCartUpdate,\n onPromotionSuccess: onPromotionSuccess\n};\n","'use strict';\n\nmodule.exports = function () {\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'all'];\n\n sizes.forEach(function (size) {\n var selector = '.collapsible-' + size + ' .title';\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n $(this).parents('.collapsible-' + size).toggleClass('active');\n\n if ($(this).parents('.collapsible-' + size).hasClass('active')) {\n $(this).attr('aria-expanded', true);\n } else {\n $(this).attr('aria-expanded', false);\n }\n });\n });\n};\n","'use strict';\n\nvar focusHelper = require('base/components/focus');\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nfunction showConsentModal() {\n var trackingConsentData = $('.tracking-consent');\n if (!trackingConsentData.data('caonline')) {\n return;\n }\n\n var urlContent = trackingConsentData.data('url');\n var urlAccept = trackingConsentData.data('accept');\n var urlReject = trackingConsentData.data('reject');\n var textYes = trackingConsentData.data('accepttext');\n var textNo = trackingConsentData.data('rejecttext');\n var textHeader = trackingConsentData.data('heading');\n var tokenName = trackingConsentData.data('tokenname');\n var token = trackingConsentData.data('token');\n\n var htmlString = ''\n + ' '\n + '
'\n + ''\n + data.basket.resources.emptyCartMsg\n + '
'\n + ''\n + '
';\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 $('#consent-tracking').modal('show');\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 var data = {};\n data[tokenName] = token;\n $.ajax({\n url: url,\n type: 'post',\n data: data,\n dataType: 'json',\n success: function (response) {\n // Only hide modal if the operation is successful - don't want to give a false impression\n if (response.success) {\n $('#consent-tracking').remove();\n }\n },\n error: function (err) {\n // Expected error response is for CSRF failure, which will include a redirect to CSRF-Fail\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n}\n\nmodule.exports = function () {\n if ($('.consented').length === 0 && $('.tracking-consent').hasClass('api-true')) {\n showConsentModal();\n }\n\n if ($('.tracking-consent').hasClass('api-true')) {\n $('.tracking-consent').click(function () {\n showConsentModal();\n });\n }\n\n $('body').on('shown.bs.modal', '#consent-tracking', function () {\n $('#consent-tracking').siblings().attr('aria-hidden', 'true');\n $('#consent-tracking .affirm').focus();\n });\n\n $('body').on('hidden.bs.modal', '#consent-tracking', function () {\n $('#consent-tracking').siblings().attr('aria-hidden', 'false');\n });\n\n $('body').on('keydown', '#consent-tracking', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#consent-tracking',\n firstElementSelector: '.affirm',\n lastElementSelector: '.decline',\n nextToLastElementSelector: '.affirm'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n};\n","/* eslint-disable no-param-reassign */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable no-unused-vars */\n\n'use strict';\n\nvar initializeDropdown = function (dropdown, _iteratorIndex) {\n const layout = dropdown.dataset.layout;\n const autofill = dropdown.dataset.autofill !== 'false';\n const autofillfallback = dropdown.dataset.autofillfallback;\n\n const dropdownButton = dropdown.querySelector('.selectdropdown-button');\n const dropdownList = dropdown.querySelector('.selectdropdown-list');\n var options = dropdownList.querySelectorAll('li');\n const refinput = dropdown.querySelector('input[type=hidden]');\n\n // standard label behaviour\n const dropdownButtonlabel = dropdownButton.querySelector('.selectdropdown-button-text');\n const originalValue = dropdownButtonlabel && dropdownButtonlabel.innerText;\n\n const selectedClassName = 'selected';\n const itemFocusedClass = 'focused';\n\n const standardDataAttribute = ['itemid', 'disabled', 'value'];\n var customDataAttribute = [];\n var activeIndex = -1;\n\n // accessibility attributes that should missing\n dropdownButton.setAttribute('aria-haspopup', 'listbox');\n dropdownButton.setAttribute('aria-expanded', 'false');\n dropdownButton.setAttribute('aria-controls', dropdownList.id || 'dropdown-list');\n\n // fire input change\n const changeEvent = new Event('change', { bubbles: true });\n\n const changeValue = function (value, dataset, label, noevent) {\n if (!refinput || !value) return;\n refinput.value = value;\n\n if (!label && !!originalValue) {\n label = originalValue;\n dropdownButtonlabel.classList.remove('changed');\n } else {\n dropdownButtonlabel.classList.add('changed');\n }\n dropdownButtonlabel.innerText = label;\n\n // auto assign dataset\n if (customDataAttribute) {\n customDataAttribute.forEach(function (dataKey) {\n if (dataset[dataKey]) {\n refinput.dataset[dataKey] = dataset[dataKey];\n } else {\n delete dataset[dataKey];\n }\n });\n }\n !noevent && refinput.dispatchEvent(changeEvent);\n };\n\n // get label\n const getInnerLabel = function (wrapperElement) {\n const el = wrapperElement.querySelector('.selectdropdown-item-label') || wrapperElement;\n return el.innerText;\n };\n\n // open toggle\n dropdownButton.addEventListener('click', () => {\n const isOpen = dropdown.classList.contains('open');\n dropdown.setAttribute('aria-expanded', !isOpen);\n dropdown.classList.toggle('open');\n });\n\n // accessibility keyboard\n dropdownButton.addEventListener('keydown', (event) => {\n if (!dropdown.classList.contains('open')) {\n return;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n if (activeIndex < options.length - 1) {\n activeIndex += 1;\n }\n break;\n case 'ArrowUp':\n event.preventDefault();\n if (activeIndex > 0) {\n activeIndex -= 1;\n }\n break;\n case 'Enter':\n case 'Escape':\n event.preventDefault();\n dropdown.setAttribute('aria-expanded', 'false');\n dropdown.classList.remove('open');\n var label = getInnerLabel(options[activeIndex]);\n changeValue(options[activeIndex].dataset.value, options[activeIndex].dataset, label);\n break;\n default:\n event.preventDefault();\n break;\n }\n\n if (activeIndex > -1 && activeIndex < options.length) {\n options.forEach(option => option.classList.remove(itemFocusedClass));\n options[activeIndex].classList.add(itemFocusedClass);\n dropdownButton.setAttribute('aria-activedescendant', options[activeIndex].id);\n }\n });\n\n // clickaway closing\n document.addEventListener('click', (event) => {\n if (!dropdown.contains(event.target)) {\n dropdown.setAttribute('aria-expanded', 'false');\n dropdown.classList.remove('open');\n }\n });\n\n // option cliks\n const clickHandler = (e) => {\n if (e.currentTarget.dataset.disabled === 'true') return;\n dropdown.setAttribute('aria-expanded', 'false');\n dropdown.classList.remove('open');\n var label = getInnerLabel(e.currentTarget);\n changeValue(e.currentTarget.dataset.value, e.currentTarget.dataset, label);\n };\n // options parser\n const optionClicksHandler = (_autofill) => {\n _autofill = ((typeof _autofill === 'boolean' && _autofill) || (typeof _autofill !== 'boolean' && autofill));\n var optionSelected;\n options.forEach((option, index) => {\n if (option.classList.contains(selectedClassName)) optionSelected = option;\n option.removeEventListener('click', clickHandler);\n option.addEventListener('click', clickHandler);\n Object.keys(option.dataset).forEach(function (key) {\n if (standardDataAttribute.indexOf(key) < 0 && customDataAttribute.indexOf(key) < 0) {\n customDataAttribute.push(key);\n }\n });\n });\n if (!optionSelected && !!autofillfallback) optionSelected = dropdownList.querySelector('[data-itemid=\"' + autofillfallback + '\"]');\n if (optionSelected) {\n var label = getInnerLabel(optionSelected);\n _autofill && changeValue(optionSelected.dataset.value, optionSelected.dataset, label, true);\n }\n };\n\n optionClicksHandler();\n\n var dropdownSelect = {\n message: 'initialized',\n config: {\n autofill: autofill,\n autofillfallback: autofillfallback,\n layout: layout\n },\n /**\n * update the list of item based on an array data\n * @param {Array} itemlist - Array of object that rapresent the needed information to refresh the data\n */\n updateItems: function (itemlist) {\n if (itemlist && itemlist.forEach) {\n itemlist.forEach(function (item, _i) {\n var listitem = dropdownList.querySelector('[data-itemid=\"' + item.id + '\"]');\n listitem.classList[item.selected ? 'add' : 'remove'](selectedClassName);\n\n if (item.selectable) {\n delete listitem.dataset.disabled;\n } else {\n listitem.dataset.disabled = 'true';\n }\n\n if (item.url) {\n listitem.dataset.url = item.url;\n } else {\n delete listitem.dataset.url;\n }\n\n if (item.value) {\n listitem.dataset.value = item.value;\n } else {\n delete listitem.dataset.value;\n }\n\n if (item.label) {\n var label = listitem.querySelector('.selectdropdown-item-label') || listitem;\n label.innerText(item.label);\n }\n });\n }\n optionClicksHandler();\n },\n /**\n * function to re-inited the list of items after a DOM update\n */\n refreshItems: function () {\n options = dropdownList.querySelectorAll('li');\n optionClicksHandler();\n }\n };\n\n dropdown.dropdownSelect = dropdownSelect;\n refinput.dropdownSelect = dropdownSelect;\n\n dropdown.classList.add('initialized');\n dropdown.dataset.initialized = true;\n};\n\nvar componentMethods = {\n initializeDropdown: initializeDropdown\n};\n\nmodule.exports = {\n methods: componentMethods,\n init: function () {\n document.querySelectorAll('[data-dropdownselect=\"true\"]:not([data-lazy])').forEach(componentMethods.initializeDropdown);\n\n // await for new component\n $(document).on('init:dropdownselect', function (e, data) {\n if (data.dropdowns) {\n data.dropdowns.forEach(componentMethods.initializeDropdown);\n }\n });\n }\n};\n","'use strict';\n\nvar responsiveUtils = require('../components/responsiveUtils');\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked for email sign-up\n */\nfunction displayMessage(data, button) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = 'alert-success';\n } else {\n status = 'alert-danger';\n }\n\n if ($('.email-signup-message').length === 0) {\n $('body').append(\n ''\n );\n }\n $('.email-signup-message')\n .append(''\n + ''\n + ''\n + '
'\n + '' + data.msg + '
');\n\n setTimeout(function () {\n $('.email-signup-message').remove();\n button.removeAttr('disabled');\n }, 3000);\n}\n\n// Back to top button\nmodule.exports = function () {\n $(window).scroll(function () {\n if ($(this).scrollTop() > 50) {\n $('.js-back-to-top').fadeIn();\n } else {\n $('.js-back-to-top').fadeOut();\n }\n });\n\n $('.js-back-to-top').click(function () {\n $('body,html').animate({\n scrollTop: 0\n }, 800);\n return false;\n });\n\n $('.subscribe-email').on('click', function (e) {\n e.preventDefault();\n var url = $(this).data('href');\n var button = $(this);\n var emailId = $('input[name=hpEmailSignUp]').val();\n $.spinner().start();\n $(this).attr('disabled', true);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n emailId: emailId\n },\n success: function (data) {\n displayMessage(data, button);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n\n // ugly but needed\n var $regpopup = $('.registration-pop-up');\n\n $regpopup.on('mouseenter', function () {\n $regpopup.addClass('ishover');\n });\n\n $regpopup.on('mouseleave', function () {\n $regpopup.removeClass('ishover');\n });\n\n $regpopup.on('mousedown', '.content-asset a', function () {\n $regpopup.removeClass('ishover');\n });\n\n $('.registration-pop-up-close-btn').on('click', function (e) {\n e.preventDefault();\n $regpopup.hide();\n $.ajax({\n url: $(this).data('url'),\n type: 'GET',\n dataType: 'json'\n });\n });\n\n if ($regpopup.length > 0) {\n const item = $regpopup.get(0);\n const bottom = parseInt($('.js-back-to-top').css('bottom'));\n\n var isDesktop = responsiveUtils.watchDesktop();\n\n if (!isDesktop.matches) {\n $('.js-back-to-top').css({\n bottom: (item.clientHeight || item.offsetHeight || 0) + bottom\n });\n }\n\n const reiszer = new ResizeObserver(function () {\n const offest = isDesktop.matches ? '' : (item.clientHeight || item.offsetHeight || 0) + bottom;\n $('.js-back-to-top').css({\n bottom: offest\n });\n });\n\n reiszer.observe(item);\n }\n};\n","/* eslint-disable no-restricted-syntax */\n\n'use strict';\n\nmodule.exports = {\n stickyHeader() {\n let lastScrollTop = 0;\n window.addEventListener('scroll', function () {\n let currentScroll = window.pageYOffset || document.documentElement.scrollTop;\n let headerElement = document.querySelector('header');\n\n if (currentScroll > lastScrollTop) {\n // Scroll down\n headerElement.style.top = `-${2 * headerElement.offsetHeight}px`;\n } else {\n // Scroll up\n headerElement.style.top = '-1px';\n }\n\n lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;\n }, false);\n }\n};\n","/* eslint-disable require-jsdoc */\n\n'use strict';\n\nvar keyboardAccessibility = require('base/components/keyboardAccessibility');\nvar responsiveUtils = require('./responsiveUtils');\n\nfunction clearSelection(element) {\n $(element)\n .closest('.dropdown.show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n $(element)\n .closest('.dropdown.show')\n .children('.dropdown-menu')\n .attr('aria-hidden', 'true');\n $(element).closest('.dropdown.show').removeClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr(\n 'aria-hidden',\n 'false'\n );\n\n if ($(element).closest('li').is('.nav-item')) {\n $(element).closest('li').removeClass('show');\n }\n}\n\n/**\n * Desktop is determined by position of the menu\n * @param {*} element element\n * @returns {*} if it is desktop or not\n */\nfunction isDesktop(element) {\n return (\n $(element).parents('.menu-toggleable-left').css('position') !== 'fixed'\n );\n}\n\nvar $selectedCat = null;\nfunction setPreSelectedCategory() {\n if ($selectedCat) {\n $selectedCat\n .addClass('preselected show')\n .find('.js-submenu')\n .addClass('show')\n .find('.js-submenu-inner > .dropdown-menu')\n .addClass('show');\n $selectedCat\n .children('.nav-link.dropdown-toggle')\n .attr('aria-expanded', 'true');\n $selectedCat.siblings().addClass('inactive');\n }\n}\n\nfunction clearPreselectedCategory() {\n if ($selectedCat) {\n $selectedCat\n .children('.nav-link.dropdown-toggle')\n .attr('aria-expanded', 'false');\n $selectedCat\n .removeClass('preselected show')\n .find('.js-submenu')\n .removeClass('show')\n .find('.js-submenu-inner > .dropdown-menu')\n .removeClass('show');\n\n $('.navbar .inactive').removeClass('inactive');\n\n $selectedCat = null;\n }\n}\n\n// eslint-disable-next-line require-jsdoc\nfunction wrapMe(mq) {\n // Wrapping of submenu for desktop\n // Unwrap when breakpoint changes\n $('.nav-item.dropdown').each(function () {\n if (mq.matches) {\n $(this)\n .children('.js-dropdown-menu')\n .wrapAll(\n \"\"\n );\n } else {\n $(this)\n .children('.js-submenu')\n .each(function () {\n var menu = $(this).find('.js-dropdown-menu').first();\n $(this).replaceWith(menu);\n });\n }\n });\n}\n\nmodule.exports = function () {\n var headerBannerStatus = window.sessionStorage.getItem('hide_header_banner');\n $('.header-banner .close').on('click', function () {\n $('.header-banner').addClass('d-none');\n window.sessionStorage.setItem('hide_header_banner', '1');\n });\n\n if (!headerBannerStatus || headerBannerStatus < 0) {\n $('.header-banner').removeClass('d-none');\n }\n\n keyboardAccessibility(\n '.main-menu .nav-link, .main-menu .dropdown-link',\n {\n 40: function (menuItem) {\n // down\n if (menuItem.hasClass('nav-item')) {\n // top level\n $('.navbar-nav .show')\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n menuItem\n .addClass('show')\n .children('.dropdown-menu')\n .addClass('show');\n menuItem.find('ul > li > a').first().focus();\n } else {\n menuItem\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n if (!(menuItem.next().length > 0)) {\n // if this is the last menuItem\n menuItem\n .parent()\n .parent()\n .find('li > a') // set focus to the first menuitem\n .first()\n .focus();\n } else {\n menuItem.next().children().first().focus();\n }\n }\n },\n 39: function (menuItem) {\n // right\n if (menuItem.hasClass('nav-item')) {\n // top level\n menuItem\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n } else if (menuItem.hasClass('dropdown')) {\n menuItem\n .addClass('show')\n .children('.dropdown-menu')\n .addClass('show');\n $(this).attr('aria-expanded', 'true');\n menuItem.find('ul > li > a').first().focus();\n }\n },\n 38: function (menuItem) {\n // up\n if (menuItem.hasClass('nav-item')) {\n // top level\n menuItem\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n } else if (menuItem.prev().length === 0) {\n // first menuItem\n menuItem\n .parent()\n .parent()\n .removeClass('show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n menuItem\n .parent()\n .children()\n .last()\n .children() // set the focus to the last menuItem\n .first()\n .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\n .removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.prev().children().first().focus();\n } else {\n menuItem\n .closest('.show')\n .removeClass('show')\n .closest('li.show')\n .removeClass('show')\n .children()\n .first()\n .focus()\n .attr('aria-expanded', 'false');\n }\n },\n 27: function (menuItem) {\n // escape\n var parentMenu = menuItem.hasClass('show')\n ? menuItem\n : menuItem.closest('li.show');\n parentMenu.children('.show').removeClass('show');\n parentMenu\n .removeClass('show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n parentMenu.children().first().focus();\n }\n },\n function () {\n return $(this).parent();\n }\n );\n\n $('.dropdown:not(.disabled) [data-toggle=\"dropdown\"]')\n .on('click', function (e) {\n if (!isDesktop(this)) {\n // Specific nav modal needed due to location of common modal element means not possible\n // to overlay header without overlaying menu at the same time.\n $('.navbar-modal-background').show();\n\n // Build the extra menu items only once\n // Contains back/close button and category name\n var itemsAdded = $(this).data().itemsAdded;\n if (!itemsAdded) {\n $(this).data('itemsAdded', true);\n\n // Create the html content for the top category name\n var topCategory = $('').html(\n $(this).html()\n );\n topCategory.find('svg').remove();\n\n var closeMenu = $('');\n closeMenu.append($('.close-menu').first().clone());\n closeMenu.find('button').first().append(topCategory);\n\n $(this)\n .parent()\n .children('.dropdown-menu')\n .prepend(closeMenu);\n }\n\n $(this)\n .parent()\n .children('.dropdown-menu')\n .attr('aria-hidden', 'false');\n\n $(this).attr('aria-expanded', 'true').parent().addClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr(\n 'aria-hidden',\n 'true'\n );\n e.preventDefault();\n }\n })\n .on('mouseenter', function () {\n if (isDesktop(this)) {\n var eventElement = this;\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)\n .children('ul.dropdown-menu')\n .removeClass('show');\n $(this)\n .children('.nav-link')\n .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).attr('aria-expanded', 'true');\n }\n })\n .parent()\n .on('mouseleave', function () {\n if (isDesktop(this)) {\n $(this).removeClass('show');\n $(this).children('.dropdown-menu').removeClass('show');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n });\n\n $('.button-close-menu').on('click', function (e) {\n e.preventDefault();\n $('.menu-toggleable-left').removeClass('in');\n $('.navbar-modal-background').hide();\n\n $('.navbar-toggler').focus();\n\n $('.main-menu').attr('aria-hidden', 'true');\n $('.main-menu').siblings().attr('aria-hidden', 'false');\n $('header').siblings().attr('aria-hidden', 'false');\n });\n\n $('.navbar-nav').on('click', '.back', function (e) {\n e.preventDefault();\n clearSelection(this);\n });\n\n $('.navbar-nav').on('click', '.close-button', function (e) {\n e.preventDefault();\n\n $('.navbar-nav').find('.show').removeClass('show');\n $('.menu-toggleable-left').removeClass('in');\n\n $('.main-menu').siblings().attr('aria-hidden', 'false');\n $('header').siblings().attr('aria-hidden', 'false');\n\n $('.navbar-modal-background').hide();\n });\n\n $('.navbar-toggler').on('click', function (e) {\n e.preventDefault();\n\n $('.main-menu')\n .toggleClass('in')\n .removeClass('d-none')\n .attr('aria-hidden', 'false')\n .siblings()\n .attr('aria-hidden', 'true');\n\n $('.navbar-modal-background').show();\n $('header').siblings().attr('aria-hidden', 'true');\n $('.main-menu .nav.navbar-nav .nav-link').first().focus();\n });\n\n $('.menu-toggler').on('click', function (e) {\n e.preventDefault();\n\n var isMenuActive = $('html').hasClass('menu-active');\n var payload = {};\n\n if (isMenuActive) {\n // Menu is open\n $('.navbar .show').removeClass('show');\n $('.navbar .inactive').removeClass('inactive');\n } else {\n // Menu is closed, so open\n payload.open = 'menu';\n }\n\n $('body').trigger('flyout:toggle', payload);\n });\n\n $('.nav-item.dropdown').on('mouseenter', function () {\n $(this)\n .find('.js-submenu-inner')\n .children('.dropdown-menu')\n .addClass('show');\n $(this).find('.js-submenu').addClass('show');\n });\n\n $('.nav-item.dropdown').on('mouseleave', function () {\n $(this)\n .find('.js-submenu-inner')\n .children('.dropdown-menu')\n .removeClass('show');\n $(this).find('.js-submenu').removeClass('show');\n });\n\n $('.navbar .dropdown-item, .navbar .nav-item').on(\n 'mouseenter',\n function () {\n if (isDesktop(this)) {\n $(this).removeClass('inactive').siblings().addClass('inactive');\n }\n }\n );\n\n $('.navbar .dropdown-item, .navbar .nav-item').on(\n 'mouseleave',\n function () {\n if (isDesktop(this)) {\n $(this).siblings().removeClass('inactive');\n }\n }\n );\n\n // Close preselected dropdown\n // Stop if there is no preselected, or we're over the submenu of the preselected menu\n $('.navbar-nav > .nav-item').on('mouseenter', function (e) {\n if (!isDesktop(this)) return;\n\n var $preSelected = $('.navbar-nav .preselected.dropdown');\n if (\n !$preSelected.length\n || $(e.target).parentsUntil('.navbar-nav', '.js-submenu').length\n ) return;\n\n $preSelected.removeClass('show preselected');\n $preSelected.find('.show').removeClass('show');\n $preSelected.find('[aria-expanded]').attr('aria-expanded', 'false');\n $preSelected.find('[aria-hidden]').attr('aria-hidden', 'true');\n });\n\n // Close the modal on click of the background\n $('body').on('click', '.navbar-modal-background', function () {\n $('.button-close-menu').trigger('click');\n });\n\n // Transition events for when the main nav is animating\n // Start transition\n $('.main-menu').on('transitionstart', function () {\n $(this).addClass('transitioning');\n });\n\n // End transition\n $('.main-menu').on('transitionend', function () {\n $(this).removeClass('transitioning');\n });\n\n // Media query to listen for change in breakpoint\n var mqLg = window.matchMedia(\n '(min-width: ' + responsiveUtils.getBreakpoint('lg') + ')'\n );\n mqLg.addEventListener('change', wrapMe);\n wrapMe(mqLg);\n\n // 'Fake' top nav\n $('.faux-nav-link').on('click', function (e) {\n e.preventDefault();\n\n $('.navbar-nav > .nav-item').removeClass('preselected inactive');\n\n $selectedCat = $(\n '.navbar-nav > .nav-item[data-category=\"'\n + this.dataset.category\n + '\"]'\n );\n\n setPreSelectedCategory();\n\n // Open menu\n $('body').trigger('flyout:toggle', { open: 'menu' });\n });\n\n // Highlight selected category on leave of menu\n $('.js-menu-group').on('mouseleave', function () {\n setPreSelectedCategory();\n });\n\n // Close the menu if background clicked\n $('.menu-flyout').on('click', function (e) {\n if (this === e.target) {\n $('body').trigger('flyout:toggle');\n }\n });\n\n $(document).on('flyout:close:menu', function () {\n clearPreselectedCategory();\n });\n\n // TBC - Future use\n // $(document).on(\"flyout:open:menu\", function () {\n // console.log(\"menu open evt.\");\n // });\n\n // Toggle the 'flyout', either main menu, or search\n $(document).on('flyout:toggle', function (e, data) {\n var $root = $('html');\n var activeFlyout = $root.data('activeFlyout');\n var closeEvt = null;\n var openEvt = null;\n\n // Generate the active classname\n // E.g. menu-active will open the main menu\n var getContextClass = function (name) {\n return name ? name + '-active' : false;\n };\n\n if (!data || !data.open) {\n // Close, no data or no open option\n closeEvt = activeFlyout;\n $root\n .removeClass('flyout-active ' + getContextClass(activeFlyout))\n .data('activeFlyout', null);\n }\n if (data && data.open) {\n // Close existing, and open given flyout\n closeEvt = activeFlyout;\n openEvt = data.open;\n $root\n .removeClass(getContextClass(activeFlyout))\n .addClass('flyout-active ' + getContextClass(data.open))\n .data('activeFlyout', data.open);\n }\n\n // Trigger close and open events for given flyout\n // e.g. flyout:close:menu, flyout:open:search\n if (closeEvt) {\n $('body').trigger('flyout:close:' + closeEvt);\n }\n if (openEvt) {\n $('body').trigger('flyout:open:' + openEvt);\n }\n });\n\n // Throttle scroll listener for the header\n // Credit: https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event\n // Adds class when scrolled\n var ticking = false;\n document.addEventListener('scroll', function () {\n if (!ticking) {\n window.requestAnimationFrame(function () {\n $('html').toggleClass('header-scrolled', window.scrollY > 0);\n ticking = false;\n });\n ticking = true;\n }\n });\n\n // keyboardAccessibility(\n // '.navbar-header .user',\n // {\n // 40: function ($popover) {\n // // down\n // if ($popover.children('a').first().is(':focus')) {\n // $popover.next().children().first().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 () {\n // // escape\n // $('.navbar-header .user .popover').removeClass('show');\n // $('.user').attr('aria-expanded', 'false');\n // },\n // 9: function () {\n // // tab\n // $('.navbar-header .user .popover').removeClass('show');\n // $('.user').attr('aria-expanded', 'false');\n // }\n // },\n // function () {\n // var $popover = $('.user .popover li.nav-item');\n // return $popover;\n // }\n // );\n\n // $('.navbar-header .user').on('mouseenter focusin', function () {\n // if ($('.navbar-header .user .popover').length > 0) {\n // $('.navbar-header .user .popover').addClass('show');\n // $('.user').attr('aria-expanded', 'true');\n // }\n // });\n\n // $('.navbar-header .user').on('mouseleave', function () {\n // $('.navbar-header .user .popover').removeClass('show');\n // $('.user').attr('aria-expanded', 'false');\n // });\n\n $('body').on('click', '#myaccount', function () {\n // eslint-disable-next-line no-restricted-globals\n event.preventDefault();\n });\n\n $('.js-wrapper-link-menu').on('click', function (e) {\n e.preventDefault();\n e.stopPropagation();\n var datAttr = $(this).attr('data-category');\n $('.js-wrapper-link-menu ul[data-toggle-item=' + datAttr + ']').toggleClass('show');\n });\n\n $('.menu_item, .inner_menu_item').on('click', function (e) {\n e.preventDefault();\n e.stopPropagation();\n var role = $(this).attr('role');\n if (role && role === 'link') {\n var linkElement = $(this).find('a');\n if (linkElement) {\n window.location.href = $(linkElement).attr('href');\n }\n }\n });\n\n $('.brand-logo-menu-wrapper > .brand-icon').on('click', function (e) {\n e.preventDefault();\n e.stopPropagation();\n var role = $(this).attr('role');\n if (role && role === 'link') {\n var link = $(this).attr('href');\n if (link) {\n window.location.href = link;\n }\n }\n });\n};\n","'use strict';\n\nvar miniCartWishlist = require('wishlist/components/miniCart');\nvar cart = require('../cart/cart');\n\nvar updateMiniCart = true;\n\nvar miniCart = function () {\n $('.minicart').on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n if (count.quantityTotal > 0) {\n $('.minicart .minicart-quantity')\n .text(count.quantityTotal)\n .removeClass('d-none');\n\n $('.minicart .minicart-link').attr({\n 'aria-label': count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\n } else {\n $('.minicart .minicart-quantity').addClass('d-none');\n }\n } else {\n $('.minicart .minicart-quantity').addClass('d-none');\n }\n });\n\n $('.minicart').on('mouseenter focusin touchstart', function () {\n // if ($('.search:visible').length === 0) {\n // return;\n // }\n var url = $('.minicart').data('action-url');\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n if (!updateMiniCart) {\n $('.minicart .popover').addClass('show');\n return;\n }\n\n var isMobile = window.matchMedia(\n '(hover:hover) and (pointer: fine)'\n ).matches;\n if (isMobile) {\n $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n updateMiniCart = false;\n $.spinner().stop();\n });\n }\n }\n });\n $('body').on('touchstart click', function (e) {\n if ($('.minicart').has(e.target).length <= 0) {\n $('.minicart .popover').removeClass('show');\n }\n });\n $('.minicart').on('mouseleave focusout', function (event) {\n if (\n (event.type === 'focusout'\n && $('.minicart').has(event.target).length > 0)\n || (event.type === 'mouseleave'\n && $(event.target).is('.minicart .quantity'))\n || $('body').hasClass('modal-open')\n ) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').removeClass('show');\n });\n $('body').on('change', '.minicart .quantity', function () {\n if (\n $(this).parents('.bonus-product-line-item').length\n && $('.cart-page').length\n ) {\n // eslint-disable-next-line no-restricted-globals\n location.reload();\n updateMiniCart = true;\n }\n });\n $('body').on('product:afterAddToCart', function () {\n updateMiniCart = true;\n });\n $('body').on('cart:update', function () {\n updateMiniCart = true;\n });\n};\n\nvar exportMiniCart = $.extend({}, miniCartWishlist, cart, { miniCart });\n\nmodule.exports = exportMiniCart;\n","'use strict';\n\n/**\n * Set the modal backdrop position to be below the menu using css variable\n *\n * @param {*} yPos - false or string - sets or removes property\n */\nfunction setBackdropPosition(yPos) {\n if (!yPos) {\n document.documentElement.style.removeProperty('--modal-backdrop-top');\n return;\n }\n document.documentElement.style.setProperty('--modal-backdrop-top', yPos);\n}\n\n/**\n * Sets the modal backdrop position via css variable, and the modal top\n */\nfunction setBackdrop() {\n if (window.matchMedia('(min-width: 992px)').matches) {\n var $headerHeight = $('header').outerHeight();\n var $height = $(window).scrollTop();\n var $modalPosition = $height > $headerHeight ? '0' : $headerHeight - $height + 'px';\n\n // Set css variable to position value\n setBackdropPosition($modalPosition);\n\n $('.quick-view-dialog').css({ top: $modalPosition });\n }\n}\n\nvar modalUtils = {\n setBackdropEvents: function (modal, eventName) {\n // Remove css variable on close of the modal\n $('body').on('hide.bs.modal', modal, function () {\n setBackdropPosition(false);\n });\n\n // Set listeners to call the backdrop when modal is opened (quickview / wishlist)\n $('body').on(eventName, setBackdrop);\n },\n template: function () {\n var htmlString = $('#tmpl_modal').html();\n if (!htmlString) throw new Error('Missing modal template, be sure that is included in the page \"bottomScript\"');\n return $(htmlString);\n }\n};\n\nmodule.exports = modalUtils;\n","'use strict';\n\n/**\n * Get the root SCSS breakpoint value\n * @param {*} bp breakpoint name\n * @returns {*} Computed breakpoint value\n*/\nfunction getBreakpoint(bp) {\n return getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-' + bp);\n}\n\n/**\n * Get watch media\n * @returns {*} watch media\n */\nfunction watchDesktop() {\n return window.matchMedia(\n '(min-width: ' + getBreakpoint('lg') + ')'\n );\n}\n\n/**\n * Get the root SCSS breakpoint value\n * @param {*} bp breakpoint name\n * @returns {*} MediaQueryList\n*/\nfunction watchBreakpoint(bp) {\n return window.matchMedia(\n '(min-width: ' + getBreakpoint(bp || 'lg') + ')'\n );\n}\n\nmodule.exports = {\n getBreakpoint: getBreakpoint,\n watchDesktop: watchDesktop,\n watchBreakpoint: watchBreakpoint\n};\n","'use strict';\n\nmodule.exports = function (element, additionalOffset) {\n // eslint-disable-next-line no-param-reassign\n additionalOffset = additionalOffset || 0;\n var position = element && element.length ? element.offset().top + additionalOffset : 0;\n $('html, body').animate({\n scrollTop: position\n }, 500);\n if (!element) {\n $('.logo-home').focus();\n }\n};\n","'use strict';\n\nvar responsiveUtils = require('../components/responsiveUtils');\nvar debounce = require('lodash/debounce');\nvar endpoint = $('.suggestions-wrapper').data('url');\nvar minChars = 1;\nvar LEFT_KEY = 37;\nvar UP_KEY = 38;\nvar RIGHT_KEY = 39;\nvar DOWN_KEY = 40;\nvar DIRECTION_DOWN = 1;\nvar DIRECTION_UP = -1;\n\n/**\n * Search suggestion click\n */\nfunction initSearchSuggestionClick() {\n $('.suggestions-wrapper a').on('click', function (e) {\n e.preventDefault();\n var cb = $('input[name=\"cb\"]').val();\n var url = new URL($(this).attr('href'), window.location.origin);\n if (cb && cb !== 'null') {\n url.searchParams.set('cb', cb);\n }\n window.location.href = url.href;\n });\n}\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 * 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);\n\n if (typeof (response) !== 'object') {\n $suggestionsWrapper.html(response).show();\n initSearchSuggestionClick();\n } else {\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n if ($(scope).val().length >= minChars && !!endpoint) {\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent($(scope).val()),\n method: 'GET',\n success: processResponse,\n error: function () {}\n });\n } else {\n var $suggestionsWrapper = getSuggestionsWrapper(scope);\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n var suggestionsList = $('.suggestions .item');\n var searchField = $('input.search-field');\n\n if (suggestionsList.filter('.selected').length === 0) {\n suggestionsList.first().addClass('selected');\n searchField.attr('aria-activedescendant', suggestionsList.first()[0].id)\n .val(suggestionsList.first().data('item'));\n } else {\n suggestionsList.each(function (index) {\n var idx = index + direction;\n var selectedItem = null;\n var selectedId = '';\n var itemText = '';\n\n if ($(this).hasClass('selected')) {\n $(this).removeClass('selected').removeAttr('aria-selected');\n\n if (suggestionsList.eq(idx).length !== 0) {\n $(this).removeProp('aria-selected');\n\n selectedItem = suggestionsList.eq(idx);\n selectedId = suggestionsList.eq(idx)[0].id;\n itemText = suggestionsList.eq(idx).data('item');\n } else {\n selectedItem = suggestionsList.first();\n selectedId = suggestionsList.first()[0].id;\n itemText = suggestionsList.eq(idx).data('item');\n }\n\n selectedItem.addClass('selected').attr('aria-selected', true);\n searchField.attr('aria-activedescendant', selectedId).val(itemText);\n\n return false;\n }\n return true;\n });\n }\n}\n\n/**\n * Search bar functionality\n */\nfunction searchBar() {\n var $searchHeader = $('.search-header');\n var $closeBtn = $searchHeader.find('.menu-dismiss');\n var $backdrop = $('#searchbar-backdrop');\n\n $('.js-search').on('click', function (e) {\n e.preventDefault();\n $('body').trigger('flyout:toggle', { open: 'search' });\n });\n\n $closeBtn.on('click', function (e) {\n e.preventDefault();\n $('body').trigger('flyout:toggle');\n });\n\n $backdrop.on('click', () => {\n $('body').trigger('flyout:toggle');\n });\n\n $('body').on('flyout:close:search', function () {\n $backdrop.removeClass('show');\n });\n\n $('body').on('flyout:open:search', function () {\n $backdrop.addClass('show');\n });\n\n var isDesktop = responsiveUtils.watchDesktop();\n if (!isDesktop.matches) {\n $backdrop.appendTo('#site-header');\n }\n isDesktop.addEventListener('change', function () {\n $backdrop.appendTo(isDesktop.matches ? 'body' : '#site-header');\n });\n}\n\n/**\n * Simple Search\n */\nfunction searchEvents() {\n $('form[name=\"simpleSearch\"]').submit(function (e) {\n var suggestionsList = $('.suggestions .item');\n if (suggestionsList.filter('.selected').length !== 0) {\n e.preventDefault();\n suggestionsList.filter('.selected').find('a')[0].click();\n }\n });\n\n $('input.search-field').each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on('keyup', function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n case LEFT_KEY:\n break;\n case RIGHT_KEY:\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\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\nmodule.exports = {\n searchEvents: searchEvents,\n searchBar: searchBar\n};\n","'use strict';\n\nvar ignoreList = '.sort-order, [class*=\"quantity\"], .order-history-select, .shippingDeliveryDate, .shippingDeliveryTimeSlot, .shippingPackaging';\nvar highlightClass = 'highlight';\n\n/**\n * Highlight the select box when the first option is selected\n * Don't apply functionality to the selects in the ignore list\n */\nfunction highlight() {\n $('select')\n .not(ignoreList)\n .each(function () {\n // If first option is selected and more that one option exists\n if (this.selectedIndex === 0 && this.options.length > 1) {\n $(this).addClass(highlightClass);\n }\n\n // Remove the highlight when other options are selected\n $(this).on('change', function () {\n if (this.selectedIndex > 0) $(this).removeClass(highlightClass);\n else $(this).addClass(highlightClass);\n });\n });\n}\n\nmodule.exports = {\n highlight: highlight\n};\n","'use strict';\n\nlet swipr;\nlet launcher;\n/**\n * Store lookup\n */\nfunction storeLookup() {\n $(document).on('click', '.store-step1-btn', function (e) {\n e.preventDefault();\n const brand = $(this).data('brand');\n $('#swiper-store').data('brand', brand);\n\n const url = $(this).data('url');\n $('#swiper-store').spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n data: { brand: brand },\n success: function (response) {\n $('.slide-pref').html(response);\n swipr.slideTo(1);\n $('#swiper-store').spinner().stop();\n },\n error: function () {\n }\n });\n });\n\n // eslint-disable-next-line consistent-return, no-unused-vars\n $(document).on('change', '.store-prefecture-select', function (e) {\n const url = $(this).data('url');\n const prefId = $(this).val();\n const brand = $('#swiper-store').data('brand');\n\n // prevent further execution if value is empty\n if (!prefId) {\n return false;\n }\n\n $('#swiper-store').spinner().start();\n\n $.ajax({\n url: url,\n type: 'get',\n data: { brand: brand, prefecture: prefId },\n success: function (response) {\n $('.slide-res').html(response);\n swipr.slideTo(2);\n $('#swiper-store').spinner().stop();\n },\n error: function () {\n }\n });\n });\n\n $(document).on('click', '.store-select-btn', function (e) {\n e.preventDefault();\n const selectedId = $(this).data('store-id');\n const selectedName = $(this).data('store-name');\n\n launcher.siblings('input[id^=registration-form-favoriteStore]').val(selectedId);\n\n launcher.text(selectedName);\n });\n\n $(document).on('show.bs.modal', '#selectStoreModal', function (e) {\n launcher = $(e.relatedTarget);\n swipr = $('#swiper-store').get(0).swiper;\n swipr.slideTo(0);\n\n // prevent any manual sliding of the caoursel\n // swipr.allowSlideNext = false;\n swipr.allowSlidePrev = false;\n // swipr.allowTouchMove = false;\n });\n}\nmodule.exports = storeLookup;\n","'use strict';\n\nvar base = require('base/product/base');\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $('.set-items').length) {\n quantitySelected = $($el).closest('.product-detail').find('.quantity-select');\n } else if ($el && $('.product-bundle').length) {\n var quantitySelectedModal = $($el).closest('.modal-footer').find('.quantity-select');\n var quantitySelectedPDP = $($el).closest('.bundle-footer').find('.quantity-select');\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $('.quantity-select');\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * Process attribute values associated with a size or color attribute\n * Modified from base to handle both size and color\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.selected - Flag as to whether an attribute value can be\n * @param {boolean} attr.values.selectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {*} msgs message\n */\nfunction processSwatchAndSizeValues(attr, $productContainer, msgs) {\n attr.values.forEach(attrValue => {\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' + attrValue.value + '\"]');\n if ($attrValue.length) {\n var $swatchButton = (attr.id === 'color') ? $attrValue.parent() : $attrValue;\n var $attrRelations = (attr.id === 'color') ? $attrValue.siblings('.selected-assistive-text') : $attrValue.children('.selected-assistive-text');\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrRelations.text(msgs.assistiveSelectedText);\n } else {\n $attrValue.removeClass('selected');\n $attrRelations.empty();\n }\n\n if (attrValue.url) {\n $swatchButton.attr('data-url', attrValue.url);\n } else {\n $swatchButton.removeAttr('data-url');\n }\n\n $swatchButton.removeAttr('disabled');\n if (!attrValue.selectable) {\n $swatchButton.attr('disabled', true);\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\n }\n });\n\n // update dropdown managed attributes\n var $dropdownInput = $productContainer.find('.js-dropdown-input[data-attr=\"' + attr.id + '\"]');\n\n if ($dropdownInput.length) {\n $dropdownInput.each(function (_i, input) {\n if (input.dropdownSelect) {\n input.dropdownSelect.updateItems(attr.values.map(function (attrvalue) {\n return {\n id: attr.id + '-' + attrvalue.value,\n selectable: attrvalue.selectable,\n selected: attrvalue.selected,\n value: attrvalue.url\n };\n }));\n }\n });\n }\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\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 attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer\n .find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\n $attrValue.attr('value', attrValue.url)\n .removeAttr('disabled');\n\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n });\n}\n\n/**\n * Updates the label of the selected attribute based on the selected attribute value\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction processAttrLabels(attr, $productContainer) {\n var $attrLabel = $productContainer.find('[data-attr=\"' + attr.id + '\"] #' + attr.id + '-selected-value');\n $attrLabel.text(attr.displayValue);\n}\n\n/**\n * Processes the product attributes\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n // USe the same function to process color and size\n var attrsWithSwatches = ['color', 'size'];\n\n attrs.forEach(function (attr) {\n processAttrLabels(attr, $productContainer);\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\n processSwatchAndSizeValues(attr, $productContainer, msgs);\n } else {\n processNonSwatchValues(attr, $productContainer);\n processAttrLabels(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 if (response.product.readyToOrder) {\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 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 + ': '\n + 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} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n // Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Swiper carousel from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\n// function createCarousel(imgs, $productContainer) {\n// var carousel = $productContainer.find('.swiper');\n// carousel.attr('data-swiper-buttons', imgs.length > 1 ? true : false);\n// $(carousel).empty().append('');\n// for (var i = 0; i < imgs.length; i++) {\n// $('').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: 'json',\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @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\n && 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 }\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 + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Note: To prevent the multiple event firing, the handlers below are removed then re-added with.off().on()\n * This will prevent double firing when functionality that requires this file is used on the same page\n * For example, quickview - which can be available on the PDP\n *\n *\n *\n * Add to cart\n */\nfunction addToCart() {\n $(document).off('click', 'button.add-to-cart, button.add-to-cart-global').on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find('.product-id').text(),\n qty: $(this).find('.quantity-select').val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = base.getPidValue($(this));\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n base.miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n}\n\n/**\n * Initializes the size attribute\n */\nfunction sizeAttribute() {\n $(document).off('click', '[data-attr=\"size\"] button').on('click', '[data-attr=\"size\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect($(this).attr('data-url'), $productContainer);\n });\n\n // eslint-disable-next-line no-unused-vars\n $(document).off('change', 'input[data-attr=\"size\"]').on('change', 'input[data-attr=\"size\"]', function (e) {\n var val = $(this).val();\n if ($(this).attr('disabled') || !val) return;\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect(val, $productContainer);\n });\n}\n\n/**\n * Colour attribute\n */\nfunction colorAttribute() {\n $(document).off('click', '[data-attr=\"color\"] button').on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect($(this).attr('data-url'), $productContainer);\n });\n}\n\n/**\n * Select attribute\n */\nfunction selectAttribute() {\n $(document).off('change', 'select[class*=\"select-\"], .options-select').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/**\n * Availability\n */\nfunction availability() {\n $(document).off('change', '.quantity-select').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(\n $(e.currentTarget).find('option:selected').data('url'),\n $productContainer\n );\n }\n });\n}\n\nbase.addToCart = addToCart;\nbase.attributeSelect = attributeSelect;\nbase.sizeAttribute = sizeAttribute;\nbase.colorAttribute = colorAttribute;\nbase.selectAttribute = selectAttribute;\nbase.availability = availability;\n\nmodule.exports = base;\n","/* eslint-disable no-console */\n\n'use strict';\n\nmodule.exports = function () {\n var image = function (data, index, parent) {\n var img = document.createElement('img');\n img.setAttribute('class', 'd-block img-fluid');\n img.setAttribute('alt', data.alt + ' image number ' + index);\n img.setAttribute('itemprop', 'image');\n img.dataset.imgType = data.type;\n img.src = data.absURL;\n\n parent.appendChild(img);\n return img;\n };\n\n var anchor = function (target, parent) {\n var a = document.createElement('a');\n a.href = target;\n a.setAttribute('aria-haspopup', 'dialog');\n a.setAttribute('data-toggle', 'modal');\n\n parent.appendChild(a);\n return a;\n };\n\n var slide = function (data, index, zoommodalid) {\n var parent;\n // eslint-disable-next-line no-shadow\n var slide = document.createElement('div');\n slide.classList.add('swiper-slide');\n\n if (index === 0) slide.classList.add('active');\n\n // create anchor\n parent = (zoommodalid && anchor(zoommodalid, slide)) || slide;\n parent.dataset.swiperIndex = index;\n\n image(data, index, parent);\n\n return slide;\n };\n\n $('body').on('product:afterAttributeSelect', function (e, response) {\n try {\n var images = response.data.product.images.large;\n var container = response.container.get(0);\n var isQuickView = container.classList.contains('product-quickview');\n\n // swiper HTML elements\n var gallery = container.querySelector('.swiper-productdeail-container');\n var gallerythumb = container.querySelector('.swiper-productdeailthumb-container');\n\n var zoomContainer = !isQuickView ? container : document.querySelector('.quick-zoom');\n\n var zoom = zoomContainer.querySelector('.swiper-zoom-container');\n var zoomThumb = zoomContainer.querySelector('.swiper-zoomthumb-container');\n\n if (!gallery) {\n console.log('No gallery component for this container');\n return;\n }\n\n var galleryAnchor = zoom && gallery.querySelector('[data-toggle=\"modal\"]');\n var modalIDAnchor;\n\n if (galleryAnchor) {\n modalIDAnchor = galleryAnchor.getAttribute('href');\n } else {\n console.log(\"Gallery - can't find the anchor on gallery slides - Zoom disabled!\");\n }\n\n var thumbsSlides = [];\n var gallerySlides = [];\n images.forEach(function (_image, _i) {\n if (zoom || gallerythumb) thumbsSlides.push(slide(_image, _i));\n gallerySlides.push(slide(_image, _i, modalIDAnchor));\n });\n\n $(gallery).find('.swiper-wrapper').empty().append(gallerySlides);\n\n if (zoom) {\n $(zoom).find('.swiper-wrapper').empty().append($(thumbsSlides).clone());\n\n if (zoomThumb) {\n var $zoomThumbsSlides = $(thumbsSlides).clone();\n $zoomThumbsSlides.data('swiper-ref', zoom.id);\n\n $(zoomThumb).find('.swiper-wrapper').empty().append($zoomThumbsSlides);\n }\n }\n\n gallery.swiper.update();\n gallery.swiper.slideTo(0);\n\n if (gallerythumb) {\n $(gallerythumb).find('.swiper-wrapper').empty().append(thumbsSlides);\n gallerythumb.swiper.update();\n }\n } catch (error) {\n console.log('Update gallery error:', error);\n }\n });\n};\n","'use strict';\n\nvar base = require('./base');\nvar focusHelper = require('base/components/focus');\nvar modalUtils = require('../components/modalUtils');\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#quickViewModal').length !== 0) {\n $('#quickViewModal').remove();\n }\n\n var $modal = modalUtils.template();\n $modal.attr('id', 'quickViewModal');\n\n $('body').append($modal);\n}\n\n/**\n * @typedef {Object} QuickViewHtml\n * @property {string} body - Main Quick View body\n * @property {string} footer - Quick View footer content\n */\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $('').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n var zoomModal = $html.find('.quick-zoom');\n\n return { body: body, footer: footer, zoomModal: zoomModal };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl) {\n $.spinner().start();\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('#quickViewModal .modal-body').empty();\n $('body > .quick-zoom').remove();\n\n $('#quickViewModal .modal-body').html(parsedHtml.body);\n $('#quickViewModal .modal-footer').html(parsedHtml.footer);\n $('#quickViewModal .modal-header .modal-title').text(data.modalTitle);\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\n\n $('body').append(parsedHtml.zoomModal);\n\n $(document).trigger('init:dropdownselect', { dropdowns: document.querySelectorAll('#quickViewModal [data-dropdownselect=\"true\"]') });\n\n $('#quickViewModal').modal('show');\n\n $('body').trigger('quickview:ready');\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\nmodule.exports = {\n showQuickview: function () {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n getModalHtmlElement();\n fillModalElement(selectedValueUrl);\n });\n },\n setQVBackdropEvents: function () {\n modalUtils.setBackdropEvents('#quickViewModal', 'quickview:ready');\n },\n focusQuickview: function () {\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\n $('#quickViewModal .close').focus();\n // eslint-disable-next-line no-unused-vars\n $('#size-select-quickview').on('change', function (e) {\n // Changed size selection from swtach to dropdown in quick view\n var sizeSelected = $(this).val();\n $('[data-attr-value=\"' + sizeSelected + '\"]').click();\n });\n });\n },\n trapQuickviewFocus: function () {\n $('body').on('keydown', '#quickViewModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#quickViewModal',\n firstElementSelector: '.full-pdp-link',\n lastElementSelector: '.add-to-cart-global',\n nextToLastElementSelector: '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n availability: base.availability,\n addToCart: base.addToCart,\n showSpinner: function () {\n $('body').on('product:beforeAddToCart', function (e, data) {\n $(data).closest('.modal-content').spinner().start();\n });\n },\n hideDialog: function () {\n $('body').on('product:afterAddToCart', function () {\n $('#quickViewModal').modal('hide');\n });\n },\n beforeUpdateAttribute: function () {\n $('body').on('product:beforeAttributeSelect', function () {\n $('.modal.show .modal-content').spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview>.bundle-items').length) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else if ($('.set-items').length) {\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n response.container.data('pid', response.data.product.id);\n response.container.find('.full-pdp-link').attr('href', response.data.product.selectedProductUrl);\n }\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer).attr(\n 'disabled',\n (!response.product.readyToOrder || !response.product.available)\n );\n\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n $('.add-to-cart-global', dialog).attr(\n 'disabled',\n !$('.global-availability', dialog).data('ready-to-order')\n || !$('.global-availability', dialog).data('available')\n );\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n // bundle individual products\n $('.product-availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability', dialog)\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog).empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $('.global-availability', dialog)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n }\n};\n","/* eslint-disable no-console */\n\n'use strict';\n\nvar responsiveUtils = require('../components/responsiveUtils');\nvar transitionDuration = 500;\n\nvar createImageZoomableCopy = (img) => {\n var cloneImage = img.cloneNode();\n var dimensions = img.getBoundingClientRect();\n cloneImage.className = 'zoom-zoomableclone';\n\n cloneImage.style.width = dimensions.width + 'px';\n cloneImage.style.height = dimensions.height + 'px';\n cloneImage.style.top = dimensions.y + (window.scrollTop || window.scrollY || 0) + 'px';\n cloneImage.style.left = dimensions.x + 'px';\n\n document.body.appendChild(cloneImage);\n\n return cloneImage;\n};\n\nvar transformClone = (clone, target) => {\n var dimension = target.getBoundingClientRect();\n clone.style.width = dimension.width + 'px';\n clone.style.height = dimension.width + 'px';\n clone.style.top = dimension.y + (window.scrollTop || window.scrollY || 0) + 'px'; // fixed position\n clone.style.left = dimension.x + 'px';\n};\n\nvar transformCloneBack = (clone, target) => {\n transformClone(clone, target);\n\n setTimeout(() => {\n clone.remove();\n }, transitionDuration);\n};\n\nmodule.exports = function () {\n var img; var target; var clone;\n var mediaWatch = responsiveUtils.watchDesktop();\n\n $('body').on('show.bs.modal', '.zoom-modal', function (e) {\n var modal = e.target;\n var triggerElement = e.relatedTarget;\n var currentIndex = 0;\n var zoomSlider = modal.querySelector('.swiper-zoom-container');\n\n modal.style.opacity = 0;\n if (triggerElement) {\n currentIndex = parseInt(triggerElement.dataset.swiperIndex || triggerElement.parentElement.dataset.swiperIndex) || 0;\n img = triggerElement.querySelector('img');\n clone = createImageZoomableCopy(img);\n target = modal.querySelector('.js-zoom-target');\n } else {\n currentIndex = parseInt(modal.dataset.swiperIndex) || 0;\n img = undefined;\n clone = undefined;\n target = undefined;\n }\n\n // initialize swiper in the modal\n $('body').trigger('swiper:init', [{ slider: $(zoomSlider), options: { initialSlide: currentIndex } }]);\n\n delete modal.dataset.swiperIndex;\n });\n\n $('body').on('shown.bs.modal', '.zoom-modal', function (e) {\n try {\n if (clone && target) transformClone(clone, target);\n } catch (err) {\n console.log(err);\n }\n\n setTimeout(() => {\n e.target.style.opacity = 1;\n }, 100);\n });\n\n $('body').on('hide.bs.modal', '.zoom-modal', function (e) {\n try {\n var isQuickModal = e.target.id.indexOf('quickview') >= 0;\n if (clone) {\n target = (isQuickModal ? document.getElementById('quickViewModal') : document).querySelector('.js-zoomback-target');\n transformCloneBack(clone, target);\n }\n } catch (err) {\n console.log(err);\n }\n });\n\n $('body').on('hidden.bs.modal', '.zoom-modal', function (e) {\n try {\n var modal = e.target;\n if (modal) {\n var zoomSwiper = modal.querySelector('.swiper-zoom-container');\n var zoomthumbSwiper = modal.querySelector('.swiper-zoomthumb-container');\n if (zoomSwiper && zoomSwiper.swiper) zoomSwiper.swiper.destroy();\n if (zoomthumbSwiper && zoomthumbSwiper.swiper) zoomthumbSwiper.swiper.destroy();\n }\n } catch (err) {\n console.log(err);\n }\n });\n\n $('body').on('click', '.swiper-zoomthumb-container .swiper-slide', function () {\n if (mediaWatch.matches) {\n var currentId = $(this).data('swiper-ref');\n var currentIndex = this.dataset.swiperIndex;\n var swiperElement = document.getElementById(currentId);\n if (swiperElement && swiperElement.swiper) swiperElement.swiper.slideTo(currentIndex);\n }\n });\n\n // grid button\n $('body').on('click', '.js-toggle-zoom', function () {\n var $this = $(this);\n\n var swiperid = $this.data('swiper-ref');\n var swiperElement = document.getElementById(swiperid);\n\n if (swiperElement && swiperElement.swiper) {\n if (mediaWatch.matches) {\n // desktop\n var currentSlide = swiperElement.swiper.slides[swiperElement.swiper.realIndex];\n $(currentSlide).find('a').trigger('click');\n } else {\n // mobile\n var modalid = $this.data('mobile-ref');\n var modal = $('#' + modalid);\n var newItems = $(swiperElement.swiper.slides).find('a').clone();\n modal.find('.js-imagelist').empty().append(newItems);\n modal.modal('show');\n }\n }\n });\n\n // modal grid items links\n $('body').on('click', '.js-imagelist a', function (e) {\n e.preventDefault();\n var modalId = this.getAttribute('href');\n var modal = document.querySelector(modalId);\n modal.dataset.swiperIndex = this.dataset.swiperIndex || 0;\n $(modal).modal('show');\n return false;\n });\n\n mediaWatch.addEventListener('change', function () {\n if (clone && clone.remove) clone.remove();\n $('.zoomModal').modal('hide');\n });\n};\n","require('bootstrap/js/src/util.js');\nrequire('bootstrap/js/src/alert.js');\n// require('bootstrap/js/src/button.js');\nrequire('bootstrap/js/src/carousel.js');\nrequire('bootstrap/js/src/collapse.js');\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\n// bootstarp 4 ISSUE :: multiple modal closing precence fix\n$('body').on('hidden.bs.modal', '.modal', function () {\n if ($('.modal:visible').length) $(document.body).addClass('modal-open');\n});\n","/* eslint-disable no-console */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable consistent-return */\n/* eslint-disable no-restricted-syntax */\n/* eslint-disable no-unused-vars */\n/* eslint-disable no-shadow */\n/* eslint-disable no-param-reassign */\n/* eslint-disable no-underscore-dangle */\n\nvar Swiper = require('swiper').Swiper;\nvar Navigation = require('swiper').Navigation;\nvar Scrollbar = require('swiper').Scrollbar;\nvar Pagination = require('swiper').Pagination;\nvar FreeMode = require('swiper').FreeMode;\nvar Autoplay = require('swiper').Autoplay;\nvar Thumbs = require('swiper').Thumbs;\nvar responsiveUtils = require('../components/responsiveUtils');\n\nvar onlyMediaSwipers = [];\n\nvar _mediaWatch;\nvar sliderSelector = '.swiper-container:not([data-noautoinit])';\n\n/**\n * Update counter\n * @param {*} swiper swiper\n */\nfunction updateCounters(swiper) {\n var parent = $(swiper.wrapperEl).parents('.js-thumbs-carousels').eq(0);\n $('.js-slidesn', parent).text(swiper.slides.length);\n if (!swiper.slides.length) {\n setTimeout(function () {\n $('.js-slidesn', parent).text(swiper.slides.length);\n }, 600);\n }\n $('.js-sliden', parent).text(swiper.realIndex + 1);\n $('.expose-button', parent).addClass('show');\n}\n\n// Default swiper options to be merged with specific configuration\nvar defaultOptions = {\n modules: [Navigation, Scrollbar, Pagination, FreeMode, Autoplay, Thumbs],\n observer: true,\n navigation: {\n // nextEl: '.swiper-button-next', too generic\n // prevEl: '.swiper-button-prev' too generic\n },\n pagination: {\n el: '.swiper-pagination',\n clickable: true\n }\n};\n\nvar freeMode = {\n enabled: {\n enabled: true,\n sticky: true\n },\n disabled: {\n enabled: false\n }\n};\n\nvar defaultConfiguration = {\n centeredSlides: false,\n spaceBetween: 8,\n slidesPerView: 'auto',\n breakpoints: {\n 320: {\n spaceBetween: 8,\n freeMode: freeMode.disabled\n },\n 768: {\n spaceBetween: 16,\n freeMode: freeMode.disabled\n },\n 1031: {\n spaceBetween: 32,\n freeMode: freeMode.enabled\n }\n }\n};\n\nconst newSwiperConfigs = {\n centeredSlides: false,\n spaceBetween: 8,\n observeParents: true,\n slidesPerView: 'auto',\n breakpoints: {\n 1031: {\n spaceBetween: 16,\n freeMode: freeMode.enabled\n }\n },\n scrollbar: {\n el: '.swiper-scrollbar',\n hide: false,\n draggable: true\n }\n};\n\n// List of configurations\n// Provide name and configuration object\nvar swiperConfigurations = {\n product: newSwiperConfigs,\n category: defaultConfiguration,\n story: defaultConfiguration,\n pickup: {\n centeredSlides: false,\n spaceBetween: 16,\n slidesPerView: 'auto',\n scrollbar: {\n el: '.swiper-scrollbar',\n hide: false,\n draggable: true\n },\n only: 'desktop'\n },\n polaroid: newSwiperConfigs,\n collection: newSwiperConfigs,\n mainhero: {\n centeredSlides: true,\n slidesPerView: 1,\n autoHeight: false,\n breakpoints: {\n 1032: {\n slidesPerView: 'auto'\n }\n }\n\n },\n catalog: {\n navigation: false\n },\n tile: {\n slidesPerView: 1,\n breakpoints: {\n 1031: {\n freeMode: freeMode.enabled\n }\n }\n },\n swatch: {\n slidesPerGroup: 3,\n loop: true,\n centeredSlides: false,\n allowTouchMove: false,\n breakpoints: {\n 320: {\n spaceBetween: 7\n },\n 768: {\n spaceBetween: 12\n }\n }\n },\n suggestions: {\n centeredSlides: false,\n slidesPerView: 'auto',\n breakpoints: {\n 320: {\n spaceBetween: 16,\n freeMode: freeMode.disabled\n },\n 768: {\n spaceBetween: 8,\n freeMode: freeMode.disabled\n }\n }\n },\n productdeail: {\n pagination: false,\n on: {\n init: (swiper) => {\n updateCounters(swiper);\n },\n update: (swiper) => {\n updateCounters(swiper);\n },\n slideChange: function (swiper) {\n updateCounters(swiper);\n }\n },\n observeParents: true\n },\n productdeailthumbs: {\n pagination: false,\n navigation: false,\n scrollbar: {\n el: '.swiper-scrollbar',\n hide: false,\n draggable: true\n },\n spaceBetween: 4,\n slidesPerView: 'auto'\n },\n zoom: {\n pagination: false,\n navigation: {\n nextEl: '.js-swiper-next-zoom',\n prevEl: '.js-swiper-prev-zoom'\n },\n on: {\n afterInit: (swiper) => {\n updateCounters(swiper);\n var $slides = $(swiper.wrapperEl).parents('.js-thumbs-carousels').find('.swiper-zoomthumb-container:not(.swiper-initialized) .swiper-slide');\n $slides.removeClass('swiper-slide-thumb-active');\n $slides.eq(swiper.realIndex).addClass('swiper-slide-thumb-active');\n },\n update: (swiper) => {\n updateCounters(swiper);\n },\n slideChange: function (swiper) {\n updateCounters(swiper);\n // non carousel thumbs management\n var $slides = $(swiper.wrapperEl).parents('.js-thumbs-carousels').find('.swiper-zoomthumb-container:not(.swiper-initialized) .swiper-slide');\n $slides.removeClass('swiper-slide-thumb-active');\n $slides.eq(swiper.realIndex).addClass('swiper-slide-thumb-active');\n }\n }\n },\n zoomthumbs: {\n pagination: false,\n navigation: false,\n spaceBetween: 4,\n slidesPerView: 'auto',\n only: 'mobile'\n }\n};\n\n/**\n * Returns the configuration for the given swiper slider\n *\n * @param {DOM} slider - HTML element for the slider\n * @param {*} options - options\n * @return {Object} - slider configuration\n */\nfunction getConfiguration(slider, options) {\n var configName = slider.getAttribute('data-swiper-config') || 'default';\n var data = slider.getAttribute('data-swiper') || null;\n var dataOptions = data ? JSON.parse(data) : {};\n options = options || {};\n\n return Object.assign(\n {},\n defaultOptions,\n swiperConfigurations[configName],\n dataOptions,\n options\n );\n}\n\n/**\n * Initialises the given swiper slider\n * @param {*} slider - HTML element for the slider\n * @param {*} options - Options\n * @returns {*} swiper\n */\nfunction initSwiper(slider, options) {\n var configuration = getConfiguration(slider, options);\n\n if (configuration.only) {\n _mediaWatch = _mediaWatch || responsiveUtils.watchDesktop();\n\n onlyMediaSwipers.push({ slider: slider, options: options });\n\n var isDesktop = _mediaWatch.matches;\n if ((configuration.only === 'mobile' && isDesktop) || (configuration.only === 'desktop' && !isDesktop)) {\n console.log('Swiper not initialized - only: ' + configuration.only);\n return null;\n }\n }\n\n // init thumb carousel first\n if (configuration.thumbs && configuration.thumbs.swiperElementId) {\n var thumbCarousel = document.getElementById(configuration.thumbs.swiperElementId);\n if (thumbCarousel) {\n var thumbSwiper = initSwiper(thumbCarousel);\n if (thumbSwiper) {\n configuration.thumbs.swiper = thumbSwiper;\n delete configuration.thumbs.swiperElementId;\n }\n } else {\n console.log('Swiper configuration request thumb but the element: #' + configuration.thumbs.swiperElementId + 'seems missing in te page');\n }\n }\n\n var swiper = new Swiper(slider, configuration);\n\n return swiper;\n}\n\n/**\n * update ProductTile Images based on colour selection\n * @param {*} imagesContainer - Image container\n * @param {*} imagesToReplace - Image to replace\n * @param {*} productURL - Product pdp URL\n */\nfunction updateProductTileImages(imagesContainer, imagesToReplace, productURL) {\n if (imagesContainer && imagesToReplace) {\n var imageSize = $(imagesContainer).data('imagesize');\n\n // make sure, we have at lease one image\n if (imagesToReplace && imagesToReplace.length > 0) {\n var swiperWrapper = $(imagesContainer).find('.swiper-wrapper');\n\n // update image in slider\n var newSlidesHTML = '';\n for (var i = 0; i < 1; i++) {\n let slide = '![\"'](\"' "\\"'")
').appendTo($(carousel).find('.carousel-inner'));\n $('').appendTo($(carousel).find('.carousel-indicators'));\n }\n $($(carousel).find('.carousel-item')).first().addClass('active');\n $($(carousel).find('.carousel-indicators > li')).first().addClass('active');\n if (imgs.length === 1) {\n $($(carousel).find('.carousel-indicators, a[class^=\"carousel-control-\"]')).detach();\n }\n $(carousel).carousel();\n $($(carousel).find('.carousel-indicators')).attr('aria-hidden', true);\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 =\n $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item')\n .data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item')\n .data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n createCarousel(primaryImageUrls, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price', $productContainer).length\n ? $('.prices .price', $productContainer)\n : $('.prices .price');\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find('.select-bonus-product');\n $selectButton.trigger('bonusproduct:updateSelectButton', {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n }\n\n // Update attributes\n $productContainer.find('.main-attributes').empty()\n .html(getAttributesHtml(response.product.attributes));\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent('.bonus-product-item').length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return '';\n }).join('');\n 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',\n { 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.optionsHtml, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
';\n slide += '';\n slide += '';\n slide += '
';\n\n newSlidesHTML += slide;\n }\n\n // make sure new slide exist before replacing\n if (newSlidesHTML) {\n // remove old slider\n if (swiperWrapper) {\n $(swiperWrapper).empty();\n }\n\n // add new slider with updated images\n $(swiperWrapper).html(newSlidesHTML);\n }\n }\n }\n}\n\nmodule.exports = function () {\n //\n // Listen for custom swiper event to initialise sliders created by Ajax\n // Pass an array of sliders to initialise\n // See product/base.js: $('body').trigger('swiper:init', [{ slider: carousel }]);\n //\n $('body').on('swiper:init', function (e, data) {\n if (!data || !data.slider) return;\n\n data.slider.get().forEach(function (slidr) {\n if (slidr.swiper) {\n slidr.swiper.destroy();\n }\n initSwiper(slidr, data.options);\n });\n });\n\n //\n // Listen for quickview or wishlist overlay events\n //\n $('body').on('quickview:ready editwishlistproduct:ready', function () {\n initSwiper($('.product-quickview .swiper').get(0));\n });\n\n /**\n * Setup mutation observer to listen for changes in the recommendations slots\n * and initialise the swiper sliders\n * Slots must have a wrapper with .js-recommender as a class\n */\n var observer = new MutationObserver(function (list, observer) {\n for (var mutation of list) {\n $(mutation.target)\n .find('.swiper:not(.swiper-initialised)')\n .each(function () {\n $('body').trigger('swiper:init', [{ slider: $(this) }]);\n });\n }\n });\n $('.js-recommender').each(function () {\n observer.observe(this, {\n childList: true,\n subtree: true\n });\n });\n\n //\n // Initialise all available sliders\n //\n var nSlider = document.querySelectorAll(sliderSelector);\n [].forEach.call(nSlider, function (slider) {\n initSwiper(slider);\n });\n\n // find out all the swiper with ranking.\n $('.display-product-ranking').each(function () {\n var productTiles = $(this).find('.product-tile');\n if (productTiles && productTiles.length) {\n $(productTiles).each(function (index) {\n var tileRank = $(this).find('.tile-rank');\n if (tileRank) {\n $(tileRank).html('' + (index + 1) + '');\n $(tileRank).removeClass('d-none');\n }\n });\n }\n });\n\n // find out all the product swipers with Rating enabled.\n $('.swiper-product-container').each(function () {\n var showRating = $(this).data('rating');\n if (!showRating) {\n var productTiles = $(this).find('.product-tile');\n if (productTiles && productTiles.length) {\n $(productTiles).each(function (index) {\n var tileRating = $(this).find('.tile-body-footer');\n if (tileRating) {\n $(tileRating).addClass('d-none');\n }\n });\n }\n }\n });\n\n $('body').on('click', '.js-swatch-color-select', function (e) {\n e.preventDefault();\n\n var searchResults = $('.container.search-results');\n if (searchResults && searchResults.length) {\n return false;\n }\n var swatchContainer = $(this).closest('.swatch-color');\n var imagesContainer = $(this).closest('.product-tile').find('.image-container');\n var quickViewAnchor = $(this).closest('.product-tile').find('.quickview'); // Anchor point for quickview\n var swatchCountAnchor = $(this).closest('.product-tile').find('.swatchplusAnchor');\n if (swatchContainer) {\n var variationUrl = $(swatchContainer).data('variationurl');\n var pdpUrl = $(swatchContainer).data('swatchurl');\n\n // $.spinner().start();\n $.ajax({\n url: variationUrl,\n method: 'GET',\n success: function (data) {\n if (data && data.product && data.product.images && data.product.images) {\n var variantImages = data.product.images;\n var imagesToReplace = (variantImages.model && variantImages.model.length) ? variantImages.model : variantImages.medium;\n\n updateProductTileImages(imagesContainer, imagesToReplace, pdpUrl);\n\n // Remove previously selected and highlight selected swatch\n swatchContainer.siblings('.selected').removeClass('selected').children('.swatch').removeClass('selected');\n swatchContainer.addClass('selected').children('.swatch').addClass('selected');\n $(swatchCountAnchor).attr('href', pdpUrl);\n }\n if (data && data.product && data.product.tilequickview) {\n $(quickViewAnchor).attr('href', data.product.tilequickview); // Update quickview href based on the swatch clicked\n }\n // $.spinner().stop();\n },\n error: function () {\n // $.spinner().stop();\n }\n });\n }\n });\n\n var mediaObserverHandler = () => {\n var isDesktop = _mediaWatch.matches;\n\n onlyMediaSwipers.forEach((swiperData) => {\n if (swiperData.slider) {\n var configuration = getConfiguration(swiperData.slider, swiperData.options);\n\n if ((configuration.only === 'mobile' && isDesktop) || (configuration.only === 'desktop' && !isDesktop)) {\n console.log('Swiper - only on ' + configuration.only + ' - desitroy');\n swiperData.slider.swiper && swiperData.slider.swiper.destroy();\n } else {\n console.log('Swiper - only on ' + configuration.only + ' - initialize');\n initSwiper(swiperData.slider, swiperData.options);\n }\n }\n });\n };\n\n _mediaWatch = _mediaWatch || responsiveUtils.watchDesktop();\n _mediaWatch.removeEventListener('change', mediaObserverHandler);\n _mediaWatch.addEventListener('change', mediaObserverHandler);\n};\n","'use strict';\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessageAndRemoveFromCart(data) {\n $.spinner().stop();\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('');\n }\n $('.add-to-wishlist-messages')\n .append('' + data.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 1500);\n var $targetElement = $('a[data-pid=\"' + data.pid + '\"]').closest('.product-info').find('.remove-product');\n var itemToMove = {\n actionUrl: $targetElement.data('action'),\n productID: $targetElement.data('pid'),\n productName: $targetElement.data('name'),\n uuid: $targetElement.data('uuid')\n };\n $('body').trigger('afterRemoveFromCart', itemToMove);\n setTimeout(function () {\n $('#removeProductModal').modal();\n }, 2000);\n}\n/**\n * move items from Cart to wishlist\n * returns json object with success or error message\n */\nfunction moveToWishlist() {\n $('body').on('click', '.product-move .move', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var pid = $(this).data('pid');\n var optionId = $(this).closest('.product-info').find('.lineItem-options-values').data('option-id');\n var optionVal = $(this).closest('.product-info').find('.lineItem-options-values').data('value-id');\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessageAndRemoveFromCart(data);\n },\n error: function (err) {\n displayMessageAndRemoveFromCart(err);\n }\n });\n });\n}\n\nmodule.exports = { moveToWishlist };\n","'use strict';\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} icon - icon that was clicked to add a product to the wishlist\n */\nfunction displayMessageAndChangeIcon(data, icon) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = 'alert-success';\n icon.addClass('solid');\n } else {\n status = 'alert-danger';\n }\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n $('.add-to-wishlist-messages')\n .append('' + data.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 5000);\n}\n\nmodule.exports = {\n addToWishlist: function () {\n $('body').on('click', '.wishlistTile', function (e) {\n e.preventDefault();\n var icon = $(this).find($('.icon'));\n var url = $(this).attr('href');\n var pid = $(this).closest('.product').data('pid');\n var optionId = $(this).closest('.product-detail').find('.product-option').attr('data-option-id');\n var optionVal = $(this).closest('.product-detail').find('.options-select option:selected').attr('data-value-id');\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessageAndChangeIcon(data, icon);\n },\n error: function (err) {\n displayMessageAndChangeIcon(err, icon);\n }\n });\n });\n }\n};\n","'use strict';\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).find('input, select').each(function () {\n if (!this.validity.valid) {\n $(this).trigger('invalid', this.validity);\n }\n });\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').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 if (!this.validity.valid) {\n var validationMessage = this.validationMessage;\n $(this).addClass('is-invalid');\n if (this.validity.patternMismatch && $(this).data('pattern-mismatch')) {\n validationMessage = $(this).data('pattern-mismatch');\n }\n if ((this.validity.rangeOverflow || this.validity.rangeUnderflow)\n && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if ((this.validity.tooLong || this.validity.tooShort)\n && $(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')\n .text(validationMessage);\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 // clear all errors when trying to submit the form\n clearForm($(this).parents('form'));\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';\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\nmodule.exports = function () {\n if ($('.valid-cookie-warning').length > 0) {\n var previousSessionID = window.localStorage.getItem('previousSid');\n var currentSessionID = getCookie('sid');\n if (!previousSessionID && currentSessionID) {\n // When a user first time visit the home page,\n // set the previousSessionID to currentSessionID\n // and Show the cookie alert\n previousSessionID = currentSessionID;\n window.localStorage.setItem('previousSid', previousSessionID);\n $('.cookie-warning-messaging').show();\n } else if (previousSessionID && previousSessionID === currentSessionID) {\n // Hide the cookie alert if user is in the same session\n $('.cookie-warning-messaging').hide();\n } else {\n // Clear the previousSessionID from localStorage\n // when user session is changed or expired\n window.localStorage.removeItem('previousSid');\n }\n }\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('.navbar-header .country-selector',\n {\n 40: function ($countryOptions) { // down\n if ($(this).is(':focus')) {\n $countryOptions.first().focus();\n } else {\n $(':focus').next().focus();\n }\n },\n 38: function ($countryOptions) { // 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 () { // escape\n $(this).focus();\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n },\n 9: function () { // 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';\n\nmodule.exports = {\n setTabNextFocus: function (focusParams) {\n var KEYCODE_TAB = 9;\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\n\n if (!isTabPressed) {\n return;\n }\n\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\n\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\n if ($('.product-quickview.product-set').length > 0) {\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\n lastFocusableEl = linkElements[linkElements.length - 1];\n }\n }\n\n if (focusParams.event.shiftKey) /* shift + tab */ {\n if ($(':focus').is(firstFocusableEl)) {\n lastFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n } else /* tab */ {\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\n firstFocusableEl.focus();\n focusParams.event.preventDefault();\n }\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 = [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\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 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// element level spinner:\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// page-level spinner:\n$.spinner = function () {\n var Fn = function () {\n this.start = function () {\n addSpinner($('body'));\n };\n this.stop = function () {\n removeSpinner($('.veil'));\n };\n };\n return new Fn();\n};\n","'use strict';\n\nmodule.exports = function () {\n $('.info-icon').on('mouseenter focusin', function () {\n $(this).find('.tooltip').removeClass('d-none');\n });\n\n $('.info-icon').on('mouseleave focusout', function () {\n $(this).find('.tooltip').addClass('d-none');\n });\n};\n","'use strict';\nvar focusHelper = require('../components/focus');\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 var quantitySelected;\n if ($el && $('.set-items').length) {\n quantitySelected = $($el).closest('.product-detail').find('.quantity-select');\n } else if ($el && $('.product-bundle').length) {\n var quantitySelectedModal = $($el).closest('.modal-footer').find('.quantity-select');\n var quantitySelectedPDP = $($el).closest('.bundle-footer').find('.quantity-select');\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $('.quantity-select');\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' +\n attrValue.value + '\"]');\n var $swatchButton = $attrValue.parent();\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\n } else {\n $attrValue.removeClass('selected');\n $attrValue.siblings('.selected-assistive-text').empty();\n }\n\n if (attrValue.url) {\n $swatchButton.attr('data-url', attrValue.url);\n } else {\n $swatchButton.removeAttr('data-url');\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\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 attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer\n .find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\n $attrValue.attr('value', attrValue.url)\n .removeAttr('disabled');\n\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n // Currently, the only attribute type that has image swatches is Color.\n var attrsWithSwatches = ['color'];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\n processSwatchValues(attr, $productContainer, msgs);\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 if (!response.product.readyToOrder) {\n availabilityValue = '
' + response.resources.info_selectforstock + '
' + message + '
' + attribute.label + ': '\n + 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} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n\t// Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Bootstrap carousel from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createCarousel(imgs, $productContainer) {\n var carousel = $productContainer.find('.carousel');\n $(carousel).carousel('dispose');\n var carouselId = $(carousel).attr('id');\n $(carousel).empty().append('').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: 'json',\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @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\n && 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 }\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 + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#chooseBonusProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect($(this).attr('data-url'), $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'),\n $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find('.product-id').text(),\n qty: $(this).find('.quantity-select').val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + ''\n + '
'\n ;\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('disabled',\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).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 =\n parseInt($(this)\n .data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('#chooseBonusProductModal').modal('hide');\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.add-to-cart-messages').append(\n ''\n + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\n + ''\n + '
'\n + data.errorMessage + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 3000);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n ''\n + data.msgSuccess + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\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","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.0): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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.6.0'\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_DISMISS = '[data-dismiss=\"alert\"]'\n\nconst EVENT_CLOSE = `close${EVENT_KEY}`\nconst EVENT_CLOSED = `closed${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_ALERT = 'alert'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\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(`.${CLASS_NAME_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(CLASS_NAME_SHOW)\n\n if (!$(element).hasClass(CLASS_NAME_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.6.0): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'carousel'\nconst VERSION = '4.6.0'\nconst DATA_KEY = 'bs.carousel'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\nconst ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\nconst TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\nconst SWIPE_THRESHOLD = 40\n\nconst Default = {\n interval: 5000,\n keyboard: true,\n slide: false,\n pause: 'hover',\n wrap: true,\n touch: true\n}\n\nconst DefaultType = {\n interval: '(number|boolean)',\n keyboard: 'boolean',\n slide: '(boolean|string)',\n pause: '(string|boolean)',\n wrap: 'boolean',\n touch: 'boolean'\n}\n\nconst DIRECTION_NEXT = 'next'\nconst DIRECTION_PREV = 'prev'\nconst DIRECTION_LEFT = 'left'\nconst DIRECTION_RIGHT = 'right'\n\nconst EVENT_SLIDE = `slide${EVENT_KEY}`\nconst EVENT_SLID = `slid${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`\nconst EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`\nconst EVENT_TOUCHSTART = `touchstart${EVENT_KEY}`\nconst EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}`\nconst EVENT_TOUCHEND = `touchend${EVENT_KEY}`\nconst EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}`\nconst EVENT_POINTERUP = `pointerup${EVENT_KEY}`\nconst EVENT_DRAG_START = `dragstart${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_CAROUSEL = 'carousel'\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_SLIDE = 'slide'\nconst CLASS_NAME_RIGHT = 'carousel-item-right'\nconst CLASS_NAME_LEFT = 'carousel-item-left'\nconst CLASS_NAME_NEXT = 'carousel-item-next'\nconst CLASS_NAME_PREV = 'carousel-item-prev'\nconst CLASS_NAME_POINTER_EVENT = 'pointer-event'\n\nconst SELECTOR_ACTIVE = '.active'\nconst SELECTOR_ACTIVE_ITEM = '.active.carousel-item'\nconst SELECTOR_ITEM = '.carousel-item'\nconst SELECTOR_ITEM_IMG = '.carousel-item img'\nconst SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev'\nconst SELECTOR_INDICATORS = '.carousel-indicators'\nconst SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]'\nconst SELECTOR_DATA_RIDE = '[data-ride=\"carousel\"]'\n\nconst PointerType = {\n TOUCH: 'touch',\n PEN: 'pen'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\nclass Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n this._isPaused = false\n this._isSliding = false\n this.touchTimeout = null\n this.touchStartX = 0\n this.touchDeltaX = 0\n\n this._config = this._getConfig(config)\n this._element = element\n this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS)\n this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0\n this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent)\n\n this._addEventListeners()\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 next() {\n if (!this._isSliding) {\n this._slide(DIRECTION_NEXT)\n }\n }\n\n nextWhenVisible() {\n const $element = $(this._element)\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($element.is(':visible') && $element.css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(DIRECTION_PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if (this._element.querySelector(SELECTOR_NEXT_PREV)) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._updateInterval()\n\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(EVENT_SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex ?\n DIRECTION_NEXT :\n DIRECTION_PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\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 _handleSwipe() {\n const absDeltax = Math.abs(this.touchDeltaX)\n\n if (absDeltax <= SWIPE_THRESHOLD) {\n return\n }\n\n const direction = absDeltax / this.touchDeltaX\n\n this.touchDeltaX = 0\n\n // swipe left\n if (direction > 0) {\n this.prev()\n }\n\n // swipe right\n if (direction < 0) {\n this.next()\n }\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element).on(EVENT_KEYDOWN, event => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(EVENT_MOUSEENTER, event => this.pause(event))\n .on(EVENT_MOUSELEAVE, event => this.cycle(event))\n }\n\n if (this._config.touch) {\n this._addTouchEventListeners()\n }\n }\n\n _addTouchEventListeners() {\n if (!this._touchSupported) {\n return\n }\n\n const start = event => {\n if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {\n this.touchStartX = event.originalEvent.clientX\n } else if (!this._pointerEvent) {\n this.touchStartX = event.originalEvent.touches[0].clientX\n }\n }\n\n const move = event => {\n // ensure swiping with one touch and not pinching\n if (event.originalEvent.touches && event.originalEvent.touches.length > 1) {\n this.touchDeltaX = 0\n } else {\n this.touchDeltaX = event.originalEvent.touches[0].clientX - this.touchStartX\n }\n }\n\n const end = event => {\n if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {\n this.touchDeltaX = event.originalEvent.clientX - this.touchStartX\n }\n\n this._handleSwipe()\n if (this._config.pause === 'hover') {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n\n this.touchTimeout = setTimeout(event => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n }\n }\n\n $(this._element.querySelectorAll(SELECTOR_ITEM_IMG))\n .on(EVENT_DRAG_START, e => e.preventDefault())\n\n if (this._pointerEvent) {\n $(this._element).on(EVENT_POINTERDOWN, event => start(event))\n $(this._element).on(EVENT_POINTERUP, event => end(event))\n\n this._element.classList.add(CLASS_NAME_POINTER_EVENT)\n } else {\n $(this._element).on(EVENT_TOUCHSTART, event => start(event))\n $(this._element).on(EVENT_TOUCHMOVE, event => move(event))\n $(this._element).on(EVENT_TOUCHEND, event => end(event))\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = element && element.parentNode ?\n [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) :\n []\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === DIRECTION_NEXT\n const isPrevDirection = direction === DIRECTION_PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === DIRECTION_PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1 ?\n this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM))\n const slideEvent = $.Event(EVENT_SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n const indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE))\n $(indicators).removeClass(CLASS_NAME_ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(CLASS_NAME_ACTIVE)\n }\n }\n }\n\n _updateInterval() {\n const element = this._activeElement || this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n\n if (!element) {\n return\n }\n\n const elementInterval = parseInt(element.getAttribute('data-interval'), 10)\n\n if (elementInterval) {\n this._config.defaultInterval = this._config.defaultInterval || this._config.interval\n this._config.interval = elementInterval\n } else {\n this._config.interval = this._config.defaultInterval || this._config.interval\n }\n }\n\n _slide(direction, element) {\n const activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === DIRECTION_NEXT) {\n directionalClassName = CLASS_NAME_LEFT\n orderClassName = CLASS_NAME_NEXT\n eventDirectionName = DIRECTION_LEFT\n } else {\n directionalClassName = CLASS_NAME_RIGHT\n orderClassName = CLASS_NAME_PREV\n eventDirectionName = DIRECTION_RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(CLASS_NAME_ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n this._activeElement = nextElement\n\n const slidEvent = $.Event(EVENT_SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if ($(this._element).hasClass(CLASS_NAME_SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n const transitionDuration = Util.getTransitionDurationFromElement(activeElement)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(CLASS_NAME_ACTIVE)\n\n $(activeElement).removeClass(`${CLASS_NAME_ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(transitionDuration)\n } else {\n $(activeElement).removeClass(CLASS_NAME_ACTIVE)\n $(nextElement).addClass(CLASS_NAME_ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n\n data[action]()\n } else if (_config.interval && _config.ride) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(CLASS_NAME_CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler)\n\n$(window).on(EVENT_LOAD_DATA_API, () => {\n const carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE))\n for (let i = 0, len = carousels.length; i < len; i++) {\n const $carousel = $(carousels[i])\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n }\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Carousel._jQueryInterface\n$.fn[NAME].Constructor = Carousel\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n}\n\nexport default Carousel\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.0): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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.6.0'\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_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_COLLAPSE = 'collapse'\nconst CLASS_NAME_COLLAPSING = 'collapsing'\nconst CLASS_NAME_COLLAPSED = 'collapsed'\n\nconst DIMENSION_WIDTH = 'width'\nconst DIMENSION_HEIGHT = 'height'\n\nconst SELECTOR_ACTIVES = '.show, .collapsing'\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"collapse\"]'\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(CLASS_NAME_SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(CLASS_NAME_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(CLASS_NAME_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(CLASS_NAME_COLLAPSE)\n .addClass(CLASS_NAME_COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(CLASS_NAME_COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSING)\n .addClass(`${CLASS_NAME_COLLAPSE} ${CLASS_NAME_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(CLASS_NAME_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(CLASS_NAME_COLLAPSING)\n .removeClass(`${CLASS_NAME_COLLAPSE} ${CLASS_NAME_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(CLASS_NAME_SHOW)) {\n $(trigger).addClass(CLASS_NAME_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(CLASS_NAME_COLLAPSING)\n .addClass(CLASS_NAME_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 = `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n const children = [].slice.call(parent.querySelectorAll(selector))\n\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(CLASS_NAME_SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(CLASS_NAME_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 $element = $(this)\n let data = $element.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$element.data(),\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $element.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\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.6.0): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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.6.0'\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_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEUP_DISMISS = `mouseup.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable'\nconst CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure'\nconst CLASS_NAME_BACKDROP = 'modal-backdrop'\nconst CLASS_NAME_OPEN = 'modal-open'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_STATIC = 'modal-static'\n\nconst SELECTOR_DIALOG = '.modal-dialog'\nconst SELECTOR_MODAL_BODY = '.modal-body'\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"modal\"]'\nconst SELECTOR_DATA_DISMISS = '[data-dismiss=\"modal\"]'\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'\nconst SELECTOR_STICKY_CONTENT = '.sticky-top'\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(CLASS_NAME_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(CLASS_NAME_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(CLASS_NAME_SHOW)\n\n $(this._element).off(EVENT_CLICK_DISMISS)\n $(this._dialog).off(EVENT_MOUSEDOWN_DISMISS)\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 const hideEventPrevented = $.Event(EVENT_HIDE_PREVENTED)\n\n $(this._element).trigger(hideEventPrevented)\n if (hideEventPrevented.isDefaultPrevented()) {\n return\n }\n\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!isModalOverflowing) {\n this._element.style.overflowY = 'hidden'\n }\n\n this._element.classList.add(CLASS_NAME_STATIC)\n\n const modalTransitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n $(this._element).off(Util.TRANSITION_END)\n\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.classList.remove(CLASS_NAME_STATIC)\n if (!isModalOverflowing) {\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.style.overflowY = ''\n })\n .emulateTransitionEnd(this._element, modalTransitionDuration)\n }\n })\n .emulateTransitionEnd(modalTransitionDuration)\n this._element.focus()\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(CLASS_NAME_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 this._element.setAttribute('role', 'dialog')\n\n if ($(this._dialog).hasClass(CLASS_NAME_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(CLASS_NAME_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\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) {\n $(this._element).on(EVENT_KEYDOWN_DISMISS, event => {\n if (this._config.keyboard && event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n } else if (!this._config.keyboard && 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._element.removeAttribute('role')\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(CLASS_NAME_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(CLASS_NAME_FADE) ?\n CLASS_NAME_FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = CLASS_NAME_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\n if (event.target !== event.currentTarget) {\n return\n }\n\n if (this._config.backdrop === 'static') {\n this._triggerBackdropTransition()\n } else {\n this.hide()\n }\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(CLASS_NAME_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(CLASS_NAME_SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(CLASS_NAME_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 = 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 = Math.round(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(CLASS_NAME_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 = CLASS_NAME_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\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.6.0): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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.6.0'\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_ACTIVATE = `activate${EVENT_KEY}`\nconst EVENT_SCROLL = `scroll${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst SELECTOR_DATA_SPY = '[data-spy=\"scroll\"]'\nconst SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'\nconst SELECTOR_NAV_LINKS = '.nav-link'\nconst SELECTOR_NAV_ITEMS = '.nav-item'\nconst SELECTOR_LIST_ITEMS = '.list-group-item'\nconst SELECTOR_DROPDOWN = '.dropdown'\nconst SELECTOR_DROPDOWN_ITEMS = '.dropdown-item'\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\n\nconst METHOD_OFFSET = 'offset'\nconst METHOD_POSITION = 'position'\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 METHOD_OFFSET : METHOD_POSITION\n\n const offsetMethod = this._config.method === 'auto' ?\n autoMethod : this._config.method\n\n const offsetBase = offsetMethod === METHOD_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\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' && Util.isElement(config.target)) {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\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 + scrollHeight - 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\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 for (let i = this._offsets.length; 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(CLASS_NAME_DROPDOWN_ITEM)) {\n $link.closest(SELECTOR_DROPDOWN)\n .find(SELECTOR_DROPDOWN_TOGGLE)\n .addClass(CLASS_NAME_ACTIVE)\n $link.addClass(CLASS_NAME_ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(CLASS_NAME_ACTIVE)\n // Set triggered links parents as active\n // With both - and