\" +\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 updateLoyaltySection(data.basket);\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 updateLoyaltySection(data);\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 updateLoyaltySection(data);\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 updateLoyaltySection(data);\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 updateLoyaltySection(data);\n validateBasket(data);\n $.spinner().stop();\n $(\"body\").trigger(\"promotion:success\", data);\n },\n error: function (err) {\n $(\"body\").trigger(\"promotion:error\", err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n $(\"body\").on(\"click\", \".cart-page .bonus-product-button\", function () {\n $.spinner().start();\n $(this).addClass(\"launched-modal\");\n $.ajax({\n url: $(this).data(\"url\"),\n method: \"GET\",\n dataType: \"json\",\n success: function (data) {\n base.methods.editBonusProducts(data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $(\"body\").on(\"click\", \".cart-page .bonus-close-button\", function () {\n $(\".bonus-selection\").empty();\n $(\".bonus-product-button\").removeClass(\"launched-modal\").show();\n $(\".bundled-line-item\").show();\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\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 updateLoyaltySection(data.cartModel);\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","/* eslint-disable no-undef */\n\"use strict\";\nvar formValidation = require(\"base/components/formValidation\");\n$(\"form.communication-preferences\").submit(function (e) {\n var $form = $(this);\n e.preventDefault();\n var url = $form.attr(\"action\");\n $form.spinner().start();\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: $form.serialize(),\n success: function (data) {\n $form.spinner().stop();\n if (!data.success) {\n formValidation($form, data);\n } else {\n location.href = data.redirectUrl;\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $form.spinner().stop();\n }\n });\n return false;\n});\n\n// Get the \"want-to-subscribe\" and \"dont-want-subscribe\" checkbox elements\nconst wantToSubscribeCheckbox = document.getElementById(\"want-to-subscribe\");\nconst dontWantToSubscribeCheckbox = document.getElementById(\"dont-want-subscribe\");\nconst smsCheckBox = document.getElementById(\"sms\");\n\n// Get all the checkboxes that you want to disable\nconst checkboxes = document.querySelectorAll(\".col-sm-12.col-md-6 .comm-pref input[type=\\\"checkbox\\\"]\");\n\n// Function to update checkboxes based on conditions\nfunction updateCheckboxes(enable, check = false) {\n checkboxes.forEach(checkbox => {\n checkbox.checked = check;\n checkbox.disabled = !enable;\n });\n}\n\nif (wantToSubscribeCheckbox) {\n // Add an event listener to the \"want-to-subscribe\" checkbox\n wantToSubscribeCheckbox.addEventListener(\"change\", () => {\n const isChecked = wantToSubscribeCheckbox.checked;\n if (dontWantToSubscribeCheckbox) {\n dontWantToSubscribeCheckbox.checked = false;\n }\n updateCheckboxes(isChecked, isChecked);\n });\n\n // Add an event listener to the \"dont-want-subscribe\" checkbox\n if (dontWantToSubscribeCheckbox) {\n dontWantToSubscribeCheckbox.addEventListener(\"change\", () => {\n if (dontWantToSubscribeCheckbox.checked) {\n updateCheckboxes(false);\n wantToSubscribeCheckbox.checked = false;\n if (smsCheckBox) {\n smsCheckBox.checked = false;\n }\n } else {\n wantToSubscribeCheckbox.disabled = false;\n if (smsCheckBox) {\n smsCheckBox.disabled = false;\n }\n }\n });\n }\n}\n\nif (smsCheckBox) {\n smsCheckBox.addEventListener(\"change\", () => {\n if (smsCheckBox.checked) {\n dontWantToSubscribeCheckbox.checked = false;\n }\n });\n}\n","/* eslint-disable no-undef */\n\"use strict\";\n\nvar focusHelper = require(\"base/components/focus\");\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nfunction showConsentModal() {\n var trackingConsentData = $(\".tracking-consent\");\n if (!trackingConsentData.data(\"caonline\")) {\n return;\n }\n\n var urlContent = trackingConsentData.data(\"url\");\n var urlAccept = trackingConsentData.data(\"accept\");\n var urlReject = trackingConsentData.data(\"reject\");\n var textYes = trackingConsentData.data(\"accepttext\");\n var textNo = trackingConsentData.data(\"rejecttext\");\n var textHeader = trackingConsentData.data(\"heading\");\n var tokenName = trackingConsentData.data(\"tokenname\");\n var token = trackingConsentData.data(\"token\");\n\n var htmlString = \"\"\n + \" \" +\n \"
\" +\n \"\" + data.basket.resources.emptyCartMsg + \"
\" +\n \"\"\n + \"
\";\n $.spinner().start();\n $(\"body\").append(htmlString);\n\n $.ajax({\n url: urlContent,\n type: \"get\",\n dataType: \"html\",\n success: function (response) {\n $(\".modal-body\").html(response);\n $(\"#consent-tracking\").modal(\"show\");\n },\n error: function () {\n $(\"#consent-tracking\").remove();\n }\n });\n\n $(\"#consent-tracking .button-wrapper button\").click(function (e) {\n e.preventDefault();\n var url = $(this).data(\"url\");\n var data = {};\n data[tokenName] = token;\n $.ajax({\n url: url,\n type: \"post\",\n data: data,\n dataType: \"json\",\n success: function (response) {\n // Only hide modal if the operation is successful - don't want to give a false impression\n if (response.success) {\n $(\"#consent-tracking\").remove();\n $.spinner().stop();\n }\n },\n error: function (err) {\n // Expected error response is for CSRF failure, which will include a redirect to CSRF-Fail\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n}\n\nmodule.exports = function () {\n if ($(\".consented\").length === 0 && $(\".tracking-consent\").hasClass(\"api-true\")) {\n showConsentModal();\n }\n\n if ($(\".tracking-consent\").hasClass(\"api-true\")) {\n $(\".tracking-consent\").click(function () {\n showConsentModal();\n });\n }\n\n $(\"body\").on(\"shown.bs.modal\", \"#consent-tracking\", function () {\n $(\"#consent-tracking\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"#consent-tracking .affirm\").focus();\n });\n\n $(\"body\").on(\"hidden.bs.modal\", \"#consent-tracking\", function () {\n $(\"#consent-tracking\").siblings().attr(\"aria-hidden\", \"false\");\n });\n\n $(\"body\").on(\"keydown\", \"#consent-tracking\", function (e) {\n var focusParams = {\n event: e,\n containerSelector: \"#consent-tracking\",\n firstElementSelector: \".affirm\",\n lastElementSelector: \".decline\",\n nextToLastElementSelector: \".affirm\"\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n};\n","/* eslint-disable no-undef */\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(\"\"\n + \"\"\n + \"\"\n + \"
\"\n + \"\" + data.msg + \"
\");\n\n setTimeout(function () {\n $(\".email-signup-message\").remove();\n button.removeAttr(\"disabled\");\n }, 3000);\n}\n\n// Function to check if a field is empty and add the mandatory class\nfunction checkMandatoryField(selector, value) {\n if (value === \"\") {\n $(selector).addClass(\"mandatory-field\");\n } else {\n $(selector).removeClass(\"mandatory-field\");\n }\n}\n\nmodule.exports = function () {\n $(\".back-to-top\").click(function () {\n scrollAnimate();\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 firstName = $(\"input[name=firstName]\").val();\n var lastName = $(\"input[name=lastName]\").val();\n\n // Check each field\n checkMandatoryField(\"input[name=hpEmailSignUp]\", emailId);\n checkMandatoryField(\"input[name=firstName]\", firstName);\n checkMandatoryField(\"input[name=lastName]\", lastName);\n\n $.spinner().start();\n $(this).attr(\"disabled\", true);\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: {\n emailId: emailId,\n firstName: firstName,\n lastName: lastName,\n },\n success: function (data) {\n displayMessage(data, button);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n};\n","/* eslint-env jquery */\n\n\"use strict\";\n\nvar cart = require(\"../cart/cart\");\nvar updateMiniCart = true;\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($(\"#addGiftWrappingModal\").length !== 0) {\n $(\"#addGiftWrappingModal\").remove();\n }\n var htmlString = \"\"\n + \"\"\n + \"\"\n + \"
\";\n $(\"body\").append(htmlString);\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $(\"\"\n + \"\"\n + \"\"\n + \"
\"\n + \"\").append($.parseHTML(html));\n\n var header = $html.find(\".modal-title\").text();\n var body = $html.find(\".gift-wrapping-form\");\n var footer = $html.find(\".modal-footer\").children();\n\n return { header: header, 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 $(\"#addGiftWrappingModal .modal-body\").empty();\n $(\"#addGiftWrappingModal .modal-header .modal-title\").text(parsedHtml.header);\n $(\"#addGiftWrappingModal .modal-body\").html(parsedHtml.body);\n $(\"#addGiftWrappingModal .modal-footer\").html(parsedHtml.footer);\n $(\"#addGiftWrappingModal .modal-header .close .sr-only\").text(data.closeButtonText);\n $(\"#addGiftWrappingModal .enter-message\").text(data.enterDialogMessage);\n $(\"#addGiftWrappingModal\").modal(\"show\");\n $(\"body\").trigger(\"addGiftWrappingModal:ready\");\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\nfunction giftWrapping() {\n $(\"body\").on(\"click\", \".cart-page .add-gift-wrapping, .cart-page .edit-gift-wrapping\", function (e) {\n e.preventDefault();\n\n var addingGiftWrappingUrl = $(this).attr(\"href\");\n getModalHtmlElement();\n fillModalElement(addingGiftWrappingUrl);\n });\n\n $(\"body\").on(\"click\", \"#addGiftWrappingModal .gift-wrapping-submit\", function (e) {\n e.preventDefault();\n\n var form = $(\"#addGiftWrappingModal .gift-wrapping\");\n var url = form.attr(\"action\");\n var data = form.serialize();\n $.spinner().start();\n $.ajax({\n url: url,\n method: \"POST\",\n dataType: \"json\",\n data: data,\n success: function (res) {\n $.spinner().stop();\n\n if (res.success) {\n $(\".cart-page .add-gift-wrapping\").removeClass(\"d-none\");\n $(\".cart-page .gift-wrapping-message\").addClass(\"d-none\");\n\n var dataArr = form.serializeArray();\n\n if (dataArr.length) {\n dataArr.forEach(function (item) {\n var names = item.name.split(\"enableGiftWrapping-\");\n if (names.length > 1) {\n var uuid = names[1];\n\n $(\".uuid-\" + uuid + \" .gift-wrapping-message\").removeClass(\"d-none\");\n $(\".uuid-\" + uuid + \" .add-gift-wrapping\").addClass(\"d-none\");\n }\n });\n }\n $(\"#addGiftWrappingModal\").modal(\"hide\");\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $.spinner().stop();\n }\n });\n });\n}\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessageAndRemoveFromCart(data) {\n $.spinner().stop();\n var status = data.success ? \"alert-success\" : \"alert-danger\";\n\n if ($(\".add-to-wishlist-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".add-to-wishlist-messages\")\n .append(\"![\\\"\"](\\\"\" "\\\\"\\"")
\").appendTo($(carousel).find(\".carousel-inner\"));\n $(\"\").appendTo($(carousel).find(\".carousel-indicators\"));\n }\n $($(carousel).find(\".carousel-item\")).first().addClass(\"active\");\n $($(carousel).find(\".carousel-indicators > li\")).first().addClass(\"active\");\n if (imgs.length === 1) {\n $($(carousel).find(\".carousel-indicators, a[class^=\\\"carousel-control-\\\"]\")).detach();\n }\n $(carousel).carousel();\n $($(carousel).find(\".carousel-indicators\")).attr(\"aria-hidden\", true);\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts =\n $productContainer.parents(\".bonus-selection\").length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === \"variant\";\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent(\".bonus-product-item\")\n .data(\"pid\", response.product.id);\n\n $productContainer.parent(\".bonus-product-item\")\n .data(\"ready-to-order\", response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n createCarousel(primaryImageUrls, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $(\".prices .price\", $productContainer).length\n ? $(\".prices .price\", $productContainer)\n : $(\".prices .price\");\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find(\".promotions\").empty().html(response.product.promotionsHtml);\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find(\".select-bonus-product\");\n $selectButton.trigger(\"bonusproduct:updateSelectButton\", {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $(\"button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global\").trigger(\"product:updateAddToCart\", {\n product: response.product, $productContainer: $productContainer\n }).trigger(\"product:statusUpdate\", response.product);\n }\n\n // Update attributes\n $productContainer.find(\".main-attributes\").empty()\n .html(getAttributesHtml(response.product.attributes));\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent(\".bonus-product-item\").length <= 0) {\n var selectedQuantity = quantities.find(function (quantity) {\n return quantity.selected;\n });\n var optionsHtml = \"\";\n getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\nfunction updateLabel(data) {\n const colorLabel = document.getElementById(\"colorLabel\");\n const labelText = colorLabel.getAttribute(\"data-label-text\");\n const variationAttributes = data.product.variationAttributes;\n\n for (const attribute of variationAttributes) {\n if (attribute.attributeId === \"color\") {\n $(\".color-attribute\").removeClass(\"selected\");\n for (const value of attribute.values) {\n if (value.selected) {\n colorLabel.innerHTML = `${labelText} ${value.displayValue}`;\n $(\"img[data-attr-value=\\\"\" + value.id + \"\\\"]\").parent().addClass(\"selected\");\n return; // Exit the function once the label is updated\n }\n }\n }\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\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 // Update the label with the selected value\n updateLabel(data);\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 = $(\"
\" + data.msg + \"
\");\n\n setTimeout(function () {\n $(\".add-to-wishlist-messages\").remove();\n }, 1500);\n var $targetElement = $(\"a[data-pid=\\\"\" + data.pid + \"\\\"]\").closest(\".product-info\").find(\".remove-product\");\n var itemToMove = {\n actionUrl: $targetElement.data(\"action\"),\n productID: $targetElement.data(\"pid\"),\n productName: $targetElement.data(\"name\"),\n uuid: $targetElement.data(\"uuid\")\n };\n $(\"body\").trigger(\"afterRemoveFromCart\", itemToMove);\n setTimeout(function () {\n $(\".cart.cart-page #removeProductModal\").modal();\n }, 2000);\n}\n/**\n * move items from Cart to wishlist\n * returns json object with success or error message\n */\nfunction moveToWishlist() {\n $(\"body\").on(\"click\", \".product-move .move\", function (e) {\n e.preventDefault();\n var url = $(this).attr(\"href\");\n var pid = $(this).data(\"pid\");\n var optionId = $(this).closest(\".product-info\").find(\".lineItem-options-values\").data(\"option-id\");\n var optionVal = $(this).closest(\".product-info\").find(\".lineItem-options-values\").data(\"value-id\");\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessageAndRemoveFromCart(data);\n },\n error: function (err) {\n displayMessageAndRemoveFromCart(err);\n }\n });\n });\n}\n\nmodule.exports = function () {\n cart();\n moveToWishlist();\n giftWrapping();\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-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 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 });\n $(\"body\").on(\"cart:update\", function () {\n updateMiniCart = true;\n });\n};\n","/* eslint-disable no-undef */\n\"use strict\";\n\nrequire(\"../slick/slick\");\nconst breakpoints = require(\"../utils/breakpoints\");\n\n// eslint-disable-next-line no-undef\n$(document).ready(function () {\n // eslint-disable-next-line no-undef\n $(\".promo-bar-slider\").slick({\n dots: true,\n infinite: false,\n speed: 300,\n slidesToShow: 4,\n slidesToScroll: 4,\n\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n infinite: true,\n dots: false,\n prevArrow: false,\n autoplay: true, // Add this property\n autoplaySpeed: 3000 // Set the autoplay speed in milliseconds\n }\n }\n ]\n });\n\n $(\".product-type-slider\").slick({\n dots: true,\n infinite: false,\n speed: 300,\n slidesToShow: 9,\n slidesToScroll: 1,\n prevArrow: false,\n\n\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3,\n infinite: true,\n dots: false,\n prevArrow: false,\n autoplay: false // Add this property\n }\n }\n ]\n });\n\n // Function to handle viewport size changes\n function handleViewportSizeChange() {\n if (!breakpoints.isLargeBreakpoint()) {\n $(\".menu-wrapper\").removeClass(\"mega-menu-desktop\");\n $(\".menu-wrapper\").addClass(\"toggle-menu-mobile\");\n $(\".menu-wrapper .mobile-toggle-menu\").show();\n $(\".menu-wrapper\").removeClass(\"d-none\");\n } else {\n $(\".menu-wrapper .mobile-toggle-menu\").hide();\n $(\".menu-wrapper\").removeClass(\"toggle-menu-mobile\");\n $(\".menu-wrapper\").addClass(\"mega-menu-desktop\");\n $(\".menu-wrapper\").removeClass(\"d-none\");\n }\n }\n\n // Call the function on page load\n handleViewportSizeChange();\n\n // Call the function on viewport size change\n $(window).resize(function () {\n handleViewportSizeChange();\n });\n\n const textArea = document.querySelector(\".gift-registry-url\");\n\n if (textArea) {\n // Remove extra spaces from the value\n textArea.value = textArea.value.replace(/\\s+/g, \" \").trim();\n }\n});\n","/* eslint-disable no-undef */\n\"use strict\";\n\nvar debounce = require(\"lodash/debounce\");\nvar endpoint = $(\".suggestions-wrapper\").data(\"url\");\nvar minChars = 1;\nvar UP_KEY = 38;\nvar DOWN_KEY = 40;\nvar DIRECTION_DOWN = 1;\nvar DIRECTION_UP = -1;\n\n/**\n * Retrieves Suggestions element relative to scope\n *\n * @param {Object} scope - Search input field DOM element\n * @return {JQuery} - .suggestions-wrapper element\n */\nfunction getSuggestionsWrapper(scope) {\n return $(scope).siblings(\".suggestions-wrapper\");\n}\n\n/**\n * Determines whether DOM element is inside the .search-mobile class\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n * @return {boolean} - Whether DOM element is inside div.search-mobile\n */\nfunction isMobileSearch(scope) {\n return !!$(scope).closest(\".search-mobile\").length;\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $(\"body\").removeClass(\"modal-open\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"false\");\n $(\".suggestions\").removeClass(\"modal\");\n}\n\n/**\n * Apply modal classes needed for mobile suggestions\n *\n * @param {Object} scope - Search input field DOM element\n */\nfunction applyModals(scope) {\n if (isMobileSearch(scope)) {\n $(\"body\").addClass(\"modal-open\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"true\");\n getSuggestionsWrapper(scope).find(\".suggestions\").addClass(\"modal\");\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $(\"input.search-field\").val(\"\");\n clearModals();\n $(\".search-mobile .suggestions\").unbind(\"scroll\");\n $(\".suggestions-wrapper\").empty();\n}\n\n/**\n * Toggle search field icon from search to close and vice-versa\n *\n * @param {string} action - Action to toggle to\n */\nfunction toggleSuggestionsIcon(action) {\n var mobileSearchIcon = \".search-mobile button.\";\n var iconSearch = \"fa-search\";\n var iconSearchClose = \"fa-close\";\n\n if (action === \"close\") {\n $(mobileSearchIcon + iconSearch).removeClass(iconSearch).addClass(iconSearchClose).attr(\"type\", \"button\");\n } else {\n $(mobileSearchIcon + iconSearchClose).removeClass(iconSearchClose).addClass(iconSearch).attr(\"type\", \"submit\");\n }\n}\n\n/**\n * Determines whether the \"More Content Below\" icon should be displayed\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction handleMoreContentBelowIcon(scope) {\n if (($(scope).scrollTop() + $(scope).innerHeight()) >= $(scope)[0].scrollHeight) {\n $(\".more-below\").fadeOut();\n } else {\n $(\".more-below\").fadeIn();\n }\n}\n\n/**\n * Positions Suggestions panel on page\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction positionSuggestions(scope) {\n var outerHeight;\n var $scope;\n var $suggestions;\n var top;\n\n if (isMobileSearch(scope)) {\n $scope = $(scope);\n top = $scope.offset().top;\n outerHeight = $scope.outerHeight();\n $suggestions = getSuggestionsWrapper(scope).find(\".suggestions\");\n $suggestions.css(\"top\", top + outerHeight);\n\n handleMoreContentBelowIcon(scope);\n\n // Unfortunately, we have to bind this dynamically, as the live scroll event was not\n // properly detecting dynamic suggestions element's scroll event\n $suggestions.scroll(function () {\n handleMoreContentBelowIcon(this);\n });\n }\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n var $suggestionsWrapper = getSuggestionsWrapper(this).empty();\n\n $.spinner().stop();\n\n if (typeof (response) !== \"object\") {\n $suggestionsWrapper.append(response).show();\n $(this).siblings(\".reset-button\").addClass(\"d-block\");\n positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n toggleSuggestionsIcon(\"close\");\n applyModals(this);\n }\n\n // Trigger screen reader by setting aria-describedby with the new suggestion message.\n var suggestionsList = $(\".suggestions .item\");\n if ($(suggestionsList).length) {\n $(\"input.search-field\").attr(\"aria-describedby\", \"search-result-count\");\n } else {\n $(\"input.search-field\").removeAttr(\"aria-describedby\");\n }\n } else {\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n if ($(scope).val().length >= minChars) {\n $.spinner().start();\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent($(scope).val()),\n method: \"GET\",\n success: processResponse,\n error: function () {\n $.spinner().stop();\n }\n });\n } else {\n toggleSuggestionsIcon(\"search\");\n $(scope).siblings(\".reset-button\").removeClass(\"d-block\");\n clearModals();\n getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n var suggestionsList = $(\".suggestions .item\");\n if (suggestionsList.filter(\".selected\").length === 0) {\n suggestionsList.first().addClass(\"selected\");\n $(\"input.search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.first()[0].id);\n });\n } else {\n suggestionsList.each(function (index) {\n var idx = index + direction;\n if ($(this).hasClass(\"selected\")) {\n $(this).removeClass(\"selected\");\n $(this).removeAttr(\"aria-selected\");\n if (suggestionsList.eq(idx).length !== 0) {\n suggestionsList.eq(idx).addClass(\"selected\");\n suggestionsList.eq(idx).attr(\"aria-selected\", true);\n $(this).removeProp(\"aria-selected\");\n $(\"input.search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.eq(idx)[0].id);\n });\n } else {\n suggestionsList.first().addClass(\"selected\");\n suggestionsList.first().attr(\"aria-selected\", true);\n $(\"input.search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.first()[0].id);\n });\n }\n return false;\n }\n return true;\n });\n }\n}\n\nmodule.exports = function () {\n $(\"form[name=\\\"simpleSearch\\\"]\").submit(function (e) {\n var suggestionsList = $(\".suggestions .item\");\n if (suggestionsList.filter(\".selected\").length !== 0) {\n e.preventDefault();\n suggestionsList.filter(\".selected\").find(\"a\")[0].click();\n }\n });\n\n $(\"input.search-field\").each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on(\"keyup focus\", function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n\n $(\"body\").on(\"click\", function (e) {\n if (!$(\".suggestions\").has(e.target).length && !$(e.target).hasClass(\"search-field\")) {\n $(\".suggestions\").hide();\n }\n });\n\n $(\"body\").on(\"click touchend\", \".search-mobile button.fa-close\", function (e) {\n e.preventDefault();\n $(\".suggestions\").hide();\n toggleSuggestionsIcon(\"search\");\n tearDownSuggestions();\n });\n\n $(\".site-search .reset-button\").on(\"click\", function () {\n $(this).removeClass(\"d-block\");\n });\n};\n","/* eslint-disable no-undef */\n\"use strict\";\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() || $($el).data(\"pid\");\n } else {\n pid = $(\".product-detail:not(\\\".bundle-item\\\")\").data(\"pid\");\n }\n\n return pid;\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $(\".set-items\").length) {\n quantitySelected = $($el).closest(\".product-detail\").find(\".quantity-select\");\n } else if ($el && $(\".product-bundle\").length) {\n var quantitySelectedModal = $($el).closest(\".modal-footer\").find(\".quantity-select\");\n var quantitySelectedPDP = $($el).closest(\".bundle-footer\").find(\".quantity-select\");\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $(\".quantity-select\");\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find(\"[data-attr=\\\"\" + attr.id + \"\\\"] [data-attr-value=\\\"\" +\n attrValue.value + \"\\\"]\");\n var $swatchButton = $attrValue.parent();\n\n if (attrValue.selected) {\n $attrValue.addClass(\"selected\");\n $attrValue.siblings(\".selected-assistive-text\").text(msgs.assistiveSelectedText);\n } else {\n $attrValue.removeClass(\"selected\");\n $attrValue.siblings(\".selected-assistive-text\").empty();\n }\n\n if (attrValue.url) {\n $swatchButton.attr(\"data-url\", attrValue.url);\n } else {\n $swatchButton.removeAttr(\"data-url\");\n }\n\n // Disable if not selectable\n $attrValue.removeClass(\"selectable unselectable\");\n\n $attrValue.addClass(attrValue.selectable ? \"selectable\" : \"unselectable\");\n });\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\n var $attr = \"[data-attr=\\\"\" + attr.id + \"\\\"]\";\n var $defaultOption = $productContainer.find($attr + \" .select-\" + attr.id + \" option:first\");\n $defaultOption.attr(\"value\", attr.resetUrl);\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer\n .find($attr + \" [data-attr-value=\\\"\" + attrValue.value + \"\\\"]\");\n $attrValue.attr(\"value\", attrValue.url)\n .removeAttr(\"disabled\");\n\n if (!attrValue.selectable) {\n $attrValue.attr(\"disabled\", true);\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n // Currently, the only attribute type that has image swatches is Color.\n var attrsWithSwatches = [\"color\"];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\n processSwatchValues(attr, $productContainer, msgs);\n } else {\n processNonSwatchValues(attr, $productContainer);\n }\n });\n}\n\n/**\n * Updates the availability status in the Product Detail Page\n *\n * @param {Object} response - Ajax response object after an\n * attribute value has been [de]selected\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateAvailability(response, $productContainer) {\n var availabilityValue = \"\";\n var availabilityMessages = response.product.availability.messages;\n if (!response.product.readyToOrder) {\n availabilityValue = \"\" + response.resources.info_selectforstock + \"
\" + message + \"
\" + attribute.label + \": \"\n + attribute.value + \"
\";\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n// Update options\n $productContainer.find(\".product-options\").empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Bootstrap carousel from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createCarousel(imgs, $productContainer) {\n var carousel = $productContainer.find(\".carousel\");\n $(carousel).carousel(\"dispose\");\n var carouselId = $(carousel).attr(\"id\");\n $(carousel).empty().append(\"\").append($.parseHTML(html));\n\n var body = $html.find(\".choice-of-bonus-product\");\n var footer = $html.find(\".modal-footer\").children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = \"
\"\n + \"\"\n + \"
\";\n $(\".uuid-\" + data.pliUUID + \" .bonus-selection\").replaceWith(htmlString);\n var $bonusSelection = $(\".uuid-\" + data.pliUUID + \" .bonus-selection\");\n\n $.ajax({\n url: bonusUrl,\n method: \"GET\",\n dataType: \"json\",\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $(\".uuid-\" + data.pliUUID + \" .bundled-line-item\").hide();\n $(\".uuid-\" + data.pliUUID + \" .bonus-product-button\").hide();\n $bonusSelection.find(\".body\").html(parsedHtml.body);\n $bonusSelection.find(\".footer\").html(parsedHtml.footer);\n updateSelectButtonStatus();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $(\".minicart\").trigger(\"count:update\", response);\n var messageType = response.error ? \"alert-danger\" : \"alert-success\";\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n\n $(\".add-to-cart-messages\").append(\n \"\"\n + \"
\"\n + \"\"\n + \" \" + data.labels.selectprods + \"\"\n + \" \"\n + \"
\"\n + \"\"\n + \"\"\n + \"\"\n + response.message\n + \"
\"\n );\n\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 5000);\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $(\".bundle-item\").each(function () {\n childProducts.push({\n pid: $(this).find(\".product-id\").text(),\n quantity: parseInt($(this).find(\"label.quantity\").data(\"quantity\"), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find(\".product-option\")\n .map(function () {\n var $elOption = $(this).find(\".options-select\");\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find(\"option[value=\\\"\" + urlValue + \"\\\"]\")\n .data(\"value-id\");\n return {\n optionId: $(this).data(\"option-id\"),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: \"GET\",\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nfunction updateSelectButtonStatus() {\n var $selected = $(\".bonus-selection .selected-bonus-products .selected-pid\");\n var count = 0;\n if ($selected.length) {\n $(\"button.select-bonus-product\").removeClass(\"d-none\");\n $(\"button.selected-bonus-product\").addClass(\"d-none\");\n\n $selected.each(function () {\n count += parseInt($(this).data(\"qty\"), 10);\n let pid = $(this).data(\"pid\");\n $(\"button.select-bonus-product[data-pid=\\\"\" + pid + \"\\\"]\").addClass(\"d-none\");\n $(\"button.selected-bonus-product[data-pid=\\\"\" +pid + \"\\\"]\").removeClass(\"d-none\");\n });\n }\n var maxPids = $(\".bonus-selection\").data(\"total-qty\");\n\n if (count >= maxPids) {\n $(\"button.select-bonus-product:not([data-ignore])\").attr(\"disabled\", \"disabled\");\n } else {\n $(\"button.select-bonus-product:not([data-ignore])\").removeAttr(\"disabled\");\n }\n}\n\nsetTimeout(function () {\n var colorDiv = $(\"div[data-attr=\\\"color\\\"]\");\n var pdpAttributesDiv = colorDiv.find(\".pdp-attributes\");\n var selectableButton = pdpAttributesDiv.find(\"button.color-attribute .selectable\").first().parent();\n\n if (selectableButton.length > 0) {\n pdpAttributesDiv.find(\"button.color-attribute\").removeClass(\"selected\");\n selectableButton[0].click(); // Trigger the click event\n selectableButton.addClass(\"selected\"); // Add the class to the jQuery object\n }\n}, 10);\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $(\"body\").on(\"shown.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"#chooseBonusProductModal .close\").focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $(\"body\").on(\"hidden.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").siblings().attr(\"aria-hidden\", \"false\");\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $(\"body\").on(\"keydown\", \"#chooseBonusProductModal\", function (e) {\n var focusParams = {\n event: e,\n containerSelector: \"#chooseBonusProductModal\",\n firstElementSelector: \".close\",\n lastElementSelector: \".add-bonus-products\"\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on(\"click\", \"[data-attr=\\\"color\\\"] button\", function (e) {\n e.preventDefault();\n\n if ($(this).attr(\"disabled\")) {\n return;\n }\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n\n attributeSelect($(this).attr(\"data-url\"), $productContainer);\n });\n },\n\n selectAttribute: function () {\n $(document).on(\"change\", \"select[class*=\\\"select-\\\"], .options-select\", function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on(\"change\", \".quantity-select\", function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".modal-content\").find(\".product-quickview\");\n }\n\n if ($(\".bundle-items\", $productContainer).length === 0) {\n attributeSelect($(e.currentTarget).find(\"option:selected\").data(\"url\"),\n $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).on(\"click\", \"button.add-to-cart, button.add-to-cart-global\", function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n $(\"body\").trigger(\"product:beforeAddToCart\", this);\n\n if ($(\".set-items\").length && $(this).hasClass(\"add-to-cart-global\")) {\n setPids = [];\n\n $(\".product-detail\").each(function () {\n if (!$(this).hasClass(\"product-set-detail\")) {\n setPids.push({\n pid: $(this).data(\"pid\"),\n qty: $(this).find(\".quantity-select\").val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".quick-view-dialog\").find(\".product-detail\");\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$(\".bundle-item\").length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger(\"updateAddToCartFormData\", form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: \"POST\",\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $(\"body\").trigger(\"product:afterAddToCart\", data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on(\"click\", \".select-bonus-product\", function () {\n var $choiceOfBonusProduct = $(this).parents(\".choice-of-bonus-product\");\n var pid = $(this).data(\"pid\");\n var maxPids = $(\".bonus-selection\").data(\"total-qty\");\n var submittedQty = parseInt($choiceOfBonusProduct.find(\".bonus-quantity-select\").val(), 10);\n var totalQty = 0;\n $.each($(\".bonus-selection .selected-bonus-products .selected-pid\"), function () {\n totalQty += $(this).data(\"qty\");\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find(\".product-option\").data(\"option-id\");\n var valueId = $choiceOfBonusProduct.find(\".options-select option:selected\").data(\"valueId\");\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = \"\"\n + \"\"\n + \"
\"\n ;\n $(\".bonus-selection .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 updateSelectButtonStatus();\n });\n },\n removeBonusProduct: function () {\n $(document).on(\"click\", \".selected-bonus-product\", function () {\n var $selected = $(\".bonus-selection .selected-bonus-products .selected-pid\");\n var count = 0;\n if ($selected.length) {\n $selected.each(function (index) {\n var $item = $($selected[index]);\n if ($item.data(\"pid\") === $(this).data(\"pid\")) {\n $item.remove();\n return;\n }\n count += parseInt($item.data(\"qty\"), 10);\n });\n }\n\n $(\".pre-cart-products\").html(count);\n $(\".selected-bonus-products .bonus-summary\").removeClass(\"alert-danger\");\n $(this).addClass(\"d-none\");\n $(this).siblings(\".select-bonus-product\").removeClass(\"d-none\");\n updateSelectButtonStatus();\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 $(document).on(\"change\", \".bonus-quantity-select\", function () {\n var qty = parseInt($(this).val(), 10);\n var $parent = $(this).parents(\".bonus-product-item\");\n var pid = $parent.data(\"pid\");\n var $selected = $(\".bonus-selection .selected-bonus-products .selected-pid\");\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n if ($selected.data(\"pid\") !== pid) {\n count += parseInt($(this).data(\"qty\"), 10);\n }\n });\n }\n var maxPids = $(\".bonus-selection\").data(\"total-qty\");\n\n if (qty + count <= maxPids) {\n $parent.find(\"button.select-bonus-product:not([data-ignore])\").removeAttr(\"disabled\");\n } else {\n $parent.find(\"button.select-bonus-product:not([data-ignore])\").attr(\"disabled\", \"disabled\");\n }\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 = $(\".bonus-selection .selected-pid\");\n var queryString = \"?pids=\";\n var url = $(\".bonus-selection\").data(\"addtocarturl\");\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption =\n parseInt($(this)\n .data(\"qty\"), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data(\"optionid\") && $(this).data(\"option-selected-value\")) {\n option = {};\n option.optionId = $(this).data(\"optionid\");\n option.productId = $(this).data(\"pid\");\n option.selectedValueId = $(this).data(\"option-selected-value\");\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data(\"pid\"),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($(\".pre-cart-products\").html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + \"&uuid=\" + $(\".bonus-selection\").data(\"uuid\");\n queryString = queryString + \"&pliuuid=\" + $(\".bonus-selection\").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 if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".add-to-cart-messages\").append(\n \"\"\n + $choiceOfBonusProduct.find(\".product-name\").html()\n + \"
\"\n + \"\"\n + \"
\"\n + data.errorMessage + \"
\"\n );\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 3000);\n } else {\n $(\".configure-bonus-product-attributes\").html(data);\n $(\".bonus-products-step2\").removeClass(\"hidden-xl-down\");\n $(\".bonus-selection\").empty();\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","/*\n _ _ _ _\n ___| (_) ___| | __ (_)___\n/ __| | |/ __| |/ / | / __|\n\\__ \\ | | (__| < _ | \\__ \\\n|___/_|_|\\___|_|\\_(_)/ |___/\n |__/\n\n Version: 1.8.0\n Author: Ken Wheeler\n Website: http://kenwheeler.github.io\n Docs: http://kenwheeler.github.io/slick\n Repo: http://github.com/kenwheeler/slick\n Issues: http://github.com/kenwheeler/slick/issues\n\n */\n/* global window, document, define, jQuery, setInterval, clearInterval */\n(function (factory) {\n \"use strict\";\n if (typeof define === \"function\" && define.amd) {\n define([\"jquery\"], factory);\n } else if (typeof exports !== \"undefined\") {\n module.exports = factory(require(\"jquery\"));\n } else {\n factory(jQuery);\n }\n\n}(function ($) {\n \"use strict\";\n var Slick = window.Slick || {};\n\n Slick = (function () {\n\n var instanceUid = 0;\n\n function Slick(element, settings) {\n\n var _ = this, dataSettings;\n\n _.defaults = {\n accessibility: true,\n adaptiveHeight: false,\n appendArrows: $(element),\n appendDots: $(element),\n arrows: true,\n asNavFor: null,\n prevArrow: \"\",\n nextArrow: \"\",\n autoplay: false,\n autoplaySpeed: 3000,\n centerMode: false,\n centerPadding: \"50px\",\n cssEase: \"ease\",\n customPaging: function (slider, i) {\n return $(\"\").text(i + 1);\n },\n dots: false,\n dotsClass: \"slick-dots\",\n draggable: true,\n easing: \"linear\",\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n focusOnChange: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: \"ondemand\",\n mobileFirst: false,\n pauseOnHover: true,\n pauseOnFocus: true,\n pauseOnDotsHover: false,\n respondTo: \"window\",\n responsive: null,\n rows: 1,\n rtl: false,\n slide: \"\",\n slidesPerRow: 1,\n slidesToShow: 1,\n slidesToScroll: 1,\n speed: 500,\n swipe: true,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n verticalSwiping: false,\n waitForAnimate: true,\n zIndex: 1000\n };\n\n _.initials = {\n animating: false,\n dragging: false,\n autoPlayTimer: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n $dots: null,\n listWidth: null,\n listHeight: null,\n loadIndex: 0,\n $nextArrow: null,\n $prevArrow: null,\n scrolling: false,\n slideCount: null,\n slideWidth: null,\n $slideTrack: null,\n $slides: null,\n sliding: false,\n slideOffset: 0,\n swipeLeft: null,\n swiping: false,\n $list: null,\n touchObject: {},\n transformsEnabled: false,\n unslicked: false\n };\n\n $.extend(_, _.initials);\n\n _.activeBreakpoint = null;\n _.animType = null;\n _.animProp = null;\n _.breakpoints = [];\n _.breakpointSettings = [];\n _.cssTransitions = false;\n _.focussed = false;\n _.interrupted = false;\n _.hidden = \"hidden\";\n _.paused = true;\n _.positionProp = null;\n _.respondTo = null;\n _.rowCount = 1;\n _.shouldClick = true;\n _.$slider = $(element);\n _.$slidesCache = null;\n _.transformType = null;\n _.transitionType = null;\n _.visibilityChange = \"visibilitychange\";\n _.windowWidth = 0;\n _.windowTimer = null;\n\n dataSettings = $(element).data(\"slick\") || {};\n\n _.options = $.extend({}, _.defaults, settings, dataSettings);\n\n _.currentSlide = _.options.initialSlide;\n\n _.originalSettings = _.options;\n\n if (typeof document.mozHidden !== \"undefined\") {\n _.hidden = \"mozHidden\";\n _.visibilityChange = \"mozvisibilitychange\";\n } else if (typeof document.webkitHidden !== \"undefined\") {\n _.hidden = \"webkitHidden\";\n _.visibilityChange = \"webkitvisibilitychange\";\n }\n\n _.autoPlay = $.proxy(_.autoPlay, _);\n _.autoPlayClear = $.proxy(_.autoPlayClear, _);\n _.autoPlayIterator = $.proxy(_.autoPlayIterator, _);\n _.changeSlide = $.proxy(_.changeSlide, _);\n _.clickHandler = $.proxy(_.clickHandler, _);\n _.selectHandler = $.proxy(_.selectHandler, _);\n _.setPosition = $.proxy(_.setPosition, _);\n _.swipeHandler = $.proxy(_.swipeHandler, _);\n _.dragHandler = $.proxy(_.dragHandler, _);\n _.keyHandler = $.proxy(_.keyHandler, _);\n\n _.instanceUid = instanceUid++;\n\n // A simple way to check for HTML strings\n // Strict HTML recognition (must start with <)\n // Extracted from jQuery v1.11 source\n _.htmlExpr = /^(?:\\s*(<[\\w\\W]+>)[^>]*)$/;\n\n\n _.registerBreakpoints();\n _.init(true);\n\n }\n\n return Slick;\n\n }());\n\n Slick.prototype.activateADA = function () {\n var _ = this;\n\n _.$slideTrack.find(\".slick-active\").attr({\n \"aria-hidden\": \"false\"\n }).find(\"a, input, button, select\").attr({\n \"tabindex\": \"0\"\n });\n\n };\n\n Slick.prototype.addSlide = Slick.prototype.slickAdd = function (markup, index, addBefore) {\n\n var _ = this;\n\n if (typeof(index) === \"boolean\") {\n addBefore = index;\n index = null;\n } else if (index < 0 || (index >= _.slideCount)) {\n return false;\n }\n\n _.unload();\n\n if (typeof(index) === \"number\") {\n if (index === 0 && _.$slides.length === 0) {\n $(markup).appendTo(_.$slideTrack);\n } else if (addBefore) {\n $(markup).insertBefore(_.$slides.eq(index));\n } else {\n $(markup).insertAfter(_.$slides.eq(index));\n }\n } else {\n if (addBefore === true) {\n $(markup).prependTo(_.$slideTrack);\n } else {\n $(markup).appendTo(_.$slideTrack);\n }\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slides.each(function (index, element) {\n $(element).attr(\"data-slick-index\", index);\n });\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.animateHeight = function () {\n var _ = this;\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.animate({\n height: targetHeight\n }, _.options.speed);\n }\n };\n\n Slick.prototype.animateSlide = function (targetLeft, callback) {\n\n var animProps = {},\n _ = this;\n\n _.animateHeight();\n\n if (_.options.rtl === true && _.options.vertical === false) {\n targetLeft = -targetLeft;\n }\n if (_.transformsEnabled === false) {\n if (_.options.vertical === false) {\n _.$slideTrack.animate({\n left: targetLeft\n }, _.options.speed, _.options.easing, callback);\n } else {\n _.$slideTrack.animate({\n top: targetLeft\n }, _.options.speed, _.options.easing, callback);\n }\n\n } else {\n\n if (_.cssTransitions === false) {\n if (_.options.rtl === true) {\n _.currentLeft = -(_.currentLeft);\n }\n $({\n animStart: _.currentLeft\n }).animate({\n animStart: targetLeft\n }, {\n duration: _.options.speed,\n easing: _.options.easing,\n step: function (now) {\n now = Math.ceil(now);\n if (_.options.vertical === false) {\n animProps[_.animType] = \"translate(\" +\n now + \"px, 0px)\";\n _.$slideTrack.css(animProps);\n } else {\n animProps[_.animType] = \"translate(0px,\" +\n now + \"px)\";\n _.$slideTrack.css(animProps);\n }\n },\n complete: function () {\n if (callback) {\n callback.call();\n }\n }\n });\n\n } else {\n\n _.applyTransition();\n targetLeft = Math.ceil(targetLeft);\n\n if (_.options.vertical === false) {\n animProps[_.animType] = \"translate3d(\" + targetLeft + \"px, 0px, 0px)\";\n } else {\n animProps[_.animType] = \"translate3d(0px,\" + targetLeft + \"px, 0px)\";\n }\n _.$slideTrack.css(animProps);\n\n if (callback) {\n setTimeout(function () {\n\n _.disableTransition();\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n }\n\n };\n\n Slick.prototype.getNavTarget = function () {\n\n var _ = this,\n asNavFor = _.options.asNavFor;\n\n if (asNavFor && asNavFor !== null) {\n asNavFor = $(asNavFor).not(_.$slider);\n }\n\n return asNavFor;\n\n };\n\n Slick.prototype.asNavFor = function (index) {\n\n var _ = this,\n asNavFor = _.getNavTarget();\n\n if (asNavFor !== null && typeof asNavFor === \"object\") {\n asNavFor.each(function () {\n var target = $(this).slick(\"getSlick\");\n if (!target.unslicked) {\n target.slideHandler(index, true);\n }\n });\n }\n\n };\n\n Slick.prototype.applyTransition = function (slide) {\n\n var _ = this,\n transition = {};\n\n if (_.options.fade === false) {\n transition[_.transitionType] = _.transformType + \" \" + _.options.speed + \"ms \" + _.options.cssEase;\n } else {\n transition[_.transitionType] = \"opacity \" + _.options.speed + \"ms \" + _.options.cssEase;\n }\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.autoPlay = function () {\n\n var _ = this;\n\n _.autoPlayClear();\n\n if (_.slideCount > _.options.slidesToShow) {\n _.autoPlayTimer = setInterval(_.autoPlayIterator, _.options.autoplaySpeed);\n }\n\n };\n\n Slick.prototype.autoPlayClear = function () {\n\n var _ = this;\n\n if (_.autoPlayTimer) {\n clearInterval(_.autoPlayTimer);\n }\n\n };\n\n Slick.prototype.autoPlayIterator = function () {\n\n var _ = this,\n slideTo = _.currentSlide + _.options.slidesToScroll;\n\n if (!_.paused && !_.interrupted && !_.focussed) {\n\n if (_.options.infinite === false) {\n\n if (_.direction === 1 && (_.currentSlide + 1) === (_.slideCount - 1)) {\n _.direction = 0;\n }\n\n else if (_.direction === 0) {\n\n slideTo = _.currentSlide - _.options.slidesToScroll;\n\n if (_.currentSlide - 1 === 0) {\n _.direction = 1;\n }\n\n }\n\n }\n\n _.slideHandler(slideTo);\n\n }\n\n };\n\n Slick.prototype.buildArrows = function () {\n\n var _ = this;\n\n if (_.options.arrows === true) {\n\n _.$prevArrow = $(_.options.prevArrow).addClass(\"slick-arrow\");\n _.$nextArrow = $(_.options.nextArrow).addClass(\"slick-arrow\");\n\n if (_.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.removeClass(\"slick-hidden\").removeAttr(\"aria-hidden tabindex\");\n _.$nextArrow.removeClass(\"slick-hidden\").removeAttr(\"aria-hidden tabindex\");\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.prependTo(_.options.appendArrows);\n }\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.appendTo(_.options.appendArrows);\n }\n\n if (_.options.infinite !== true) {\n _.$prevArrow\n .addClass(\"slick-disabled\")\n .attr(\"aria-disabled\", \"true\");\n }\n\n } else {\n\n _.$prevArrow.add(_.$nextArrow)\n\n .addClass(\"slick-hidden\")\n .attr({\n \"aria-disabled\": \"true\",\n \"tabindex\": \"-1\"\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.buildDots = function () {\n\n var _ = this,\n i, dot;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$slider.addClass(\"slick-dotted\");\n\n dot = $(\"\").appendTo(_.$slider) :\n _.$slides.wrapAll(\"
\").parent();\n\n _.$list = _.$slideTrack.wrap(\n \"
\").parent();\n _.$slideTrack.css(\"opacity\", 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $(\"img[data-lazy]\", _.$slider).not(\"[src]\").addClass(\"slick-loading\");\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === \"number\" ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass(\"draggable\");\n }\n\n };\n\n Slick.prototype.buildRows = function () {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides, slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if (_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for (a = 0; a < numOfSlides; a++) {\n var slide = document.createElement(\"div\");\n for (b = 0; b < _.options.rows; b++) {\n var row = document.createElement(\"div\");\n for (c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n \"width\":(100 / _.options.slidesPerRow) + \"%\",\n \"display\": \"inline-block\"\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function (initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === \"window\") {\n respondToWidth = windowWidth;\n } else if (_.respondTo === \"slider\") {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === \"min\") {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if (_.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === \"unslick\") {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === \"unslick\") {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if (!initial && triggerBreakpoint !== false) {\n _.$slider.trigger(\"breakpoint\", [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function (event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if ($target.is(\"a\")) {\n event.preventDefault();\n }\n\n // If target is not the element (ie: a child), find the .\n if (!$target.is(\"li\")) {\n $target = $target.closest(\"li\");\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case \"previous\":\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case \"next\":\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case \"index\":\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger(\"focus\");\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function (index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function () {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $(\"li\", _.$dots)\n .off(\"click.slick\", _.changeSlide)\n .off(\"mouseenter.slick\", $.proxy(_.interrupt, _, true))\n .off(\"mouseleave.slick\", $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off(\"keydown.slick\", _.keyHandler);\n }\n }\n\n _.$slider.off(\"focus.slick blur.slick\");\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off(\"click.slick\", _.changeSlide);\n _.$nextArrow && _.$nextArrow.off(\"click.slick\", _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off(\"keydown.slick\", _.keyHandler);\n _.$nextArrow && _.$nextArrow.off(\"keydown.slick\", _.keyHandler);\n }\n }\n\n _.$list.off(\"touchstart.slick mousedown.slick\", _.swipeHandler);\n _.$list.off(\"touchmove.slick mousemove.slick\", _.swipeHandler);\n _.$list.off(\"touchend.slick mouseup.slick\", _.swipeHandler);\n _.$list.off(\"touchcancel.slick mouseleave.slick\", _.swipeHandler);\n\n _.$list.off(\"click.slick\", _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off(\"keydown.slick\", _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off(\"click.slick\", _.selectHandler);\n }\n\n $(window).off(\"orientationchange.slick.slick-\" + _.instanceUid, _.orientationChange);\n\n $(window).off(\"resize.slick.slick-\" + _.instanceUid, _.resize);\n\n $(\"[draggable!=true]\", _.$slideTrack).off(\"dragstart\", _.preventDefault);\n\n $(window).off(\"load.slick.slick-\" + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function () {\n\n var _ = this;\n\n _.$list.off(\"mouseenter.slick\", $.proxy(_.interrupt, _, true));\n _.$list.off(\"mouseleave.slick\", $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function () {\n\n var _ = this, originalSlides;\n\n if (_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr(\"style\");\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function (event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function (refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $(\".slick-cloned\", _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.$prevArrow.length) {\n\n _.$prevArrow\n .removeClass(\"slick-disabled slick-arrow slick-hidden\")\n .removeAttr(\"aria-hidden aria-disabled tabindex\")\n .css(\"display\", \"\");\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n }\n\n if (_.$nextArrow && _.$nextArrow.length) {\n\n _.$nextArrow\n .removeClass(\"slick-disabled slick-arrow slick-hidden\")\n .removeAttr(\"aria-hidden aria-disabled tabindex\")\n .css(\"display\", \"\");\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass(\"slick-slide slick-active slick-center slick-visible slick-current\")\n .removeAttr(\"aria-hidden\")\n .removeAttr(\"data-slick-index\")\n .each(function () {\n $(this).attr(\"style\", $(this).data(\"originalStyling\"));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass(\"slick-slider\");\n _.$slider.removeClass(\"slick-initialized\");\n _.$slider.removeClass(\"slick-dotted\");\n\n _.unslicked = true;\n\n if (!refresh) {\n _.$slider.trigger(\"destroy\", [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function (slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = \"\";\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function (slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function () {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function (slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function (filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function () {\n\n var _ = this;\n\n _.$slider\n .off(\"focus.slick blur.slick\")\n .on(\"focus.slick blur.slick\", \"*\", function (event) {\n\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function () {\n\n if (_.options.pauseOnFocus) {\n _.focussed = $sf.is(\":focus\");\n _.autoPlay();\n }\n\n }, 0);\n\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function () {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function () {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if (!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function (slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1;\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2;\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children(\".slick-slide\").eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children(\".slick-slide\").eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children(\".slick-slide\").eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children(\".slick-slide\").eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function (option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function () {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function () {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function () {\n\n var _ = this,\n slidesTraversed, swipedSlide, centerOffset;\n\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find(\".slick-slide\").each(function (index, slide) {\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr(\"data-slick-index\") - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function (slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: \"index\",\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function (creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass(\"slick-initialized\")) {\n\n $(_.$slider).addClass(\"slick-initialized\");\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger(\"init\", [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if (_.options.autoplay) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function () {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function (val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find(\".slick-cloned\")).attr({\n \"aria-hidden\": \"true\",\n \"tabindex\": \"-1\"\n }).find(\"a, input, button, select\").attr({\n \"tabindex\": \"-1\"\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find(\".slick-cloned\")).each(function (i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n \"role\": \"tabpanel\",\n \"id\": \"slick-slide\" + _.instanceUid + i,\n \"tabindex\": -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = \"slick-slide-control\" + _.instanceUid + slideControlIndex;\n if ($(\"#\" + ariaButtonControl).length) {\n $(this).attr({\n \"aria-describedby\": ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr(\"role\", \"tablist\").find(\"li\").each(function (i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n \"role\": \"presentation\"\n });\n\n $(this).find(\"button\").first().attr({\n \"role\": \"tab\",\n \"id\": \"slick-slide-control\" + _.instanceUid + i,\n \"aria-controls\": \"slick-slide\" + _.instanceUid + mappedSlideIndex,\n \"aria-label\": (i + 1) + \" of \" + numDotGroups,\n \"aria-selected\": null,\n \"tabindex\": \"-1\"\n });\n\n }).eq(_.currentSlide).find(\"button\").attr({\n \"aria-selected\": \"true\",\n \"tabindex\": \"0\"\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({\"tabindex\": \"0\"});\n } else {\n _.$slides.eq(i).removeAttr(\"tabindex\");\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function () {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off(\"click.slick\")\n .on(\"click.slick\", {\n message: \"previous\"\n }, _.changeSlide);\n _.$nextArrow\n .off(\"click.slick\")\n .on(\"click.slick\", {\n message: \"next\"\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on(\"keydown.slick\", _.keyHandler);\n _.$nextArrow.on(\"keydown.slick\", _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function () {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $(\"li\", _.$dots).on(\"click.slick\", {\n message: \"index\"\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on(\"keydown.slick\", _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $(\"li\", _.$dots)\n .on(\"mouseenter.slick\", $.proxy(_.interrupt, _, true))\n .on(\"mouseleave.slick\", $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function () {\n\n var _ = this;\n\n if (_.options.pauseOnHover) {\n\n _.$list.on(\"mouseenter.slick\", $.proxy(_.interrupt, _, true));\n _.$list.on(\"mouseleave.slick\", $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function () {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on(\"touchstart.slick mousedown.slick\", {\n action: \"start\"\n }, _.swipeHandler);\n _.$list.on(\"touchmove.slick mousemove.slick\", {\n action: \"move\"\n }, _.swipeHandler);\n _.$list.on(\"touchend.slick mouseup.slick\", {\n action: \"end\"\n }, _.swipeHandler);\n _.$list.on(\"touchcancel.slick mouseleave.slick\", {\n action: \"end\"\n }, _.swipeHandler);\n\n _.$list.on(\"click.slick\", _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on(\"keydown.slick\", _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on(\"click.slick\", _.selectHandler);\n }\n\n $(window).on(\"orientationchange.slick.slick-\" + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on(\"resize.slick.slick-\" + _.instanceUid, $.proxy(_.resize, _));\n\n $(\"[draggable!=true]\", _.$slideTrack).on(\"dragstart\", _.preventDefault);\n\n $(window).on(\"load.slick.slick-\" + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function () {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function (event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if (!event.target.tagName.match(\"TEXTAREA|INPUT|SELECT\")) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? \"next\" : \"previous\"\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? \"previous\" : \"next\"\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function () {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $(\"img[data-lazy]\", imagesScope).each(function () {\n\n var image = $(this),\n imageSource = $(this).attr(\"data-lazy\"),\n imageSrcSet = $(this).attr(\"data-srcset\"),\n imageSizes = $(this).attr(\"data-sizes\") || _.$slider.attr(\"data-sizes\"),\n imageToLoad = document.createElement(\"img\");\n\n imageToLoad.onload = function () {\n\n image\n .animate({ opacity: 0 }, 100, function () {\n\n if (imageSrcSet) {\n image\n .attr(\"srcset\", imageSrcSet);\n\n if (imageSizes) {\n image\n .attr(\"sizes\", imageSizes);\n }\n }\n\n image\n .attr(\"src\", imageSource)\n .animate({ opacity: 1 }, 200, function () {\n image\n .removeAttr(\"data-lazy data-srcset data-sizes\")\n .removeClass(\"slick-loading\");\n });\n _.$slider.trigger(\"lazyLoaded\", [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function () {\n\n image\n .removeAttr(\"data-lazy\")\n .removeClass(\"slick-loading\")\n .addClass(\"slick-lazyload-error\");\n\n _.$slider.trigger(\"lazyLoadError\", [_, image, imageSource]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find(\".slick-slide\").slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === \"anticipated\") {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find(\".slick-slide\");\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find(\".slick-slide\");\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find(\".slick-cloned\").slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find(\".slick-cloned\").slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function () {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass(\"slick-loading\");\n\n _.initUI();\n\n if (_.options.lazyLoad === \"progressive\") {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function () {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: \"next\"\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function () {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function () {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function () {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function (index) {\n\n var _ = this;\n\n if (!_.unslicked) {\n\n _.$slider.trigger(\"afterChange\", [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if (_.options.autoplay) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr(\"tabindex\", 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function () {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: \"previous\"\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function (event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function (tryCount) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $(\"img[data-lazy]\", _.$slider),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ($imgsToLoad.length) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr(\"data-lazy\");\n imageSrcSet = image.attr(\"data-srcset\");\n imageSizes = image.attr(\"data-sizes\") || _.$slider.attr(\"data-sizes\");\n imageToLoad = document.createElement(\"img\");\n\n imageToLoad.onload = function () {\n\n if (imageSrcSet) {\n image\n .attr(\"srcset\", imageSrcSet);\n\n if (imageSizes) {\n image\n .attr(\"sizes\", imageSizes);\n }\n }\n\n image\n .attr(\"src\", imageSource)\n .removeAttr(\"data-lazy data-srcset data-sizes\")\n .removeClass(\"slick-loading\");\n\n if (_.options.adaptiveHeight === true) {\n _.setPosition();\n }\n\n _.$slider.trigger(\"lazyLoaded\", [_, image, imageSource]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function () {\n\n if (tryCount < 3) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout(function () {\n _.progressiveLazyLoad(tryCount + 1);\n }, 500);\n\n } else {\n\n image\n .removeAttr(\"data-lazy\")\n .removeClass(\"slick-loading\")\n .addClass(\"slick-lazyload-error\");\n\n _.$slider.trigger(\"lazyLoadError\", [_, image, imageSource]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger(\"allImagesLoaded\", [_]);\n\n }\n\n };\n\n Slick.prototype.refresh = function (initializing) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if (!_.options.infinite && (_.currentSlide > lastVisibleIndex)) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if (!initializing) {\n\n _.changeSlide({\n data: {\n message: \"index\",\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function () {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ($.type(responsiveSettings) === \"array\" && responsiveSettings.length) {\n\n _.respondTo = _.options.respondTo || \"window\";\n\n for (breakpoint in responsiveSettings) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while (l >= 0) {\n if (_.breakpoints[l] && _.breakpoints[l] === currentBreakpoint) {\n _.breakpoints.splice(l, 1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function (a, b) {\n return (_.options.mobileFirst) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function () {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass(\"slick-slide\");\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on(\"click.slick\", _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === \"number\" ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger(\"reInit\", [_]);\n\n };\n\n Slick.prototype.resize = function () {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function () {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if (!_.unslicked) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function (index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === \"boolean\") {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function (position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == \"left\" ? Math.ceil(position) + \"px\" : \"0px\";\n y = _.positionProp == \"top\" ? Math.ceil(position) + \"px\" : \"0px\";\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = \"translate(\" + x + \", \" + y + \")\";\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = \"translate3d(\" + x + \", \" + y + \", 0px)\";\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function () {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (\"0px \" + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + \" 0px\")\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children(\".slick-slide\").length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children(\".slick-slide\").length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children(\".slick-slide\").width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function () {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function (index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: \"relative\",\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: \"relative\",\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function () {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css(\"height\", targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function () {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if ($.type(arguments[0]) === \"object\") {\n\n option = arguments[0];\n refresh = arguments[1];\n type = \"multiple\";\n\n } else if ($.type(arguments[0]) === \"string\") {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if (arguments[0] === \"responsive\" && $.type(arguments[1]) === \"array\") {\n\n type = \"responsive\";\n\n } else if (typeof arguments[1] !== \"undefined\") {\n\n type = \"single\";\n\n }\n\n }\n\n if (type === \"single\") {\n\n _.options[option] = value;\n\n\n } else if (type === \"multiple\") {\n\n $.each(option, function (opt, val) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if (type === \"responsive\") {\n\n for (item in value) {\n\n if ($.type(_.options.responsive) !== \"array\") {\n\n _.options.responsive = [value[item]];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while (l >= 0) {\n\n if (_.options.responsive[l].breakpoint === value[item].breakpoint) {\n\n _.options.responsive.splice(l, 1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push(value[item]);\n\n }\n\n }\n\n }\n\n if (refresh) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function () {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger(\"setPosition\", [_]);\n\n };\n\n Slick.prototype.setProps = function () {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? \"top\" : \"left\";\n\n if (_.positionProp === \"top\") {\n _.$slider.addClass(\"slick-vertical\");\n } else {\n _.$slider.removeClass(\"slick-vertical\");\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if (_.options.fade) {\n if (typeof _.options.zIndex === \"number\") {\n if (_.options.zIndex < 3) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = \"OTransform\";\n _.transformType = \"-o-transform\";\n _.transitionType = \"OTransition\";\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = \"MozTransform\";\n _.transformType = \"-moz-transform\";\n _.transitionType = \"MozTransition\";\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = \"webkitTransform\";\n _.transformType = \"-webkit-transform\";\n _.transitionType = \"webkitTransition\";\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = \"msTransform\";\n _.transformType = \"-ms-transform\";\n _.transitionType = \"msTransition\";\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = \"transform\";\n _.transformType = \"transform\";\n _.transitionType = \"transition\";\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function (index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find(\".slick-slide\")\n .removeClass(\"slick-active slick-center slick-current\")\n .attr(\"aria-hidden\", \"true\");\n\n _.$slides\n .eq(index)\n .addClass(\"slick-current\");\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass(\"slick-active\")\n .attr(\"aria-hidden\", \"false\");\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass(\"slick-active\")\n .attr(\"aria-hidden\", \"false\");\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass(\"slick-center\");\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass(\"slick-center\");\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass(\"slick-center\");\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass(\"slick-active\")\n .attr(\"aria-hidden\", \"false\");\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass(\"slick-active\")\n .attr(\"aria-hidden\", \"false\");\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass(\"slick-active\")\n .attr(\"aria-hidden\", \"false\");\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass(\"slick-active\")\n .attr(\"aria-hidden\", \"false\");\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === \"ondemand\" || _.options.lazyLoad === \"anticipated\") {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function () {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr(\"id\", \"\")\n .attr(\"data-slick-index\", slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass(\"slick-cloned\");\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr(\"id\", \"\")\n .attr(\"data-slick-index\", slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass(\"slick-cloned\");\n }\n _.$slideTrack.find(\".slick-cloned\").find(\"[id]\").each(function () {\n $(this).attr(\"id\", \"\");\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function (toggle) {\n\n var _ = this;\n\n if (!toggle) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function (event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is(\".slick-slide\") ?\n $(event.target) :\n $(event.target).parents(\".slick-slide\");\n\n var index = parseInt(targetElement.attr(\"data-slick-index\"));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function (index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function () {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function () {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if (_.options.autoplay) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger(\"beforeChange\", [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if (_.options.asNavFor) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick(\"getSlick\");\n\n if (navTarget.slideCount <= navTarget.options.slidesToShow) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function () {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function () {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function () {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass(\"slick-loading\");\n\n };\n\n Slick.prototype.swipeDirection = function () {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? \"left\" : \"right\");\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? \"left\" : \"right\");\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? \"right\" : \"left\");\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return \"down\";\n } else {\n return \"up\";\n }\n }\n\n return \"vertical\";\n\n };\n\n Slick.prototype.swipeEnd = function (event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = (_.touchObject.swipeLength > 10) ? false : true;\n\n if (_.touchObject.curX === undefined) {\n return false;\n }\n\n if (_.touchObject.edgeHit === true) {\n _.$slider.trigger(\"edge\", [_, _.swipeDirection()]);\n }\n\n if (_.touchObject.swipeLength >= _.touchObject.minSwipe) {\n\n direction = _.swipeDirection();\n\n switch (direction) {\n\n case \"left\":\n case \"down\":\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable(_.currentSlide + _.getSlideCount()) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case \"right\":\n case \"up\":\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable(_.currentSlide - _.getSlideCount()) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if (direction != \"vertical\") {\n\n _.slideHandler(slideCount);\n _.touchObject = {};\n _.$slider.trigger(\"swipe\", [_, direction]);\n\n }\n\n } else {\n\n if (_.touchObject.startX !== _.touchObject.curX) {\n\n _.slideHandler(_.currentSlide);\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function (event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || (\"ontouchend\" in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf(\"mouse\") !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case \"start\":\n _.swipeStart(event);\n break;\n\n case \"move\":\n _.swipeMove(event);\n break;\n\n case \"end\":\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function (event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === \"right\") || (_.currentSlide >= _.getDotCount() && swipeDirection === \"left\")) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function (event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function () {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function () {\n\n var _ = this;\n\n $(\".slick-cloned\", _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass(\"slick-slide slick-active slick-visible slick-current\")\n .attr(\"aria-hidden\", \"true\")\n .css(\"width\", \"\");\n\n };\n\n Slick.prototype.unslick = function (fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger(\"unslick\", [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function () {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite) {\n\n _.$prevArrow.removeClass(\"slick-disabled\").attr(\"aria-disabled\", \"false\");\n _.$nextArrow.removeClass(\"slick-disabled\").attr(\"aria-disabled\", \"false\");\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass(\"slick-disabled\").attr(\"aria-disabled\", \"true\");\n _.$nextArrow.removeClass(\"slick-disabled\").attr(\"aria-disabled\", \"false\");\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass(\"slick-disabled\").attr(\"aria-disabled\", \"true\");\n _.$prevArrow.removeClass(\"slick-disabled\").attr(\"aria-disabled\", \"false\");\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass(\"slick-disabled\").attr(\"aria-disabled\", \"true\");\n _.$prevArrow.removeClass(\"slick-disabled\").attr(\"aria-disabled\", \"false\");\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function () {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find(\"li\")\n .removeClass(\"slick-active\")\n .end();\n\n _.$dots\n .find(\"li\")\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass(\"slick-active\");\n\n }\n\n };\n\n Slick.prototype.visibility = function () {\n\n var _ = this;\n\n if (_.options.autoplay) {\n\n if (document[_.hidden]) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function () {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == \"object\" || typeof opt == \"undefined\")\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != \"undefined\") return ret;\n }\n return _;\n };\n\n}));\n","const breakpointDefs = {\n large: 1200\n};\n\nfunction isLargeBreakpoint() {\n return window.matchMedia(`(min-width: ${breakpointDefs.large}px)`).matches;\n}\n\nmodule.exports = {\n breakpointDefs,\n isLargeBreakpoint\n};\n","\"use strict\";\n\nvar storage = window.sessionStorage || {};\n\n/**\n* Generates a hash value from the given input string\n* @param {string} input - the input string\n* @returns {number} - a 32-bit hash value\n*/\nfunction toHash(input) {\n var hval = 0x811c9dc5;\n\n for (var i = 0; i < input.length; i++) {\n hval = hval ^ (input.charCodeAt(i) & 0xFF);\n hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);\n }\n\n return hval >>> 0;\n}\n\n/**\n* Returns an array of state, title, and url\n* @param {Array} args - an array of arguments\n* @returns {Array} - an array of state, title, and url\n*/\nfunction getState(args) {\n if (args.length === 1 && typeof args[0] === \"object\") {\n var state = args[0].state || {};\n var title = args[0].title || \"\";\n var url = args[0].url || \"\";\n\n return [state, title, decodeURI(url)];\n }\n\n return args;\n}\n\n/**\n* Retrieves all page events from local storage\n* @returns {Object} an object containing all page events\n*/\nfunction getAllPageEvents() {\n try {\n var events = storage.getItem(\"page_events\");\n return events ? JSON.parse(events) : {};\n } catch (error) {\n return {};\n }\n}\n\n/**\n* PageEvents constructor\n*\n* @constructor\n* @returns {PageEvents} - an instance of PageEvents\n*/\nfunction PageEvents() {\n var pageEvents = getAllPageEvents();\n var pageID = toHash(decodeURI(window.location.href));\n var currentPageEvents = pageEvents[pageID] || {};\n\n this.clicks = currentPageEvents.clicks || [];\n this.lastClickedRegionLink = currentPageEvents.lastClickedRegionLink || null;\n this.lastClickedProduct = currentPageEvents.lastClickedProduct || null;\n this.lastScrolledPosition = currentPageEvents.lastScrolledPosition || null;\n this.pageID = pageID;\n}\n\nPageEvents.prototype = {\n /**\n * Adds an element to the clicks array and saves it\n * @param {Object} element - the element to add\n */\n addClick: function (element) {\n if (this.isExists(element)) {\n return;\n }\n\n this.clicks.push(element);\n this.save();\n },\n\n /**\n * Checks if an element is present in the clicks array\n * @param {Object} element - the element to check\n * @returns {boolean} - true if the element is present, false otherwise\n */\n isExists: function (element) {\n return this.clicks.some(function (click) {\n return element.eventName == click.eventName && click.url === element.url;\n });\n },\n\n /**\n * Gets the clicks for the given event name\n * @param {string} name - the event name\n * @returns {Array} - an array of clicks for the given event name\n */\n getClicks: function (name) {\n return this.clicks.filter(function (click) {\n return click.eventName === name;\n });\n },\n\n /**\n * Saves the last clicked product ID\n * @param {string} productID - the ID of the last clicked product\n */\n setLastClickedProduct: function (productID) {\n this.lastClickedProduct = productID;\n this.save();\n },\n\n /**\n * Saves the last clicked region link\n * @param {string} link - the last clicked region link\n */\n setLastClickedRegionLink: function (link) {\n this.lastClickedRegionLink = link;\n this.save();\n },\n\n /**\n * Saves the last scrolled position\n * @param {number} position - the last scrolled position\n */\n setLastScrolledPosition: function (position) {\n this.lastScrolledPosition = position;\n this.save();\n },\n\n /**\n * Stores page events in local storage\n * @param {string} pageURL - decoded page URL\n * @param {string} pageID - page ID generated from page URL\n * @param {Object} pageEvents - all page events\n * @param {Object} currentPageEvents - page events for the current page\n * @param {Array} clicks - array of click events\n * @param {Object} lastClickedProduct - last clicked product\n * @param {number} lastScrolledPosition - last scrolled position\n * @param {Object} lastClickedRegionLink - last clicked region link\n */\n save: function () {\n var pageURL = decodeURI(window.location.href);\n var pageID = this.pageID || toHash(pageURL);\n\n var pageEvents = getAllPageEvents();\n var currentPageEvents = pageEvents[pageID];\n\n if (!currentPageEvents) {\n currentPageEvents = {\n pageID: pageID,\n pageURL: pageURL\n };\n }\n\n currentPageEvents.clicks = this.clicks || [];\n currentPageEvents.lastClickedProduct = this.lastClickedProduct || null;\n currentPageEvents.lastScrolledPosition = this.lastScrolledPosition || null;\n currentPageEvents.lastClickedRegionLink = this.lastClickedRegionLink || null;\n pageEvents[pageID] = currentPageEvents;\n\n storage.setItem(\"page_events\", JSON.stringify(pageEvents));\n },\n /**\n * Removes the page event from the page events list\n * @param {string} pageID - ID of the page event to be removed\n */\n clear: function () {\n var pageEvents = getAllPageEvents();\n\n this.clicks = [];\n this.lastClickedRegionLink = null;\n this.lastClickedProduct = null;\n this.lastScrolledPosition = null;\n\n delete pageEvents[this.pageID];\n\n storage.setItem(\"page_events\", JSON.stringify(pageEvents));\n },\n /**\n * Constructor for PageEvents\n * @param {string} pageID - the page ID\n */\n clone: function (pageID) {\n var pageEvents = getAllPageEvents();\n var sourcePageEvents = pageEvents[pageID] || {};\n\n this.clicks = sourcePageEvents.clicks || [];\n this.lastClickedRegionLink = sourcePageEvents.lastClickedRegionLink || null;\n this.lastClickedProduct = sourcePageEvents.lastClickedProduct || null;\n this.lastScrolledPosition = sourcePageEvents.lastScrolledPosition || null;\n this.save();\n }\n};\n\n/**\n* Constructor for CurrentPage object\n* @constructor\n*/\nfunction CurrentPage() {\n this.pageURL = decodeURI(window.location.href);\n this.pageID = toHash(this.pageURL || \"\");\n this.events = new PageEvents();\n}\n\nCurrentPage.prototype = {\n /**\n * This method fetches the data stored in the session storage specific for the current page.\n * @param {string} [key] - the key of the data to retrieve\n * @returns {Object} the data stored in local storage\n */\n get: function () {\n var data = {};\n try {\n data = JSON.parse(storage.getItem(this.pageID));\n } catch (error) {\n data = arguments[0];\n }\n\n return arguments.length ? data[arguments[0]] : data;\n },\n\n /**\n * Sets the data to the session storage scoped to the current page\n * @param {string} key - the key of the data to be set\n * @param {string} value - the value of the data to be set\n */\n set: function () {\n var data = this.get() || {};\n for (var i = 0; i < arguments.length; i += 2) {\n data[arguments[i]] = arguments[i + 1];\n }\n\n storage.setItem(this.pageID, JSON.stringify(data));\n },\n\n /**\n * Re-initializes the page events\n */\n refresh: function () {\n this.events = this.events || new PageEvents();\n this.events.clear();\n }\n};\n\n/**\n* Constructor for Pages object\n* @constructor\n*/\nfunction Pages() {\n this.current = new CurrentPage();\n this.lastVisitedLink = null;\n}\n\nPages.prototype = {\n /**\n * A function to get and set items in the storage\n * @param {string} key - the key of the item to be stored/retrieved\n * @param {string} value - the value of the item to be stored\n * @returns {string} - the value of the item stored/retrieved\n */\n prop: function () {\n if (arguments.length > 1) {\n storage.setItem(arguments[0], arguments[1]);\n return arguments[1];\n }\n\n return storage.getItem(arguments[0]);\n },\n\n /**\n * Removes an item from the storage\n * @param {string} arguments[0] - the item to be removed from the storage\n */\n delete: function () {\n storage.removeItem(arguments[0]);\n }\n};\n\n/**\n* Constructor for the PageHistory class\n* Initializes the page history and replaces the current URL\n*/\nfunction PageHistory() {\n this.init();\n this.replace({ url: this.current.url });\n}\n\nPageHistory.prototype = {\n /**\n * Custom history object to store page navigation history\n * @returns {Object} customHistory - an object containing the page navigation history\n */\n init: function () {\n var customHistory = {};\n try {\n customHistory = JSON.parse(window.pages.prop(\"custom_history\"));\n } catch (error) {\n return {};\n }\n\n Object.assign(this, customHistory);\n\n this.current = {\n url: decodeURI(window.location.href)\n };\n\n // The below code checks if the current page is the same as the last page in the history.\n // If they are the same, it means that the page was reloaded, and in such cases, the state set to reloaded and the history should not be updated.\n if (customHistory && customHistory.current.url == this.current.url) {\n this.prev = customHistory.prev;\n this.state = \"page:reloaded\";\n return;\n }\n\n // Retrieves the padding value from the custom history.\n // If the padding value is not set, it defaults to the length of the history.\n // This padding value is important for keeping the window history object and custom history object synchronized.\n var padding = customHistory ? customHistory.padding : window.history.length;\n var allUrls = customHistory ? customHistory.all : [];\n\n // Find the index of the current page in the history.\n // If the page is not found, it means that the page is new and should be added to the history.\n var pageIndex = allUrls.findIndex(function (h) {\n return h.url == decodeURI(window.location.href);\n });\n\n // Determines the state of the page by checking the existence of the URL in the custom history object and the length of the native history.\n // If the page is new, it is pushed to the history and the state is set as \"pushed\".\n // Otherwise, if the page is popped from the history via the back button, the state is set as \"popped\".\n if (!customHistory || (customHistory\n && customHistory.current.url !== decodeURI(window.location.href))) {\n if (pageIndex < 0 || window.history.length >= allUrls.length + padding) {\n allUrls.push(this.current);\n this.state = \"page:pushed\";\n pageIndex = allUrls.length - 1;\n } else {\n this.state = \"page:popped\";\n }\n }\n\n // Sets the previous page URL to the page before the current page.\n // However, if the current page is the first page in the history, then the previous page URL is set to empty.\n this.prev = allUrls.length > 1 ? allUrls[pageIndex - 1] : {};\n this.all = allUrls;\n this.padding = padding;\n this.pageIndex = pageIndex;\n\n this.updateHistory();\n },\n\n /**\n * Push a new state to the browser history and initialize the page\n */\n push: function () {\n window.history.pushState.apply(window.history, getState(arguments));\n if (decodeURI(window.location.href) == this.current.url) {\n return;\n }\n\n this.init();\n\n window.pages = new Pages() || {};\n },\n\n /**\n * Replaces the current page state in the history\n * @param {Object} arguments - the arguments object\n * @returns {Object} - the new page state\n */\n replace: function () {\n window.history.replaceState.apply(window.history, getState(arguments));\n\n var replacingUrl = this.current.url;\n\n // This code updates the current page URL to the replaced URL and also updates the browsing history accordingly.\n this.current = {url: decodeURI(window.location.href)};\n this.all[this.pageIndex] = this.current;\n this.updateHistory();\n\n // Moves the page events associated with the page to the replaced one by copying it.\n window.pages.current.events.clone(toHash(replacingUrl));\n },\n\n /**\n * Stores the custom history of the page in window.pages\n */\n updateHistory: function () {\n var customHistory = {\n current: this.current,\n prev: this.prev,\n all: this.all,\n padding: this.padding,\n pageIndex: this.pageIndex\n };\n\n window.pages.prop(\"custom_history\", JSON.stringify(customHistory));\n window.pages = new Pages() || {};\n }\n};\n\nwindow.pages = new Pages();\nwindow.pageHistory = new PageHistory();\n","'use strict';\n\n/**\n * Validate whole form. Requires `this` to be set to form object\n * @param {jQuery.event} event - Event to be canceled if form is invalid.\n * @returns {boolean} - Flag to indicate if form is valid\n */\nfunction validateForm(event) {\n var valid = true;\n if (this.checkValidity && !this.checkValidity()) {\n // safari\n valid = false;\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n $(this).find('input, select').each(function () {\n if (!this.validity.valid) {\n $(this).trigger('invalid', this.validity);\n }\n });\n }\n return valid;\n}\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearForm(form) {\n $(form).find('.form-control.is-invalid').removeClass('is-invalid');\n}\n\nmodule.exports = {\n invalid: function () {\n $('form input, form select').on('invalid', function (e) {\n e.preventDefault();\n this.setCustomValidity('');\n if (!this.validity.valid) {\n var validationMessage = this.validationMessage;\n $(this).addClass('is-invalid');\n if (this.validity.patternMismatch && $(this).data('pattern-mismatch')) {\n validationMessage = $(this).data('pattern-mismatch');\n }\n if ((this.validity.rangeOverflow || this.validity.rangeUnderflow)\n && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if ((this.validity.tooLong || this.validity.tooShort)\n && $(this).data('range-error')) {\n validationMessage = $(this).data('range-error');\n }\n if (this.validity.valueMissing && $(this).data('missing-error')) {\n validationMessage = $(this).data('missing-error');\n }\n $(this).parents('.form-group').find('.invalid-feedback')\n .text(validationMessage);\n }\n });\n },\n\n submit: function () {\n $('form').on('submit', function (e) {\n return validateForm.call(this, e);\n });\n },\n\n buttonClick: function () {\n $('form button[type=\"submit\"], form input[type=\"submit\"]').on('click', function () {\n // clear all errors when trying to submit the form\n clearForm($(this).parents('form'));\n });\n },\n\n functions: {\n validateForm: function (form, event) {\n validateForm.call($(form), event || null);\n },\n clearForm: clearForm\n }\n};\n","'use strict';\nmodule.exports = function () {\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n\n sizes.forEach(function (size) {\n var selector = '.collapsible-' + size + ' .title';\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n $(this).parents('.collapsible-' + size).toggleClass('active');\n\n if ($(this).parents('.collapsible-' + size).hasClass('active')) {\n $(this).attr('aria-expanded', true);\n } else {\n $(this).attr('aria-expanded', false);\n }\n });\n });\n};\n","'use strict';\n\n/**\n * Get cookie value by cookie name from browser\n * @param {string} cookieName - name of the cookie\n * @returns {string} cookie value of the found cookie name\n */\nfunction getCookie(cookieName) {\n var name = cookieName + '=';\n var decodedCookie = decodeURIComponent(document.cookie);\n var cookieArray = decodedCookie.split(';');\n for (var i = 0; i < cookieArray.length; i++) {\n var cookieItem = cookieArray[i];\n while (cookieItem.charAt(0) === ' ') {\n cookieItem = cookieItem.substring(1);\n }\n if (cookieItem.indexOf(name) === 0) {\n return cookieItem.substring(name.length, cookieItem.length);\n }\n }\n return '';\n}\n\nmodule.exports = function () {\n if ($('.valid-cookie-warning').length > 0) {\n var previousSessionID = window.localStorage.getItem('previousSid');\n var currentSessionID = getCookie('sid');\n if (!previousSessionID && currentSessionID) {\n // When a user first time visit the home page,\n // set the previousSessionID to currentSessionID\n // and Show the cookie alert\n previousSessionID = currentSessionID;\n window.localStorage.setItem('previousSid', previousSessionID);\n $('.cookie-warning-messaging').show();\n } else if (previousSessionID && previousSessionID === currentSessionID) {\n // Hide the cookie alert if user is in the same session\n $('.cookie-warning-messaging').hide();\n } else {\n // Clear the previousSessionID from localStorage\n // when user session is changed or expired\n window.localStorage.removeItem('previousSid');\n }\n }\n};\n","'use strict';\n\nvar keyboardAccessibility = require('./keyboardAccessibility');\n\nmodule.exports = function () {\n $('.country-selector a').click(function (e) {\n e.preventDefault();\n var action = $('.page').data('action');\n var localeCode = $(this).data('locale');\n var localeCurrencyCode = $(this).data('currencycode');\n var queryString = $('.page').data('querystring');\n var url = $('.country-selector').data('url');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {\n code: localeCode,\n queryString: queryString,\n CurrencyCode: localeCurrencyCode,\n action: action\n },\n success: function (response) {\n $.spinner().stop();\n if (response && response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n keyboardAccessibility('.navbar-header .country-selector',\n {\n 40: function ($countryOptions) { // down\n if ($(this).is(':focus')) {\n $countryOptions.first().focus();\n } else {\n $(':focus').next().focus();\n }\n },\n 38: function ($countryOptions) { // up\n if ($countryOptions.first().is(':focus') || $(this).is(':focus')) {\n $(this).focus();\n $(this).removeClass('show');\n } else {\n $(':focus').prev().focus();\n }\n },\n 27: function () { // escape\n $(this).focus();\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n },\n 9: function () { // tab\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n }\n },\n function () {\n if (!($(this).hasClass('show'))) {\n $(this).addClass('show');\n }\n return $(this).find('.dropdown-country-selector').children('a');\n }\n );\n\n $('.navbar-header .country-selector').on('focusin', function () {\n $(this).addClass('show').children('.dropdown-menu').addClass('show');\n });\n};\n","'use strict';\n\nmodule.exports = {\n setTabNextFocus: function (focusParams) {\n var KEYCODE_TAB = 9;\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\n\n if (!isTabPressed) {\n return;\n }\n\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\n\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\n if ($('.product-quickview.product-set').length > 0) {\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\n lastFocusableEl = linkElements[linkElements.length - 1];\n }\n }\n\n if (focusParams.event.shiftKey) /* shift + tab */ {\n if ($(':focus').is(firstFocusableEl)) {\n lastFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n } else /* tab */ {\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\n firstFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n }\n }\n};\n","'use strict';\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearFormErrors(form) {\n $(form).find('.form-control.is-invalid').removeClass('is-invalid');\n}\n\nmodule.exports = function (formElement, payload) {\n // clear form validation first\n clearFormErrors(formElement);\n $('.alert', formElement).remove();\n\n if (typeof payload === 'object' && payload.fields) {\n Object.keys(payload.fields).forEach(function (key) {\n if (payload.fields[key]) {\n var feedbackElement = $(formElement).find('[name=\"' + key + '\"]')\n .parent()\n .children('.invalid-feedback');\n\n if (feedbackElement.length > 0) {\n if (Array.isArray(payload[key])) {\n feedbackElement.html(payload.fields[key].join('
'));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings('.form-control').addClass('is-invalid');\n }\n }\n });\n }\n if (payload && payload.error) {\n var form = $(formElement).prop('tagName') === 'FORM'\n ? $(formElement)\n : $(formElement).parents('form');\n\n form.prepend(' ');\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 }\n })\n .on('mouseenter', function () {\n if (isDesktop(this)) {\n var eventElement = this;\n $('.navbar-nav > li').each(function () {\n if (!$.contains(this, eventElement)) {\n $(this).find('.show').each(function () {\n clearSelection(this);\n });\n if ($(this).hasClass('show')) {\n $(this).removeClass('show');\n $(this).children('ul.dropdown-menu').removeClass('show');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n }\n });\n // need to close all the dropdowns that are not direct parent of current dropdown\n $(this).parent().addClass('show');\n $(this).siblings('.dropdown-menu').addClass('show');\n $(this).attr('aria-expanded', 'true');\n }\n })\n .parent()\n .on('mouseleave', function () {\n if (isDesktop(this)) {\n $(this).removeClass('show');\n $(this).children('.dropdown-menu').removeClass('show');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n });\n\n $('.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 $('body').on('click', '#myaccount', function () {\n event.preventDefault();\n });\n};\n","'use strict';\n\nmodule.exports = function (element) {\n var position = element && element.length ? element.offset().top : 0;\n $('html, body').animate({\n scrollTop: position\n }, 500);\n if (!element) {\n $('.logo-home').focus();\n }\n};\n","'use strict';\n\n/**\n * Show a spinner inside a given element\n * @param {element} $target - Element to block by the veil and spinner.\n * Pass body to block the whole page.\n */\nfunction addSpinner($target) {\n var $veil = $('
'));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings('.form-control').addClass('is-invalid');\n }\n }\n });\n }\n if (payload && payload.error) {\n var form = $(formElement).prop('tagName') === 'FORM'\n ? $(formElement)\n : $(formElement).parents('form');\n\n form.prepend('
'\n + payload.error.join('
') + '
');\n }\n};\n","'use strict';\n\nmodule.exports = function (selector, keyFunctions, preFunction) {\n $(selector).on('keydown', function (e) {\n var key = e.which;\n var supportedKeyCodes = [37, 38, 39, 40, 27];\n if (supportedKeyCodes.indexOf(key) >= 0) {\n e.preventDefault();\n }\n var returnedScope = preFunction.call(this);\n if (keyFunctions[key]) {\n keyFunctions[key].call(this, returnedScope);\n }\n });\n};\n","'use strict';\n\nvar keyboardAccessibility = require('./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\nmodule.exports = function () {\n var isDesktop = function (element) {\n return $(element).parents('.menu-toggleable-left').css('position') !== 'fixed';\n };\n\n var headerBannerStatus = window.sessionStorage.getItem('hide_header_banner');\n $('.header-banner .close').on('click', function () {\n $('.header-banner').addClass('d-none');\n window.sessionStorage.setItem('hide_header_banner', '1');\n });\n\n if (!headerBannerStatus || headerBannerStatus < 0) {\n $('.header-banner').removeClass('d-none');\n }\n\n keyboardAccessibility('.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 $veil.append('
');\n if ($target.get(0).tagName === 'IMG') {\n $target.after($veil);\n $veil.css({ width: $target.width(), height: $target.height() });\n if ($target.parent().css('position') === 'static') {\n $target.parent().css('position', 'relative');\n }\n } else {\n $target.append($veil);\n if ($target.css('position') === 'static') {\n $target.parent().css('position', 'relative');\n $target.parent().addClass('veiled');\n }\n if ($target.get(0).tagName === 'BODY') {\n $veil.find('.spinner').css('position', 'fixed');\n }\n }\n $veil.click(function (e) {\n e.stopPropagation();\n });\n}\n\n/**\n * Remove existing spinner\n * @param {element} $veil - jQuery pointer to the veil element\n */\nfunction removeSpinner($veil) {\n if ($veil.parent().hasClass('veiled')) {\n $veil.parent().css('position', '');\n $veil.parent().removeClass('veiled');\n }\n $veil.off('click');\n $veil.remove();\n}\n\n// element level spinner:\n$.fn.spinner = function () {\n var $element = $(this);\n var Fn = function () {\n this.start = function () {\n if ($element.length) {\n addSpinner($element);\n }\n };\n this.stop = function () {\n if ($element.length) {\n var $veil = $('.veil');\n removeSpinner($veil);\n }\n };\n };\n return new Fn();\n};\n\n// page-level spinner:\n$.spinner = function () {\n var Fn = function () {\n this.start = function () {\n addSpinner($('body'));\n };\n this.stop = function () {\n removeSpinner($('.veil'));\n };\n };\n return new Fn();\n};\n","'use strict';\n\nmodule.exports = function () {\n $('.info-icon').on('mouseenter focusin', function () {\n $(this).find('.tooltip').removeClass('d-none');\n });\n\n $('.info-icon').on('mouseleave focusout', function () {\n $(this).find('.tooltip').addClass('d-none');\n });\n};\n","require('bootstrap/js/src/util.js');\nrequire('bootstrap/js/src/alert.js');\n// require('bootstrap/js/src/button.js');\nrequire('bootstrap/js/src/carousel.js');\nrequire('bootstrap/js/src/collapse.js');\n// require('bootstrap/js/src/dropdown.js');\nrequire('bootstrap/js/src/modal.js');\nrequire('bootstrap/js/src/scrollspy.js');\nrequire('bootstrap/js/src/tab.js');\n// require('bootstrap/js/src/tooltip.js');\n// require('bootstrap/js/src/popover.js');\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","\"use strict\";\n\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 to add a product to the wishlist\n */\nfunction displayMessage(data, button, iconElement) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = \"alert-success\";\n if (iconElement.hasClass(\"icon-heart\")) {\n iconElement.removeClass(\"icon-heart\").addClass(\"icon-heart-dark\");\n }\n } else {\n status = \"alert-danger\";\n }\n\n if ($(\".add-to-wishlist-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n $(\".add-to-wishlist-messages\")\n .append(\"
\" + data.msg + \"
\");\n\n setTimeout(function () {\n $(\".add-to-wishlist-messages\").remove();\n }, 5000);\n}\n\n// Function to set the state of individual checkboxes\nfunction setIndividualCheckboxes(isChecked) {\n var $individualCheckboxes = $(\".individual-public-checkbox\");\n $individualCheckboxes.each(function() {\n $(this).prop('checked', isChecked);\n });\n}\n\nmodule.exports = {\n addToWishlist: function () {\n $(\".add-to-wish-list\").on(\"click\", function (e) {\n e.preventDefault();\n var url = $(this).attr(\"href\");\n var button = $(this);\n var iconElement = button.find('i.icon-heart');\n var pid = $(this).closest(\".product-detail\").data(\"pid\");\n var optionId = $(this).closest(\".product-detail\").find(\".product-option\").attr(\"data-option-id\");\n var optionVal = $(this).closest(\".product-detail\").find(\".options-select option:selected\").attr(\"data-value-id\");\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $(this).attr(\"disabled\", true);\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessage(data, button, iconElement);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n },\n\n isPublicCheckboxTicked: function () {\n $(document).ready(function() {\n // Get the isPublicList checkbox\n var $isPublicListCheckbox = $(\"#isPublicList\");\n // Check if the isPublicList checkbox exists\n if ($isPublicListCheckbox.length) {\n // Check the initial state of the isPublicList checkbox and set individual checkboxes accordingly\n setIndividualCheckboxes($isPublicListCheckbox.prop(\"checked\"));\n // Add an event listener to the isPublicList checkbox\n $isPublicListCheckbox.on(\"change\", function() {\n // Get the checked state of the isPublicList checkbox\n var isChecked = $isPublicListCheckbox.prop(\"checked\");\n // Set the state of individual checkboxes\n setIndividualCheckboxes(isChecked);\n });\n }\n });\n },\n};\n","\"use strict\";\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} icon - icon that was clicked to add a product to the wishlist\n */\nfunction displayMessageAndChangeIcon(data, icon) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = \"alert-success\";\n if (icon.hasClass(\"icon-heart\")) {\n icon.removeClass(\"icon-heart\").addClass(\"icon-heart-dark\");\n }\n if (data.remove && icon.hasClass(\"icon-heart-dark\")) {\n icon.removeClass(\"icon-heart-dark\").addClass(\"icon-heart\");\n }\n } else {\n status = \"alert-danger\";\n }\n\n if ($(\".add-to-wishlist-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n $(\".add-to-wishlist-messages\")\n .append(\"\" + data.msg + \"
\");\n\n setTimeout(function () {\n $(\".add-to-wishlist-messages\").remove();\n }, 5000);\n}\n\nmodule.exports = {\n addToWishlist: function () {\n $(\"body\").on(\"click\", \".wishlistTile\", function (e) {\n e.preventDefault();\n var icon = $(this).find($(\"i\"));\n var url = $(this).attr(\"href\");\n var pid = $(this).closest(\".product\").data(\"pid\");\n var optionId = $(this).closest(\".product-detail\").find(\".product-option\").attr(\"data-option-id\");\n var optionVal = $(this).closest(\".product-detail\").find(\".options-select option:selected\").attr(\"data-value-id\");\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessageAndChangeIcon(data, icon);\n },\n error: function (err) {\n displayMessageAndChangeIcon(err, icon);\n }\n });\n });\n }\n};\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'alert'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst CLASS_NAME_ALERT = 'alert'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\n\nconst EVENT_CLOSE = `close${EVENT_KEY}`\nconst EVENT_CLOSED = `closed${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_DISMISS = '[data-dismiss=\"alert\"]'\n\n/**\n * Class definition\n */\n\nclass Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n // Public\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 _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n if (!parent) {\n parent = $(element).closest(`.${CLASS_NAME_ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(EVENT_CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(CLASS_NAME_SHOW)\n\n if (!$(element).hasClass(CLASS_NAME_FADE)) {\n this._destroyElement(element)\n return\n }\n\n const transitionDuration = Util.getTransitionDurationFromElement(element)\n\n $(element)\n .one(Util.TRANSITION_END, event => this._destroyElement(element, event))\n .emulateTransitionEnd(transitionDuration)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(EVENT_CLOSED)\n .remove()\n }\n\n // Static\n 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 * Data API implementation\n */\n\n$(document).on(\n EVENT_CLICK_DATA_API,\n SELECTOR_DISMISS,\n Alert._handleDismiss(new Alert())\n)\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Alert._jQueryInterface\n$.fn[NAME].Constructor = Alert\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n}\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'carousel'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.carousel'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\nconst ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\nconst TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\nconst SWIPE_THRESHOLD = 40\n\nconst CLASS_NAME_CAROUSEL = 'carousel'\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_SLIDE = 'slide'\nconst CLASS_NAME_RIGHT = 'carousel-item-right'\nconst CLASS_NAME_LEFT = 'carousel-item-left'\nconst CLASS_NAME_NEXT = 'carousel-item-next'\nconst CLASS_NAME_PREV = 'carousel-item-prev'\nconst CLASS_NAME_POINTER_EVENT = 'pointer-event'\n\nconst DIRECTION_NEXT = 'next'\nconst DIRECTION_PREV = 'prev'\nconst DIRECTION_LEFT = 'left'\nconst DIRECTION_RIGHT = 'right'\n\nconst EVENT_SLIDE = `slide${EVENT_KEY}`\nconst EVENT_SLID = `slid${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`\nconst EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`\nconst EVENT_TOUCHSTART = `touchstart${EVENT_KEY}`\nconst EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}`\nconst EVENT_TOUCHEND = `touchend${EVENT_KEY}`\nconst EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}`\nconst EVENT_POINTERUP = `pointerup${EVENT_KEY}`\nconst EVENT_DRAG_START = `dragstart${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_ACTIVE = '.active'\nconst SELECTOR_ACTIVE_ITEM = '.active.carousel-item'\nconst SELECTOR_ITEM = '.carousel-item'\nconst SELECTOR_ITEM_IMG = '.carousel-item img'\nconst SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev'\nconst SELECTOR_INDICATORS = '.carousel-indicators'\nconst SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]'\nconst SELECTOR_DATA_RIDE = '[data-ride=\"carousel\"]'\n\nconst Default = {\n interval: 5000,\n keyboard: true,\n slide: false,\n pause: 'hover',\n wrap: true,\n touch: true\n}\n\nconst DefaultType = {\n interval: '(number|boolean)',\n keyboard: 'boolean',\n slide: '(boolean|string)',\n pause: '(string|boolean)',\n wrap: 'boolean',\n touch: 'boolean'\n}\n\nconst PointerType = {\n TOUCH: 'touch',\n PEN: 'pen'\n}\n\n/**\n * Class definition\n */\n\nclass Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n this._isPaused = false\n this._isSliding = false\n this.touchTimeout = null\n this.touchStartX = 0\n this.touchDeltaX = 0\n\n this._config = this._getConfig(config)\n this._element = element\n this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS)\n this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0\n this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent)\n\n this._addEventListeners()\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n next() {\n if (!this._isSliding) {\n this._slide(DIRECTION_NEXT)\n }\n }\n\n nextWhenVisible() {\n const $element = $(this._element)\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($element.is(':visible') && $element.css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(DIRECTION_PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if (this._element.querySelector(SELECTOR_NEXT_PREV)) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._updateInterval()\n\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(EVENT_SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex ?\n DIRECTION_NEXT :\n DIRECTION_PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _handleSwipe() {\n const absDeltax = Math.abs(this.touchDeltaX)\n\n if (absDeltax <= SWIPE_THRESHOLD) {\n return\n }\n\n const direction = absDeltax / this.touchDeltaX\n\n this.touchDeltaX = 0\n\n // swipe left\n if (direction > 0) {\n this.prev()\n }\n\n // swipe right\n if (direction < 0) {\n this.next()\n }\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element).on(EVENT_KEYDOWN, event => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(EVENT_MOUSEENTER, event => this.pause(event))\n .on(EVENT_MOUSELEAVE, event => this.cycle(event))\n }\n\n if (this._config.touch) {\n this._addTouchEventListeners()\n }\n }\n\n _addTouchEventListeners() {\n if (!this._touchSupported) {\n return\n }\n\n const start = event => {\n if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {\n this.touchStartX = event.originalEvent.clientX\n } else if (!this._pointerEvent) {\n this.touchStartX = event.originalEvent.touches[0].clientX\n }\n }\n\n const move = event => {\n // ensure swiping with one touch and not pinching\n this.touchDeltaX = event.originalEvent.touches && event.originalEvent.touches.length > 1 ?\n 0 :\n event.originalEvent.touches[0].clientX - this.touchStartX\n }\n\n const end = event => {\n if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {\n this.touchDeltaX = event.originalEvent.clientX - this.touchStartX\n }\n\n this._handleSwipe()\n if (this._config.pause === 'hover') {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n\n this.touchTimeout = setTimeout(event => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n }\n }\n\n $(this._element.querySelectorAll(SELECTOR_ITEM_IMG))\n .on(EVENT_DRAG_START, e => e.preventDefault())\n\n if (this._pointerEvent) {\n $(this._element).on(EVENT_POINTERDOWN, event => start(event))\n $(this._element).on(EVENT_POINTERUP, event => end(event))\n\n this._element.classList.add(CLASS_NAME_POINTER_EVENT)\n } else {\n $(this._element).on(EVENT_TOUCHSTART, event => start(event))\n $(this._element).on(EVENT_TOUCHMOVE, event => move(event))\n $(this._element).on(EVENT_TOUCHEND, event => end(event))\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = element && element.parentNode ?\n [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) :\n []\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === DIRECTION_NEXT\n const isPrevDirection = direction === DIRECTION_PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === DIRECTION_PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1 ?\n this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM))\n const slideEvent = $.Event(EVENT_SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n const indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE))\n $(indicators).removeClass(CLASS_NAME_ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(CLASS_NAME_ACTIVE)\n }\n }\n }\n\n _updateInterval() {\n const element = this._activeElement || this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n\n if (!element) {\n return\n }\n\n const elementInterval = parseInt(element.getAttribute('data-interval'), 10)\n\n if (elementInterval) {\n this._config.defaultInterval = this._config.defaultInterval || this._config.interval\n this._config.interval = elementInterval\n } else {\n this._config.interval = this._config.defaultInterval || this._config.interval\n }\n }\n\n _slide(direction, element) {\n const activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === DIRECTION_NEXT) {\n directionalClassName = CLASS_NAME_LEFT\n orderClassName = CLASS_NAME_NEXT\n eventDirectionName = DIRECTION_LEFT\n } else {\n directionalClassName = CLASS_NAME_RIGHT\n orderClassName = CLASS_NAME_PREV\n eventDirectionName = DIRECTION_RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(CLASS_NAME_ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n this._activeElement = nextElement\n\n const slidEvent = $.Event(EVENT_SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if ($(this._element).hasClass(CLASS_NAME_SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n const transitionDuration = Util.getTransitionDurationFromElement(activeElement)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(CLASS_NAME_ACTIVE)\n\n $(activeElement).removeClass(`${CLASS_NAME_ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(transitionDuration)\n } else {\n $(activeElement).removeClass(CLASS_NAME_ACTIVE)\n $(nextElement).addClass(CLASS_NAME_ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n\n data[action]()\n } else if (_config.interval && _config.ride) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(CLASS_NAME_CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n}\n\n/**\n * Data API implementation\n */\n\n$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler)\n\n$(window).on(EVENT_LOAD_DATA_API, () => {\n const carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE))\n for (let i = 0, len = carousels.length; i < len; i++) {\n const $carousel = $(carousels[i])\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n }\n})\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Carousel._jQueryInterface\n$.fn[NAME].Constructor = Carousel\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n}\n\nexport default Carousel\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'collapse'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_COLLAPSE = 'collapse'\nconst CLASS_NAME_COLLAPSING = 'collapsing'\nconst CLASS_NAME_COLLAPSED = 'collapsed'\n\nconst DIMENSION_WIDTH = 'width'\nconst DIMENSION_HEIGHT = 'height'\n\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_ACTIVES = '.show, .collapsing'\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"collapse\"]'\n\nconst Default = {\n toggle: true,\n parent: ''\n}\n\nconst DefaultType = {\n toggle: 'boolean',\n parent: '(string|element)'\n}\n\n/**\n * Class definition\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 static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n toggle() {\n if ($(this._element).hasClass(CLASS_NAME_SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(CLASS_NAME_SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = [].slice.call(this._parent.querySelectorAll(SELECTOR_ACTIVES))\n .filter(elem => {\n if (typeof this._config.parent === 'string') {\n return elem.getAttribute('data-parent') === this._config.parent\n }\n\n return elem.classList.contains(CLASS_NAME_COLLAPSE)\n })\n\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(EVENT_SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSE)\n .addClass(CLASS_NAME_COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(CLASS_NAME_COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSING)\n .addClass(`${CLASS_NAME_COLLAPSE} ${CLASS_NAME_SHOW}`)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(EVENT_SHOWN)\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(CLASS_NAME_SHOW)) {\n return\n }\n\n const startEvent = $.Event(EVENT_HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(CLASS_NAME_COLLAPSING)\n .removeClass(`${CLASS_NAME_COLLAPSE} ${CLASS_NAME_SHOW}`)\n\n const triggerArrayLength = this._triggerArray.length\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n\n if (selector !== null) {\n const $elem = $([].slice.call(document.querySelectorAll(selector)))\n if (!$elem.hasClass(CLASS_NAME_SHOW)) {\n $(trigger).addClass(CLASS_NAME_COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSING)\n .addClass(CLASS_NAME_COLLAPSE)\n .trigger(EVENT_HIDDEN)\n }\n\n this._element.style[dimension] = ''\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(DIMENSION_WIDTH)\n return hasWidth ? DIMENSION_WIDTH : DIMENSION_HEIGHT\n }\n\n _getParent() {\n let parent\n\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = document.querySelector(this._config.parent)\n }\n\n const selector = `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n const children = [].slice.call(parent.querySelectorAll(selector))\n\n $(children).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n const isOpen = $(element).hasClass(CLASS_NAME_SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(CLASS_NAME_COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n\n // Static\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? document.querySelector(selector) : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$element.data(),\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $element.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n\n data[config]()\n }\n })\n }\n}\n\n/**\n * Data API implementation\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 * jQuery\n */\n\n$.fn[NAME] = Collapse._jQueryInterface\n$.fn[NAME].Constructor = Collapse\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n}\n\nexport default Collapse\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'modal'\nconst VERSION = '4.6.2'\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 CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable'\nconst CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure'\nconst CLASS_NAME_BACKDROP = 'modal-backdrop'\nconst CLASS_NAME_OPEN = 'modal-open'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_STATIC = 'modal-static'\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEUP_DISMISS = `mouseup.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_DIALOG = '.modal-dialog'\nconst SELECTOR_MODAL_BODY = '.modal-body'\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"modal\"]'\nconst SELECTOR_DATA_DISMISS = '[data-dismiss=\"modal\"]'\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'\nconst SELECTOR_STICKY_CONTENT = '.sticky-top'\n\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\n/**\n * Class definition\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 static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\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 const showEvent = $.Event(EVENT_SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n if ($(this._element).hasClass(CLASS_NAME_FADE)) {\n this._isTransitioning = true\n }\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n EVENT_CLICK_DISMISS,\n SELECTOR_DATA_DISMISS,\n event => this.hide(event)\n )\n\n $(this._dialog).on(EVENT_MOUSEDOWN_DISMISS, () => {\n $(this._element).one(EVENT_MOUSEUP_DISMISS, event => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (!this._isShown || this._isTransitioning) {\n return\n }\n\n const hideEvent = $.Event(EVENT_HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n const transition = $(this._element).hasClass(CLASS_NAME_FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(EVENT_FOCUSIN)\n\n $(this._element).removeClass(CLASS_NAME_SHOW)\n\n $(this._element).off(EVENT_CLICK_DISMISS)\n $(this._dialog).off(EVENT_MOUSEDOWN_DISMISS)\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, event => this._hideModal(event))\n .emulateTransitionEnd(transitionDuration)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n [window, this._element, this._dialog]\n .forEach(htmlElement => $(htmlElement).off(EVENT_KEY))\n\n /**\n * `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API`\n * Do not move `document` in `htmlElements` array\n * It will remove `EVENT_CLICK_DATA_API` event that should remain\n */\n $(document).off(EVENT_FOCUSIN)\n\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._isTransitioning = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _triggerBackdropTransition() {\n const hideEventPrevented = $.Event(EVENT_HIDE_PREVENTED)\n\n $(this._element).trigger(hideEventPrevented)\n if (hideEventPrevented.isDefaultPrevented()) {\n return\n }\n\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!isModalOverflowing) {\n this._element.style.overflowY = 'hidden'\n }\n\n this._element.classList.add(CLASS_NAME_STATIC)\n\n const modalTransitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n $(this._element).off(Util.TRANSITION_END)\n\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.classList.remove(CLASS_NAME_STATIC)\n if (!isModalOverflowing) {\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.style.overflowY = ''\n })\n .emulateTransitionEnd(this._element, modalTransitionDuration)\n }\n })\n .emulateTransitionEnd(modalTransitionDuration)\n this._element.focus()\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(CLASS_NAME_FADE)\n const modalBody = this._dialog ? this._dialog.querySelector(SELECTOR_MODAL_BODY) : null\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.setAttribute('aria-modal', true)\n this._element.setAttribute('role', 'dialog')\n\n if ($(this._dialog).hasClass(CLASS_NAME_SCROLLABLE) && modalBody) {\n modalBody.scrollTop = 0\n } else {\n this._element.scrollTop = 0\n }\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(CLASS_NAME_SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(EVENT_SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(EVENT_FOCUSIN) // Guard against infinite focus loop\n .on(EVENT_FOCUSIN, event => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown) {\n $(this._element).on(EVENT_KEYDOWN_DISMISS, event => {\n if (this._config.keyboard && event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n } else if (!this._config.keyboard && event.which === ESCAPE_KEYCODE) {\n this._triggerBackdropTransition()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(EVENT_KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(EVENT_RESIZE, event => this.handleUpdate(event))\n } else {\n $(window).off(EVENT_RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._element.removeAttribute('aria-modal')\n this._element.removeAttribute('role')\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(CLASS_NAME_OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(EVENT_HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(CLASS_NAME_FADE) ?\n CLASS_NAME_FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = CLASS_NAME_BACKDROP\n\n if (animate) {\n this._backdrop.classList.add(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(EVENT_CLICK_DISMISS, event => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n\n if (event.target !== event.currentTarget) {\n return\n }\n\n if (this._config.backdrop === 'static') {\n this._triggerBackdropTransition()\n } else {\n this.hide()\n }\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(CLASS_NAME_SHOW)\n\n if (!callback) {\n return\n }\n\n if (!animate) {\n callback()\n return\n }\n\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(CLASS_NAME_SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(CLASS_NAME_FADE)) {\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n const fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT))\n const stickyContent = [].slice.call(document.querySelectorAll(SELECTOR_STICKY_CONTENT))\n\n // Adjust fixed content padding\n $(fixedContent).each((index, element) => {\n const actualPadding = element.style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(stickyContent).each((index, element) => {\n const actualMargin = element.style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element)\n .data('margin-right', actualMargin)\n .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $(document.body).css('padding-right')\n $(document.body)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n\n $(document.body).addClass(CLASS_NAME_OPEN)\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n const fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT))\n $(fixedContent).each((index, element) => {\n const padding = $(element).data('padding-right')\n $(element).removeData('padding-right')\n element.style.paddingRight = padding ? padding : ''\n })\n\n // Restore sticky content\n const elements = [].slice.call(document.querySelectorAll(`${SELECTOR_STICKY_CONTENT}`))\n $(elements).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $(document.body).data('padding-right')\n $(document.body).removeData('padding-right')\n document.body.style.paddingRight = padding ? padding : ''\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Default,\n ...$(this).data(),\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n}\n\n/**\n * Data API implementation\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 * jQuery\n */\n\n$.fn[NAME] = Modal._jQueryInterface\n$.fn[NAME].Constructor = Modal\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n}\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'scrollspy'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst EVENT_ACTIVATE = `activate${EVENT_KEY}`\nconst EVENT_SCROLL = `scroll${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\n\nconst METHOD_OFFSET = 'offset'\nconst METHOD_POSITION = 'position'\n\nconst SELECTOR_DATA_SPY = '[data-spy=\"scroll\"]'\nconst SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'\nconst SELECTOR_NAV_LINKS = '.nav-link'\nconst SELECTOR_NAV_ITEMS = '.nav-item'\nconst SELECTOR_LIST_ITEMS = '.list-group-item'\nconst SELECTOR_DROPDOWN = '.dropdown'\nconst SELECTOR_DROPDOWN_ITEMS = '.dropdown-item'\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\n\nconst 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\n/**\n * Class definition\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 static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window ?\n METHOD_OFFSET : METHOD_POSITION\n\n const offsetMethod = this._config.method === 'auto' ?\n autoMethod : this._config.method\n\n const offsetBase = offsetMethod === METHOD_POSITION ?\n this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = [].slice.call(document.querySelectorAll(this._selector))\n\n targets\n .map(element => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = document.querySelector(targetSelector)\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n\n return null\n })\n .filter(Boolean)\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 _getConfig(config) {\n config = {\n ...Default,\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (typeof config.target !== 'string' && Util.isElement(config.target)) {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window ?\n this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window ?\n window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n const queries = this._selector\n .split(',')\n .map(selector => `${selector}[data-target=\"${target}\"],${selector}[href=\"${target}\"]`)\n\n const $link = $([].slice.call(document.querySelectorAll(queries.join(','))))\n\n if ($link.hasClass(CLASS_NAME_DROPDOWN_ITEM)) {\n $link.closest(SELECTOR_DROPDOWN)\n .find(SELECTOR_DROPDOWN_TOGGLE)\n .addClass(CLASS_NAME_ACTIVE)\n $link.addClass(CLASS_NAME_ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(CLASS_NAME_ACTIVE)\n // Set triggered links parents as active\n // With both - and