'\n + lineItem.availability.inStockDate\n + '
';\n }\n }\n\n $('.availability-' + lineItem.UUID).html(messages);\n }\n}\n\n/**\n * Finds an element in the array that matches search parameter\n * @param {array} array - array of items to search\n * @param {function} match - function that takes an element and returns a boolean indicating if the match is made\n * @returns {Object|null} - returns an element of the array that matched the query.\n */\nfunction findItem(array, match) { // eslint-disable-line no-unused-vars\n for (var i = 0, l = array.length; i < l; i++) {\n if (match.call(this, array[i])) {\n return array[i];\n }\n }\n return null;\n}\n\n/**\n * Updates details of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateProductDetails(data, uuid) {\n $('.card.product-info.uuid-' + uuid).replaceWith(data.renderedTemplate);\n}\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#editProductModal').length !== 0) {\n $('#editProductModal').remove();\n }\n var htmlString = ''\n + '').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window for product variation to be edited.\n * @param {string} editProductUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(editProductUrl) {\n $('.modal-body').spinner().start();\n $.ajax({\n url: editProductUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('#editProductModal .modal-body').empty();\n $('#editProductModal .modal-body').html(parsedHtml.body);\n $('#editProductModal .modal-footer').html(parsedHtml.footer);\n $('#editProductModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#editProductModal .enter-message').text(data.enterDialogMessage);\n $('#editProductModal').modal('show');\n $('#editProductModal').on('shown.bs.modal', function() {\n base.images();\n });\n $('body').trigger('editproductmodal:ready');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * replace content of modal\n * @param {string} actionUrl - url to be used to remove product\n * @param {string} productID - pid\n * @param {string} productName - product name\n * @param {string} uuid - uuid\n */\nfunction confirmDelete(actionUrl, productID, productName, uuid,quantity) {\n var $deleteConfirmBtn = $('.cart-delete-confirmation-btn');\n var $productToRemoveSpan = $('.product-to-remove');\n\n $deleteConfirmBtn.data('pid', productID);\n $deleteConfirmBtn.data('action', actionUrl);\n $deleteConfirmBtn.data('uuid', uuid);\n $deleteConfirmBtn.data('quantity', quantity);\n $productToRemoveSpan.empty().append(productName);\n}\n\nmodule.exports = function () {\n $('body').on('click', '.remove-product', function (e) {\n e.preventDefault();\n\n var actionUrl = $(this).data('action');\n var productID = $(this).data('pid');\n var productName = $(this).data('name');\n var uuid = $(this).data('uuid');\n var quantity = $(this).data('quantity');\n confirmDelete(actionUrl, productID, productName, uuid,quantity);\n });\n\n $('body').on('afterRemoveFromCart', function (e, data) {\n e.preventDefault();\n confirmDelete(data.actionUrl, data.productID, data.productName, data.uuid,data.quantity);\n });\n\n $('.optional-promo').click(function (e) {\n e.preventDefault();\n $('.promo-code-form').toggle();\n });\n\n $('body').on('click', '.cart-delete-confirmation-btn', function (e) {\n e.preventDefault();\n\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (data.basket.items.length === 0) {\n $('.cart').empty().append('
' +\n '
' +\n '
' + data.basket.resources.emptyCartMsg + '
' +\n '
' +\n '
'\n );\n $('.number-of-items').empty().append(data.basket.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.basket.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.basket.resources.minicartCountOfItems,\n title: data.basket.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n $('body').removeClass('modal-open');\n $('html').removeClass('veiled');\n } else {\n if (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $('.uuid-' + data.toBeDeletedUUIDs[i]).remove();\n }\n }\n $('.uuid-' + uuid).remove();\n if (!data.basket.hasBonusProduct) {\n $('.bonus-product').remove();\n }\n $('.coupons-and-promos').empty().append(data.basket.totals.discountsHtml);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n $('body').trigger('setShippingMethodSelection', data.basket);\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').empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n updateAvailability(data, uuid);\n validateBasket(data);\n $(this).data('pre-select-qty', quantity);\n\n $('body').trigger('cart:update', data);\n\n $.spinner().stop();\n if ($(this).parents('.product-info').hasClass('bonus-product-line-item') && $('.cart-page').length) {\n location.reload();\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $(this).val(parseInt(preSelectQty, 10));\n $.spinner().stop();\n }\n }\n });\n });\n\n $('.shippingMethods').change(function () {\n var url = $(this).attr('data-actionUrl');\n var urlParams = {\n methodID: $(this).find(':selected').attr('data-shipping-id')\n };\n // url = appendToUrl(url, urlParams);\n\n $('.totals').spinner().start();\n $('body').trigger('cart:beforeShippingMethodSelected');\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n 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('aria-describedby', 'missingCouponCode');\n $('.coupon-missing-error').show();\n $.spinner().stop();\n return false;\n }\n var $form = $('.promo-code-form');\n $('.promo-code-form .form-control').removeClass('is-invalid');\n $('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n\n $.ajax({\n url: $form.attr('action'),\n type: 'GET',\n dataType: 'json',\n data: $form.serialize(),\n success: function (data) {\n if (data.error) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'invalidCouponCode');\n $('.coupon-error-message').empty().append(data.errorMessage);\n $('body').trigger('promotion:error', data);\n } else {\n $('.coupons-and-promos').empty().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 (e) {\n e.preventDefault();\n e.stopPropagation();\n\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('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').remove();\n $('.modal-backdrop').remove();\n $('body').removeClass('modal-open');\n\n if ($('.cart-page').length) {\n $('.launched-modal .btn-outline-primary').trigger('focus');\n $('.launched-modal').removeClass('launched-modal');\n } else {\n $('.product-detail .add-to-cart').focus();\n }\n });\n\n $('body').on('click', '.cart-page .product-edit .edit, .cart-page .bundle-edit .edit', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var editProductUrl = $(this).attr('href');\n getModalHtmlElement();\n fillModalElement(editProductUrl);\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)\n .closest('.quick-view-dialog');\n\n $('.update-cart-product-global', dialog).attr('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\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 $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview .bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container).find('.product-id').text(response.data.product.id);\n } else {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n }\n });\n\n $('body').on('change', '.quantity-select', function () {\n var selectedQuantity = $(this).val();\n $('.modal.show .update-cart-url').data('selected-quantity', selectedQuantity);\n });\n\n $('body').on('change', '.options-select', function () {\n var selectedOptionValueId = $(this).children('option:selected').data('value-id');\n $('.modal.show .update-cart-url').data('selected-option', selectedOptionValueId);\n });\n\n $('body').on('click', '.update-cart-product-global', function (e) {\n e.preventDefault();\n\n var updateProductUrl = $(this).closest('.cart-and-ipay').find('.update-cart-url').val();\n var selectedQuantity = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('selected-quantity');\n var selectedOptionValueId = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('selected-option');\n var uuid = $(this).closest('.cart-and-ipay').find('.update-cart-url').data('uuid');\n\n var form = {\n uuid: uuid,\n pid: base.getPidValue($(this)),\n quantity: selectedQuantity,\n 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').empty().append(data.cartModel.totals.discountsHtml);\n updateCartTotals(data.cartModel);\n updateApproachingDiscounts(data.cartModel.approachingDiscounts);\n updateAvailability(data.cartModel, uuid);\n updateProductDetails(data, uuid);\n\n if (data.uuidToBeDeleted) {\n $('.uuid-' + data.uuidToBeDeleted).remove();\n }\n\n validateBasket(data.cartModel);\n\n $('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\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","'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 if (!$('.tracking-consent').data('caonline')) {\n return;\n }\n\n var urlContent = $('.tracking-consent').data('url');\n var urlAccept = $('.tracking-consent').data('accept');\n var urlReject = $('.tracking-consent').data('reject');\n var textYes = $('.tracking-consent').data('accepttext');\n var textNo = $('.tracking-consent').data('rejecttext');\n var textHeader = $('.tracking-consent').data('heading');\n\n $.spinner().start();\n\n $('body').append(getConsentTrackingContainer(urlAccept, urlReject, textYes, textNo));\n\n $.ajax({\n url: urlContent,\n type: 'get',\n dataType: 'html',\n success: function (response) {\n $('.consent-tracking--footer .consent-tracking--copy').html(response);\n $.spinner().stop();\n },\n error: function () {\n $('.consent-tracking--footer').remove();\n $.spinner().stop();\n }\n });\n\n $('body').on('click', '.consent-tracking--footer button.affirm', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function () {\n $('.consent-tracking--footer').remove();\n $.spinner().stop();\n },\n error: function () {\n $('.consent-tracking--footer').remove();\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('click', '.consent-tracking--footer button.decline', function (e) {\n e.preventDefault();\n var url = $(this).data('url');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function () {\n $('.consent-tracking--footer').remove();\n $.spinner().stop();\n },\n error: function () {\n $('.consent-tracking--footer').remove();\n $.spinner().stop();\n }\n });\n });\n\n $('body').on('click', '.consent-tracking--footer button[data-dismiss=\"modal\"]', function (e) {\n $('.consent-tracking--footer').remove();\n });\n}\n\nfunction getConsentTrackingContainer(urlAccept, urlReject, textYes, textNo) {\n return [\n ''\n ].join('');\n}\n\nmodule.exports = function () {\n if ($('.consented').length === 0 && $('.declined').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 .close').focus();\n });\n\n $('body').on('hidden.bs.modal', '#consent-tracking', function () {\n $('#consent-tracking').siblings().attr('aria-hidden', 'false');\n $.spinner().stop();\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","'use strict';\n\nvar scrollAnimate = require('base/components/scrollAnimate');\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked for email sign-up\n */\nfunction displayMessage(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('
' + data.msg + '
');\n\n setTimeout(function () {\n $('.email-signup-message').remove();\n button.removeAttr('disabled');\n }, 3000);\n}\n\nmodule.exports = function () {\n $('.back-to-top').click(function () {\n scrollAnimate();\n });\n\n $('form.joinlist-bulb-finder-form').submit(function (e) {\n var form = $(this);\n var emailId = form.find('input[name=hpEmailSignUp]').val();\n var $message = form.find('span.message');\n var bulbFinderObj = {};\n bulbFinderObj.year = form.find('#jmlBulbFinderYear').val();\n bulbFinderObj.make = form.find('#select2-jmlBulbFinderMake-container').text().trim();\n bulbFinderObj.model = form.find('#select2-jmlBulbFinderModel-container').text().trim();\n e.preventDefault();\n var url = form.attr('action');\n form.parents('.modal-body').spinner().start();\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n emailId: emailId,\n bulbFinderObj: JSON.stringify(bulbFinderObj)\n },\n success: function (data) {\n if (data.error) {\n $message.text(data.msg);\n } else {\n $('#signUpModal').modal('hide');\n $('#signUpThankYouModal').modal('show');\n }\n form.parents('.modal-body').spinner().stop();\n },\n error: function (data) {\n if (data.error) {\n $message.text(data.msg);\n }\n form.parents('.modal-body').spinner().stop();\n }\n });\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 var $parentModal = button.closest('.signup-modal');\n var $message = $parentModal.find('span.message');\n $.spinner().start();\n $(this).attr('disabled', true);\n\n // Sign Up Modal\n if (!!$parentModal.length) {\n emailId = $parentModal.find('input[name=hpEmailSignUp]').val();\n $message.text('');\n }\n\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n emailId: emailId\n },\n success: function (data) {\n if (!!$parentModal.length) {\n if (data.success) {\n $('#signUpModal').modal('hide');\n $('#signUpThankYouModal').modal('show');\n } else {\n $message.text(data.msg);\n }\n\n $.spinner().stop();\n } else {\n displayMessage(data, button);\n $('.footer-email-signup-content .form-control').val('');\n }\n },\n error: function (err) {\n if (!!$parentModal.length) {\n $message.text(err.msg);\n $.spinner().stop();\n } else {\n displayMessage(err, button);\n }\n }\n });\n });\n\n // Fixes 404 if href is equal to null # or empty\n $('body').on('click', 'a', function (e) {\n var $this = $(this);\n var href = $this.attr('href');\n if (href == null || $.trim(href) == '' || href == '#' || href == 'root' || href == 'null') {\n e.preventDefault();\n }\n });\n};\n","'use strict';\n\nmodule.exports = function () {\n var $window = $(window),\n $body = $('body'),\n $hbHeight = 0;\n\n if($('.header-banner').length > 0) {\n $hbHeight = $('.header-banner').height();\n }\n\n $window.on('scroll', function () {\n if($window.scrollTop() > $hbHeight) {\n $body.addClass('sticky-header');\n $('#header-placeholder').addClass('shown');\n } else {\n $body.removeClass('sticky-header');\n $('#header-placeholder').removeClass('shown');\n }\n });\n\n $('body').on('click', '.search .site-search #shownButton', function (e) {\n e.preventDefault();\n });\n};\n","'use strict';\n\nvar keyboardAccessibility = require('base/components/keyboardAccessibility');\n\nvar clearSelection = function (element) {\n $(element).closest('.dropdown').children('.dropdown-menu').children('.top-category')\n .detach();\n $(element).closest('.dropdown.show').children('.nav-link').attr('aria-expanded', 'false');\n $(element).closest('.dropdown.show').children('.dropdown-menu').attr('aria-hidden', 'true');\n $(element).closest('.dropdown.show').removeClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n $(element).closest('li').detach();\n};\n\nvar isDesktop = function (element) {\n return $(element).parents('.menu-toggleable-left').css('position') !== 'fixed';\n};\n\n/**\n * Behavior when mouse enters nav menu item\n */\nfunction navMouseEnter() {\n if (isDesktop(this)) {\n // need to close all the dropdowns that are not direct parent of current dropdown\n $(this).addClass('show');\n $(this).children('.dropdown-menu').addClass('show');\n $(this).children('.dropdown-toggle').attr('aria-expanded', 'true');\n }\n}\n\n/**\n * Behavior when mouse enters nav menu item\n */\nfunction navMouseLeave() {\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/**\n * Reset nav statesbetwen desktop/mobile transition\n */\nfunction navReset() {\n $('.navbar-nav > li').each(function () {\n $(this).closest('.dropdown').children('.dropdown-menu').children('.top-category')\n .detach();\n $(this).closest('.dropdown.show').children('.nav-link').attr('aria-expanded', 'false');\n $(this).closest('.dropdown.show').children('.dropdown-menu').attr('aria-hidden', 'true');\n $(this).closest('.dropdown.show').removeClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n });\n}\n\nvar adjustDropdownVisibility = function() {\n\n $('nav.navbar-expand-lg li.nav-item.dropdown.mega-nav').each(function(idx, el){\n var $this = $(el);\n var nav = $('nav.navbar-expand-lg');\n var elm = $('ul:first', $this);\n var off = elm.offset();\n var l = off.left - nav.offset().left;\n var w = elm.width();\n var docW = $(\".navbar.navbar-expand-lg\").width();\n\n var isEntirelyVisible = (l + w <= docW);\n\n if (!isEntirelyVisible) {\n $($this).addClass('edge');\n } else {\n $($this).removeClass('edge');\n }\n });\n}\n\nmodule.exports = function () {\n var headerBannerStatus = window.sessionStorage.getItem('hide_header_banner');\n\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('.main-menu .nav-link, .main-menu .dropdown-link',\n {\n 40: function (menuItem) { // down\n if (menuItem.hasClass('nav-item')) { // top level\n $('.navbar-nav .show').removeClass('show')\n .children('.dropdown-menu')\n .removeClass('show');\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n menuItem.find('ul > li > a')\n .first()\n .focus();\n } else {\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n if (!(menuItem.next().length > 0)) { // if this is the last menuItem\n menuItem.parent().parent().find('li > a') // 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) { // right\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.next().children().first().focus();\n } else if (menuItem.hasClass('dropdown')) {\n menuItem.addClass('show').children('.dropdown-menu').addClass('show');\n $(this).attr('aria-expanded', 'true');\n menuItem.find('ul > li > a')\n .first()\n .focus();\n }\n },\n 38: function (menuItem) { // up\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n } else if (menuItem.prev().length === 0) { // first menuItem\n menuItem.parent().parent().removeClass('show')\n .children('.nav-link')\n .attr('aria-expanded', 'false');\n menuItem.parent().children().last().children() // 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) { // left\n if (menuItem.hasClass('nav-item')) { // top level\n menuItem.removeClass('show').children('.dropdown-menu').removeClass('show');\n $(this).attr('aria-expanded', 'false');\n menuItem.prev().children().first().focus();\n } else {\n menuItem.closest('.show').removeClass('show')\n .closest('li.show').removeClass('show')\n .children()\n .first()\n .focus()\n .attr('aria-expanded', 'false');\n }\n },\n 27: function (menuItem) { // escape\n var parentMenu = menuItem.hasClass('show')\n ? menuItem\n : menuItem.closest('li.show');\n parentMenu.children('.show').removeClass('show');\n parentMenu.removeClass('show').children('.nav-link')\n .attr('aria-expanded', 'false');\n parentMenu.children().first().focus();\n }\n },\n 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 $('.modal-background').show();\n // copy parent element into current UL\n var li = $('
');\n var link = $(this).clone().removeClass('dropdown-toggle')\n .removeAttr('data-toggle')\n .removeAttr('aria-expanded')\n .attr('aria-haspopup', 'false');\n li.append(link);\n var closeMenu = $('');\n closeMenu.append($('.close-menu').first().clone());\n $(this).parent().children('.dropdown-menu')\n .prepend(li)\n .prepend(closeMenu)\n .attr('aria-hidden', 'false');\n // copy navigation menu into view\n $(this).parent().addClass('show');\n $(this).attr('aria-expanded', 'true');\n $(link).focus();\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'true');\n e.preventDefault();\n } else if (window.outerWidth === 1024) {\n e.preventDefault();\n }\n }).parent().hoverIntent({\n over: navMouseEnter,\n out: navMouseLeave,\n timeout: 200\n });\n\n $('.navbar>.close-menu>.close-button').on('click', function (e) {\n e.preventDefault();\n $('.menu-toggleable-left').removeClass('in');\n $('.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 $('.navbar-nav').find('.top-category').detach();\n $('.navbar-nav').find('.nav-menu').detach();\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 $('.modal-background').hide();\n });\n\n $('.navbar-toggler').click(function (e) {\n e.preventDefault();\n $('.main-menu').toggleClass('in');\n $('.modal-background').show();\n\n $('.main-menu').removeClass('d-none');\n $('.main-menu').attr('aria-hidden', 'false');\n $('.main-menu').siblings().attr('aria-hidden', 'true');\n $('header').siblings().attr('aria-hidden', 'true');\n\n $('.main-menu .nav.navbar-nav .nav-link').first().focus();\n });\n\n keyboardAccessibility('.navbar-header .user',\n {\n 40: function ($popover) { // 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) { // 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 () { // escape\n $('.navbar-header .user .popover').removeClass('show');\n $('.user').attr('aria-expanded', 'false');\n },\n 9: function () { // 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 (e) {\n e.preventDefault();\n });\n\n $(window).smartresize(function () {\n navReset();\n });\n\n //adjustDropdownVisibility();\n};\n","'use strict';\n\nvar cart = require('../cart/cart');\n\nvar updateMiniCart = true;\n\nmodule.exports = function () {\n cart();\n\n $('.minicart').on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal);\n $('.minicart .minicart-total').toggleClass('minicart-empty', count.quantityTotal == 0);\n $('.minicart .minicart-link').attr({\n 'aria-label': count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\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 $('.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 $('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 updateMiniCart = true;\n if ((event.type === 'focusout' && $('.minicart').has(event.target).length > 0)\n || (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity'))\n || $('body').hasClass('modal-open')) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').removeClass('show');\n });\n $('body').on('change', '.minicart .quantity', function () {\n if ($(this).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n location.reload();\n }\n });\n $('body').on('product:afterAddToCart', function () {\n updateMiniCart = true;\n\t\t$('.minicart').trigger('focusin');\n });\n $('body').on('cart:update', function () {\n updateMiniCart = true;\n });\n};\n","'use strict';\r\n\r\n/**\r\n * Get cookie value by cookie name from browser\r\n * @param {string} cookieName - name of the cookie\r\n * @returns {string} cookie value of the found cookie name\r\n */\r\nfunction getCookie(cookieName) {\r\n var name = cookieName + '=';\r\n var decodedCookie = decodeURIComponent(document.cookie);\r\n var cookieArray = decodedCookie.split(';');\r\n for (var i = 0; i < cookieArray.length; i++) {\r\n var cookieItem = cookieArray[i];\r\n while (cookieItem.charAt(0) === ' ') {\r\n cookieItem = cookieItem.substring(1);\r\n }\r\n if (cookieItem.indexOf(name) === 0) {\r\n return cookieItem.substring(name.length, cookieItem.length);\r\n }\r\n }\r\n return '';\r\n}\r\n\r\nfunction setCookie(cname, cvalue, exdays) {\r\n const d = new Date();\r\n d.setTime(d.getTime() + (exdays*24*60*60*1000));\r\n let expires = \"expires=\"+ d.toUTCString();\r\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=/\";\r\n}\r\n\r\nmodule.exports = function () {\r\n var showSignedUpModal = getCookie('showSignedUpModal') === '' ? 0 : parseInt(getCookie('showSignedUpModal'));\r\n var $signUpModal = $('#signUpModal');\r\n var $visitedSite = getCookie('__visited');\r\n\r\n if ($visitedSite !== '1') {\r\n \r\n showSignedUpModal += 1;\r\n setCookie('showSignedUpModal', showSignedUpModal, 7);\r\n \r\n if(showSignedUpModal === 2) {\r\n \r\n setTimeout(function(){\r\n $signUpModal.modal('show');\r\n\r\n if (localStorage.bulbFinderPositions !== undefined && localStorage.bulbFinderMake !== undefined && localStorage.bulbFinderModel !== undefined) {\r\n var jmlBulbFinderYearValue = $('.js-bulbfinder-selected-year').text().trim();\r\n var jmlBulbFinderMakeValue = $('.js-bulbfinder-selected-make').text().trim();\r\n var jmlBulbFinderModelValue = $('.js-bulbfinder-selected-model').text().trim();\r\n \r\n if (jmlBulbFinderYearValue !== '' && jmlBulbFinderMakeValue !== '' && jmlBulbFinderModelValue !== '') {\r\n $('.bulbFinder-search-result span').text(jmlBulbFinderYearValue + ' ' + jmlBulbFinderMakeValue + ' ' + jmlBulbFinderModelValue);\r\n $('.bulbFinder-search-result').removeClass('d-none');\r\n $('.joinlist-bulb-finder-form .custom-select-group').addClass('d-none');\r\n } else {\r\n $('.joinlist-bulb-finder-form .custom-select-group').removeClass('d-none');\r\n \r\n if (!$('.bulbFinder-search-result').hasClass('d-none')) {\r\n $('.bulbFinder-search-result').addClass('d-none');\r\n }\r\n }\r\n }\r\n setCookie('__visited', 1, 7);\r\n }, 5000);\r\n \r\n } \r\n }\r\n\r\n $('#signUpModal input[name=\"hpEmailSignUp\"]').off('keyup').on('keyup', function(e){\r\n var $parent = $(this).closest('#signUpModal');\r\n var $submit = $parent.find('.subscribe-email');\r\n \r\n if(e.which === 13) {\r\n $submit.trigger('click');\r\n }\r\n })\r\n}","window.jQuery = window.$ = require('jquery');\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('./components/menu'));\n processInclude(require('base/components/cookie'));\n processInclude(require('./components/consentTracking'));\n processInclude(require('./components/header'));\n processInclude(require('./components/footer'));\n processInclude(require('./components/miniCart'));\n processInclude(require('base/components/collapsibleItem'));\n processInclude(require('core/components/search'));\n processInclude(require('base/components/clientSideValidation'));\n processInclude(require('base/components/countrySelector'));\n processInclude(require('base/components/toolTip'));\n processInclude(require('./accelerator/slider'));\n processInclude(require('./product/quickView'));\n processInclude(require('./bulbFinder/bulbFinder'));\n processInclude(require('./thirdParty/gtm'));\n processInclude(require('./components/signUpNewsletter'));\n});\n\nrequire('core/thirdParty/bootstrap');\nrequire('base/components/spinner');\nrequire('core/thirdParty/lazysizes');\nrequire('core/thirdParty/smartResize');\nrequire('core/thirdParty/hoverIntent');\nrequire('select2');\n","'use strict';\n\nvar focusHelper = require('base/components/focus');\nvar processInclude = require('base/util');\n\nprocessInclude(require('core/thirdParty/slick'));\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 if (!pid) {\n pid = $($el).data('pid');\n }\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 + '
';\n } else {\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 * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, 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 deinitSliders($productContainer);\n\n // Update primary images\n $productContainer.find('.primary-images .carousel').empty();\n var primaryImages = response.product.images;\n primaryImages.large.forEach(function (image, idx) {\n var img = $('
![]()
').appendTo($productContainer.find('.main-carousel-container .carousel')).attr('src', image.url).attr('alt', image.alt);\n var zoomImage = primaryImages['zoom'][idx];\n if (zoomImage) {\n img.data('zoom', zoomImage.url);\n }\n });\n primaryImages.small.forEach(function (image, idx) {\n $('
![]()
').appendTo($productContainer.find('.thumbnail-carousel-container .carousel')).attr('src', image.url).attr('alt', image.alt);\n });\n\n initSliders($productContainer);\n\n updateZoomImage($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/**\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 = $('
').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 $.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 + ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\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 $('#chooseBonusProductModal').on('shown.bs.modal', function() {\n initImageGalleries();\n });\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 + response.message\n + '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n $('.minicart').trigger('focusout');\n }, 5000);\n }\n}\n/**\n * product image slider initialization\n */\nfunction initSliders($productContainer) {\n console.log('initImages');\n $productContainer.find('.main-carousel-container .carousel').slick({\n dots: false,\n infinite: false,\n slidesToShow: 1,\n slidesToScroll: 1,\n asNavFor: '.thumbnail-carousel-container .carousel',\n responsive: [\n {\n breakpoint: 768,\n settings: {\n dots: true\n }\n }\n ]\n }).on('afterChange', function(e, slick, slide) {\n if($(window).width() >= 768 ){\n updateZoomImage($productContainer);\n changeActiveThumb($productContainer, slide);\n }\n });\n $productContainer.find('.thumbnail-carousel-container .carousel').slick({\n dots: false,\n arrows: true,\n infinite: false,\n slidesToShow: 4,\n slidesToScroll: 1,\n asNavFor: '.main-carousel-container .carousel',\n focusOnSelect: true\n }).on('click', '.slick-slide', function(e) {\n var index = $(this).data('slick-index');\n $productContainer.find('.main-carousel-container .carousel').slick('slickGoTo', index);\n changeActiveThumb($productContainer, index);\n });\n changeActiveThumb($productContainer, 0);\n pauseVideoOnSlideChange($productContainer);\n}\n/**\n * change active thumbnail to match the main slider\n */\nfunction changeActiveThumb($productContainer, index) {\n $productContainer.find('.thumbnail-carousel-container .carousel .slick-slide img').removeClass('active-main-slide').eq(index).addClass('active-main-slide');\n}\n/**\n * deinitialize image slider\n */\nfunction deinitSliders($productContainer) {\n $productContainer.find('.primary-images .carousel').slick('unslick');\n}\n\n/**\n * Pause Video on Slide Change\n */\nfunction pauseVideoOnSlideChange($productContainer) {\n $productContainer.find('.main-carousel-container .carousel').on('beforeChange', function(event, slick, currentSlide, nextSlide){\n var current = $(slick.$slides[currentSlide]);\n current.html(current.html());\n });\n}\n\n/**\n * product image zoom initialization\n */\nfunction initZoom($productContainer) {\n\n $productContainer.on('mouseenter', '.main-carousel-container .carousel', function(e) {\n $(this).closest('.main-carousel-container').addClass('zoom-active');\n }).on('mouseleave', '.main-carousel-container .carousel', function(e) {\n $(this).closest('.main-carousel-container').removeClass('zoom-active');\n })\n\n // stop propagation to the slick arrows, and prevent zoom activating on arrows\n $(\".main-carousel-container .carousel .slick-arrow\").on(\"mouseover\", function(e){\n e.preventDefault();\n e.stopPropagation();\n });\n\n $productContainer.on('mousemove', '.main-carousel-container .carousel', function(e) {\n var zoomContainer = $(this).closest('.main-carousel-container').find('.zoom-container');\n if (!zoomContainer.is(':empty')){\n var image = zoomContainer.find('img');\n var offset = $(this).offset();\n var width = $(this).width();\n var height = $(this).height();\n var left = e.pageX - offset.left;\n var top = e.pageY - offset.top;\n image.css('margin-left', -(image.width() - width) * (left/width));\n image.css('margin-top', -(image.height() - height) * (top/height));\n }\n });\n}\n/**\n * update product zoom image url\n */\nfunction updateZoomImage($productContainer) {\n var imageURL = $productContainer.find('.main-carousel-container .slick-active img').data('zoom');\n var zoomContainer = $productContainer.find('.main-carousel-container .zoom-container');\n var fallbackImgName = \"_default.png\";\n\n if (imageURL && imageURL.indexOf(fallbackImgName) === -1) {\n var img;\n if (zoomContainer.is(':empty')){\n img = $('
![]()
').appendTo(zoomContainer);\n img.attr('src', imageURL);\n } else {\n img = zoomContainer.find('img').attr('src', imageURL);\n }\n var container = img.closest('.main-carousel-container');\n container.addClass('loading-zoom').spinner().start();\n img.on('load', function() {\n container.removeClass('loading-zoom').spinner().stop();\n });\n } else {\n zoomContainer.empty();\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\n/**\n * Initialize all the image galleries\n */\nfunction initImageGalleries() {\n var productContainers = $('.set-item');\n if (!productContainers.length) {\n productContainers = $('.bundle-item, .product-bundle.row, .product-bundle .row:first-child');\n }\n if (!productContainers.length) {\n productContainers = $('.bonus-product-item');\n }\n if (!productContainers.length) {\n productContainers = $('.product-detail');\n }\n productContainers.each(function() {\n initSliders($(this));\n updateZoomImage($(this));\n initZoom($(this));\n });\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n images: function () {\n initImageGalleries();\n },\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 $('.product-detail').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 var isBulbFinder = false;\n if($(this).data('bulbfinder')) {\n isBulbFinder = true;\n }\n\n var QTY = getQuantitySelected($(this));\n\n if(isBulbFinder) {\n QTY = 1;\n }\n\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: QTY\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 + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\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 = parseInt($(this).data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('#chooseBonusProductModal').modal('hide');\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('
');\n }\n $('.add-to-cart-messages').append(\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\nvar base = require('./base');\nvar focusHelper = require('base/components/focus');\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 var htmlString = ''\n + '
'\n + '
'\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\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\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl) {\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 $('.modal-body').empty();\n $('.modal-body').html(parsedHtml.body);\n $('.modal-footer').html(parsedHtml.footer);\n $('.full-pdp-link').text(data.quickViewFullDetailMsg);\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl);\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 $('#quickViewModal').modal('show');\n $('#quickViewModal').on('shown.bs.modal', function () {\n base.images();\n });\n $('body').trigger('quickview:ready');\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 e.stopPropagation();\n\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n getModalHtmlElement();\n fillModalElement(selectedValueUrl);\n });\n },\n focusQuickview: function () {\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\n $('#quickViewModal .close').focus();\n });\n },\n trapQuickviewFocus: function () {\n $('body').on('keydown', '#quickViewModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#quickViewModal',\n firstElementSelector: '.full-pdp-link',\n lastElementSelector: '.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 $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container)\n .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 $('.modal.show .product-quickview').data('pid', response.data.product.id);\n $('.modal.show .full-pdp-link')\n .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('disabled',\n (!response.product.readyToOrder || !response.product.available));\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('disabled',\n !$('.global-availability', dialog).data('ready-to-order')\n || !$('.global-availability', dialog).data('available'));\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","'use strict';\n\nvar gtm = {\n getPidValue: function ($el) {\n var pid;\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').first()\n .text();\n } else if ($('.add-to-cart-global').length) {\n pid = $($el).data('pid');\n } else {\n pid = $('.product-detail:not(\".bundle-item\")').data('pid');\n }\n return pid;\n },\n url: '',\n getPageAction: function () {\n return $('.page').data('action');\n },\n requestProductDetails: function (data, targetData, method) {\n $.ajax({\n url: gtm.url,\n method: method,\n data: data,\n dataType: 'json',\n success: function (response) {\n gtm.processResponse(response.productDetails, targetData);\n },\n error: function () {\n console.log('Error in getting GTM data');\n }\n });\n },\n getProductIDS: function (elem) {\n var details = elem;\n var pids = [];\n details.each(function (i) {\n var pid = $(this).data('pid');\n pids.push(pid);\n });\n if (pids.length >= 0) {\n pids = pids.join(',');\n }\n return pids;\n },\n processResponse: function (response, targetData, targetKey) {\n try {\n if (response.length > 0) {\n var currTargetData = gtm.targetData[targetData];\n var evn = currTargetData.data.event;\n var targetObj = Object.create({});\n // deep clone target object\n $.extend(true, targetObj, currTargetData.data);\n if (typeof (response) === 'string') {\n // append string response in target property\n if (typeof (targetKey) !== 'undefined') {\n gtm.getProperty(targetObj, currTargetData.keys)[targetKey] = response;\n }\n } else {\n // push product details\n response.forEach(function (v) {\n // clean product details\n var detail = v;\n // check if raw product details\n if ('productName' in v) {\n detail = productDetail(v);\n }\n gtm.getProperty(targetObj, currTargetData.keys).push(detail);\n });\n }\n dataLayer.push(targetObj);\n }\n } catch (e) {\n console.log('GTM Process Response');\n }\n },\n init: function () {\n gtm.action.onload();\n var events = gtm.action.events;\n Object.keys(events).forEach(function (key) {\n if (typeof events[key] === 'function') {\n events[key]();\n }\n });\n },\n getProperty: function (targetObj, keyPath) {\n var keys = keyPath.split('.');\n if (keys.length == 0) return undefined;\n keys = keys.reverse();\n var subObject = targetObj;\n while (keys.length) {\n var k = keys.pop();\n if (!subObject.hasOwnProperty(k)) {\n return undefined;\n }\n subObject = subObject[k];\n }\n return subObject;\n }, // function coming from backend\n targetData: gtmSchema, // object coming from backend\n ajaxHook: function (callback) {\n $(document).ajaxComplete(function (e, request, settings) {\n try {\n var response = JSON.parse(request.responseText);\n callback(response);\n $(e.currentTarget).off('ajaxComplete');\n } catch (e) {\n console.log('Process Hook');\n }\n });\n $(document).ajaxError(function (e, request, settings) {\n try {\n console.log('Error in getting GTM data');\n $(e.currentTarget).off('ajaxError');\n } catch (e) {\n console.log('Process Hook');\n }\n });\n return false;\n },\n pushDataLayer: function (eventAction, eventLabel, eventCategory) {\n var gtmData = {};\n gtmData.event = 'gaEvent';\n gtmData.eventCategory = eventCategory;\n gtmData.eventAction = eventAction.trim();\n if (eventLabel !== '') {\n gtmData.eventLabel = eventLabel.trim();\n }\n dataLayer.push(gtmData);\n },\n emailSubscribe: function (eventLabel) {\n var gtmData = {};\n gtmData.event = 'emailSubscribed';\n gtmData.eventCategory = 'email-subscription';\n gtmData.eventAction = 'subscribed';\n gtmData.eventLabel = eventLabel;\n dataLayer.push(gtmData);\n },\n getBulbFinderDropDownValues: function (videos) {\n var year;\n var makeName;\n var modelName;\n if (videos) {\n year = $('#yearSelector option:selected').text().trim();\n } else {\n year = $('#bulbFinderYear option:selected').text().trim();\n }\n if (videos) {\n makeName = $('#makeSelector option:selected').text().trim();\n } else {\n makeName = $('#bulbFinderMake option:selected').text().trim();\n }\n if (videos) {\n modelName = $('#modelSelector option:selected').text().trim();\n } else {\n modelName = $('#bulbFinderModel option:selected').text().trim();\n }\n var arr = [];\n arr.push(makeName);\n arr.push(modelName);\n arr.push(year);\n if (!videos) {\n var position = $('#bulbFinderPositions option:selected').text().trim();\n var trimDetails = $('#bulbFinderNotes option:selected').text().trim();\n if (trimDetails === 'Please Select') {\n trimDetails = 'no trim selection';\n };\n arr.push(trimDetails);\n arr.push(position);\n }\n var gtmData = arr.join(',');\n return gtmData;\n },\n bulbOption: function () {\n var gtmData = {};\n gtmData.event = 'gaEvent';\n gtmData.eventCategory = 'bulb options';\n dataLayer.push(gtmData);\n },\n retailerTrack: function (eventAction, eventCategory, event, eventLabel, eventSelection) {\n var gtmData = {};\n gtmData.eventLabel = eventLabel;\n gtmData.eventAction = eventAction;\n if (eventSelection !== '')\n {\n gtmData.eventSelection = eventSelection;\n }\n gtmData.eventCategory = eventCategory;\n gtmData.event = event;\n dataLayer.push(gtmData);\n },\n socialLink: function (eventAction, eventLabel) {\n var gtmData = {};\n gtmData.eventAction = eventAction;\n gtmData.eventLabel = eventLabel;\n gtmData.event = 'social';\n gtmData.eventCategory = 'social';\n dataLayer.push(gtmData);\n },\n saveVehicle: function (eventAction) {\n var gtmData = {};\n if (eventAction !== '') {\n gtmData.eventAction = eventAction;\n }\n gtmData.event = 'gaEvent';\n gtmData.eventCategory = 'save vehicle';\n dataLayer.push(gtmData);\n },\n commonEvents: function (event, eventCategory, eventAction, eventLabel) {\n var gtmData = {};\n if (event !== '') {\n gtmData.event = event;\n };\n if (eventCategory !== '') {\n gtmData.eventCategory = eventCategory;\n };\n if (eventAction !== '') {\n gtmData.eventAction = eventAction;\n };\n if (eventLabel !== '') {\n gtmData.eventLabel = eventLabel;\n }\n dataLayer.push(gtmData);\n\n },\n getPageType : function (actionType){\n var type = '';\n var metaTitle = document.title ? document.title.split('|')[0].trim() : '';\n switch (actionType) {\n case 'Product-Show':\n type = 'product:'+metaTitle;\n break;\n case 'Search-Show':\n type = 'search:'+metaTitle;\n break;\n case 'category':\n type = 'category:'+metaTitle;\n break;\n case 'Cart-Show':\n type = 'cart:'+metaTitle;\n break;\n case 'Order-Confirm':\n type = 'orderconfirmation:'+metaTitle;\n break;\n case 'Account-Show':\n type = 'accountlanding:'+metaTitle;\n break;\n case 'Account-EditProfile':\n type = 'editprofile:'+metaTitle;\n break;\n case 'Account-EditPassword':\n type = 'editpassword:'+metaTitle;\n break;\n case 'Address-AddAddress':\n type = 'addaddress:'+metaTitle;\n break;\n case 'PaymentInstruments-AddPayment':\n type = 'addcreditcard:'+metaTitle;\n break;\n case 'shipping':\n type = 'checkout:shipping';\n break;\n case 'billing':\n type = 'checkout:billing';\n break;\n case 'orderreview':\n type = 'checkout:orderreview';\n break;\n case 'homepage':\n type = 'home:'+metaTitle;\n break;\n case 'Page-Show':\n type = 'content:'+metaTitle;\n break;\n case 'BulbFinder-Show':\n case 'bulb-finder':\n case 'auto-bulbs':\n type = 'search:'+metaTitle;\n break;\n case 'Login-Show':\n type = 'account:Account Login';\n break;\n case 'Order-Track':\n type = 'ordertrack:'+metaTitle;\n break;\n case 'Home-ErrorNotFound':\n type = 'error:'+metaTitle;\n break;\n default:\n type = 'content:'+metaTitle;\n break;\n }\n return type;\n },\n updatePageType : function (actionType){\n var action = gtm.getPageType(actionType);\n for (var i = 0; i < dataLayer.length; i++) {\n if(dataLayer[i] && dataLayer[i].event === 'pageLoad'){\n if(window.categoryPageType){\n action = window.categoryPageType +':'+ document.title.split('|')[0].trim();\n }\n dataLayer[i].pageName = action;\n dataLayer[i].pageType = action.split(':')[0];\n }\n if(dataLayer[i] && dataLayer[i].event === 'productImpressions' && window.ProductRecommandation){\n var impressions = dataLayer[i].ecommerce.impressions;\n for (var j = 0; j < impressions.length; j++) {\n if ($('.recommendations .product-grid').length > 0) {\n dataLayer[i].ecommerce.impressions[j].list = action.split(':')[0] +':'+ window.ProductRecommandation;\n } else if ($('.carousel-heading').length > 0) {\n dataLayer[i].ecommerce.impressions[j].list = action.split(':')[0] +':'+ $('.carousel-heading').text().trim();\n }\n }\n }\n }\n },\n action: {\n onload: function () {\n // add some onload script here\n $(document).ready(function () {\n var actionType = $('.page').data('action');\n if(window.userInfo && actionType){\n gtm.updatePageType(actionType);\n }\n if($('.card-banner-tile').length > 0 && $('.product-tile').length > 0){\n gtm.updatePageType('category');\n }\n });\n },\n events: {\n // add all event listener triggered thru click\n showMore: function () {\n $('.container').on('click', '.show-more button', function (e) {\n var showMoreUrl = $(this).data('url');\n var queryStr = showMoreUrl.split('?')[1];\n gtm.url = gtmUrls.searchDetails + '?' + queryStr;\n gtm.requestProductDetails({}, 'PLP', 'GET');\n });\n },\n addToCart: function () {\n var selectedVariantId = '';\n var selectedQuantity = 1;\n /**\n * Create additional listener to existing add to cart function.\n */\n $('body').on('product:beforeAddToCart', function (e, data) {\n selectedVariantId = gtm.getPidValue($(data));\n });\n $('body').on('product:afterAddToCart', function (e, data) {\n var items = data.cart.items;\n var productDetails = [];\n items.forEach(function (item) {\n // attach selected item\n if (item.id === selectedVariantId) {\n gtm.url = gtmUrls.productDetails;\n gtm.requestProductDetails({ pids: item.id,quantity : 1 }, 'AddToCart', 'POST');\n }\n });\n });\n },\n removeLineItemfromCart: function () {\n $('body').on('click', '.cart-delete-confirmation-btn', function (e) {\n e.preventDefault();\n var pid = $(this).data('pid');\n var uuid = $(this).data('uuid');\n var quantity = $('#quantity-'+uuid).data('pre-select-qty');\n gtm.ajaxHook(function (req) {\n gtm.url = gtmUrls.productDetails;\n gtm.requestProductDetails({ pids: pid, quantity :quantity }, 'RemoveLineItemfromCart', 'POST');\n });\n });\n },\n cartUpdateQty: function () {\n $('body').on('change', '.quantity-form > .quantity', function () {\n var _this = $(this);\n var preQty = new Number(_this.attr('data-pre-select-qty'));\n var newQty = new Number(_this.val());\n var pid = _this.data('pid');\n var quantity = newQty - preQty;\n var target = 'CartIncreaseQty';\n if (preQty > newQty) {\n target = 'CartDecreaseQty';\n }\n if(target === 'CartIncreaseQty'){\n gtm.ajaxHook(function (response) {\n var items = response.items;\n var productDetails = [];\n items.forEach(function (item) {\n if (item.id === pid) {\n item.quantity = quantity;\n var detail = productDetail(item);\n productDetails.push(detail);\n }\n });\n gtm.processResponse(productDetails, target);\n });\n }\n _this.attr('data-pre-select-qty', newQty);\n });\n },\n checkout: function () {\n $('button.submit-shipping').click(function (e) {\n e.preventDefault();\n gtm.ajaxHook(function (response) {\n if (!response.error) {\n var customerType = $('#checkout-main').data('customer-type');\n gtm.updatePageType('billing');\n // add payment\n if(customerType && customerType === 'guest'){\n gtm.processResponse(customerType, 'PaymentOption', 'option'); \n }else{\n gtm.processResponse(response.order.items.items, 'Payment');\n }\n }\n });\n });\n $('button.submit-payment').click(function (e) {\n e.preventDefault();\n gtm.ajaxHook(function (response) {\n var customerType = $('#checkout-main').data('customer-type');\n if (!response.error) {\n gtm.updatePageType('orderreview');\n if ( customerType && customerType === 'guest' ) {\n gtm.processResponse(customerType, 'OrderReviewOption', 'option'); \n } else {\n gtm.processResponse(response.order.items.items, 'OrderReview');\n } \n var addToEmailList = $('#add-to-email-list').val();\n if (addToEmailList.length > 0 && addToEmailList) {\n var eventLabel = 'checkout-form';\n gtm.emailSubscribe(eventLabel);\n }\n }\n });\n });\n if($('#checkout-main').length > 0){\n var customerType = $('#checkout-main').data('customer-type');\n var checkoutstage = $('#checkout-main').data('checkout-stage');\n if(checkoutstage && checkoutstage === 'shipping'){\n gtm.updatePageType('shipping');\n if(customerType && customerType === 'guest'){\n gtm.processResponse(customerType, 'ShippingOption', 'option');\n }\n }\n }\n },\n bulbfinder: function () {\n var eventCategory = 'bulb finder';\n $(document).on('change', '#bulbFinderYear', function () {\n var action = 'year';\n var year = $('#bulbFinderYear option:selected').text().trim();\n gtm.pushDataLayer(action, year, eventCategory);\n });\n $(document).on('change', '#yearSelector', function () {\n var action = 'year';\n var year = $('#yearSelector option:selected').text().trim();\n gtm.pushDataLayer(action, year, 'install video lookup');\n });\n $(document).on('change', '#bulbFinderMake', function () {\n var action = 'make';\n var makeName = $('#bulbFinderMake option:selected').text();\n gtm.pushDataLayer(action, makeName, eventCategory);\n });\n $(document).on('change', '#makeSelector', function () {\n var action = 'make';\n var makeName = $('#makeSelector option:selected').text();\n gtm.pushDataLayer(action, makeName, 'install video lookup');\n });\n $(document).on('change', '#bulbFinderModel', function () {\n var action = 'model';\n var modelName = $('#bulbFinderModel option:selected').text();\n gtm.pushDataLayer(action, modelName, eventCategory);\n });\n $(document).on('change', '#modelSelector', function () {\n var action = 'model';\n var makeName = $('#modelSelector option:selected').text();\n gtm.pushDataLayer(action, makeName, 'install video lookup');\n });\n $(document).on('change', '#bulbFinderPositions', function () {\n var action = 'position';\n var position = $('#bulbFinderPositions option:selected').text();\n gtm.pushDataLayer(action, position, eventCategory);\n });\n $(document).on('change', '#bulbFinderLocations', function () {\n var action = 'position';\n var location = $('#bulbFinderLocations option:selected').text();\n gtm.pushDataLayer(action, location, eventCategory);\n });\n $(document).on('click', '#findbulbRedirect', function (e) {\n e.preventDefault();\n var action = 'full search submit';\n var details = gtm.getBulbFinderDropDownValues();\n gtm.pushDataLayer(action, details, eventCategory);\n });\n $(document).on('click', '#findvideoRedirect', function (e) {\n e.preventDefault();\n var action = 'full search submit';\n var details = gtm.getBulbFinderDropDownValues('findvideoRedirect');\n gtm.pushDataLayer(action, details, 'install video lookup');\n });\n $(document).on('click', '#findbulb', function (e) {\n e.preventDefault();\n var action = 'full search submit';\n var details = gtm.getBulbFinderDropDownValues();\n gtm.pushDataLayer(action, details, eventCategory);\n });\n $(document).on('click', '#findBulbByPartNumberRedirect', function (e) {\n e.preventDefault();\n var action = 'full search submit by part number';\n var partNumber = $('#partNumber').val();\n gtm.pushDataLayer(action, partNumber, eventCategory);\n });\n $(document).on('click', '#findbulbByPartNumber', function (e) {\n e.preventDefault();\n var action = 'full search submit by part number';\n var partNumber = $('#partNumber').val();\n gtm.pushDataLayer(action, partNumber, eventCategory);\n });\n $(document).on('click', '#resetLink', function (e) {\n e.preventDefault();\n var action = 'reset';\n gtm.pushDataLayer(action, '', eventCategory);\n });\n $('#bulbFinderNotes').on('change', function (e) {\n e.preventDefault();\n var action = 'trim';\n var eventLabel = $('#bulbFinderNotes option:selected').text().trim();\n gtm.pushDataLayer(action, eventLabel, eventCategory);\n });\n $('*[data-target=\"#bulbfinderCollapse\"]').on('click', function (e) {\n e.preventDefault();\n var action = 'which bulb do I need';\n gtm.pushDataLayer(action, '', eventCategory);\n });\n $(document).on('click', '#bulbOptionsBtn', function (e) {\n gtm.bulbOption();\n });\n $(document).on('click', '#findRetailerResults', function (e) {\n var eventLabel = $('#findRetailerResults').data('product-sku');\n var elem = $('.pdp-main').length;\n var eventAction = elem > 0 ? 'pdp' : 'plp';\n var eventCategory = 'find a retailer';\n var event = 'findRetailer';\n gtm.retailerTrack(eventAction, eventCategory, event, eventLabel, '');\n });\n $(document).on('click', '.social-links', function (e) {\n var eventAction = e.target.title.toLowerCase();\n var pathName = document.location.pathname;\n var eventLabelList = pathName.split('/');\n var prefix = '/';\n var eventLabel;\n for (var i = eventLabelList.length - 1; i >= 0; i -= 1) {\n if (eventLabelList[i].length > 0) {\n eventLabel = prefix.concat(eventLabelList[i]);\n if (i !== eventLabelList.length - 1) {\n eventLabel = eventLabel.concat(prefix);\n };\n break;\n }\n };\n gtm.socialLink(eventAction, eventLabel);\n });\n $(document).on('click', '#bulbSaveVehicleBtn', function (e) { \n var eventAction = '';\n gtm.saveVehicle(eventAction);\n });\n $(document).on('click', '.find-bulb-btn', function (e) {\n var event = 'gaEvent';\n var eventCategory = 'find new bulb';\n var eventAction = $('.product-detail').data('pid');\n gtm.commonEvents(event, eventCategory, eventAction, '');\n });\n $(document).on('click', '.edit-vehicle', function (e) {\n var event = 'gaEvent';\n var eventCategory = 'edit vehicle';\n gtm.commonEvents(event, eventCategory, '', '');\n });\n $(document).on('click', '.cs_content-buylocally-details', function (e) {\n var target = e.target;\n var eventAction = 'buyOffline_' + $(e.target).closest('*[data-retailername]').data('retailername');\n var eventCategory = 'find a retailer results';\n var event = 'findRetailerResults';\n var eventLabel = $('.add-to-cart').data('pid');\n var eventSelection;\n if (target.className.includes('direction')) {\n eventSelection = 'direction';\n } else if (target.className.includes('online')) {\n eventSelection = 'site';\n } else {\n eventSelection = 'phone';\n }\n gtm.retailerTrack(eventAction, eventCategory, event, eventLabel, eventSelection);\n });\n $(document).on('click', 'a.cs_buynow-button', function (e) {\n var target = e.target;\n var eventAction = 'buyOnline_'+$(e.target).closest(\"*[data-retailername]\").data(\"retailername\");\n var eventCategory = 'find a retailer results';\n var event = 'findRetailerResults';\n var eventLabel = $('.add-to-cart').data('pid');\n var eventSelection = 'site';\n gtm.retailerTrack(eventAction, eventCategory, event, eventLabel, eventSelection);\n });\n $(document).on('click', '.viewDetails', function (e) {\n var event = 'gaEvent';\n var eventCategory = 'view Details';\n var eventAction = e.target.nextElementSibling.lastElementChild.children[0].id;\n gtm.commonEvents(event, eventCategory, eventAction, '');\n });\n $(document).on('click', '.compare-products-form2', function (e) {\n var event = 'gaEvent';\n var eventCategory = 'compare';\n var eventAction = localStorage.getItem('compareArr');\n gtm.commonEvents(event, eventCategory, eventAction, '');\n });\n $(document).on('click', '.banner-video-link', function (e) {\n var event = 'videoInteraction';\n var eventAction = 'start';\n var eventCategory = 'video';\n var eventLabel = this.title;\n gtm.commonEvents(event, eventCategory, eventAction, eventLabel);\n });\n $(document).on('ended', 'video', function (e) {\n var event = 'videoInteraction';\n var eventAction = 'complete';\n var eventCategory = 'video';\n gtm.commonEvents(event, eventCategory, eventAction, '');\n });\n $('body').on('submit', '#create-account form.registrationBulbFinder', function(e) {\n var eventAction = 'account created';\n gtm.saveVehicle(eventAction);\n });\n $('body').on('submit', '#sign-in-bp form.bulb-finder-login', function(e) {\n var eventAction = 'signed in';\n gtm.saveVehicle(eventAction);\n });\n $(document).on('click', '#bulbVideoBtn', function (e) {\n var event = 'gaEvent';\n var eventCategory = 'how to install';\n var eventAction = gtm.getBulbFinderDropDownValues();\n gtm.commonEvents(event, eventCategory, eventAction, '');\n });\n },\n\n productVideoClick: function () {\n $(document).on('click', '.carousel .product-video, .installation-content-block .video-modal-trigger', function () {\n dataLayer.push({\n event: 'gaEvent',\n eventCategory: gtmSchema.PDP.data.ecommerce.detail.products[0].category,\n eventAction: 'installation guide: video',\n eventLabel: gtmSchema.PDP.data.ecommerce.detail.products[0].id\n });\n });\n },\n productTileClick: function () {\n $(document).on('click','.image-container,.pdp-link,#prodViewDetails', function () {\n var product = $(this).closest(\".product-tile\").data('product');\n if (product) {\n var productDetails = [];\n var productPrice = product.price ? product.price.split('$')[1] : '';\n var detail = {\n id: product.id, name: product.productName, brand: '', price: productPrice,\n category: product.category,position: product.position,variant:product.variant\n };\n var actionCat = product.actionField;\n if (product.actionField && product.actionField === 'Recommandation'){\n var actionType = $('.page').data('action');\n var pageType = gtm.getPageType(actionType);\n if ($('.recommendations .product-grid').length > 0) {\n actionCat = pageType.split(':')[0] +':'+ window.ProductRecommandation;\n } else if ($('.carousel-heading').length > 0) {\n actionCat = pageType.split(':')[0] +':'+ $('.carousel-heading').text().trim();\n }\n }\n gtmSchema.ProductClick.data.ecommerce.click.actionField.list = actionCat;\n productDetails.push(detail);\n gtm.processResponse(productDetails, 'ProductClick');\n }\n });\n },\n emailSignUp: function () {\n $('.subscribe-email').on('click', function () {\n var email = $('input:text[name=hpEmailSignUp]').val();\n if ($(this).closest('#signUpModal').length) {\n email = $('#signUpModal').find('input:text[name=hpEmailSignUp]').val();\n }\n if (email.length > 0 && email) {\n var eventLabel = $(this).attr('data-source');\n gtm.emailSubscribe(eventLabel);\n }\n });\n $('.registration').on('submit', function () {\n if ($('#add-to-email-list')[0].checked) {\n var eventLabel = 'account-form';\n gtm.emailSubscribe(eventLabel);\n }\n });\n }\n } // end\n }\n};\nmodule.exports = function () { gtm.init(); };\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'alert'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n}\n\nconst Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n let rootElement = this._element\n if (element) {\n rootElement = this._getRootElement(element)\n }\n\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n const transitionDuration = Util.getTransitionDurationFromElement(element)\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(transitionDuration)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n)\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Alert._jQueryInterface\n$.fn[NAME].Constructor = Alert\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n}\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'collapse'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Default = {\n toggle : true,\n parent : ''\n}\n\nconst DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n}\n\nconst Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n}\n\nconst Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n}\n\nconst Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = [].slice.call(document.querySelectorAll(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n\n const toggleList = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE))\n for (let i = 0, len = toggleList.length; i < len; i++) {\n const elem = toggleList[i]\n const selector = Util.getSelectorFromElement(elem)\n const filterElement = [].slice.call(document.querySelectorAll(selector))\n .filter((foundElem) => foundElem === element)\n\n if (selector !== null && filterElement.length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = [].slice.call(this._parent.querySelectorAll(Selector.ACTIVES))\n .filter((elem) => {\n if (typeof this._config.parent === 'string') {\n return elem.getAttribute('data-parent') === this._config.parent\n }\n\n return elem.classList.contains(ClassName.COLLAPSE)\n })\n\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n const triggerArrayLength = this._triggerArray.length\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n\n if (selector !== null) {\n const $elem = $([].slice.call(document.querySelectorAll(selector)))\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent\n\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = document.querySelector(this._config.parent)\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n const children = [].slice.call(parent.querySelectorAll(selector))\n $(children).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? document.querySelector(selector) : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for
elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n const selectors = [].slice.call(document.querySelectorAll(selector))\n\n $(selectors).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Collapse._jQueryInterface\n$.fn[NAME].Constructor = Collapse\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n}\n\nexport default Collapse\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'modal'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.modal'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\nconst Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n}\n\nconst DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n}\n\nconst Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n SCROLLABLE : 'modal-dialog-scrollable',\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n}\n\nconst Selector = {\n DIALOG : '.modal-dialog',\n MODAL_BODY : '.modal-body',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = element.querySelector(Selector.DIALOG)\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._isTransitioning = false\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isShown || this._isTransitioning) {\n return\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (!this._isShown || this._isTransitioning) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(transitionDuration)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n [window, this._element, this._dialog]\n .forEach((htmlElement) => $(htmlElement).off(EVENT_KEY))\n\n /**\n * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API`\n * Do not move `document` in `htmlElements` array\n * It will remove `Event.CLICK_DATA_API` event that should remain\n */\n $(document).off(Event.FOCUSIN)\n\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._isTransitioning = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.setAttribute('aria-modal', true)\n\n if ($(this._dialog).hasClass(ClassName.SCROLLABLE)) {\n this._dialog.querySelector(Selector.MODAL_BODY).scrollTop = 0\n } else {\n this._element.scrollTop = 0\n }\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._element.removeAttribute('aria-modal')\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n this._backdrop.classList.add(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!animate) {\n callback()\n return\n }\n\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n const stickyContent = [].slice.call(document.querySelectorAll(Selector.STICKY_CONTENT))\n\n // Adjust fixed content padding\n $(fixedContent).each((index, element) => {\n const actualPadding = element.style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(stickyContent).each((index, element) => {\n const actualMargin = element.style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element)\n .data('margin-right', actualMargin)\n .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $(document.body).css('padding-right')\n $(document.body)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n\n $(document.body).addClass(ClassName.OPEN)\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n $(fixedContent).each((index, element) => {\n const padding = $(element).data('padding-right')\n $(element).removeData('padding-right')\n element.style.paddingRight = padding ? padding : ''\n })\n\n // Restore sticky content\n const elements = [].slice.call(document.querySelectorAll(`${Selector.STICKY_CONTENT}`))\n $(elements).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $(document.body).data('padding-right')\n $(document.body).removeData('padding-right')\n document.body.style.paddingRight = padding ? padding : ''\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Default,\n ...$(this).data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n$(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = document.querySelector(selector)\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n})\n\n/**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n$.fn[NAME] = Modal._jQueryInterface\n$.fn[NAME].Constructor = Modal\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n}\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.3.1): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\nconst NAME = 'scrollspy'\nconst VERSION = '4.3.1'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst Default = {\n offset : 10,\n method : 'auto',\n target : ''\n}\n\nconst DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n}\n\nconst Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n}\n\nconst ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n}\n\nconst Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n}\n\nconst OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n}\n\n/**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\nclass ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = [].slice.call(document.querySelectorAll(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = document.querySelector(targetSelector)\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n const offsetLength = this._offsets.length\n for (let i = offsetLength; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n const queries = this._selector\n .split(',')\n .map((selector) => `${selector}[data-target=\"${target}\"],${selector}[href=\"${target}\"]`)\n\n const $link = $([].slice.call(document.querySelectorAll(queries.join(','))))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both and