- ', {\n class: 'nav navbar-nav primary',\n id: 'country-selector-container'\n });\n var countrySelector;\n\n if ($('.header div.country-selector').length) {\n var countryURL = $('.header div.country-selector').data('url');\n countrySelector = $('
- ', { class: 'nav-item dropdown-selector country-selector d-lg-none primary-nav-item', 'data-url': countryURL });\n\n var icon = ``;\n\n var selectedCountryContainer = $('', { class: 'country-and-lang' });\n\n // Selected Country logic starts\n var selectedCountryData = $('#dropdownCountrySelector').data('selectedCountry');\n var selectedCountryCode = $('#dropdownCountrySelector').data('currencycode');\n var selectedCountry = $('', {\n class: 'nav-primary collapsed',\n 'data-toggle': 'collapse',\n 'data-target': '#subcategories-collapseOne',\n 'aria-expanded': 'false',\n 'aria-controls': 'subcategories-collapseOne',\n role: 'menuitem',\n href: `${'#'}` // eslint-disable-line no-script-url\n });\n\n var selectedCountryName = $('', { class: 'selected-country-js', 'data-selected-country-code': `${selectedCountryData.countryCode}`, text: `${selectedCountryData.name}` });\n var selectedCountrySymbol = '';\n if (selectedCountryData.showCurrencySymbol) {\n selectedCountrySymbol = $('', { text: ` (${selectedCountryCode})` });\n }\n\n var nextArrowContainer = $('', {\n class: 'next-arrow d-lg-none d-xl-none',\n 'data-toggle': 'collapse',\n 'data-target': '#subcategories-collapseOne',\n 'aria-controls': 'subcategories-collapseOne'\n });\n\n var svgNext = ``;\n\n nextArrowContainer.append(svgNext);\n\n selectedCountry.append(selectedCountryName, selectedCountrySymbol);\n selectedCountryContainer.append(selectedCountry);\n // Selected Country logic ends\n\n // Available Countries logic starts\n var avlCountryParent = $('', { class: 'd-sm-block d-md-block d-lg-none pdMobileMegaNavWrapper' });\n var availableCountries = $('
- ', {\n id: 'subcategories-collapseOne',\n class: 'secondary collapse country-list',\n 'aria-labelledby': 'accordionCountrySelector',\n 'data-parent': '#country-selector-container',\n role: 'none',\n 'aria-hidden': 'true'\n });\n\n let acHeader = $('
- ', { class: 'other-header nav-item location-header' });\n let headerContainer = $('');\n let svgPrev = ``;\n let headerVal = $('#location-lang').val();\n let headerName = `${headerVal}`;\n let closeIcon = ``;\n\n headerContainer.append(svgPrev, headerName, closeIcon);\n acHeader.append(headerContainer);\n\n let selectedCountryItem = $('
- ', {\n class: 'nav-item selected-country',\n role: 'menu-item'\n });\n let selectedCountryLink = $('', {\n class: 'accordion-item list-link',\n href: `${'#'}` // eslint-disable-line no-script-url\n });\n var selectedCountryName2 = $('', { class: 'selected-country-js', 'data-selected-country-code': `${selectedCountryData.countryCode}`, text: `${selectedCountryData.name}` });\n var selectedCountrySymbol2 = '';\n if (selectedCountryData.showCurrencySymbol) {\n selectedCountrySymbol2 = $('', { class: 'selected-currency-js', text: ` (${selectedCountryCode})` });\n }\n\n selectedCountryLink.append(selectedCountryName2, selectedCountrySymbol2);\n selectedCountryItem.append(selectedCountryLink);\n\n let $langs = generateLanguageSelector();\n if ($langs !== undefined) {\n $langs[0].className = 'lang-links';\n selectedCountryItem.append($langs);\n }\n\n availableCountries.append(acHeader, selectedCountryItem);\n $('.header div.country-selector ul li a').each(function () {\n let desktopCountryLink = $(this);\n if (desktopCountryLink.hasClass('change-country-link')) {\n let moreLocations = $('
- ', { class: 'nav-item more-locations' });\n let countryGlobal = $('', { class: 'change-country-link accordion-item js-country-change', href: `${desktopCountryLink.attr('href')}` });\n let globeIcon = ``;\n let countryLabel = $('', { class: 'change-country-label', text: `${desktopCountryLink.data('label-morelocations')}` });\n\n countryGlobal.append(countryLabel, globeIcon);\n moreLocations.append(countryGlobal);\n availableCountries.append(moreLocations);\n avlCountryParent.append(availableCountries);\n } else {\n let locale = desktopCountryLink.data('locale');\n let countryCode = desktopCountryLink.data('countrycode');\n let currencyCode = desktopCountryLink.data('currencycode');\n let countryLinkArgs = {\n class: 'accordion-item list-link',\n href: `${'#'}`,\n 'data-countryCode': `${countryCode}`,\n 'data-locale': `${locale}`,\n 'data-currencyCode': `${currencyCode}`\n };\n if (desktopCountryLink.attr('rel')) {\n countryLinkArgs.rel = 'nofollow';\n }\n\n let linkListItem = $('
- ', {\n class: 'nav-item',\n role: 'menu-item'\n });\n let countryLink = $('', countryLinkArgs);\n let availableCountryName = $('', { text: `${desktopCountryLink.find('span.country-name').text()}` });\n let availableCountrySymbol = $('', { class: 'currency_symbol', text: ` (${currencyCode})` });\n\n countryLink.append(availableCountryName, availableCountrySymbol);\n\n // let $languages = generateLanguageSelector();\n // $languages[0].className = 'lang-links';\n // linkListItem.append(countryLink, $languages);\n // availableCountries.append(linkListItem);\n\n linkListItem.append(countryLink);\n availableCountries.append(linkListItem);\n avlCountryParent.append(availableCountries);\n }\n });\n\n // Available Countries logic ends\n countrySelector.append(icon, selectedCountryContainer, nextArrowContainer, avlCountryParent);\n countrySelectorParent.append(countrySelector);\n }\n\n return countrySelectorParent;\n}\n\n/**\n * Generate the mobile country & language selector html content\n * and replace it with div id=\"mobile-page-locale\"\n */\nfunction updateMobileSelector() {\n if ($('.header div.country-selector').data('customMobileSelectors')) {\n var countrySelector = generateCountrySelector();\n var languageSelector = generateLanguageSelector();\n\n if (countrySelector || languageSelector) {\n countrySelector.find('.country-and-lang').append(languageSelector);\n $('#mobile-page-locale').replaceWith(countrySelector);\n }\n }\n}\n\nwindow.addEventListener('load', function () {\n $('.contry-selector-popup-select').selectpicker();\n\n if (localStorage.getItem('showCountrySelectorModal') === null && $('#countrySelectorModalNew').length === 0 && $('#countrySelectorModal').length === 0) {\n localStorage.setItem('languageTooltipShow', 'true');\n }\n\n if (localStorage.getItem('languageTooltipShow') === 'true') {\n $('.language-tooltip').removeClass('d-none');\n }\n\n $('.country-selector-modal-new .close').on('click', function () {\n $('.country-selector-modal-new').addClass('d-none');\n $('.country-selector-modal-new-backdrop').addClass('d-none');\n storeInSession();\n $('.language-tooltip').removeClass('d-none');\n if (typeof _satellite !== 'undefined') {\n _satellite.track('country-selector-close');\n }\n });\n\n $('.country-selector-modal-new .stay-on').on('click', function () {\n $('.country-selector-modal-new').addClass('d-none');\n $('.country-selector-modal-new-backdrop').addClass('d-none');\n storeInSession();\n $('.language-tooltip').removeClass('d-none');\n if (typeof _satellite !== 'undefined') {\n _satellite.track('country-selector-stayon', {\n region: $(this).data('country-code')\n });\n }\n });\n\n $('.language-selector-tooltip .close').on('click', function () {\n $('.language-tooltip').addClass('d-none');\n localStorage.removeItem('languageTooltipShow');\n storeInSession();\n if (typeof _satellite !== 'undefined') {\n _satellite.track('language-selector-close', {\n language: $('.language-selector-tooltip .selected').data('locale')\n });\n }\n });\n\n $('.language-selector-tooltip .selected').on('click', function () {\n $('.language-tooltip').addClass('d-none');\n localStorage.removeItem('languageTooltipShow');\n storeInSession();\n });\n\n $(document).on('change', '#countrySelectorModalNew .form-control.contry-selector-popup-select', function () {\n var data = $('#countrySelectorModalNew .form-control.contry-selector-popup-select').find(':selected').data();\n $('#countrySelectorModalNew .change-location').attr({\n 'data-countryCode': data.countrycode,\n 'data-locale': data.locale,\n 'data-currencyCode': data.currencycode\n });\n });\n\n $('#countrySelectorModalNew .change-location').on('click', function () {\n localStorage.setItem('languageTooltipShow', 'true');\n storeInSession();\n if (typeof _satellite !== 'undefined') {\n _satellite.track('country-selector-change-location', {\n region: $(this).data('countrycode')\n });\n }\n });\n $('.language-selector-tooltip .language').on('click', function () {\n localStorage.removeItem('languageTooltipShow');\n storeInSession();\n if (typeof _satellite !== 'undefined') {\n _satellite.track('language-selector-change-language', {\n language: $(this).data('locale')\n });\n }\n });\n $('.see-all-locations .link').on('click', function () {\n storeInSession();\n localStorage.setItem('languageTooltipShow', 'true');\n _satellite.track('country-selector-see-all-locations');\n });\n $('.choose-site').on('click', function () {\n localStorage.setItem('languageTooltipShow', 'true');\n });\n\n /**\n * Focus on new country selector popup\n */\n function focusOnNewModal() {\n if ($('#countrySelectorModalNew a').first().hasClass('stay-on')) {\n $('#countrySelectorModalNew a').first().focus();\n } else {\n $('.dropdown-toggle').focus();\n }\n }\n\n // accessibility fo new location popup\n if ($('#countrySelectorModalNew').length && !$('#countrySelectorModalNew').hasClass('d-none')) {\n $('#countrySelectorModalNew .see-all-locations .link').on('keydown', function (e) {\n if (e.which === 9) {\n e.preventDefault();\n $('#countrySelectorModalNew .close').focus();\n }\n });\n if (!mobileMediaQuery.matches) {\n $('#countrySelectorModalNew .close').on('keydown', function (e) {\n if (e.which === 9) {\n e.preventDefault();\n $('.menu .logo a').focus();\n }\n });\n }\n if ($('#onetrust-banner-sdk').length) {\n $('#onetrust-reject-all-handler, #onetrust-accept-btn-handler, .save-preference-btn-handler, .ot-pc-refuse-all-handler, #accept-recommended-btn-handler').on('click keypress', function () {\n focusOnNewModal();\n });\n } else {\n focusOnNewModal();\n }\n }\n});\n\nmodule.exports = {\n base: base,\n updateMobileSelector: updateMobileSelector,\n verifyCookieLocale: verifyCookieLocale,\n storeLocale: storeLocale,\n changeCountry: changeCountry,\n accordionToggle: accordionToggle,\n stayOnSite: stayOnSite,\n showModal: showModal,\n updateCountry: updateCountry\n};\n","/* global _satellite */\n/**\n * Returns all required selectors at once in a single object\n * @param {Object} emailComponent - Email component's Jquery element\n * @returns {Object} - Returns all the selectors used by the component\n */\nfunction getSelectors(emailComponent) {\n let emailEl = emailComponent.find('.emailsignup');\n let popupForm = emailComponent.find('.email-signup-form');\n let errorElement = emailComponent.find(\n '.email-address-section .invalid-feedback'\n );\n let submitBtn = emailComponent.find('.signup-action-section button');\n let emailSignUpFormContainer = emailComponent.find(\n '.email-signup-form-container'\n );\n let emailTextContainer = emailComponent.find(\n '.email-signup-text-component'\n );\n let emailSubmittedContainer = emailComponent.find(\n '.email-signup-submitted'\n );\n let requiredNotice = emailComponent.find('.required-notice');\n let serverError = errorElement.data('serverError');\n let loader = emailSignUpFormContainer.find('.emailsignupform-progress-loader.footer-form-loader');\n\n return {\n emailComponent: emailComponent,\n emailEl: emailEl,\n serverEmailErrorEl: errorElement,\n submitBtn: submitBtn,\n emailSignUpFormContainer: emailSignUpFormContainer,\n emailSubmittedContainer: emailSubmittedContainer,\n emailTextContainer: emailTextContainer,\n serverError: serverError,\n requiredNotice: requiredNotice,\n popupForm: popupForm,\n loader: loader\n };\n}\n\n/**\n * Submits emails address to the server\n * @param {Object} selectors - jquery selectors to hide/show sections based on server response\n */\nfunction submitForm(selectors) {\n let popupForm = selectors.popupForm;\n let popupFormData = popupForm.serialize();\n let urlToSubmit = popupForm.data('action-url');\n let loader = selectors.loader;\n\n selectors.emailComponent\n .find('.email-signup-form')\n .spinner()\n .start();\n\n loader.removeClass('d-none').attr('aria-busy', 'true');\n $.ajax({\n url: urlToSubmit,\n method: 'POST',\n data: popupFormData,\n success: function (data) {\n /* On successful submission, show thank you message\n On unsuccessful submission, show error state and message on input field */\n loader.addClass('d-none').attr('aria-busy', 'false');\n if (data.success) {\n _satellite.track('email-signup-footer-success');\n selectors.emailSignUpFormContainer.hide();\n selectors.emailTextContainer.hide();\n selectors.emailSubmittedContainer.show();\n selectors.requiredNotice.hide();\n } else {\n selectors.emailEl.addClass('is-invalid');\n selectors.serverEmailErrorEl.html(selectors.serverError);\n $('body').trigger('emailSignupPayloadError', {\n errorMessage: selectors.serverError\n });\n }\n selectors.emailComponent\n .find('.email-signup-form')\n .spinner()\n .stop();\n },\n error: function () {\n /* On error, show error state and message on input field */\n selectors.emailEl.addClass('is-invalid');\n selectors.serverEmailErrorEl.html(selectors.serverError);\n loader.addClass('d-none').attr('aria-busy', 'false');\n $('body').trigger('emailSignupPayloadError', {\n errorMessage: selectors.serverError\n });\n selectors.emailComponent\n .find('.email-signup-form')\n .spinner()\n .stop();\n }\n });\n}\n\n/**\n * Initializes email signup component with event listeners\n */\nfunction init() {\n $(document).ready(function () {\n $('.email-signup-component').each(function () {\n let selectors = getSelectors($(this));\n selectors.submitBtn.on('click', function (event) {\n event.preventDefault();\n _satellite.track('email-signup-footer-submit');\n let popupForm = selectors.popupForm;\n // reCaptcha token generation\n var responseToken = '';\n var captchaEnabled = popupForm.data('captcha-enabled');\n var siteKey = popupForm.data('captcha-sitekey');\n var source = popupForm.data('captcha-source');\n\n if (captchaEnabled && siteKey) {\n $.getScript(\n 'https://www.google.com/recaptcha/api.js?render=' + siteKey,\n function () {\n grecaptcha.ready(function () {\n grecaptcha.execute(siteKey, { action: source })\n .then(function (token) {\n responseToken = token;\n $('input.captcha-footer-token-val').val(responseToken);\n submitForm(selectors);\n $('.grecaptcha-badge').css('visibility', 'hidden');\n });\n });\n }\n );\n } else {\n submitForm(selectors);\n }\n });\n });\n });\n}\n\nmodule.exports = {\n init: init\n};\n","/* global _satellite */\n'use strict';\n\nrequire('../../icons/chevron.svg');\nrequire('../../icons/plus.svg');\nrequire('../../icons/minus.svg');\nrequire('../../icons/cross.svg');\nrequire('../../icons/crossWhite.svg');\nrequire('../../icons/logoModal.svg');\nrequire('../../icons/globe.svg');\nrequire('../../icons/lululemonPrimaryLogo.svg');\nrequire('../../icons/brand_lululemonPrimaryLogo.svg');\nrequire('../../icons/brand_lululemonPrimaryLogoWhite.svg');\n\nvar $emailSignupPopupModal = $('#emailPopupModal');\nvar $emailSignupToaster = $('#js-email-signup-toaster');\nvar optanonConsent = $.cookie('OptanonConsent');\nvar optanonAlertBoxClosed = $.cookie('OptanonAlertBoxClosed');\n\nif (sessionStorage.getItem('quickStartActiveFlag') === null) {\n sessionStorage.setItem('quickStartActiveFlag', 'false');\n}\n\n/**\n * Returns all required selectors at once in a single object\n * @param {Object} emailComponent - Email component's Jquery element\n * @returns {Object} - Returns all the selectors used by the component\n */\nfunction getSelectors(emailComponent) {\n let emailEl = emailComponent.find('.emailsignup-popup');\n let popupForm = emailComponent.find('.email-signup-form-popup');\n let errorElement = emailComponent.find(\n '.email-address-section .invalid-feedback'\n );\n let submitBtn = emailComponent.find('.signup-action-section button.signup-popup-btn');\n let emailSignUpFormContainer = emailComponent.find(\n '.email-popup-form-container'\n );\n let emailSubmittedContainer = emailComponent.find(\n '.email-popup-submitted'\n );\n let serverError = errorElement.data('serverError');\n let loader = $('.email-signup-popup .emailsignupform-progress-loader');\n\n return {\n emailComponent: emailComponent,\n emailEl: emailEl,\n serverEmailErrorEl: errorElement,\n submitBtn: submitBtn,\n emailSignUpFormContainer: emailSignUpFormContainer,\n emailSubmittedContainer: emailSubmittedContainer,\n serverError: serverError,\n popupForm: popupForm,\n loader: loader\n };\n}\n\n/**\n * Submits emails address to the server\n * @param {Object} selectors - jquery selectors to hide/show sections based on server response\n */\nfunction submitForm(selectors) {\n let popupForm = selectors.popupForm;\n let popupFormData = popupForm.serialize();\n let urlToSubmit = popupForm.data('action-url');\n let loader = selectors.loader;\n selectors.emailComponent\n .find('.email-signup-form-popup')\n .spinner()\n .start();\n var emailBodyContentHeight = $('.email-signup-body').outerHeight();\n $('.email-signup-body').outerHeight(emailBodyContentHeight);\n loader.removeClass('d-none');\n if ($emailSignupPopupModal.hasClass('emailSignupToasterTriggered')) {\n _satellite.track('email-toaster-signup-submit');\n } else {\n _satellite.track('email-signup-header-submit');\n }\n $.ajax({\n url: urlToSubmit,\n type: 'post',\n data: popupFormData,\n success: function (data) {\n loader.addClass('d-none');\n /* On successful submission, show thank you message\n On unsuccessful submission, show error state and message on input field */\n if (data.success) {\n if ($emailSignupPopupModal.hasClass('emailSignupToasterTriggered')) {\n _satellite.track('email-toaster-signup-success');\n } else {\n _satellite.track('email-signup-header-success');\n }\n $('.email-signup-popup .modal-dialog').addClass('form-submitted');\n setTimeout(function () {\n $('.email-popup-submitted').removeClass('d-none');\n $('.email-signup-body').outerHeight($('.email-popup-submitted').outerHeight());\n $('.email-signup-body-content').addClass('d-none');\n $('.email-signup-popup .modal-dialog').removeClass('form-submitted');\n }, 500);\n $.cookie('dontShowEmailPopup', 'true', { expires: 1000, path: '/' });\n } else {\n $('.email-signup-body').removeAttr('style');\n selectors.emailEl.addClass('is-invalid');\n selectors.serverEmailErrorEl.html(selectors.serverError);\n $('body').trigger('emailSignupPayloadError', {\n errorMessage: selectors.serverError\n });\n }\n selectors.emailComponent\n .find('.email-signup-form-popup')\n .spinner()\n .stop();\n },\n error: function () {\n loader.addClass('d-none');\n /* On error, show error state and message on input field */\n selectors.emailEl.addClass('is-invalid');\n selectors.serverEmailErrorEl.html(selectors.serverError);\n $('body').trigger('emailSignupPayloadError', {\n errorMessage: selectors.serverError\n });\n selectors.emailComponent\n .find('.email-signup-form-popup')\n .spinner()\n .stop();\n }\n });\n}\n\n/**\n * Initializes email signup component with event listeners\n */\nfunction init() {\n $(document).ready(function () {\n $('.email-popup-form-container').each(function () {\n let selectors = getSelectors($(this));\n selectors.submitBtn.on('click', function (event) {\n event.preventDefault();\n let popupForm = selectors.popupForm;\n // reCaptcha token generation\n var responseToken = '';\n var captchaEnabled = popupForm.data('captcha-enabled');\n var siteKey = popupForm.data('captcha-sitekey');\n var source = popupForm.data('captcha-source');\n\n if (captchaEnabled && siteKey) {\n $.getScript(\n 'https://www.google.com/recaptcha/api.js?render=' + siteKey,\n function () {\n grecaptcha.ready(function () {\n grecaptcha.execute(siteKey, { action: source })\n .then(function (token) {\n responseToken = token;\n $('input.captcha-popup-token-val').val(responseToken);\n submitForm(selectors);\n $('.grecaptcha-badge').css('visibility', 'hidden');\n });\n });\n }\n );\n } else {\n submitForm(selectors);\n }\n });\n });\n });\n}\n\nvar dontShowEmailPopup = $.cookie('dontShowEmailPopup');\nvar dontShowQuickStart = $.cookie('dontShowQuickStart');\nvar emailPopupTimer = (($('#emailPopUpTimer').length > 0) && ($('#emailPopUpTimer').val() !== 'null')) ? parseInt($('#emailPopUpTimer').val(), 10) * 1000 : 30000;\nvar doNotShowPopupBefore = (($('#doNotShowPopupBefore').length > 0) && ($('#doNotShowPopupBefore').val() !== 'null')) ? parseInt($('#doNotShowPopupBefore').val(), 10) : 7;\nvar timeoutLapsed = false;\nvar doNotShowQuickStartBefore = (($('#showQuickStartPopUpAfter').length > 0) && ($('#showQuickStartPopUpAfter').val() !== 'null')) ? parseInt($('#showQuickStartPopUpAfter').val(), 10) : 6;\nvar expShowQuickDate = new Date();\nexpShowQuickDate.setTime(expShowQuickDate.getTime() + (doNotShowQuickStartBefore * 3600 * 1000));\n\n/**\n * quick start display handler\n*/\nfunction quickStartHandler() {\n if (($('#countrySelectorModal').hasClass('show') === false) && (optanonAlertBoxClosed || !optanonConsent) && !($emailSignupPopupModal.hasClass('show')) && !dontShowQuickStart && ($.cookie('dontShowEmailPopup') || (sessionStorage.getItem('enableSignUpPopModalFlag') === 'false'))) {\n setTimeout(function () {\n if (sessionStorage.getItem('quickStartActiveFlag') === 'false') {\n _satellite.track('customImpressionTracking', {\n impressionID: 'pick-up-where-you-left-off-component'\n });\n } else {\n sessionStorage.setItem('quickStartActiveFlag', true);\n }\n $('.quickStartWrapper').addClass('show');\n }, 400);\n } else {\n $('.quickStartWrapper').removeClass('show');\n sessionStorage.setItem('quickStartActiveFlag', false);\n }\n}\n/**\n * Submits emails address to the server\n * @param {Object} Optanon - jquery selectors to hide/show sections based on server response\n * Show email popup modal\n */\nfunction showModal() {\n $(document).ready(function () {\n var enableSignUpPopModalFlag = sessionStorage.getItem('enableSignUpPopModalFlag');\n if (enableSignUpPopModalFlag === null) {\n sessionStorage.setItem('enableSignUpPopModalFlag', 'false');\n enableSignUpPopModalFlag = 'false';\n } else if (sessionStorage.getItem('enableSignUpPopModalFlag') === 'false') {\n sessionStorage.setItem('enableSignUpPopModalFlag', 'true');\n enableSignUpPopModalFlag = 'true';\n }\n\n var enableFollowSignUpPopModalFlag = sessionStorage.getItem('enableFollowSignUpPopModalFlag');\n if (enableFollowSignUpPopModalFlag === null) {\n sessionStorage.setItem('enableFollowSignUpPopModalFlag', 'false');\n enableFollowSignUpPopModalFlag = 'false';\n }\n\n var enableFollowEmailToasterFlag = sessionStorage.getItem('enableFollowEmailToasterFlag');\n if (enableFollowEmailToasterFlag === null) {\n sessionStorage.setItem('enableFollowEmailToasterFlag', 'false');\n enableFollowEmailToasterFlag = 'false';\n }\n\n if (($('#home-page-indicator, #cdp-page-indicator, #catLanding-indicator').length >= 1) && enableFollowSignUpPopModalFlag === 'true' && !dontShowEmailPopup) {\n setTimeout(function () {\n $emailSignupPopupModal.addClass('emailSignupToasterTriggered');\n $('body').addClass('modal-open-custom');\n if (window.matchMedia('(max-width: 1023px)').matches) {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: 'static'\n });\n } else {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: false\n });\n }\n }, 500);\n } else {\n if (enableFollowEmailToasterFlag === 'true') {\n emailPopupTimer = 500;\n }\n setTimeout(function () {\n if (($('#home-page-indicator, #cdp-page-indicator, #catLanding-indicator').length >= 1) && enableSignUpPopModalFlag === 'true') {\n if (($('#countrySelectorModal').hasClass('show') === false) && (optanonAlertBoxClosed || !optanonConsent) && !($emailSignupPopupModal.hasClass('show'))) {\n if (!dontShowEmailPopup) {\n if ($emailSignupToaster.hasClass('email-signup-toaster-enabled')) {\n $emailSignupToaster.addClass('show');\n _satellite.track('email-toaster-impression');\n $emailSignupToaster.find('.toaster-signup-cta').attr('aria-hidden', 'false');\n $emailSignupToaster.find('.toaster-text').attr('aria-hidden', 'false');\n $emailSignupToaster.find('.close-cta').attr('aria-hidden', 'false');\n $('#js-email-signup-toaster .close-cta, #js-email-signup-toaster .toaster-signup-cta').on('click', function () {\n $emailSignupToaster.removeClass('show');\n $emailSignupToaster.find('.toaster-signup-cta').attr('aria-hidden', 'true');\n $emailSignupToaster.find('.toaster-text').attr('aria-hidden', 'true');\n $emailSignupToaster.find('.close-cta').attr('aria-hidden', 'true');\n $emailSignupPopupModal.addClass('emailSignupToasterTriggered');\n });\n $('#js-email-signup-toaster .close-cta').on('click', function () {\n $.cookie('dontShowEmailPopup', 'true', { expires: doNotShowPopupBefore, path: '/' });\n setTimeout(function () {\n quickStartHandler();\n }, 500);\n _satellite.track('email-toaster-signup-close');\n });\n $('.toaster-signup-cta').on('click', function () {\n _satellite.track('email-toaster-signup');\n if (window.matchMedia('(max-width: 1023px)').matches) {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: 'static'\n });\n } else {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: false\n });\n }\n });\n } else {\n $emailSignupPopupModal.addClass('emailSignupToasterTriggered');\n if (window.matchMedia('(max-width: 1023px)').matches) {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: 'static'\n });\n } else {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: false\n });\n }\n }\n\n sessionStorage.setItem('enableFollowEmailToasterFlag', 'true');\n enableFollowEmailToasterFlag = 'true';\n\n $('body').addClass('modal-open-custom');\n $('.modal-header').find('button.close').click(function () {\n $('body').removeClass('modal-open-custom');\n quickStartHandler();\n });\n }\n } else {\n timeoutLapsed = true;\n }\n }\n }, emailPopupTimer);\n }\n\n $('a.headerEmailSignupLink').on('click', function () {\n if (!($emailSignupPopupModal.hasClass('show'))) {\n _satellite.track('email-signup-header');\n $('.email-signup-popup .modal-dialog').removeClass('form-submitted');\n $('.email-signup-form-popup').trigger('reset');\n $('.signup-popup-btn').attr('disabled', 'disabled');\n $('.email-popup-submitted').addClass('d-none');\n $('.email-signup-body-content').removeClass('d-none');\n if ($('.main-menu').hasClass('in')) {\n $('.main-menu .close-menu a').trigger('click');\n }\n $emailSignupPopupModal.removeClass('emailSignupToasterTriggered');\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: 'static'\n });\n $('body').addClass('modal-open-custom');\n if ($emailSignupToaster.hasClass('show')) {\n $emailSignupToaster.removeClass('show');\n $emailSignupToaster.find('.toaster-signup-cta').attr('aria-hidden', 'true');\n $emailSignupToaster.find('.toaster-text').attr('aria-hidden', 'true');\n $emailSignupToaster.find('.close-cta').attr('aria-hidden', 'true');\n }\n }\n });\n\n $(document).on('click', 'button.email-signup-modal-close', function () {\n if ($emailSignupPopupModal.hasClass('emailSignupToasterTriggered')) {\n _satellite.track('email-toaster-signup-modal-close');\n } else {\n _satellite.track('email-signup-header-close');\n }\n if ($('.modal-backdrop').length !== 0) {\n $('.modal-backdrop').removeClass('show-backdrop');\n $('.modal-backdrop').addClass('hide-backdrop');\n }\n $emailSignupPopupModal.removeClass('show');\n setTimeout(function () {\n $emailSignupPopupModal.modal('hide');\n $('body').removeClass('modal-open-custom');\n $emailSignupPopupModal.removeData();\n }, 500);\n });\n\n $(document).click(function (event) {\n if ($(event.target).hasClass('email-signup-popup')) {\n $emailSignupPopupModal.removeClass('show');\n if ($('.modal-backdrop').length !== 0) {\n $('.modal-backdrop').removeClass('show-backdrop');\n $('.modal-backdrop').addClass('hide-backdrop');\n }\n setTimeout(function () {\n $emailSignupPopupModal.modal('hide');\n $('body').removeClass('modal-open-custom');\n $emailSignupPopupModal.removeData();\n }, 500);\n }\n });\n\n $emailSignupPopupModal.on('hidden.bs.modal', function () {\n $('body').removeClass('modal-with-backdrop');\n $('.email-signup-body').removeAttr('style');\n if ($emailSignupPopupModal.hasClass('emailSignupToasterTriggered') && $('.email-popup-submitted').hasClass('d-none') === true) {\n $.cookie('dontShowEmailPopup', 'true', { expires: doNotShowPopupBefore, path: '/' });\n }\n\n $emailSignupPopupModal.find('input').removeClass('is-invalid is-dirty');\n quickStartHandler();\n });\n\n $emailSignupPopupModal.on('shown.bs.modal', function () {\n if ($('.modal-backdrop').length !== 0) {\n $('body').addClass('modal-with-backdrop');\n $('.modal-backdrop').addClass('show-backdrop');\n $('.modal-backdrop').removeClass('hide-backdrop');\n }\n\n if ($emailSignupPopupModal.hasClass('emailSignupToasterTriggered')) {\n sessionStorage.setItem('enableFollowSignUpPopModalFlag', 'true');\n enableFollowSignUpPopModalFlag = 'true';\n }\n });\n });\n\n $(window).on('load', function () {\n if (($('#home-page-indicator, #cdp-page-indicator, #catLanding-indicator').length >= 1) && $('.quickStartWrapper').length > 0) {\n quickStartHandler();\n $('.quick-start-close-cta').on('click', function () {\n $('.quickStartWrapper').removeClass('show');\n _satellite.track('pickup-where-you-left-off-component-close');\n sessionStorage.setItem('quickStartActiveFlag', false);\n $.cookie('dontShowQuickStart', 'true', { expires: expShowQuickDate, path: '/' });\n });\n\n $('.quick-start-popup a').on('click', function () {\n _satellite.track('pick-up-where-you-left-off-recommendations');\n });\n }\n });\n}\n\n$('#countrySelectorModal').on('hidden.bs.modal', function () {\n if (timeoutLapsed === true) {\n if ($emailSignupToaster.hasClass('email-signup-toaster-enabled')) {\n $emailSignupToaster.addClass('show');\n $emailSignupToaster.find('.toaster-signup-cta').attr('aria-hidden', 'false');\n $emailSignupToaster.find('.toaster-text').attr('aria-hidden', 'false');\n $emailSignupToaster.find('.close-cta').attr('aria-hidden', 'false');\n _satellite.track('email-toaster-impression');\n $('#js-email-signup-toaster .copy').attr('tabindex', '0');\n $('#js-email-signup-toaster .toaster-signup-cta').attr('tabindex', '0');\n $('#js-email-signup-toaster .toaster-text').attr('tabindex', '0');\n $('#js-email-signup-toaster .close-cta').attr('tabindex', '0');\n $('#js-email-signup-toaster .close-cta, #js-email-signup-toaster .toaster-signup-cta').on('click', function () {\n $emailSignupToaster.removeClass('show');\n $emailSignupToaster.find('.toaster-signup-cta').attr('aria-hidden', 'true');\n $emailSignupToaster.find('.toaster-text').attr('aria-hidden', 'true');\n $emailSignupToaster.find('.close-cta').attr('aria-hidden', 'true');\n $emailSignupPopupModal.addClass('emailSignupToasterTriggered');\n });\n $('.toaster-signup-cta').on('click', function () {\n _satellite.track('email-toaster-sign-up');\n if (window.matchMedia('(max-width: 1023px)').matches) {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: 'static'\n });\n } else {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: false\n });\n }\n });\n } else {\n $emailSignupPopupModal.addClass('emailSignupToasterTriggered');\n if (window.matchMedia('(max-width: 1023px)').matches) {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: 'static'\n });\n } else {\n $emailSignupPopupModal.modal({\n keyboard: false,\n focus: false,\n backdrop: false\n });\n }\n }\n\n $('body').addClass('modal-open-custom');\n $('.modal-header').find('button.close').click(function () {\n $('body').removeClass('modal-open-custom');\n quickStartHandler();\n });\n }\n});\n\nmodule.exports = {\n init: init,\n showModal: showModal\n};\n","/* global _satellite */\n'use strict';\n\nrequire('../../icons/plus.svg');\nrequire('../../icons/minus.svg');\nrequire('../../icons/facebook.svg');\nrequire('../../icons/twitter.svg');\nrequire('../../icons/instagram.svg');\nrequire('../../icons/youtube.svg');\nrequire('../../icons/pinterest.svg');\nrequire('../../icons/error.svg');\nrequire('../../icons/plus24.svg');\nrequire('../../icons/minus24.svg');\nrequire('../../icons/minus16.svg');\nrequire('../../icons/lululogoicon.svg');\nrequire('../../icons/lululogoiconred.svg');\nrequire('../../icons/errorNotification.svg');\nrequire('../../icons/infoNotification.svg');\nrequire('../../icons/successNotification.svg');\nrequire('../../icons/warningNotification.svg');\nrequire('../../icons/kakaotalk.svg');\nrequire('../../icons/textprimaryicon.svg');\n\n/**\n * Toggle accordion expand/collapse\n */\nfunction toggleAccordion() {\n $('.footer-item .title-js').click(function () {\n if (window.matchMedia('(max-width: 1023.98px)').matches) {\n $(this)\n .find('.icon')\n .toggleClass('d-none');\n\n if (typeof $(this).attr('aria-expanded') === 'undefined') {\n $(this).attr('aria-expanded', 'true');\n } else {\n $(this).attr(\n 'aria-expanded',\n $(this).attr('aria-expanded') === 'false' ? 'true' : 'false'\n );\n }\n } else if (this.href && this.href !== '#') {\n window.location.href = this.href;\n }\n });\n}\n\n$(document).ready(function () {\n $('#select-all-agreements-signup').click(function () {\n if ($('#select-all-agreements-signup')[0].checked === true) {\n $('.required-consent-signup').prop('checked', true);\n $('.required-consent-signup').removeClass('is-invalid');\n } else {\n $('.required-consent-signup').prop('checked', false);\n }\n });\n\n $('.required-consent-signup').on('click', function () {\n if ($('.required-consent-signup:checked').length === $('.required-consent-signup').length) {\n $('#select-all-agreements-signup').prop('checked', true);\n } else {\n $('#select-all-agreements-signup').prop('checked', false);\n }\n });\n\n var satelliteName;\n if ($('.size-guide-footer').length) {\n satelliteName = 'footer-size-guide';\n } else if ($('.cdp-size-guide').length) {\n satelliteName = 'cdp-size-guide-modal';\n } else {\n satelliteName = 'size-guide-modal';\n }\n\n var newSizeGuideEnable = $('#ffNewSizeGuide').val();\n if (newSizeGuideEnable === 'true') {\n $(document).on('click', '.size-chart .size-chart-link', function () {\n var sizeGuideTrack = $('.size-chart-link').attr('data-lulu-attributes');\n var prodJSON = JSON.parse(sizeGuideTrack.replace(/'/g, '\"'));\n _satellite.track(satelliteName, {\n modalDetails: prodJSON\n });\n });\n }\n\n if (window.location.href.indexOf('?cid=men') > -1) {\n $('#Men-tab').click();\n }\n\n $(document).on('click', '#footer-size-guide a', function () {\n _satellite.track('footer-size-guide');\n });\n\n $(document).on('change', '#myselection', function () {\n var countryName = $('option:selected', this).attr('data-countryname');\n var categoryName = $('.gender-specific-div.show').find('.gender-category-tab.active').attr('id');\n if ($('.size-guide-footer').length) {\n _satellite.track(satelliteName, {\n modalDetails: 'countryselector:' + countryName,\n category: categoryName\n });\n } else {\n _satellite.track(satelliteName, {\n modalDetails: 'countryselector:' + countryName\n });\n }\n });\n\n $(document).on('shown.bs.tab', '.category-tabs a[data-toggle=\"tab\"]', function () {\n var categoryName = $('.gender-specific-div.show').find('.gender-category-tab.active').attr('id');\n var tabName = ($(this).hasClass('size-tab-fit')) ? $(this).attr('data-sizetab-id') : $(this).attr('id');\n var categoryTabExist = ($('.categoty-fit-tab.active:not(:hidden)').length) ? $('.categoty-fit-tab.active:not(:hidden)').attr('id') + '-' + tabName : tabName;\n if ($(this).closest('ul').hasClass('gender-tab')) {\n _satellite.track(satelliteName, {\n modalDetails: 'category:' + tabName,\n category: tabName\n });\n }\n if ($('.size-guide-footer').length) {\n if ($(this).hasClass('categoty-fit-tab')) {\n _satellite.track(satelliteName, {\n modalDetails: 'fit:' + tabName,\n category: categoryName\n });\n }\n } else if ($(this).hasClass('categoty-fit-tab')) {\n _satellite.track(satelliteName, {\n modalDetails: 'fit:' + tabName\n });\n }\n if ($('.size-guide-footer').length) {\n if ($(this).hasClass('size-tab-fit')) {\n _satellite.track(satelliteName, {\n modalDetails: 'size-tab:' + categoryTabExist,\n category: categoryName\n });\n }\n } else if ($(this).hasClass('size-tab-fit')) {\n _satellite.track(satelliteName, {\n modalDetails: 'size-tab:' + categoryTabExist\n });\n }\n });\n\n $(document).on('change', '.measurement-switch input', function (e) {\n var categoryName = $('.gender-specific-div.show').find('.gender-category-tab.active').attr('id');\n var isOn = e.currentTarget.checked;\n if ($('.size-guide-footer').length) {\n if (isOn) {\n _satellite.track(satelliteName, {\n modalDetails: 'measure:IN',\n category: categoryName\n });\n } else {\n _satellite.track(satelliteName, {\n modalDetails: 'measure:CM',\n category: categoryName\n });\n }\n } else if (isOn) {\n _satellite.track(satelliteName, {\n modalDetails: 'measure:IN'\n });\n } else {\n _satellite.track(satelliteName, {\n modalDetails: 'measure:CM'\n });\n }\n });\n\n $(document).on('click', '.live-chat .live-chat-link', function () {\n var categoryName = $('.gender-specific-div.show').find('.gender-category-tab.active').attr('id');\n if ($('.size-guide-footer').length) {\n _satellite.track(satelliteName, {\n modalDetails: 'livechat',\n innerText: \"Let's Chat\",\n category: categoryName\n });\n } else {\n _satellite.track(satelliteName, {\n modalDetails: 'livechat',\n innerText: \"Let's Chat\"\n });\n }\n });\n\n $(document).on('click', '.truefit-space .tfc-fitrec-product', function () {\n var categoryName = $('.gender-specific-div.show').find('.gender-category-tab.active').attr('id');\n var trueFitText = $('.tfc-fitrec-product').find('.tfc-if-gsa-unavailable').html();\n var trueFitStatus = $('.tfc-modal-result').css('display');\n if ($('.size-guide-footer').length) {\n if (trueFitStatus === 'block') {\n _satellite.track(satelliteName, {\n modalDetails: 'truefit',\n innerText: trueFitText,\n category: categoryName\n });\n }\n } else if (trueFitStatus === 'block') {\n _satellite.track(satelliteName, {\n modalDetails: 'truefit',\n innerText: trueFitText\n });\n }\n });\n});\n\n/**\n * Init to call functions\n */\nfunction init() {\n toggleAccordion();\n}\n\n// global video id\nvar videoID;\n\n/**\n * Init the video timeupdate video\n * @param {Object} videoElement - video element\n * @param {string} videoId - video Id\n */\nfunction initVideoTimeUpdate(videoElement, videoId) {\n var halfDurationFlag = true;\n var fullDurationFlag = true;\n $(videoElement).off().on('timeupdate', function () {\n var currentTime = parseInt(this.currentTime, 10);\n var totalDuration = parseInt(this.duration, 10);\n var halfDurattion = parseInt(totalDuration / 2, 10);\n var durationAt95 = parseInt((totalDuration / 100) * 95, 10);\n\n if (halfDurationFlag && currentTime === halfDurattion) {\n _satellite.track('video-play-marker-50', {\n content: {\n contentType: 'video',\n attributes: {\n videoID: [videoId],\n videoLength: [totalDuration]\n }\n },\n version: 1.1\n });\n halfDurationFlag = false;\n }\n if (fullDurationFlag && currentTime === durationAt95) {\n _satellite.track('video-play-complete', {\n content: {\n contentType: 'video',\n attributes: {\n videoID: [videoId],\n videoLength: [totalDuration]\n }\n },\n version: 1.1\n });\n fullDurationFlag = false;\n }\n });\n}\n\n/**\n * Init the video click event for analytics\n */\n$(document).ready(function () {\n $(window).on('load', function () {\n $('.js-video').off().on('click', function () {\n var thisVideoId = $(this).data('video-url');\n var $videoElement = $(this).find('video');\n $videoElement = $videoElement.length ? $videoElement : null;\n // Adding condition to unmute videos that are automatically muted by browser\n if ($videoElement.muted) {\n $videoElement.muted = false;\n }\n thisVideoId = thisVideoId.split('/').pop();\n if (videoID !== thisVideoId && $videoElement) {\n var videoLength = parseInt($videoElement[0].duration, 10);\n _satellite.track('video-play-start', {\n content: {\n contentType: 'video',\n attributes: {\n videoID: [thisVideoId],\n videoLength: [videoLength]\n }\n },\n version: 1.1\n });\n videoID = thisVideoId;\n initVideoTimeUpdate($videoElement, videoID);\n }\n });\n\n // Adding Analytics for native video player\n $('.long-form-video, .short-form-video').off().on('click', function () {\n var thisVideoId = $(this).parent().data('video-url');\n var $videoElement = $(this).find('video');\n thisVideoId = thisVideoId.split('/').pop();\n var videoLength = parseInt($videoElement[0].duration, 10);\n if (!$videoElement[0].paused && $videoElement[0].currentTime === 0) {\n _satellite.track('video-play-start', {\n content: {\n contentType: 'video',\n attributes: {\n videoID: [thisVideoId],\n videoLength: [videoLength]\n }\n },\n version: 1.1\n });\n videoID = thisVideoId;\n initVideoTimeUpdate($videoElement, videoID);\n }\n });\n\n /* if cloudflare cache enabled for SF pages set cookie to indicate CF if a cached/dynamic page to render\n if isDynamicData = true, that means the content is non-cacehable\n (either the user is logged in OR there are items in the cart/basket).\n if the preference is disaled\n */\n if (window.cfCacheEnabled) {\n $.removeCookie('isDynamicData');\n $.ajax({\n url: window.validateGuestURL,\n type: 'get',\n dataType: 'json',\n success: function (response) {\n var isDynamicData = true;\n if (response && response.canBeCached) {\n isDynamicData = false;\n }\n $.cookie('isDynamicData', isDynamicData, { expires: 30, path: '/' });\n if (response.sessionID) {\n window.digitalData.user[0].sessionID = response.sessionID;\n }\n }\n });\n } else {\n $.cookie('isDynamicData', true, { expires: 30, path: '/' });\n }\n\n var selectedCountryCode = $('span.selected-country-js:first').data('selected-country-code');\n\n if (selectedCountryCode) {\n $.cookie('UsrCountry', selectedCountryCode, { expires: 30, path: '/' });\n }\n\n /*\n Updating the cookies related to Awin using url parameters if exists.\n */\n var urlParams = new URLSearchParams(window.location.search);\n var utmSource = urlParams.get('utm_source');\n if (utmSource && utmSource === 'awin') {\n $.cookie('ch', 'aw', {\n expires: 30,\n path: '/'\n });\n }\n var cks = urlParams.get('awc');\n if (cks) {\n $.cookie('cks', cks, {\n expires: 30,\n path: '/'\n });\n }\n // Get local storage\n if (localStorage.getItem('alaPurchaseHistory')) {\n var purchaseHistory = JSON.parse(localStorage.getItem('alaPurchaseHistory'));\n if (purchaseHistory && purchaseHistory.length) {\n $.cookie('alaPurchaseHistory', JSON.stringify(purchaseHistory), {\n expires: 30,\n path: '/'\n });\n }\n }\n\n setTimeout(function () {\n var $myElement = $('#nebula_div_btn');\n $($myElement).css({\n 'line-height': '1px'\n });\n }, 500);\n });\n\n /**\n * Product tile raings click event for analytics\n */\n $('.cdp-ratings').on('click', function () {\n _satellite.track('cdp-review-click');\n });\n});\n\nmodule.exports = {\n init: init\n};\n","'use strict';\n\nvar carousel = require('./carousel');\n\n/**\n * Initialize carousel for multiple content\n */\nfunction initHeroCarousel() {\n $('.hero-image-wrapper').each(function () {\n if ($(this).find('.hero-images img').length > 1) {\n var $heroImages = $(this).find('.hero-images');\n var opts = {\n centerMode: true,\n centerPadding: '10px',\n adaptiveHeight: true,\n dots: true,\n autoplay: false,\n customPaging: function (slider, i) {\n var ariaLabel = 'slide ' + (i + 1) + ' of ' + (slider.getDotCount() + 1);\n return (\n ''\n );\n },\n responsive: [\n {\n breakpoint: 1023.98,\n settings: {\n centerMode: false\n }\n }\n ]\n };\n carousel.initCarousel(opts, $heroImages);\n }\n });\n}\n\n/**\n *Align slick arrows vertically based on image/video height\n */\nfunction alignSlickButtons() {\n $(window).on('load', function () {\n var imgHeight = $('.media-container-div').outerHeight() / 2;\n if (window.matchMedia('(max-width: 700px)').matches) {\n $('.hero-image-wrapper .hero-images .slick-arrow').css('top', `${imgHeight}px`);\n } else {\n $('.hero-image-wrapper .hero-images .slick-arrow').css('top', `${imgHeight - 7}px`);\n }\n });\n}\n\nmodule.exports = {\n initHeroCarousel: initHeroCarousel,\n alignSlickButtons: alignSlickButtons\n};\n","'use strict';\n\nvar cart = require('base/cart/cart');\n\nvar updateMiniCart = true;\nvar location = window.location;\n\nmodule.exports = function () {\n cart();\n\n $('.minicart').on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal);\n $('.minicart .minicart-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 || $('.cart-page').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","/* global _satellite */\n'use strict';\n\nrequire('../../icons/touchIcon.svg');\n\nvar carousel = require('./carousel');\nconst { initSwatch } = require('../components/productTile');\n\nconst mediaQuery = window.matchMedia('(min-width: 1024px)');\nconst MIN_SLIDE_COUNT = 3;\nvar lastFocus;\n\n/**\n * Gets the position to place the hotspot on the image\n */\nfunction setHotspot() {\n $('.outfit-component').each(function () {\n var parentWrapper = $(this);\n if (parentWrapper.find('.hotspot-outfit-carousel .hotspot-outfit-slide').length) {\n var slides;\n if ($('.outfit-component .outfit-carousel.slick-initialized').length) {\n slides = parentWrapper.find('.outfit-carousel .slick-slide:not(.slick-cloned) .hotspot-outfit-slide').find('.product:not(\"[data-pid=null]\")').closest('.hotspot-outfit-slide');\n } else {\n slides = parentWrapper.find('.outfit-carousel .hotspot-outfit-slide').find('.product:not(\"[data-pid=null]\")').closest('.hotspot-outfit-slide');\n }\n slides.each(function () {\n let hotspotEl = $(\n '
'\n );\n var topVal = $(this).data('top').toString().indexOf('%') === -1 ? $(this).data('top').toString() + '%' : $(this).data('top');\n var leftVal = $(this).data('left').toString().indexOf('%') === -1 ? $(this).data('left').toString() + '%' : $(this).data('left');\n hotspotEl.css('top', topVal);\n hotspotEl.css('left', leftVal);\n hotspotEl.attr(\n 'data-pid',\n $(this).data('prodid')\n );\n hotspotEl.attr(\n 'data-index',\n $(this).data('index')\n );\n parentWrapper.find('.img-wrapper').append(hotspotEl);\n });\n }\n });\n}\n\n/**\n * Removes the outfit modal on window resize\n */\nfunction closeOutfitModal() {\n $('#outfitProductModal').modal('hide');\n}\n\n/**\n * Creates an outfit carousel if 3 or more products are present\n * @param {Object} component - outfit component element\n */\nfunction initOutfitCarousel(component) {\n if (\n mediaQuery.matches &&\n $(component).find('.outfit-carousel .hotspot-outfit-slide:not(.d-none)').length <=\n MIN_SLIDE_COUNT\n ) {\n $(component).find('.outfit-carousel-section.show-carousel')\n .removeClass('show-carousel')\n .addClass('no-carousel');\n return;\n }\n\n var opts = {\n dots: true,\n autoplay: false,\n infinite: false,\n customPaging: function (slider, i) {\n return '';\n },\n slidesToShow: 1,\n centerMode: true,\n centerPadding: '20px',\n responsive: [\n {\n breakpoint: 1023.98,\n settings: {\n slidesToShow: 3,\n centerMode: false\n }\n }\n ]\n };\n // Removing the product slides with null product id's.\n var $productSlides = $('.hotspot-outfit-slide').find('.product');\n for (var i = 0; i < $productSlides.length; i++) {\n if ($($productSlides[i]).data('pid') === null) {\n $($productSlides[i]).parent().remove();\n }\n }\n carousel.initCarousel(opts, $(component).find('.outfit-carousel'));\n carousel.heightResize(\n $(component).find('.outfit-carousel'),\n 40,\n 'tile-body'\n );\n}\n\n/**\n * Populating product bubble with data from ajax response and displaying it\n * @param {Object} tileObject - Response from Tile-Show Ajax call\n * @param {Object} outfitComponent - Current Outfit component element\n */\nfunction loadProductBubble(tileObject, outfitComponent) {\n var $component = $(outfitComponent).find('.bubble-container');\n $component.find('.product-image').attr('src', tileObject.find('.tile-image')[0].dataset.src);\n $component.find('.product-image').attr('alt', tileObject.find('.tile-image')[0].alt);\n $component.find('.product-name')[0].innerHTML = tileObject.find('.pdp-link .link')[0].innerHTML;\n $component.find('.product-name').attr('aria-label', tileObject.find('.pdp-link .link')[0].innerHTML);\n $component.find('.product-price').empty().append(tileObject.find('.price')[0]);\n\n var quickViewLink = $(outfitComponent).find('.bubble-wrapper').find('.quickview');\n $(quickViewLink).attr('href', tileObject.find('.quickview')[0].href);\n $(quickViewLink).attr('data-toggle', 'modal');\n $(quickViewLink).attr('data-target', '#quickViewModal');\n $(quickViewLink).attr('aria-label', tileObject.find('.quickview').attr('aria-label'));\n setTimeout(function () {\n $('.bubble-wrapper').find('.loader').hide();\n }, 100);\n}\n\n/**\n * Highlights the product or opens the modal on the click of corresponding hotspot\n */\nfunction highlightProduct() {\n $(document).on('click keyup', '.outfit-component .hotspot', function (e) {\n var $hotspotEle = $(this);\n var $outfitParent = $hotspotEle.closest('.outfit-component');\n if (!mediaQuery.matches && $(this).hasClass('active')) {\n $outfitParent.find('.bubble-wrapper').removeClass('displayed');\n $(this).removeClass('active');\n return;\n }\n $hotspotEle.addClass('active');\n $outfitParent.find('.hotspot').not($(this))\n .removeClass('active');\n var pid = $hotspotEle.data('pid');\n var slickGoTo = $outfitParent.find(\n '.outfit-carousel >.slick-list >.slick-track >.slick-slide'\n )\n .not('.slick-cloned')\n .has('div.product[data-pid=\"' + pid + '\"]')\n .data('slickIndex');\n if (slickGoTo !== undefined) {\n if (slickGoTo === 3) {\n $outfitParent.find('.outfit-carousel').slick('slickGoTo', 1);\n } else {\n $outfitParent.find('.outfit-carousel').slick('slickGoTo', 0);\n }\n }\n\n var url = $('.hotspot-outfit-slide[data-prodid=\"' + pid + '\"]').data('productbubbleurl');\n $.ajax({\n url: url,\n method: 'GET',\n success: function (response) {\n var tileObject = $('').html(response).contents();\n loadProductBubble(tileObject, $outfitParent);\n $hotspotEle.attr('aria-label', tileObject.find('.pdp-link .link')[0].innerHTML);\n }\n });\n\n // Positioning product bubble near hotspot\n var $bubbleContainer = $outfitParent.find('.bubble-container');\n var top = parseInt(this.style.top, 10);\n var left = parseInt(this.style.left, 10);\n var offsetTopVal = parseInt(this.offsetTop, 10);\n var hotspotHeight = parseInt(this.offsetHeight, 10);\n var bubbleHeight = parseInt($bubbleContainer[0].offsetHeight, 10);\n\n if (top < 50) {\n $bubbleContainer.css('top', offsetTopVal + hotspotHeight);\n if (left >= 50) {\n $bubbleContainer.css('left', 'unset').css('right', 15);\n } else {\n $bubbleContainer.css('left', 15);\n }\n } else {\n $bubbleContainer.css('top', offsetTopVal - bubbleHeight);\n if (left >= 50) {\n $bubbleContainer.css('left', 'unset').css('right', 15);\n } else {\n $bubbleContainer.css('left', 15);\n }\n }\n\n $outfitParent.find('.bubble-wrapper').find('.loader').show();\n $outfitParent.find('.bubble-wrapper').addClass('displayed');\n\n if (mediaQuery.matches) {\n var slides = $outfitParent.find('.outfit-carousel .outfit-slide');\n var productPid = 'div.product[data-pid=\"' + pid + '\"]';\n $(slides)\n .has(productPid)\n .addClass('selected');\n $(slides)\n .not($(slides).has(productPid))\n .removeClass('selected');\n\n if (e.which !== 13) {\n $outfitParent.find('.bubble-wrapper').removeClass('visible-lg');\n }\n\n if (e.which === 9 || e.which === 16) {\n $outfitParent.find('.bubble-wrapper').addClass('visible-lg');\n }\n\n if (e.which === 13) {\n $(this).closest('.image-section').find('.bubble-wrapper').find('.quickview')\n .click();\n }\n }\n var position = $(this).attr('data-index');\n // Analytics - Tracking clicks on hotspot\n _satellite.track('outfit-component:product-dot', {\n component: {\n id: 'product-information-dot',\n text: 'product information dot',\n details: 'enhance-outfit-component',\n position: position\n }\n });\n });\n}\n\n$('body').on('show.bs.modal', '#quickViewModal', function () {\n lastFocus = $(':focus');\n});\n\n$('body').on('hidden.bs.modal', '#quickViewModal', function () {\n if (lastFocus) {\n lastFocus.focus();\n }\n});\n\n// Shift focus back to product hotspot on closing the added to cart modal\n$('body').on('hidden.bs.modal', '#addedToCartModal', function () {\n if (lastFocus) {\n lastFocus.focus();\n }\n});\n\n// Show/hide hotspot\n$('.shop-look').on('click', function () {\n $(this).toggleClass('active');\n if (!$(this).hasClass('active')) {\n if ($(this).closest('.outfit-component').find('.outfit-slide').hasClass('selected')) {\n $(this).closest('.outfit-component').find('.outfit-slide').removeClass('selected');\n }\n $(this).closest('.outfit-component').find('.bubble-wrapper').removeClass('displayed visible-lg');\n $(this).closest('.outfit-component').find('.hotspot').removeClass('active');\n } else { // Analytics - Tracking clicks on Shop this look button when active\n _satellite.track('outfit-component:shop-this-look', {\n component: {\n id: 'shop-this-look',\n text: 'shop this look',\n details: 'enhance-outfit-component'\n }\n });\n }\n});\n\n$('.outfit-component').on('keyup', function () {\n if (!document.activeElement.classList.contains('hotspot')) {\n $(this).find('.bubble-wrapper').removeClass('displayed visible-lg');\n $(this).find('.hotspot').removeClass('active');\n $(this).find('.outfit-slide').removeClass('selected');\n }\n});\n\n// Hiding product bubble on mouse click if visible on desktop\n$(document).on('click', function () {\n $('.bubble-wrapper').removeClass('visible-lg');\n});\n\n// Analytics - Tracking clicks on outfit product tiles\n$(document).on('click', '.outfit-component .product-tile', function () {\n _satellite.track('outfit-component:product-click', {\n component: {\n position: $(this).closest('.hotspot-outfit-slide').attr('data-index')\n }\n });\n});\n\n// Analytics - Tracking clicks on see full details link on Quick Shop modal\n$(document).on('click', '#quickViewModal .full-pdp-link', function () {\n if ($(this).attr('data-outfit')) {\n var component = $(this).attr('data-component');\n _satellite.track('outfit-component:see-full-details', {\n component: {\n details: component\n }\n });\n }\n});\n\n$(document).ready(function () {\n if ($('.outfit-component').length) {\n setHotspot();\n $('.outfit-component').each(function () {\n var pids = [];\n $(this).find('.hotspot').each(function () {\n pids.push($(this).data('pid'));\n });\n\n var $currentOutfitComp = $(this);\n\n if ($currentOutfitComp.find('.hotspot-outfit-slide').find('.product[data-pid=null]').length) {\n $currentOutfitComp.find('.hotspot-outfit-slide').find('.product[data-pid=null]').closest('.hotspot-outfit-slide').addClass('d-none');\n }\n\n if (pids.length === 0) {\n $currentOutfitComp.find('.outfit-carousel-section').removeClass('show-carousel').addClass('no-prod no-carousel');\n $currentOutfitComp.find('.shop-look').hide();\n }\n\n if ($(this).data('productavailability') !== undefined && pids.length > 0) {\n $.ajax({\n url: $(this).data('productavailability'),\n method: 'POST',\n data: {\n productIDs: pids.toString()\n },\n success: function (response) {\n var products = response.productAvailabilityArray;\n var counter = 0;\n Object.keys(products).forEach(function (id) {\n if (products[id] === false) {\n if ($currentOutfitComp.find('.hotspot-outfit-slide[data-prodid=' + id + ']').closest('.slick-slide').length) {\n $currentOutfitComp.find('.hotspot-outfit-slide[data-prodid=' + id + ']').closest('.slick-slide').addClass('d-none');\n }\n $currentOutfitComp.find('.hotspot-outfit-slide[data-prodid=' + id + ']').addClass('d-none');\n $currentOutfitComp.find('.hotspot[data-pid=' + id + ']').addClass('d-none');\n counter++;\n }\n });\n if (counter === Object.keys(products).length) {\n $currentOutfitComp.find('.shop-look').hide();\n }\n\n if ($currentOutfitComp.find('.hotspot-outfit-slide:not(.d-none)').length === 2) {\n $currentOutfitComp.find('.outfit-carousel-section').addClass('two-prods');\n } else if ($currentOutfitComp.find('.hotspot-outfit-slide:not(.d-none)').length === 1) {\n $currentOutfitComp.find('.outfit-carousel-section').addClass('one-prod');\n } else if ($currentOutfitComp.find('.hotspot-outfit-slide:not(.d-none)').length === 0) {\n $currentOutfitComp.find('.outfit-carousel-section').addClass('no-prod');\n }\n\n initOutfitCarousel($currentOutfitComp);\n },\n error: function () {\n }\n });\n }\n\n var $swatches = $currentOutfitComp.find('.swatches');\n initSwatch($swatches);\n });\n }\n});\n\n/**\n * Initialize listeners for resize\n */\nfunction init() {\n mediaQuery.addListener(initOutfitCarousel);\n mediaQuery.addListener(closeOutfitModal);\n mediaQuery.addListener(highlightProduct);\n highlightProduct();\n}\n\nmodule.exports = {\n init: init\n};\n","/* global _satellite */\n/**\n * Returns all required selectors at once in a single object\n * @param {Object} emailComponent - Email component's Jquery element\n * @returns {Object} - Returns all the selectors used by the component\n */\nfunction getSelectors(emailComponent) {\n let popupForm = emailComponent.find('.pd-email-signup-form');\n let errorElement = $(\n '.pd-email-signup-component .invalid-feedback'\n );\n let submitBtn = $('.pd-email-signup-component .signup-action-section button');\n let serverError = errorElement.data('serverError');\n\n return {\n emailComponent: emailComponent,\n serverEmailErrorEl: errorElement,\n submitBtn: submitBtn,\n serverError: serverError,\n popupForm: popupForm\n };\n}\n\n/**\n * Submits emails address to the server\n * @param {Object} selectors - jquery selectors to hide/show sections based on server response\n */\nfunction submitForm(selectors) {\n let popupForm = selectors.popupForm;\n if (popupForm.find('input.is-invalid').length > 0) {\n return;\n }\n let popupFormData = popupForm.find('input[data-fsfo!=\"true\"][data-checkbox-type!=\"multi-checkbox\"]').serialize();\n for (let i = 0; i < $('.multi-group-checkbox').length; i++) {\n let multiCheckboxName = $('.multi-group-checkbox').eq(i).find('input').attr('name');\n let multiCheckboxValues = $('.multi-group-checkbox').eq(i).find('input:checkbox:checked[data-attribute-other!=\"true\"]').map(function () {\n return this.value;\n })\n .get()\n .join(',');\n popupFormData = popupFormData + '&' + multiCheckboxName + '=' + multiCheckboxValues;\n }\n let urlToSubmit = popupForm.data('action-url');\n let popupFormMethod = popupForm.attr('method');\n let popupFormSourceID = popupForm.find('#sourceSystem').val().trim().replace(/\\s+/g, '-')\n .toLowerCase();\n $('.pd-email-signup-component-inner .emailsignupform-progress-loader').removeClass('d-none').attr('aria-busy', 'true');\n $.ajax({\n url: urlToSubmit,\n method: popupFormMethod,\n data: popupFormData,\n success: function (response) {\n $('.pd-email-signup-component-inner .emailsignupform-progress-loader').addClass('d-none').attr('aria-busy', 'false');\n if (response.status === true) {\n $('.success-message').removeClass('d-none');\n $('.pd-email-signup-component').addClass('d-none');\n _satellite.track('form-submit-success', {\n id: [popupFormSourceID]\n });\n } else {\n $('.failure-message').removeClass('d-none');\n $('.pd-email-signup-component').addClass('d-none');\n\n if (response.errorType === 'generic') {\n _satellite.track('error', {\n errorMessage: [response.message],\n errorType: ['generic']\n });\n } else if (response.errorType === 'validation') {\n _satellite.track('error', {\n errorMessage: [response.message],\n errorType: ['validation']\n });\n }\n }\n },\n error: function (err) {\n $('.pd-email-signup-component-inner .emailsignupform-progress-loader').addClass('d-none').attr('aria-busy', 'false');\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n}\n\n/**\n * Initializes email signup component with event listeners\n */\nfunction init() {\n $(document).ready(function () {\n let selectors = getSelectors($('.pd-email-signup-component'));\n selectors.submitBtn.on('click', function (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n let popupForm = selectors.popupForm;\n // reCaptcha token generation\n var responseToken = '';\n var captchaEnabled = popupForm.data('captcha-enabled');\n var siteKey = popupForm.data('captcha-sitekey');\n var source = popupForm.data('captcha-source');\n\n if (captchaEnabled && siteKey) {\n $.getScript(\n 'https://www.google.com/recaptcha/api.js?render=' + siteKey,\n function () {\n grecaptcha.ready(function () {\n grecaptcha.execute(siteKey, { action: source })\n .then(function (token) {\n responseToken = token;\n $('input.captcha-pd-token-val').val(responseToken);\n submitForm(selectors);\n $('.grecaptcha-badge').css('visibility', 'hidden');\n });\n });\n }\n );\n } else {\n submitForm(selectors);\n }\n });\n\n let pageBgImageUrl = $('.experience-commerce_assets-pageBackground img').attr('src');\n $('.storepage.SignUp').css('background-image', 'url(' + pageBgImageUrl + ')');\n });\n}\n\nmodule.exports = {\n init: init\n};\n","/* global _satellite */\n'use strict';\nvar Swiper = require('./thirdParty/swiper');\nvar MIN_COLLECTION_FILTER_SLIDE_COUNT;\n\n/**\n * Init collection swiper carousel\n *\n * @param {jQuery} el - jQuery element\n * @return {Object} - swiper object\n */\nfunction initSwiper(el) {\n var mySwiper = new Swiper(el, {\n slidesPerView: 2.1,\n freeMode: true,\n spaceBetween: 8,\n watchSlidesVisibility: true,\n keyboard: true,\n breakpoints: {\n 768: {\n slidesPerView: 3.55,\n slidesPerGroup: 1,\n spaceBetween: 24,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n }\n },\n 1024: {\n slidesPerView: 4,\n slidesPerGroup: 1,\n spaceBetween: 24,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n }\n }\n },\n on: {\n slideNextTransitionEnd: function () {\n _satellite.track('carousel:right-clicked');\n $('.experience-dynamic-filterTile.swiper-slide-visible a, .experience-dynamic-filterTile.swiper-slide-visible ul.educational-bullets li').attr('tabindex', 0);\n $('.experience-dynamic-filterTile:not(.swiper-slide-visible) a, .experience-dynamic-filterTile:not(.swiper-slide-visible) ul.educational-bullets li').attr('tabindex', -1);\n $('.collection-filter-section .swiper-button.swiper-button-disabled').attr('tabindex', -1);\n $('.collection-filter-section .swiper-button:not(.swiper-button-disabled)').attr('tabindex', 0);\n $('.collection-filter-section .swiper-slide-visible').last().find('.image-wrapper')[0].focus();\n },\n slidePrevTransitionEnd: function () {\n _satellite.track('carousel:left-clicked');\n $('.experience-dynamic-filterTile.swiper-slide-visible a, .experience-dynamic-filterTile.swiper-slide-visible ul.educational-bullets li').attr('tabindex', 0);\n $('.experience-dynamic-filterTile:not(.swiper-slide-visible) a, .experience-dynamic-filterTile:not(.swiper-slide-visible) ul.educational-bullets li').attr('tabindex', -1);\n $('.collection-filter-section .swiper-button.swiper-button-disabled').attr('tabindex', -1);\n $('.collection-filter-section .swiper-button:not(.swiper-button-disabled)').attr('tabindex', 0);\n $('.collection-filter-section .swiper-slide-visible').first().find('.image-wrapper')[0].focus();\n },\n init: function () {\n $('.experience-dynamic-filterTile, .swiper-button').css('opacity', 1);\n $('.experience-dynamic-filterTile:not(.swiper-slide-visible) a, .experience-dynamic-filterTile:not(.swiper-slide-visible) ul.educational-bullets li').attr('tabindex', -1);\n setTimeout(function () {\n $('.collection-filter-section .swiper-button.swiper-button-disabled').attr('tabindex', -1);\n $('.collection-filter-section .swiper-button:not(.swiper-button-disabled)').attr('tabindex', 0);\n }, 200);\n }\n }\n });\n\n return mySwiper;\n}\n\n/**\n * Init Collection Filter carousel\n */\nfunction initCarousel() {\n var swiperEl;\n $('.collection-filter-section').each(function () {\n var $this = $(this);\n var swiperElInnerWrapper = $('.collection-filter-swiper-init');\n var swiperNavButton = $('.collection-filter-section .swiper-button');\n if (window.matchMedia('(min-width: 1024px)').matches) {\n MIN_COLLECTION_FILTER_SLIDE_COUNT = 5;\n } else if (window.matchMedia('(min-width: 768px)').matches && window.matchMedia('(max-width: 1023px)').matches) {\n MIN_COLLECTION_FILTER_SLIDE_COUNT = 4;\n } else {\n MIN_COLLECTION_FILTER_SLIDE_COUNT = 3;\n }\n var slotContentLength = $('.collection-filter-swiper-init .experience-dynamic-filterTile').not('.d-none').length;\n if (slotContentLength < MIN_COLLECTION_FILTER_SLIDE_COUNT) {\n swiperElInnerWrapper.addClass('row');\n $('.experience-dynamic-filterTile').addClass('colFilter');\n if (window.swiperElement) {\n window.swiperElement.destroy();\n }\n if (swiperEl) {\n swiperEl.destroy();\n }\n swiperElInnerWrapper.removeAttr('style');\n $('.experience-dynamic-filterTile').removeAttr('style');\n swiperNavButton.addClass('d-none');\n } else {\n swiperElInnerWrapper.addClass('swiper-wrapper');\n $('.experience-dynamic-filterTile').addClass('swiper-slide');\n swiperElInnerWrapper.removeClass('row');\n $('.experience-dynamic-filterTile').removeClass('colFilter');\n if (!$this.hasClass('swiper-container-initialized')) {\n swiperEl = initSwiper($this);\n window.swiperElement = swiperEl;\n }\n swiperNavButton.removeClass('d-none');\n }\n\n var avialableSlides = $('.collection-filter-swiper-init .experience-dynamic-filterTile:not(.d-none)');\n\n if (swiperEl) {\n var selectedSlideIndex = avialableSlides.filter('.selected').index();\n if (window.matchMedia('(min-width: 1024px)').matches && avialableSlides.length > 4 && selectedSlideIndex > 3) {\n swiperEl.slideTo(selectedSlideIndex, 1000, function () {});\n } else if ((window.matchMedia('(min-width: 768px)').matches && window.matchMedia('(max-width: 1023px)').matches) && avialableSlides.length > 3 && selectedSlideIndex > 2) {\n swiperEl.slideTo(selectedSlideIndex, 1000, function () {});\n } else if (window.matchMedia('(max-width: 768px)').matches && avialableSlides.length > 2 && selectedSlideIndex > 1) {\n swiperEl.slideTo(selectedSlideIndex, 1000, function () {});\n }\n } else {\n setTimeout(function () {\n var selectedSlide = avialableSlides.index(avialableSlides.filter('.selected'));\n if (window.matchMedia('(max-width: 767px)').matches && avialableSlides.length > 2) {\n window.swiperElement.slideTo(selectedSlide - 1, 1000, function () {});\n }\n }, 200);\n }\n });\n}\n\n/**\n * Initialize listeners for resize\n */\nfunction init() {\n initCarousel();\n}\n\n$(window).on('resize', function () {\n init();\n});\n\nmodule.exports = {\n init: init,\n initCarousel: initCarousel\n};\n","/* eslint-disable no-undef */\n'use strict';\n\n$(document).ready(function () {\n var $productSlides = $('.product-enhanced-grid-carousel').find('.product');\n for (var i = 0; i < $productSlides.length; i++) {\n if ($($productSlides[i]).data('pid') === null) {\n $($productSlides[i]).parent().remove();\n }\n }\n});\n\n$('.product-enhanced-grid .product-grid').on('click', function () {\n var componentHeader = $('.product-enhanced-grid .carousel-heading h2')[0].innerText;\n var position = Array.from($('.product-enhanced-grid .product-grid')).indexOf(this) + 1;\n _satellite.track('product-interaction', {\n component: 'product-grid',\n id: componentHeader,\n position: position\n });\n});\n","'use strict';\n\nvar carousel = require('./carousel');\nvar mediaQuery = window.matchMedia('(max-width: 1023.98px)');\n\n/**\n * Initialize carousel for mobile view\n */\nfunction initProductGridCarousel() {\n var $productGrid = $('.product-grid-carousel');\n if (mediaQuery.matches) {\n var opts = {\n centerMode: true,\n dots: true,\n enterMode: true,\n centerPadding: '8%',\n slidesToShow: 1,\n customPaging: function (slider, i) {\n return (\n ''\n );\n }\n };\n $productGrid.each(function () {\n let node = $(this);\n setTimeout(function () {\n carousel.initCarousel(opts, node);\n carousel.heightResize(node, 40, 'tile-body');\n }, 10);\n });\n } else {\n carousel.removeCarousel($productGrid);\n }\n}\n\n/**\n * Initialize listeners for resize\n */\nfunction init() {\n mediaQuery.addListener(initProductGridCarousel);\n initProductGridCarousel();\n}\n\nmodule.exports = { init: init };\n","'use strict';\n\nrequire('../../icons/wishlistOutline.svg');\nrequire('../../icons/plus.svg');\nvar carousel = require('./carousel');\n\nconst mobileMediaQuery = window.matchMedia('(max-width: 1023.98px)');\nconst tabletMediaQuery = window.matchMedia(\n '(min-width: 1024px) and (max-width: 1409.98px)'\n);\nconst smallScreenDesktop = window.matchMedia('(min-width: 1024px) and (max-width: 1279px)');\nconst medScreenDesktop = window.matchMedia('(min-width: 1280px) and (max-width: 1365px)');\nconst lgScreenDesktop = window.matchMedia('(min-width: 1366px) and (max-width: 1465px)');\n\n/**\n * Initialize Swatches\n * @param {jQuery} $swatches - DOM element for color swatches on CDP\n */\nfunction initSwatch($swatches) {\n var swatches;\n if ($swatches) {\n swatches = $swatches;\n } else {\n swatches = $('.swatches');\n }\n var counter = 0;\n swatches.each(function () {\n var $swatch = $(this);\n var imageContainer = $(this).closest('.product-tile').find('.image-container');\n let promoBadge = $(this).find('a:first-child span > picture > img').data('hover-promotag');\n var isLowInStock = $(this).find('a:first-child span > picture > img').data('islis');\n var lowInStockBadge = $(this).find('a:first-child span > picture > img').data('lis-msg');\n if (promoBadge) {\n if (!imageContainer.find('.promoCallout').length) {\n var promoDiv = document.createElement('div');\n $(promoDiv).addClass('promoCallout');\n promoDiv.innerText = promoBadge;\n imageContainer.append(promoDiv);\n $('.promoCallout').css('display', 'block');\n } else {\n imageContainer.find('.promoCallout').text(promoBadge);\n }\n }\n\n if (isLowInStock) {\n imageContainer.find('.promoCallout').addClass('d-none');\n if (!imageContainer.find('.lis-badge').length) {\n imageContainer.append('' + lowInStockBadge + '');\n } else {\n imageContainer.find('.lis-badge').removeClass('d-none');\n }\n } else {\n imageContainer.find('.lis-badge').addClass('d-none');\n }\n\n $('.recommendations .product-carousel').on('init', function () {\n var prodCarousel = $(this);\n var activeSlide = prodCarousel.find('.product-carousel-slide.slick-active');\n var colorswatchIcon = activeSlide.find('.color-swatches .slick-slide[tabindex=\"-1\"]');\n var colorswatch = activeSlide.find('.color-swatches .slick-slide[tabindex!=\"-1\"]');\n\n colorswatch\n .attr('aria-hidden', 'false')\n .find('.swatchAnchor')\n .attr('tabindex', '0');\n\n colorswatchIcon\n .find('img.swatch-circle')\n .attr('tabindex', '-1');\n });\n\n $('.recommendations .product-carousel').on('afterChange', function () {\n var prodCarousel = $(this);\n setTimeout(function () {\n var activeSlide = prodCarousel.find('.product-carousel-slide.slick-active');\n var colorswatch = activeSlide.find('.color-swatches .slick-slide[tabindex!=\"-1\"]');\n\n colorswatch\n .attr('aria-hidden', 'false')\n .find('.swatchAnchor')\n .attr('tabindex', '0')\n .find('img.swatch-circle')\n .attr('tabindex', '0');\n }, 100);\n });\n\n $('.recommendations .product-carousel').on('beforeChange', function () {\n var prodCarousel = $(this);\n\n var activeSlide = prodCarousel.find('.product-carousel-slide.slick-active');\n var colorswatch = activeSlide.find('.color-swatches .slick-slide[tabindex!=\"-1\"]');\n\n colorswatch\n .find('img.swatch-circle')\n .attr('tabindex', '-1');\n });\n\n var activeSwatches = $(this).find('a').length;\n $swatch.attr('id', counter);\n counter++;\n var opts;\n if (mobileMediaQuery.matches && activeSwatches > 4) {\n opts = {\n slidesToShow: 5,\n slidesToScroll: 1,\n autoplay: false,\n infinite: false,\n centerMode: false,\n centerPadding: '0px',\n padding: '3px'\n };\n $swatch.find($('a.plusSymbol')).remove();\n carousel.initCarousel(opts, $swatch);\n } else if (\n (smallScreenDesktop.matches && activeSwatches > 5)\n || (medScreenDesktop.matches && activeSwatches > 6)\n || (activeSwatches > 4 && $swatch.closest('.recommendations-cdp').length)\n || (activeSwatches > 6 && $swatch.closest('.cart-recommendations').length)\n || ($swatch.closest('.comparisonModal').length && lgScreenDesktop.matches && activeSwatches > 6)\n || ($swatch.closest('.outfit-component').length && activeSwatches > 6)\n || (activeSwatches > 7)\n ) {\n $('.color-swatches .swatches .slick-list .slick-slide a.selected').css('margin-left', '0px');\n opts = {\n slidesToShow: 7,\n slidesToScroll: 2,\n autoplay: false,\n infinite: false,\n centerMode: false,\n centerPadding: '0px',\n padding: '3px'\n };\n\n if ($swatch.closest('.comparisonModal').length && smallScreenDesktop.matches && activeSwatches > 5) {\n opts.slidesToShow = 5;\n }\n\n if ($swatch.closest('.outfit-component').length && $swatch[0].slick !== undefined) {\n $swatch[0].slick.refresh();\n }\n\n $swatch.find($('a.plusSymbol')).remove();\n carousel.initCarousel(opts, $swatch);\n\n if ($('.recommendations-cdp .product-carousel-slide .color-swatches .slick-initialized').length) {\n var $swatchSlider = $('.recommendations-cdp .product-carousel-slide .color-swatches .slick-initialized');\n for (var i = 0; i < $swatchSlider.length; i++) {\n if ($swatchSlider[i].slick !== undefined) {\n $swatchSlider[i].slick.options.slidesToShow = 4;\n $swatchSlider[i].slick.options.slidesToScroll = 1;\n $swatchSlider[i].slick.refresh();\n }\n }\n }\n }\n let $slickSlider = $('.color-swatches .swatches.slick-slider');\n $slickSlider.attr('role', 'none');\n $slickSlider.find('.slick-list .slick-track .slick-slide').attr('role', 'none');\n $slickSlider.find('.slick-list .slick-track .slick-slide>div').attr('role', 'none');\n $slickSlider.find('.slick-list .slick-track').attr('role', 'listbox');\n });\n\n $(swatches)\n .find('a')\n .on('click', function () {\n var selectedColor = $(this).attr('data-color-val');\n var firstColorVal = $(this).attr('data-first-color');\n if (selectedColor === 'plus-icon') {\n $('body').trigger('variationAttributePayload', {\n color: firstColorVal,\n sku: $(this)\n .parents('.product')\n .attr('data-pid'),\n productID: $(this)\n .parents('.product')\n .attr('data-pid')\n });\n } else {\n $('body').trigger('variationAttributePayload', {\n color: selectedColor,\n sku: $(this)\n .parents('.product')\n .attr('data-pid'),\n productID: $(this)\n .parents('.product')\n .attr('data-pid')\n });\n }\n });\n}\n\n$(window).on('load', function () {\n if ($('#cdp-page-indicator').length >= 1) {\n $('.new-cdp > .category-hero-slot > .hero-no-overlay-component').css('margin-bottom', '40px');\n $('.new-cdp > .category-hero-slot > .hero-no-overlay-component').removeClass('container');\n if (mobileMediaQuery.matches) {\n $('.new-cdp > .category-hero-slot > .hero-no-overlay-component .hero-subtext').css('padding-left', '0px');\n }\n }\n initSwatch();\n});\n\n/**\n * Reinitialize swatches when user clicks on show more, sort or filter.\n */\nfunction onGridRefresh() {\n $(document.body).on(\n 'search:showMore search:sort search:filter',\n function () {\n var initSwatchObserver = new MutationObserver(function () {\n setTimeout(initSwatch, 10);\n });\n initSwatchObserver.observe(document.querySelector('.product-grid'), { childList: true });\n }\n );\n}\n\n/**\n * Initialize all required menthods.\n */\nfunction init() {\n initSwatch();\n onGridRefresh();\n mobileMediaQuery.addListener(initSwatch);\n tabletMediaQuery.addListener(initSwatch);\n}\n\nmodule.exports = {\n init: init,\n initSwatch: initSwatch\n};\n","'use strict';\n\nrequire('../../icons/leftArrow.svg');\nrequire('../../icons/rightArrow.svg');\nvar carousel = require('./carousel');\nvar productTile = require('./productTile');\n\nvar enableNewPdp = $('#pdp-redesign').val();\nvar slidesToShowCarousel = 1;\nvar centerModeCarousel = true;\nvar arrowsCarousel = true;\nvar scrollSlidesDesktop = 1;\nvar scrollSlidesMobile = 1;\nvar swipeToSlideFlag = true;\n\nif (enableNewPdp === 'true') {\n slidesToShowCarousel = 2;\n centerModeCarousel = false;\n arrowsCarousel = false;\n scrollSlidesDesktop = 4;\n scrollSlidesMobile = 2;\n swipeToSlideFlag = false;\n}\n\nif ($('#home-page-indicator, #cdp-page-indicator, #catLanding-indicator, #pd-product-carousel').length >= 1) {\n slidesToShowCarousel = 2;\n centerModeCarousel = false;\n arrowsCarousel = false;\n scrollSlidesDesktop = 4;\n scrollSlidesMobile = 2;\n swipeToSlideFlag = false;\n}\n\n/**\n * Creates a product recommendations carousel\n */\nfunction initProductCarousel() {\n var $productCarousel = $('.recommendations .product-carousel');\n if ($('.ai-recommendations .product-carousel').length) {\n $('.ai-recommendations .product-carousel').each(function () {\n $productCarousel.push(this);\n });\n }\n var opts = {\n focusOnChange: true,\n accessibility: true,\n slidesToShow: slidesToShowCarousel,\n slidesToScroll: scrollSlidesMobile,\n dots: true,\n customPaging: function (slider, i) {\n var ariaLable = 'slide ' + (i + 1) + ' of ' + (slider.getDotCount() + 1);\n var ariaCurrent = (i === 0) ? 'true' : 'false';\n return '';\n },\n centerMode: centerModeCarousel,\n centerPadding: '10%',\n arrows: arrowsCarousel,\n slide: 'div.product-carousel-slide',\n rows: 0,\n autoplay: false,\n swipeToSlide: swipeToSlideFlag,\n responsive: [\n {\n breakpoint: 1023.98,\n settings: {\n slidesToShow: 4,\n slidesToScroll: scrollSlidesDesktop,\n arrows: true,\n centerMode: false\n }\n }\n ]\n };\n $('.recommendations .product-carousel .slick-dots li').attr('role', 'presentation');\n // Removing the product slides with null product id's.\n var $productSlides = $('.product-carousel-slide').find('.product');\n for (var i = 0; i < $productSlides.length; i++) {\n if ($($productSlides[i]).data('pid') === null) {\n $($productSlides[i]).parent().remove();\n }\n }\n\n if ($($productCarousel.closest('.recommendations-cdp')).length) {\n opts.infinite = false;\n }\n\n $productCarousel.each(function () {\n let node = $(this);\n setTimeout(function () {\n carousel.initCarousel(opts, node);\n carousel.heightResize(node, 40, 'tile-body');\n }, 10);\n });\n\n // add aria label for color swatches next prev arrows\n var colorSwatchPrevButton = document.querySelectorAll('.color-swatches .slick-prev');\n var colorSwatchNextButton = document.querySelectorAll('.color-swatches .slick-next');\n if (colorSwatchPrevButton.length > 0) {\n colorSwatchPrevButton.forEach((element) => element.setAttribute('aria-label', $(element).parent().data('swatch-button-label')));\n }\n if (colorSwatchNextButton.length > 0) {\n colorSwatchNextButton.forEach((element) => element.setAttribute('aria-label', $(element).parent().data('swatch-button-label')));\n }\n}\n\n/**\n * Initializes recommendation carousels when the product tiles are added using recommenders\n */\nfunction reinitializeCarousel() {\n var recommendationWrappers = Array.from(document.querySelectorAll(\n '[id^=cq_recomm_slot]'\n )).filter(ele => !ele.closest('.recommendations-cdp')); // Excluding CDP recommenders\n var config = {\n attributes: false,\n childList: true,\n subtree: false\n };\n var observer = [];\n for (var index = 0; index < recommendationWrappers.length; index++) {\n var elem = recommendationWrappers[index];\n observer.push(\n new MutationObserver(function () {\n initProductCarousel();\n // Re-intializing color swatches after recommended products are added\n productTile.initSwatch();\n })\n );\n observer[index].observe(elem, config);\n }\n}\n\n/**\n * Adding aria current based on slide selection\n */\nfunction productAttributes() {\n $('li a.product-carousel-dots').attr('aria-current', 'false');\n if ($('li.slick-active')) {\n $('li.slick-active a.product-carousel-dots').attr('aria-current', 'true');\n } else {\n $('li a.product-carousel-dots').attr('aria-current', 'false');\n }\n}\n\n/**\n * Tab Keyboard stuff\n * @param {Object} keyVent - key reference\n*/\nfunction keyboardHandlerTab(keyVent) {\n var target = keyVent.target;\n var which = keyVent.which;\n\n if (which === 32 || which === 13) { // ENTER OR SPACE\n $(target).trigger('click');\n }\n}\n\n/**\n * Function for Recommendation left right arrow\n * @param {Object} $parentContainer - parent div reference\n */\nfunction carouselRecommendationArrows($parentContainer) {\n var itemSize = 120;\n var updateArrows;\n var tabList = $parentContainer.find('.multitablink');\n var leftArrow = $parentContainer.find('.left-arrow');\n var rightArrow = $parentContainer.find('.right-arrow');\n var scrollDistance = itemSize; // Adjust the scroll distance as needed\n leftArrow.on('click', function () {\n tabList.stop(true).animate({\n scrollLeft: '-=' + scrollDistance\n }, 'slow');\n });\n rightArrow.on('click', function () {\n tabList.stop(true).animate({\n scrollLeft: '+=' + scrollDistance\n }, 'slow');\n });\n\n /**\n * Disable - enable arrows based on scroll position\n */\n updateArrows = function () {\n var scrollLeft = tabList.scrollLeft();\n var tabWidth = tabList.outerWidth();\n var widthRoundOff = Math.ceil(tabWidth);\n var scrollLeftRoundOff = Math.ceil(scrollLeft);\n var scrollWidth = tabList[0].scrollWidth - widthRoundOff;\n leftArrow.toggleClass('disabled', scrollLeft === 0);\n rightArrow.toggleClass('disabled', scrollLeftRoundOff >= scrollWidth);\n };\n\n tabList.on('scroll', function () {\n updateArrows();\n });\n\n updateArrows();\n\n $(tabList).on('keydown', 'h2.btn', keyboardHandlerTab);\n}\n\n/**\n * recommendation carousel lazyload script\n */\n$(window).on('load', function () {\n var displayAllSlides = false;\n $('.recommendations .product-carousel').on('afterChange', function () {\n var lazyloadAllSlides = $('.recommendations .product-carousel-slide').not('.slick-cloned').find('.image-container').find('img')\n .hasClass('lazyload');\n if (!displayAllSlides) {\n $('.recommendations .product-carousel-slide.slick-current').find('.image-container').find('img').addClass('lazyloaded');\n $('.recommendations .product-carousel-slide').find('.image-container').find('img.lazyloaded').attr('data-lazyload', 'true');\n if (!lazyloadAllSlides) {\n $('.recommendations .product-carousel-slide').find('.image-container').find('img').attr('data-lazyload', 'true');\n displayAllSlides = true;\n }\n }\n });\n productAttributes();\n});\n\n$(document).ready(function () {\n setTimeout(function () {\n $('ul.slick-dots li.slick-active a.product-carousel-dots').attr('aria-current', 'true');\n if ($('li a.product-carousel-dots').length >= 1) {\n productAttributes();\n }\n }, 3000);\n\n if ($('.multi-tab-content').length > 0) {\n $('#tabLink0').removeClass('d-none');\n $(\"h2[data-toggle='tab']\").on('click', function () {\n var tab = '#' + $(this).attr('data-tab');\n var tabLink = '#' + $(this).attr('data-tab-link');\n $(this).parents('.recommendations').find('.multi-tab-content').find('.tab-pane')\n .removeClass('active');\n $(this).parents('.recommendations').find('.multi-tab-content').find(tab)\n .addClass('active');\n setTimeout(function () {\n initProductCarousel();\n }, 500);\n $('[id^=\"tabLink\"]').addClass('d-none');\n $(tabLink).removeClass('d-none');\n });\n }\n\n if ($('.recommendations.multi-tab').find('.multitablink').length > 0) {\n $('.recommendations.multi-tab').find(\"h2[data-toggle='tab']\").eq(0).trigger('click');\n carouselRecommendationArrows($('.recommendations.multi-tab'));\n }\n\n if ($('.recommendations.product-enhanced-grid-multi').find('.multitablink').length > 0) {\n $('.recommendations.product-enhanced-grid-multi').find(\"h2[data-toggle='tab']\").eq(0).trigger('click');\n carouselRecommendationArrows($('.recommendations.product-enhanced-grid-multi'));\n }\n});\n\n$(window).on('resize', function () {\n if ($('.recommendations.multi-tab').find('.multitablink').length > 0) {\n carouselRecommendationArrows($('.recommendations.multi-tab'));\n }\n\n if ($('.recommendations.product-enhanced-grid-multi').find('.multitablink').length > 0) {\n carouselRecommendationArrows($('.recommendations.product-enhanced-grid-multi'));\n }\n});\n\n$(document).on('click', 'ul.slick-dots li', function () {\n productAttributes();\n});\n\nmodule.exports = {\n initProductCarousel: initProductCarousel,\n reinitializeCarousel: reinitializeCarousel\n};\n","/* global s7viewers */\n/* eslint no-new: \"off\"*/\n\n'use strict';\n\nlet videoPlayers = {};\n/**\n * Initialize scene7 video component\n * @param {string} id - Id String of video\n * @param {boolean} isAutoPlay - If video is auto play or no\n * @param {string} asset - Video asset\n * @return {video} - Instance of video\n */\nfunction getVideo(id, isAutoPlay, asset) {\n videoPlayers[id] = new s7viewers.VideoViewer({\n containerId: id,\n params: {\n autoplay: isAutoPlay ? '1' : '0',\n loop: isAutoPlay ? '1' : '0',\n asset: asset,\n serverurl: '//images.lululemon.com/is/image/',\n videoserverurl: '//images.lululemon.com/is/content/'\n },\n handlers: {\n initComplete: function () {\n if (isAutoPlay) {\n // videoPlayers[id]\n // .getComponent('mutableVolume')\n // .setPosition(0);\n // videoPlayers[id].getComponent('mutableVolume').deactivate();\n $('.s7mutebutton').click();\n }\n }\n }\n }).init();\n return videoPlayers[id];\n}\n\n/**\n * Initializes scene7 zoom image component\n * @param {string} asset - Name of the image asset in scene7\n * @param {string} containerId - containerId that would be used the modal\n * @returns {image} - Instance of image used for zoom component\n */\nfunction getZoomImage(asset, containerId) {\n var zoomedImage = new s7viewers.BasicZoomViewer({\n containerId: containerId,\n params: {\n asset: 'lululemon/' + asset,\n serverurl: '//images.lululemon.com/is/image/'\n }\n }).init();\n return zoomedImage;\n}\n\n/**\n * Deletes scene7 video component\n * @param {string} id - Id String of video\n */\nfunction deleteVideo(id) {\n if (videoPlayers[id]) {\n videoPlayers[id].dispose();\n }\n}\n\nmodule.exports = {\n getVideo: getVideo,\n deleteVideo: deleteVideo,\n getZoomImage: getZoomImage\n};\n","'use strict';\n\nrequire('../../icons/spinner_34px.svg');\nvar debounce = require('lodash/debounce');\nvar util = require('../utilities/util');\nvar endpoint = $('.suggestions-wrapper').data('url');\nvar minBytes = 3;\nvar counterForLazyLoad = 0;\nlet mobileMediaQuery = window.matchMedia('(max-width: 1023px)');\n\nvar pdSwiperFilter = require('../components/pdSwiperFilter');\nvar lazyLoadConfigs = $('body').find('.lazy-load-configs');\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 * Updates the number of items value above the 'See More' button.\n */\nfunction setMoreNumberOfItems() {\n var updatedProductItems = $('.product-grid .product-tile').length;\n $('.cdp-current-count').html(updatedProductItems);\n}\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $('body.type-ahead-suggestions').removeClass(\n 'modal-open type-ahead-suggestions'\n );\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 type-ahead-suggestions');\n getSuggestionsWrapper(scope)\n .find('.suggestions')\n .addClass('modal');\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n clearModals();\n $('.search-mobile .suggestions').off('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 span.';\n var iconSearch = 'fa-search';\n var iconSearchClose = 'fa-close';\n\n if (action === 'close') {\n $(mobileSearchIcon + iconSearch)\n .removeClass(iconSearch)\n .addClass(iconSearchClose);\n } else {\n $(mobileSearchIcon + iconSearchClose)\n .removeClass(iconSearchClose)\n .addClass(iconSearch);\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 (\n $(scope).scrollTop() + $(scope).innerHeight() >=\n $(scope)[0].scrollHeight\n ) {\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 var calculatedHeight;\n\n if (isMobileSearch(scope)) {\n $scope = $(scope);\n top = $scope.offset().top;\n outerHeight = $scope.outerHeight();\n calculatedHeight = 'calc(100% - ' + (top + outerHeight) + 'px)';\n $suggestions = getSuggestionsWrapper(scope).find('.suggestions');\n $suggestions.css({\n top: top + outerHeight,\n bottom: 0,\n 'max-height': calculatedHeight\n });\n\n handleMoreContentBelowIcon(scope);\n\n // Unfortunately, we have to bind this dynamically, as the live scroll event was not\n // properly detecting dynamic suggestions element's scroll event\n $suggestions.scroll(function () {\n handleMoreContentBelowIcon(this);\n });\n }\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n var $suggestionsWrapper = getSuggestionsWrapper(this).empty();\n\n if (typeof response !== 'object') {\n $suggestionsWrapper.append(response).show();\n positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n toggleSuggestionsIcon('close');\n applyModals(this);\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 var searchString = $(scope).val();\n var totalBytes;\n\n try {\n totalBytes = util.byteLengthOf(searchString);\n } catch (e) {\n totalBytes = searchString.length;\n }\n $.cookie('searchTerm', encodeURIComponent(searchString), { expires: 365, path: '/' });\n if (totalBytes >= minBytes) {\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 clearModals();\n getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Adds products on CDP by lazy loading\n *\n */\nfunction lazyLoadProducts() {\n var seeMoreURL;\n var index;\n var updatedURL;\n var productstolazyload = lazyLoadConfigs.data('productstolazyloaddesktop');\n var noofpagestolazyload = lazyLoadConfigs.data('noofpagestolazyload');\n if (mobileMediaQuery.matches) {\n productstolazyload = lazyLoadConfigs.data('productstolazyloadmobile');\n }\n if (counterForLazyLoad < noofpagestolazyload) {\n seeMoreURL = $('.see-more-button').data('url');\n index = seeMoreURL.indexOf('sz');\n if (index) {\n updatedURL = seeMoreURL.substring(0, index + 3) + productstolazyload;\n $('.see-more-button').data('url', updatedURL);\n }\n $('body').find('.see-more-button').click();\n counterForLazyLoad++;\n setMoreNumberOfItems();\n }\n}\n\n// Adding/removing page overlay during and after search\n$(document).ready(function () {\n if ($('.newSearch').length > 0) {\n $('.newSearch').focusin(function () {\n $('.overlay-div').removeClass('d-none');\n $('.newSearch').addClass('focused');\n });\n\n $('.newSearch').focusout(function () {\n $('.overlay-div').addClass('d-none');\n $('.newSearch').removeClass('focused');\n });\n }\n\n $(window).on('orientationchange', function () {\n clearModals();\n $('.cross-icon-button').trigger('click');\n tearDownSuggestions();\n });\n});\n\nmodule.exports = function () {\n $('input.search-field').each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 300);\n\n $(this).on('keyup click', function (e) {\n $('.site-search .cross-icon-button').toggleClass(\n 'd-none',\n ($(this).val() === '' || $(this).val().trim() === '' || ($(this).val().trim().indexOf('$') >= 0) || ($(this).val().trim().indexOf('\\\\') >= 0))\n );\n\n if ($(this).val().trim() !== '') {\n debounceSuggestions(this, e);\n }\n\n $('.site-search .search-icon').toggleClass(\n 'disabled',\n ($(this).val() === '' || $(this).val().trim() === '' || ($(this).val().trim().indexOf('$') >= 0) || ($(this).val().trim().indexOf('\\\\') >= 0))\n );\n });\n\n $(this).on('keydown', function (e) {\n if (e.keyCode === 13 && ($(this).val() === '' || $(this).val().trim() === '' || ($(this).val().trim().indexOf('$') >= 0) || ($(this).val().trim().indexOf('\\\\') >= 0))) {\n e.preventDefault();\n }\n });\n });\n\n $('body').on('click', function (e) {\n if (\n !$('.suggestions').has(e.target).length &&\n !$(e.target).hasClass('search-field') &&\n e.target !== $('.active.rounded-circle')[0]\n ) {\n $('.suggestions').hide();\n }\n });\n\n $(document).on('keydown', function (event) {\n if (event.key === 'Escape' || event.key === 27) {\n $('.form-control.search-field.is-dirty').val('');\n $('.suggestions-wrapper').fadeOut(500);\n $('#siteMobSearch .site-search.newSearch').removeClass('focused');\n $('#siteMobSearch .overlay-div').addClass('d-none');\n $('.form-control.search-field.is-dirty').blur();\n $('.icon-button.search-icon').addClass('disabled');\n $('.icon-button.cross-icon-button').addClass('d-none');\n }\n });\n\n $(window).scroll(function () {\n var seeMoreButton = $('.see-more-button');\n if (seeMoreButton.length && window.activeScrollEvent) {\n var offsetHeight = $('.see-more-button').offset().top;\n var outerHeight = $('.see-more-button').outerHeight();\n var windowHeight = $(window).height();\n var wS = $(this).scrollTop();\n var noofpagestolazyload = lazyLoadConfigs.data('noofpagestolazyload');\n if (wS > (((offsetHeight + outerHeight) - windowHeight) / 2)) {\n if (!$('.see-more-button').hasClass('block-lazy-load')) {\n $('.see-more-button').addClass('block-lazy-load');\n lazyLoadProducts();\n } else if (!$('.see-more-button').hasClass('page-size-updated') && (counterForLazyLoad >= noofpagestolazyload)) {\n var seeMoreURL = $('.see-more-button').data('url');\n var updatedURL;\n var updatedPageSize = lazyLoadConfigs.data('updatedpagesize');\n var index = seeMoreURL.indexOf('sz');\n if (index) {\n updatedURL = seeMoreURL.substring(0, index + 3) + updatedPageSize + '&updatePageSize=true';\n $('.see-more-button').attr('data-url', updatedURL);\n }\n $('.see-more-button').addClass('page-size-updated');\n }\n\n // Prevent multiple clicks on See more button\n $('.see-more-button').off('click').on('click', function () {\n if ($('.see-more-button').hasClass('block-multiple-clicks')) {\n $('.see-more-button').attr('disabled', 'disabled');\n } else {\n $('.see-more-button').addClass('block-multiple-clicks');\n }\n });\n }\n\n localStorage.setItem('cdp-scroll-pos', $(window).scrollTop());\n }\n });\n\n $('body').on('touchend', function (e) {\n if (\n !$('.suggestions').has(e.target).length &&\n !$(e.target).hasClass('search-field')\n ) {\n $('.suggestions').hide();\n toggleSuggestionsIcon('search');\n tearDownSuggestions();\n }\n });\n\n $('body').on('click touchend', '.cross-icon-button', function () {\n $('.suggestions').hide();\n $('input.search-field').val('');\n tearDownSuggestions();\n $(this).addClass('d-none');\n if ($('.newSearch').length > 0) { // Keep focus on search bar when 'x' icon is clicked if newSearch class exists\n $('input.search-field').focus();\n }\n });\n\n /** The following monitors for changes in the number of products added\n ** to product grid and updates number of items info above the 'see more' button\n **/\n if ($('#product-search-results').length > 0 && $('.product-grid').length) {\n var productGrid = $('.product-grid')[0];\n\n var productGridObserver = new MutationObserver(function (mutations) {\n mutations.forEach(function (mutation) {\n var newNodes = mutation.addedNodes;\n if (newNodes !== null) {\n setMoreNumberOfItems();\n }\n });\n });\n\n var productGridObserverConfig = {\n attributes: true,\n childList: true,\n characterData: true\n };\n\n productGridObserver.observe(productGrid, productGridObserverConfig);\n }\n\n pdSwiperFilter.init();\n\n $(window).on('load', function () {\n setTimeout(function () {\n if ($('.see-more-button').length > 0) {\n var queryString = window.location.search;\n var urlParams = new URLSearchParams(queryString);\n if (urlParams.get('sz') !== null) {\n var productstolazyload = lazyLoadConfigs.data('productstolazyloaddesktop');\n if (mobileMediaQuery.matches) {\n productstolazyload = lazyLoadConfigs.data('productstolazyloadmobile');\n }\n counterForLazyLoad = urlParams.get('sz') / productstolazyload;\n\n if (localStorage.getItem('cdp-scroll-pos') != null) {\n $('html, body').stop().animate({ scrollTop: localStorage.getItem('cdp-scroll-pos') }, 500, 'swing', function () {\n window.activeScrollEvent = true;\n });\n }\n } else {\n window.activeScrollEvent = true;\n }\n }\n }, 300);\n\n $('.form-control.search-field').on('input', function () {\n var Searchquery = $(this).val();\n var suggestionsWrapper = $('.suggestions-wrapper');\n if (Searchquery.length > 3) {\n suggestionsWrapper.attr('aria-live', 'assertive');\n } else {\n suggestionsWrapper.removeAttr('aria-live');\n }\n });\n });\n};\n","require('../../icons/spinner_34px.svg');\n\n/**\n * Populating product bubble with data from ajax response and displaying it\n * @param {Object} tileObject - Response from Tile-Show Ajax call\n * @param {Object} currentComponent - Current shop the look component\n */\nfunction loadBubble(tileObject, currentComponent) {\n var $component = $(currentComponent).find('.bubble-container');\n $component.find('.product-image').attr('src', tileObject.find('.tile-image')[0].dataset.src);\n $component.find('.product-image').attr('alt', tileObject.find('.tile-image')[0].alt);\n $component.find('.product-name')[0].innerHTML = tileObject.find('.pdp-link .link')[0].innerHTML;\n $component.find('.product-name').attr('aria-label', tileObject.find('.pdp-link .link')[0].innerHTML);\n $component.find('.product-price').empty().append(tileObject.find('.price')[0]);\n\n var quickViewLink = $(currentComponent).find('.bubble-wrapper').find('.quickview');\n $(quickViewLink).attr('href', tileObject.find('.quickview')[0].href);\n $(quickViewLink).attr('data-toggle', 'modal');\n $(quickViewLink).attr('data-target', '#quickViewModal');\n $(quickViewLink).attr('aria-label', tileObject.find('.quickview').attr('aria-label'));\n setTimeout(function () {\n $('.bubble-wrapper').find('.loader').hide();\n }, 100);\n}\n\n/**\n * Load product data on click of hotspot and perform other processing.\n */\nfunction loadProduct() {\n $(document).on('click keyup', '.prod-hotspots', function (e) {\n e.stopImmediatePropagation();\n e.preventDefault();\n\n var $hotspotEle = $(this);\n var $component = $hotspotEle.closest('.shop-look-component');\n\n if ($(this).hasClass('active') && e.which !== 16 && e.which !== 13 && e.which !== 9) {\n $(this).removeClass('active');\n $component.find('.bubble-wrapper').removeClass('displayed');\n return;\n }\n\n $hotspotEle.addClass('active');\n $('.prod-hotspots').not($(this))\n .removeClass('active');\n $('.bubble-wrapper').not($component.find('.bubble-wrapper'))\n .removeClass('displayed');\n\n var url = $hotspotEle.data('productbubbleurl');\n if (url !== undefined && url !== null) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function (response) {\n var tileObject = $('').html(response).contents();\n loadBubble(tileObject, $component);\n $hotspotEle.attr('aria-label', tileObject.find('.pdp-link .link')[0].innerHTML);\n }\n });\n\n // Positioning product bubble near hotspot\n var $bubbleContainer = $component.find('.bubble-container');\n var top = parseInt(this.style.top, 10);\n var left = parseInt(this.style.left, 10);\n var offsetTopVal = parseInt(this.offsetTop, 10);\n var hotspotHeight = parseInt(this.offsetHeight, 10);\n var bubbleHeight = parseInt($bubbleContainer[0].offsetHeight, 10);\n\n $bubbleContainer.css('left', 'unset').css('top', 'unset');\n if (top < 50) {\n $bubbleContainer.css('top', offsetTopVal + hotspotHeight);\n $bubbleContainer.css('left', left + '%');\n $bubbleContainer.css('transform', 'translateX(-' + (left + 1) + '%)');\n if (left >= 50) {\n $bubbleContainer.addClass('right-aligned').removeClass('left-aligned');\n } else {\n $bubbleContainer.addClass('left-aligned').removeClass('right-aligned');\n }\n } else {\n $bubbleContainer.css('top', offsetTopVal - bubbleHeight);\n $bubbleContainer.css('left', left + '%');\n $bubbleContainer.css('transform', 'translateX(-' + (left + 1) + '%)');\n if (left >= 50) {\n $bubbleContainer.addClass('right-aligned').removeClass('left-aligned');\n } else {\n $bubbleContainer.addClass('left-aligned').removeClass('right-aligned');\n }\n }\n\n $component.find('.bubble-wrapper').find('.loader').show();\n $component.find('.bubble-wrapper').addClass('displayed');\n\n if (e.which === 9 || e.which === 16 || e.which === 13) {\n $bubbleContainer.addClass('tabbed');\n } else {\n $bubbleContainer.removeClass('tabbed');\n }\n\n if (e.which === 13) {\n $component.find('.bubble-wrapper').find('.quickview')\n .click();\n }\n }\n });\n}\n\n// Initialize shop the look component on page load\n$(document).ready(function () {\n if ($('.shop-look-component').length) {\n $('.shop-look-component').each(function () {\n var $currentComponent = $(this);\n if (!($currentComponent.hasClass('masonry-element') && $currentComponent.hasClass('col-lg-12'))) {\n if ($(this).find('.prod-hotspots').length) {\n var hotspots = [];\n $(this).find('.prod-hotspots').each(function () {\n hotspots.push($(this).data('prodid'));\n });\n\n var url = $(this).data('productavailability');\n if (url !== undefined && url !== null) {\n $.ajax({\n url: url,\n method: 'POST',\n data: {\n productIDs: hotspots.toString()\n },\n success: function (response) {\n var counter = 0;\n var products = response.productAvailabilityArray;\n Object.keys(products).forEach(function (id) {\n var $hotspotEle = $currentComponent.find('.prod-hotspots[data-prodid=' + id + ']');\n if (products[id] === false) {\n $hotspotEle.addClass('d-none');\n counter++;\n } else {\n var topVal = $hotspotEle.data('top').toString().indexOf('%') === -1 ? $hotspotEle.data('top').toString() + '%' : $hotspotEle.data('top');\n var leftVal = $hotspotEle.data('left').toString().indexOf('%') === -1 ? $hotspotEle.data('left').toString() + '%' : $hotspotEle.data('left');\n $hotspotEle.css('top', topVal);\n $hotspotEle.css('left', leftVal);\n $hotspotEle.css('transform', 'translateX(-' + leftVal + ')');\n $hotspotEle.addClass('display');\n }\n });\n\n if (counter === Object.keys(products).length) {\n $currentComponent.find('.shop-look-cta').addClass('d-none');\n }\n }\n });\n var bubble = '';\n\n if ($currentComponent.closest('.masonry-component').length) {\n $currentComponent.find('.masonry-link').append(bubble);\n } else {\n $currentComponent.find('.shop-look-wrapper').append(bubble);\n }\n }\n }\n } else {\n $currentComponent.find('.shop-look-cta').addClass('d-none');\n }\n });\n }\n});\n\n// Display product bubble on click of shop the look CTA\n$(document).on('click', '.shop-look-component .shop-look-cta', function () {\n $(this).toggleClass('active');\n if (!$(this).hasClass('active')) {\n $(this).closest('.shop-look-component').find('.bubble-wrapper').removeClass('displayed visible-lg');\n $(this).closest('.shop-look-component').find('.prod-hotspots').removeClass('active');\n }\n});\n\n// Prevent masonry-link redirection when shop the look is enabled\n$(document).on('click', '.shop-look-component .masonry-link', function (e) {\n if (!$(this).find('.shop-look-cta').hasClass('d-none') && $(this).find('.shopLook-masonry-AB').is(':visible')) { // Code for A/B test. Needs to be updated after AB tests\n e.preventDefault();\n }\n});\n\n// Prevent hero-link redirection when shop the look is enabled\n$(document).on('click', '.shop-look-component .hero-link', function (e) {\n if (!$(this).find('.shop-look-cta').hasClass('d-none') && $(this).find('.shopLook-hero-AB').is(':visible')) { // Code for A/B test. Needs to be updated after AB tests\n e.preventDefault();\n }\n});\n\n// Hide product bubble when clicked away\n$(document).on('click keyup', function (e) {\n if (!e.target.classList.contains('.prod-hotspots')) {\n $('.prod-hotspots').removeClass('active');\n $('.shop-look-component .bubble-wrapper').removeClass('displayed');\n }\n});\n\nmodule.exports = {\n loadProduct: loadProduct\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}(function ($) {\n 'use strict';\n var Slick = window.Slick || {};\n\n Slick = (function () {\n var instanceUid = 0;\n\n function Slick(element, settings) {\n var _ = this,\n dataSettings;\n\n _.defaults = {\n accessibility: true,\n adaptiveHeight: false,\n appendArrows: $(element),\n appendDots: $(element),\n arrows: true,\n asNavFor: null,\n prevArrow:\n '',\n nextArrow:\n '',\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 _.registerBreakpoints();\n _.init(true);\n }\n\n return Slick;\n }());\n\n Slick.prototype.activateADA = function () {\n var _ = this;\n\n _.$slideTrack\n .find('.slick-active')\n .attr({\n 'aria-hidden': 'false'\n })\n .find('a, input, button, select')\n .attr({\n tabindex: '0'\n });\n };\n\n Slick.prototype.addSlide = Slick.prototype.slickAdd = function (\n markup,\n index,\n 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 if (addBefore === true) {\n $(markup).prependTo(_.$slideTrack);\n } else {\n $(markup).appendTo(_.$slideTrack);\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slides.each(function (index, element) {\n $(element).attr('data-slick-index', index);\n });\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n };\n\n Slick.prototype.animateHeight = function () {\n var _ = this;\n if (\n _.options.slidesToShow === 1 &&\n _.options.adaptiveHeight === true &&\n _.options.vertical === false\n ) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.animate(\n {\n height: targetHeight\n },\n _.options.speed\n );\n }\n };\n\n Slick.prototype.animateSlide = function (targetLeft, callback) {\n var animProps = {},\n _ = this;\n\n _.animateHeight();\n\n if (_.options.rtl === true && _.options.vertical === false) {\n targetLeft = -targetLeft;\n }\n if (_.transformsEnabled === false) {\n if (_.options.vertical === false) {\n _.$slideTrack.animate(\n {\n left: targetLeft\n },\n _.options.speed,\n _.options.easing,\n callback\n );\n } else {\n _.$slideTrack.animate(\n {\n top: targetLeft\n },\n _.options.speed,\n _.options.easing,\n callback\n );\n }\n } else if (_.cssTransitions === false) {\n if (_.options.rtl === true) {\n _.currentLeft = -_.currentLeft;\n }\n $({\n animStart: _.currentLeft\n }).animate(\n {\n animStart: targetLeft\n },\n {\n duration: _.options.speed,\n easing: _.options.easing,\n step: function (now) {\n now = Math.ceil(now);\n if (_.options.vertical === false) {\n animProps[_.animType] =\n 'translate(' + now + 'px, 0px)';\n _.$slideTrack.css(animProps);\n } else {\n animProps[_.animType] =\n 'translate(0px,' + now + 'px)';\n _.$slideTrack.css(animProps);\n }\n },\n complete: function () {\n if (callback) {\n callback.call();\n }\n }\n }\n );\n } else {\n _.applyTransition();\n targetLeft = Math.ceil(targetLeft);\n\n if (_.options.vertical === false) {\n animProps[_.animType] =\n 'translate3d(' + targetLeft + 'px, 0px, 0px)';\n } else {\n animProps[_.animType] =\n 'translate3d(0px,' + targetLeft + 'px, 0px)';\n }\n _.$slideTrack.css(animProps);\n\n if (callback) {\n setTimeout(function () {\n _.disableTransition();\n\n callback.call();\n }, _.options.speed);\n }\n }\n };\n\n Slick.prototype.getNavTarget = function () {\n var _ = this,\n asNavFor = _.options.asNavFor;\n\n if (asNavFor && asNavFor !== null) {\n asNavFor = $(asNavFor).not(_.$slider);\n }\n\n return asNavFor;\n };\n\n Slick.prototype.asNavFor = function (index) {\n var _ = this,\n asNavFor = _.getNavTarget();\n\n if (asNavFor !== null && typeof asNavFor === 'object') {\n asNavFor.each(function () {\n var target = $(this).slick('getSlick');\n if (!target.unslicked) {\n target.slideHandler(index, true);\n }\n });\n }\n };\n\n Slick.prototype.applyTransition = function (slide) {\n var _ = this,\n transition = {};\n\n if (_.options.fade === false) {\n transition[_.transitionType] =\n _.transformType +\n ' ' +\n _.options.speed +\n 'ms ' +\n _.options.cssEase;\n } else {\n transition[_.transitionType] =\n 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase;\n }\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n };\n\n Slick.prototype.autoPlay = function () {\n var _ = this;\n\n _.autoPlayClear();\n\n if (_.slideCount > _.options.slidesToShow) {\n _.autoPlayTimer = setInterval(\n _.autoPlayIterator,\n _.options.autoplaySpeed\n );\n }\n };\n\n Slick.prototype.autoPlayClear = function () {\n var _ = this;\n\n if (_.autoPlayTimer) {\n clearInterval(_.autoPlayTimer);\n }\n };\n\n Slick.prototype.autoPlayIterator = function () {\n var _ = this,\n slideTo = _.currentSlide + _.options.slidesToScroll;\n\n if (!_.paused && !_.interrupted && !_.focussed) {\n if (_.options.infinite === false) {\n if (\n _.direction === 1 &&\n _.currentSlide + 1 === _.slideCount - 1\n ) {\n _.direction = 0;\n } else if (_.direction === 0) {\n slideTo = _.currentSlide - _.options.slidesToScroll;\n\n if (_.currentSlide - 1 === 0) {\n _.direction = 1;\n }\n }\n }\n\n _.slideHandler(slideTo);\n }\n };\n\n Slick.prototype.buildArrows = function () {\n var _ = this;\n\n if (_.options.arrows === true) {\n _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');\n _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');\n\n if (_.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .removeClass('slick-hidden')\n .removeAttr('aria-hidden tabindex');\n _.$nextArrow\n .removeClass('slick-hidden')\n .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 } else {\n _.$prevArrow\n .add(_.$nextArrow)\n\n .addClass('slick-hidden')\n .attr({\n 'aria-disabled': 'true',\n tabindex: '-1'\n });\n }\n }\n };\n\n Slick.prototype.buildDots = function () {\n var _ = this,\n i,\n dot;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n _.$slider.addClass('slick-dotted');\n\n dot = $('').appendTo(_.$slider)\n : _.$slides.wrapAll('').parent();\n\n _.$list = _.$slideTrack.wrap('').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider)\n .not('[src]')\n .addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n _.setSlideClasses(\n typeof _.currentSlide === 'number' ? _.currentSlide : 0\n );\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n };\n\n Slick.prototype.buildRows = function () {\n var _ = this,\n a,\n b,\n c,\n newSlides,\n numOfSlides,\n originalSlides,\n slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if (_.options.rows > 0) {\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(originalSlides.length / slidesPerSection);\n\n for (a = 0; a < numOfSlides; a++) {\n var slide = document.createElement('div');\n for (b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for (c = 0; c < _.options.slidesPerRow; c++) {\n var target =\n a * slidesPerSection +\n (b * _.options.slidesPerRow + c);\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider\n .children()\n .children()\n .children()\n .css({\n width: 100 / _.options.slidesPerRow + '%',\n display: 'inline-block'\n });\n }\n };\n\n Slick.prototype.checkResponsive = function (initial, forceUpdate) {\n var _ = this,\n breakpoint,\n targetBreakpoint,\n respondToWidth,\n triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if (\n _.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 if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (\n targetBreakpoint !== _.activeBreakpoint ||\n forceUpdate\n ) {\n _.activeBreakpoint = targetBreakpoint;\n if (\n _.breakpointSettings[targetBreakpoint] === 'unslick'\n ) {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend(\n {},\n _.originalSettings,\n _.breakpointSettings[targetBreakpoint]\n );\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(\n {},\n _.originalSettings,\n _.breakpointSettings[targetBreakpoint]\n );\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else 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 // only trigger breakpoints during an actual break. not on initialize.\n if (!initial && triggerBreakpoint !== false) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n };\n\n Slick.prototype.changeSlide = function (event, dontAnimate) {\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset,\n slideOffset,\n unevenOffset;\n\n // If target is a link, prevent default action.\n if ($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the- element (ie: a child), find the
- .\n if (!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = _.slideCount % _.options.slidesToScroll !== 0;\n indexOffset = unevenOffset\n ? 0\n : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n case 'previous':\n slideOffset =\n indexOffset === 0\n ? _.options.slidesToScroll\n : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(\n _.currentSlide - slideOffset,\n false,\n dontAnimate\n );\n }\n break;\n\n case 'next':\n slideOffset =\n indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(\n _.currentSlide + slideOffset,\n false,\n dontAnimate\n );\n }\n break;\n\n case 'index':\n var index =\n event.data.index === 0\n ? 0\n : event.data.index ||\n $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n };\n\n Slick.prototype.checkNavigable = function (index) {\n var _ = this,\n navigables,\n prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function () {\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (\n _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow\n ) {\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)\n .children()\n .off('click.slick', _.selectHandler);\n }\n\n $(window).off(\n 'orientationchange.slick.slick-' + _.instanceUid,\n _.orientationChange\n );\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off(\n 'dragstart',\n _.preventDefault\n );\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n };\n\n Slick.prototype.cleanUpSlideEvents = function () {\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n };\n\n Slick.prototype.cleanUpRows = function () {\n var _ = this,\n originalSlides;\n\n if (_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n };\n\n Slick.prototype.clickHandler = function (event) {\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n };\n\n Slick.prototype.destroy = function (refresh) {\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.$prevArrow.length) {\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display', '');\n\n if (_.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n }\n\n if (_.$nextArrow && _.$nextArrow.length) {\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display', '');\n\n if (_.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n }\n\n if (_.$slides) {\n _.$slides\n .removeClass(\n 'slick-slide slick-active slick-center slick-visible slick-current'\n )\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function () {\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if (!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n };\n\n Slick.prototype.disableTransition = function (slide) {\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n };\n\n Slick.prototype.fadeSlide = function (slideIndex, callback) {\n var _ = this;\n\n if (_.cssTransitions === false) {\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate(\n {\n opacity: 1\n },\n _.options.speed,\n _.options.easing,\n callback\n );\n } else {\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function () {\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n }\n };\n\n Slick.prototype.fadeSlideOut = function (slideIndex) {\n var _ = this;\n\n if (_.cssTransitions === false) {\n _.$slides.eq(slideIndex).animate(\n {\n opacity: 0,\n zIndex: _.options.zIndex - 2\n },\n _.options.speed,\n _.options.easing\n );\n } else {\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n }\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function (\n filter\n ) {\n var _ = this;\n\n if (filter !== null) {\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n }\n };\n\n Slick.prototype.focusHandler = function () {\n var _ = this;\n\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick blur.slick', '*', function (event) {\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function () {\n if (_.options.pauseOnFocus) {\n _.focussed = $sf.is(':focus');\n _.autoPlay();\n }\n }, 0);\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function () {\n var _ = this;\n return _.currentSlide;\n };\n\n Slick.prototype.getDotCount = function () {\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter +=\n _.options.slidesToScroll <= _.options.slidesToShow\n ? _.options.slidesToScroll\n : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if (!_.options.asNavFor) {\n pagerQty =\n 1 +\n Math.ceil(\n (_.slideCount - _.options.slidesToShow) /\n _.options.slidesToScroll\n );\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter +=\n _.options.slidesToScroll <= _.options.slidesToShow\n ? _.options.slidesToScroll\n : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n };\n\n Slick.prototype.getLeft = function (slideIndex) {\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = _.slideWidth * _.options.slidesToShow * -1;\n coef = -1;\n\n if (\n _.options.vertical === true &&\n _.options.centerMode === true\n ) {\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 (\n slideIndex + _.options.slidesToScroll > _.slideCount &&\n _.slideCount > _.options.slidesToShow\n ) {\n if (slideIndex > _.slideCount) {\n _.slideOffset =\n (_.options.slidesToShow -\n (slideIndex - _.slideCount)) *\n _.slideWidth *\n -1;\n verticalOffset =\n (_.options.slidesToShow -\n (slideIndex - _.slideCount)) *\n verticalHeight *\n -1;\n } else {\n _.slideOffset =\n (_.slideCount % _.options.slidesToScroll) *\n _.slideWidth *\n -1;\n verticalOffset =\n (_.slideCount % _.options.slidesToScroll) *\n verticalHeight *\n -1;\n }\n }\n }\n } else if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset =\n (slideIndex + _.options.slidesToShow - _.slideCount) *\n _.slideWidth;\n verticalOffset =\n (slideIndex + _.options.slidesToShow - _.slideCount) *\n verticalHeight;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (\n _.options.centerMode === true &&\n _.slideCount <= _.options.slidesToShow\n ) {\n _.slideOffset =\n (_.slideWidth * Math.floor(_.options.slidesToShow)) / 2 -\n (_.slideWidth * _.slideCount) / 2;\n } else if (\n _.options.centerMode === true &&\n _.options.infinite === true\n ) {\n _.slideOffset +=\n _.slideWidth * Math.floor(_.options.slidesToShow / 2) -\n _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset +=\n _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = slideIndex * _.slideWidth * -1 + _.slideOffset;\n } else {\n targetLeft = slideIndex * verticalHeight * -1 + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n if (\n _.slideCount <= _.options.slidesToShow ||\n _.options.infinite === false\n ) {\n targetSlide = _.$slideTrack\n .children('.slick-slide')\n .eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack\n .children('.slick-slide')\n .eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft =\n (_.$slideTrack.width() -\n targetSlide[0].offsetLeft -\n targetSlide.width()) *\n -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0]\n ? targetSlide[0].offsetLeft * -1\n : 0;\n }\n\n if (_.options.centerMode === true) {\n if (\n _.slideCount <= _.options.slidesToShow ||\n _.options.infinite === false\n ) {\n targetSlide = _.$slideTrack\n .children('.slick-slide')\n .eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack\n .children('.slick-slide')\n .eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft =\n (_.$slideTrack.width() -\n targetSlide[0].offsetLeft -\n targetSlide.width()) *\n -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0]\n ? targetSlide[0].offsetLeft * -1\n : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function (\n option\n ) {\n var _ = this;\n\n return _.options[option];\n };\n\n Slick.prototype.getNavigableIndexes = function () {\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter +=\n _.options.slidesToScroll <= _.options.slidesToShow\n ? _.options.slidesToScroll\n : _.options.slidesToShow;\n }\n\n return indexes;\n };\n\n Slick.prototype.getSlick = function () {\n return this;\n };\n\n Slick.prototype.getSlideCount = function () {\n var _ = this,\n slidesTraversed,\n swipedSlide,\n centerOffset;\n\n centerOffset =\n _.options.centerMode === true\n ? _.slideWidth * Math.floor(_.options.slidesToShow / 2)\n : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function (index, slide) {\n if (\n slide.offsetLeft -\n centerOffset +\n $(slide).outerWidth() / 2 >\n _.swipeLeft * -1\n ) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed =\n Math.abs(\n $(swipedSlide).attr('data-slick-index') - _.currentSlide\n ) || 1;\n\n return slidesTraversed;\n }\n return _.options.slidesToScroll;\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function (\n slide,\n dontAnimate\n ) {\n var _ = this;\n\n _.changeSlide(\n {\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n },\n dontAnimate\n );\n };\n\n Slick.prototype.init = function (creation) {\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if (_.options.autoplay) {\n _.paused = false;\n _.autoPlay();\n }\n };\n\n Slick.prototype.initADA = function () {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function (val) {\n return val >= 0 && val < _.slideCount;\n });\n\n _.$slides\n .add(_.$slideTrack.find('.slick-cloned'))\n .attr({\n 'aria-hidden': 'true',\n tabindex: '-1'\n })\n .find('a, input, button, select')\n .attr({\n tabindex: '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides\n .not(_.$slideTrack.find('.slick-cloned'))\n .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 =\n 'slick-slide-control' +\n _.instanceUid +\n slideControlIndex;\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots\n .attr('role', 'tablist')\n .find('li')\n .each(function (i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this)\n .find('button')\n .first()\n .attr({\n role: 'tab',\n id: 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls':\n 'slick-slide' +\n _.instanceUid +\n mappedSlideIndex,\n 'aria-label': i + 1 + ' of ' + numDotGroups,\n 'aria-selected': null,\n tabindex: '-1'\n });\n })\n .eq(_.currentSlide)\n .find('button')\n .attr({\n 'aria-selected': 'true',\n tabindex: '0'\n })\n .end();\n }\n\n for (\n var i = _.currentSlide, max = i + _.options.slidesToShow;\n i < max;\n i++\n ) {\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 Slick.prototype.initArrowEvents = function () {\n var _ = this;\n\n if (\n _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow\n ) {\n _.$prevArrow.off('click.slick').on(\n 'click.slick',\n {\n message: 'previous'\n },\n _.changeSlide\n );\n _.$nextArrow.off('click.slick').on(\n 'click.slick',\n {\n message: 'next'\n },\n _.changeSlide\n );\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n };\n\n Slick.prototype.initDotEvents = function () {\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on(\n 'click.slick',\n {\n message: 'index'\n },\n _.changeSlide\n );\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (\n _.options.dots === true &&\n _.options.pauseOnDotsHover === true &&\n _.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 Slick.prototype.initSlideEvents = function () {\n var _ = this;\n\n if (_.options.pauseOnHover) {\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n }\n };\n\n Slick.prototype.initializeEvents = function () {\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on(\n 'touchstart.slick mousedown.slick',\n {\n action: 'start'\n },\n _.swipeHandler\n );\n _.$list.on(\n 'touchmove.slick mousemove.slick',\n {\n action: 'move'\n },\n _.swipeHandler\n );\n _.$list.on(\n 'touchend.slick mouseup.slick',\n {\n action: 'end'\n },\n _.swipeHandler\n );\n _.$list.on(\n 'touchcancel.slick mouseleave.slick',\n {\n action: 'end'\n },\n _.swipeHandler\n );\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack)\n .children()\n .on('click.slick', _.selectHandler);\n }\n\n $(window).on(\n 'orientationchange.slick.slick-' + _.instanceUid,\n $.proxy(_.orientationChange, _)\n );\n\n $(window).on(\n 'resize.slick.slick-' + _.instanceUid,\n $.proxy(_.resize, _)\n );\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n };\n\n Slick.prototype.initUI = function () {\n var _ = this;\n\n if (\n _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow\n ) {\n _.$prevArrow.show();\n _.$nextArrow.show();\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n _.$dots.show();\n }\n };\n\n Slick.prototype.keyHandler = function (event) {\n var _ = this;\n // Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if (!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (\n event.keyCode === 39 &&\n _.options.accessibility === true\n ) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n };\n\n Slick.prototype.lazyLoad = function () {\n var _ = this,\n loadRange,\n cloneRange,\n rangeStart,\n rangeEnd;\n\n function loadImages(imagesScope) {\n $('img[data-lazy]', imagesScope).each(function () {\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes =\n $(this).attr('data-sizes') ||\n _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function () {\n image.animate({ opacity: 0 }, 100, function () {\n if (imageSrcSet) {\n image.attr('srcset', imageSrcSet);\n\n if (imageSizes) {\n image.attr('sizes', imageSizes);\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function () {\n image\n .removeAttr(\n 'data-lazy data-srcset data-sizes'\n )\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [\n _,\n image,\n imageSource\n ]);\n });\n };\n\n imageToLoad.onerror = function () {\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 imageToLoad.src = imageSource;\n });\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(\n 0,\n _.currentSlide - (_.options.slidesToShow / 2 + 1)\n );\n rangeEnd =\n 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite\n ? _.options.slidesToShow + _.currentSlide\n : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider\n .find('.slick-cloned')\n .slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider\n .find('.slick-cloned')\n .slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n };\n\n Slick.prototype.loadSlider = function () {\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function () {\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n };\n\n Slick.prototype.orientationChange = function () {\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function () {\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function () {\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n };\n\n Slick.prototype.postSlide = function (index) {\n var _ = this;\n\n if (!_.unslicked) {\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if (_.options.autoplay) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n }\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function () {\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n };\n\n Slick.prototype.preventDefault = function (event) {\n event.preventDefault();\n };\n\n Slick.prototype.progressiveLazyLoad = function (tryCount) {\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $('img[data-lazy]', _.$slider),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ($imgsToLoad.length) {\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes =\n image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function () {\n if (imageSrcSet) {\n image.attr('srcset', imageSrcSet);\n\n if (imageSizes) {\n image.attr('sizes', imageSizes);\n }\n }\n\n image\n .attr('src', imageSource)\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if (_.options.adaptiveHeight === true) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n _.progressiveLazyLoad();\n };\n\n imageToLoad.onerror = function () {\n if (tryCount < 3) {\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout(function () {\n _.progressiveLazyLoad(tryCount + 1);\n }, 500);\n } else {\n image\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 imageToLoad.src = imageSource;\n } else {\n _.$slider.trigger('allImagesLoaded', [_]);\n }\n };\n\n Slick.prototype.refresh = function (initializing) {\n var _ = this,\n currentSlide,\n lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if (!_.options.infinite && _.currentSlide > lastVisibleIndex) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if (!initializing) {\n _.changeSlide(\n {\n data: {\n message: 'index',\n index: currentSlide\n }\n },\n false\n );\n }\n };\n\n Slick.prototype.registerBreakpoints = function () {\n var _ = this,\n breakpoint,\n currentBreakpoint,\n l,\n responsiveSettings = _.options.responsive || null;\n\n if (\n $.type(responsiveSettings) === 'array' &&\n responsiveSettings.length\n ) {\n _.respondTo = _.options.respondTo || 'window';\n\n for (breakpoint in responsiveSettings) {\n l = _.breakpoints.length - 1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint =\n 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 (\n _.breakpoints[l] &&\n _.breakpoints[l] === currentBreakpoint\n ) {\n _.breakpoints.splice(l, 1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] =\n responsiveSettings[breakpoint].settings;\n }\n }\n\n _.breakpoints.sort(function (a, b) {\n return _.options.mobileFirst ? a - b : b - a;\n });\n }\n };\n\n Slick.prototype.reinit = function () {\n var _ = this;\n\n _.$slides = _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.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)\n .children()\n .on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(\n typeof _.currentSlide === 'number' ? _.currentSlide : 0\n );\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n };\n\n Slick.prototype.resize = function () {\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function () {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if (!_.unslicked) {\n _.setPosition();\n }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function (\n index,\n removeBefore,\n 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\n .children(this.options.slide)\n .eq(index)\n .remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n };\n\n Slick.prototype.setCSS = function (position) {\n var _ = this,\n positionProps = {},\n x,\n y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] =\n 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n };\n\n Slick.prototype.setDimensions = function () {\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: '0px ' + _.options.centerPadding\n });\n }\n } else {\n _.$list.height(\n _.$slides.first().outerHeight(true) * _.options.slidesToShow\n );\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: _.options.centerPadding + ' 0px'\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(\n Math.ceil(\n _.slideWidth * _.$slideTrack.children('.slick-slide').length\n )\n );\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(\n Math.ceil(\n _.$slides.first().outerHeight(true) *\n _.$slideTrack.children('.slick-slide').length\n )\n );\n }\n\n var offset =\n _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) { _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset); }\n };\n\n Slick.prototype.setFade = function () {\n var _ = this,\n targetLeft;\n\n _.$slides.each(function (index, element) {\n targetLeft = _.slideWidth * index * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n };\n\n Slick.prototype.setHeight = function () {\n var _ = this;\n\n if (\n _.options.slidesToShow === 1 &&\n _.options.adaptiveHeight === true &&\n _.options.vertical === false\n ) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n };\n\n Slick.prototype.setOption = Slick.prototype.slickSetOption = function () {\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this,\n l,\n item,\n option,\n value,\n refresh = false,\n type;\n\n if ($.type(arguments[0]) === 'object') {\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n } else if ($.type(arguments[0]) === 'string') {\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if (\n arguments[0] === 'responsive' &&\n $.type(arguments[1]) === 'array'\n ) {\n type = 'responsive';\n } else if (typeof arguments[1] !== 'undefined') {\n type = 'single';\n }\n }\n\n if (type === 'single') {\n _.options[option] = value;\n } else if (type === 'multiple') {\n $.each(option, function (opt, val) {\n _.options[opt] = val;\n });\n } else if (type === 'responsive') {\n for (item in value) {\n if ($.type(_.options.responsive) !== 'array') {\n _.options.responsive = [value[item]];\n } else {\n l = _.options.responsive.length - 1;\n\n // loop through the responsive object and splice out duplicates.\n while (l >= 0) {\n if (\n _.options.responsive[l].breakpoint ===\n value[item].breakpoint\n ) {\n _.options.responsive.splice(l, 1);\n }\n\n l--;\n }\n\n _.options.responsive.push(value[item]);\n }\n }\n }\n\n if (refresh) {\n _.unload();\n _.reinit();\n }\n };\n\n Slick.prototype.setPosition = function () {\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n };\n\n Slick.prototype.setProps = function () {\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (\n bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined\n ) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if (_.options.fade) {\n if (typeof _.options.zIndex === 'number') {\n if (_.options.zIndex < 3) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (\n bodyStyle.perspectiveProperty === undefined &&\n bodyStyle.webkitPerspective === undefined\n ) { _.animType = false; }\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (\n bodyStyle.perspectiveProperty === undefined &&\n bodyStyle.MozPerspective === undefined\n ) { _.animType = false; }\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (\n bodyStyle.perspectiveProperty === undefined &&\n bodyStyle.webkitPerspective === undefined\n ) { _.animType = false; }\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled =\n _.options.useTransform &&\n (_.animType !== null && _.animType !== false);\n };\n\n Slick.prototype.setSlideClasses = function (index) {\n var _ = this,\n centerOffset,\n allSlides,\n indexOffset,\n remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides.eq(index).addClass('slick-current');\n\n if (_.options.centerMode === true) {\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n if (\n index >= centerOffset &&\n index <= _.slideCount - 1 - centerOffset\n ) {\n _.$slides\n .slice(\n index - centerOffset + evenCoef,\n index + centerOffset + 1\n )\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n } else {\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(\n indexOffset - centerOffset + 1 + evenCoef,\n indexOffset + centerOffset + 2\n )\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n }\n\n if (index === 0) {\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass('slick-center');\n } else if (index === _.slideCount - 1) {\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n }\n }\n\n _.$slides.eq(index).addClass('slick-center');\n } else if (index >= 0 && index <= _.slideCount - _.options.slidesToShow) {\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n } else if (allSlides.length <= _.options.slidesToShow) {\n allSlides.addClass('slick-active').attr('aria-hidden', 'false');\n } else {\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset =\n _.options.infinite === true\n ? _.options.slidesToShow + index\n : index;\n\n if (\n _.options.slidesToShow == _.options.slidesToScroll &&\n _.slideCount - index < _.options.slidesToShow\n ) {\n allSlides\n .slice(\n indexOffset - (_.options.slidesToShow - remainder),\n indexOffset + remainder\n )\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n } else {\n allSlides\n .slice(\n indexOffset,\n indexOffset + _.options.slidesToShow\n )\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n }\n }\n\n if (\n _.options.lazyLoad === 'ondemand' ||\n _.options.lazyLoad === 'anticipated'\n ) {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function () {\n var _ = this,\n i,\n slideIndex,\n infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (\n i = _.slideCount;\n i > _.slideCount - infiniteCount;\n i -= 1\n ) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex])\n .clone(true)\n .attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack)\n .addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex])\n .clone(true)\n .attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack)\n .addClass('slick-cloned');\n }\n _.$slideTrack\n .find('.slick-cloned')\n .find('[id]')\n .each(function () {\n $(this).attr('id', '');\n });\n }\n }\n };\n\n Slick.prototype.interrupt = function (toggle) {\n var _ = this;\n\n if (!toggle) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n };\n\n Slick.prototype.selectHandler = function (event) {\n var _ = this;\n\n var targetElement = $(event.target).is('.slick-slide')\n ? $(event.target)\n : $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideHandler(index, false, true);\n return;\n }\n\n _.slideHandler(index);\n };\n\n Slick.prototype.slideHandler = function (index, sync, dontAnimate) {\n var targetSlide,\n animSlide,\n oldSlide,\n slideLeft,\n targetLeft = null,\n _ = this,\n navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (\n _.options.infinite === false &&\n _.options.centerMode === false &&\n (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)\n ) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (\n dontAnimate !== true &&\n _.slideCount > _.options.slidesToShow\n ) {\n _.animateSlide(slideLeft, function () {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (\n _.options.infinite === false &&\n _.options.centerMode === true &&\n (index < 0 || index > _.slideCount - _.options.slidesToScroll)\n ) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (\n dontAnimate !== true &&\n _.slideCount > _.options.slidesToShow\n ) {\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 =\n _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if (_.options.asNavFor) {\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if (navTarget.slideCount <= navTarget.options.slidesToShow) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function () {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function () {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n };\n\n Slick.prototype.startLoad = function () {\n var _ = this;\n\n if (\n _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow\n ) {\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n _.$dots.hide();\n }\n\n _.$slider.addClass('slick-loading');\n };\n\n Slick.prototype.swipeDirection = function () {\n var xDist,\n yDist,\n r,\n swipeAngle,\n _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round((r * 180) / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if (swipeAngle <= 45 && swipeAngle >= 0) {\n return _.options.rtl === false ? 'left' : 'right';\n }\n if (swipeAngle <= 360 && swipeAngle >= 315) {\n return _.options.rtl === false ? 'left' : 'right';\n }\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return _.options.rtl === false ? 'right' : 'left';\n }\n if (_.options.verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return 'down';\n }\n return 'up';\n }\n\n return 'vertical';\n };\n\n Slick.prototype.swipeEnd = function (event) {\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = !(_.touchObject.swipeLength > 10);\n\n if (_.touchObject.curX === undefined) {\n return false;\n }\n\n if (_.touchObject.edgeHit === true) {\n _.$slider.trigger('edge', [_, _.swipeDirection()]);\n }\n\n if (_.touchObject.swipeLength >= _.touchObject.minSwipe) {\n direction = _.swipeDirection();\n\n switch (direction) {\n case 'left':\n case 'down':\n slideCount = _.options.swipeToSlide\n ? _.checkNavigable(_.currentSlide + _.getSlideCount())\n : _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n slideCount = _.options.swipeToSlide\n ? _.checkNavigable(_.currentSlide - _.getSlideCount())\n : _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n }\n\n if (direction != 'vertical') {\n _.slideHandler(slideCount);\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction]);\n }\n } else if (_.touchObject.startX !== _.touchObject.curX) {\n _.slideHandler(_.currentSlide);\n _.touchObject = {};\n }\n };\n\n Slick.prototype.swipeHandler = function (event) {\n var _ = this;\n\n if (\n _.options.swipe === false ||\n ('ontouchend' in document && _.options.swipe === false)\n ) {\n return;\n } else if (\n _.options.draggable === false &&\n event.type.indexOf('mouse') !== -1\n ) {\n return;\n }\n\n _.touchObject.fingerCount =\n event.originalEvent && event.originalEvent.touches !== undefined\n ? event.originalEvent.touches.length\n : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options.touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options.touchThreshold;\n }\n\n switch (event.data.action) {\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n }\n };\n\n Slick.prototype.swipeMove = function (event) {\n var _ = this,\n edgeWasHit = false,\n curLeft,\n swipeDirection,\n swipeLength,\n positionOffset,\n touches,\n verticalSwipeLength;\n\n touches =\n event.originalEvent !== undefined\n ? event.originalEvent.touches\n : null;\n\n if (!_.dragging || _.scrolling || (touches && touches.length !== 1)) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX =\n touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY =\n touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(\n Math.sqrt(Math.pow(_.touchObject.curX - _.touchObject.startX, 2))\n );\n\n verticalSwipeLength = Math.round(\n Math.sqrt(Math.pow(_.touchObject.curY - _.touchObject.startY, 2))\n );\n\n if (\n !_.options.verticalSwiping &&\n !_.swiping &&\n verticalSwipeLength > 4\n ) {\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 (\n event.originalEvent !== undefined &&\n _.touchObject.swipeLength > 4\n ) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset =\n (_.options.rtl === false ? 1 : -1) *\n (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if (\n (_.currentSlide === 0 && swipeDirection === 'right') ||\n (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')\n ) {\n swipeLength =\n _.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 =\n curLeft +\n swipeLength * (_.$list.height() / _.listWidth) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n };\n\n Slick.prototype.swipeStart = function (event) {\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (\n _.touchObject.fingerCount !== 1 ||\n _.slideCount <= _.options.slidesToShow\n ) {\n _.touchObject = {};\n return false;\n }\n\n if (\n event.originalEvent !== undefined &&\n event.originalEvent.touches !== undefined\n ) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX =\n touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY =\n touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function () {\n var _ = this;\n\n if (_.$slidesCache !== null) {\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n }\n };\n\n Slick.prototype.unload = function () {\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n };\n\n Slick.prototype.unslick = function (fromBreakpoint) {\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n };\n\n Slick.prototype.updateArrows = function () {\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (\n _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite\n ) {\n _.$prevArrow\n .removeClass('slick-disabled')\n .attr('aria-disabled', 'false');\n _.$nextArrow\n .removeClass('slick-disabled')\n .attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n _.$prevArrow\n .addClass('slick-disabled')\n .attr('aria-disabled', 'true');\n _.$nextArrow\n .removeClass('slick-disabled')\n .attr('aria-disabled', 'false');\n } else if (\n _.currentSlide >= _.slideCount - _.options.slidesToShow &&\n _.options.centerMode === false\n ) {\n _.$nextArrow\n .addClass('slick-disabled')\n .attr('aria-disabled', 'true');\n _.$prevArrow\n .removeClass('slick-disabled')\n .attr('aria-disabled', 'false');\n } else if (\n _.currentSlide >= _.slideCount - 1 &&\n _.options.centerMode === true\n ) {\n _.$nextArrow\n .addClass('slick-disabled')\n .attr('aria-disabled', 'true');\n _.$prevArrow\n .removeClass('slick-disabled')\n .attr('aria-disabled', 'false');\n }\n }\n };\n\n Slick.prototype.updateDots = function () {\n var _ = this;\n\n if (_.$dots !== null) {\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 Slick.prototype.visibility = function () {\n var _ = this;\n\n if (_.options.autoplay) {\n if (document[_.hidden]) {\n _.interrupted = true;\n } else {\n _.interrupted = false;\n }\n }\n };\n\n $.fn.slick = function () {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt === 'object' || typeof opt === 'undefined') { _[i].slick = new Slick(_[i], opt); } else ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret !== 'undefined') return ret;\n }\n return _;\n };\n}));\n","/**\n * Swiper 5.2.0\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * http://swiperjs.com\n *\n * Copyright 2014-2019 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: October 26, 2019\n */\n\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = global || self, global.Swiper = factory());\n }(this, function () { 'use strict';\n\n /**\n * SSR Window 1.0.1\n * Better handling for window object in SSR environment\n * https://github.com/nolimits4web/ssr-window\n *\n * Copyright 2018, Vladimir Kharlampidi\n *\n * Licensed under MIT\n *\n * Released on: July 18, 2018\n */\n var doc = (typeof document === 'undefined') ? {\n body: {},\n addEventListener: function addEventListener() {},\n removeEventListener: function removeEventListener() {},\n activeElement: {\n blur: function blur() {},\n nodeName: '',\n },\n querySelector: function querySelector() {\n return null;\n },\n querySelectorAll: function querySelectorAll() {\n return [];\n },\n getElementById: function getElementById() {\n return null;\n },\n createEvent: function createEvent() {\n return {\n initEvent: function initEvent() {},\n };\n },\n createElement: function createElement() {\n return {\n children: [],\n childNodes: [],\n style: {},\n setAttribute: function setAttribute() {},\n getElementsByTagName: function getElementsByTagName() {\n return [];\n },\n };\n },\n location: { hash: '' },\n } : document; // eslint-disable-line\n\n var win = (typeof window === 'undefined') ? {\n document: doc,\n navigator: {\n userAgent: '',\n },\n location: {},\n history: {},\n CustomEvent: function CustomEvent() {\n return this;\n },\n addEventListener: function addEventListener() {},\n removeEventListener: function removeEventListener() {},\n getComputedStyle: function getComputedStyle() {\n return {\n getPropertyValue: function getPropertyValue() {\n return '';\n },\n };\n },\n Image: function Image() {},\n Date: function Date() {},\n screen: {},\n setTimeout: function setTimeout() {},\n clearTimeout: function clearTimeout() {},\n } : window; // eslint-disable-line\n\n /**\n * Dom7 2.1.3\n * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API\n * http://framework7.io/docs/dom.html\n *\n * Copyright 2019, Vladimir Kharlampidi\n * The iDangero.us\n * http://www.idangero.us/\n *\n * Licensed under MIT\n *\n * Released on: February 11, 2019\n */\n\n var Dom7 = function Dom7(arr) {\n var self = this;\n // Create array-like object\n for (var i = 0; i < arr.length; i += 1) {\n self[i] = arr[i];\n }\n self.length = arr.length;\n // Return collection with methods\n return this;\n };\n\n function $(selector, context) {\n var arr = [];\n var i = 0;\n if (selector && !context) {\n if (selector instanceof Dom7) {\n return selector;\n }\n }\n if (selector) {\n // String\n if (typeof selector === 'string') {\n var els;\n var tempParent;\n var html = selector.trim();\n if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) {\n var toCreate = 'div';\n if (html.indexOf('
\" + slide + \"\"));\n if (!$slideEl.attr('data-swiper-slide-index')) { $slideEl.attr('data-swiper-slide-index', index); }\n if (params.cache) { swiper.virtual.cache[index] = $slideEl; }\n return $slideEl;\n },\n appendSlide: function appendSlide(slides) {\n var swiper = this;\n if (typeof slides === 'object' && 'length' in slides) {\n for (var i = 0; i < slides.length; i += 1) {\n if (slides[i]) { swiper.virtual.slides.push(slides[i]); }\n }\n } else {\n swiper.virtual.slides.push(slides);\n }\n swiper.virtual.update(true);\n },\n prependSlide: function prependSlide(slides) {\n var swiper = this;\n var activeIndex = swiper.activeIndex;\n var newActiveIndex = activeIndex + 1;\n var numberOfNewSlides = 1;\n\n if (Array.isArray(slides)) {\n for (var i = 0; i < slides.length; i += 1) {\n if (slides[i]) { swiper.virtual.slides.unshift(slides[i]); }\n }\n newActiveIndex = activeIndex + slides.length;\n numberOfNewSlides = slides.length;\n } else {\n swiper.virtual.slides.unshift(slides);\n }\n if (swiper.params.virtual.cache) {\n var cache = swiper.virtual.cache;\n var newCache = {};\n Object.keys(cache).forEach(function (cachedIndex) {\n var $cachedEl = cache[cachedIndex];\n var cachedElIndex = $cachedEl.attr('data-swiper-slide-index');\n if (cachedElIndex) {\n $cachedEl.attr('data-swiper-slide-index', parseInt(cachedElIndex, 10) + 1);\n }\n newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;\n });\n swiper.virtual.cache = newCache;\n }\n swiper.virtual.update(true);\n swiper.slideTo(newActiveIndex, 0);\n },\n removeSlide: function removeSlide(slidesIndexes) {\n var swiper = this;\n if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) { return; }\n var activeIndex = swiper.activeIndex;\n if (Array.isArray(slidesIndexes)) {\n for (var i = slidesIndexes.length - 1; i >= 0; i -= 1) {\n swiper.virtual.slides.splice(slidesIndexes[i], 1);\n if (swiper.params.virtual.cache) {\n delete swiper.virtual.cache[slidesIndexes[i]];\n }\n if (slidesIndexes[i] < activeIndex) { activeIndex -= 1; }\n activeIndex = Math.max(activeIndex, 0);\n }\n } else {\n swiper.virtual.slides.splice(slidesIndexes, 1);\n if (swiper.params.virtual.cache) {\n delete swiper.virtual.cache[slidesIndexes];\n }\n if (slidesIndexes < activeIndex) { activeIndex -= 1; }\n activeIndex = Math.max(activeIndex, 0);\n }\n swiper.virtual.update(true);\n swiper.slideTo(activeIndex, 0);\n },\n removeAllSlides: function removeAllSlides() {\n var swiper = this;\n swiper.virtual.slides = [];\n if (swiper.params.virtual.cache) {\n swiper.virtual.cache = {};\n }\n swiper.virtual.update(true);\n swiper.slideTo(0, 0);\n },\n };\n\n var Virtual$1 = {\n name: 'virtual',\n params: {\n virtual: {\n enabled: false,\n slides: [],\n cache: true,\n renderSlide: null,\n renderExternal: null,\n addSlidesBefore: 0,\n addSlidesAfter: 0,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n virtual: {\n update: Virtual.update.bind(swiper),\n appendSlide: Virtual.appendSlide.bind(swiper),\n prependSlide: Virtual.prependSlide.bind(swiper),\n removeSlide: Virtual.removeSlide.bind(swiper),\n removeAllSlides: Virtual.removeAllSlides.bind(swiper),\n renderSlide: Virtual.renderSlide.bind(swiper),\n slides: swiper.params.virtual.slides,\n cache: {},\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (!swiper.params.virtual.enabled) { return; }\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"virtual\"));\n var overwriteParams = {\n watchSlidesProgress: true,\n };\n Utils.extend(swiper.params, overwriteParams);\n Utils.extend(swiper.originalParams, overwriteParams);\n\n if (!swiper.params.initialSlide) {\n swiper.virtual.update();\n }\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n if (!swiper.params.virtual.enabled) { return; }\n swiper.virtual.update();\n },\n },\n };\n\n var Keyboard = {\n handle: function handle(event) {\n var swiper = this;\n var rtl = swiper.rtlTranslate;\n var e = event;\n if (e.originalEvent) { e = e.originalEvent; } // jquery fix\n var kc = e.keyCode || e.charCode;\n // Directions locks\n if (!swiper.allowSlideNext && ((swiper.isHorizontal() && kc === 39) || (swiper.isVertical() && kc === 40) || kc === 34)) {\n return false;\n }\n if (!swiper.allowSlidePrev && ((swiper.isHorizontal() && kc === 37) || (swiper.isVertical() && kc === 38) || kc === 33)) {\n return false;\n }\n if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {\n return undefined;\n }\n if (doc.activeElement && doc.activeElement.nodeName && (doc.activeElement.nodeName.toLowerCase() === 'input' || doc.activeElement.nodeName.toLowerCase() === 'textarea')) {\n return undefined;\n }\n if (swiper.params.keyboard.onlyInViewport && (kc === 33 || kc === 34 || kc === 37 || kc === 39 || kc === 38 || kc === 40)) {\n var inView = false;\n // Check that swiper should be inside of visible area of window\n if (swiper.$el.parents((\".\" + (swiper.params.slideClass))).length > 0 && swiper.$el.parents((\".\" + (swiper.params.slideActiveClass))).length === 0) {\n return undefined;\n }\n var windowWidth = win.innerWidth;\n var windowHeight = win.innerHeight;\n var swiperOffset = swiper.$el.offset();\n if (rtl) { swiperOffset.left -= swiper.$el[0].scrollLeft; }\n var swiperCoord = [\n [swiperOffset.left, swiperOffset.top],\n [swiperOffset.left + swiper.width, swiperOffset.top],\n [swiperOffset.left, swiperOffset.top + swiper.height],\n [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height] ];\n for (var i = 0; i < swiperCoord.length; i += 1) {\n var point = swiperCoord[i];\n if (\n point[0] >= 0 && point[0] <= windowWidth\n && point[1] >= 0 && point[1] <= windowHeight\n ) {\n inView = true;\n }\n }\n if (!inView) { return undefined; }\n }\n if (swiper.isHorizontal()) {\n if (kc === 33 || kc === 34 || kc === 37 || kc === 39) {\n if (e.preventDefault) { e.preventDefault(); }\n else { e.returnValue = false; }\n }\n if (((kc === 34 || kc === 39) && !rtl) || ((kc === 33 || kc === 37) && rtl)) { swiper.slideNext(); }\n if (((kc === 33 || kc === 37) && !rtl) || ((kc === 34 || kc === 39) && rtl)) { swiper.slidePrev(); }\n } else {\n if (kc === 33 || kc === 34 || kc === 38 || kc === 40) {\n if (e.preventDefault) { e.preventDefault(); }\n else { e.returnValue = false; }\n }\n if (kc === 34 || kc === 40) { swiper.slideNext(); }\n if (kc === 33 || kc === 38) { swiper.slidePrev(); }\n }\n swiper.emit('keyPress', kc);\n return undefined;\n },\n enable: function enable() {\n var swiper = this;\n if (swiper.keyboard.enabled) { return; }\n $(doc).on('keydown', swiper.keyboard.handle);\n swiper.keyboard.enabled = true;\n },\n disable: function disable() {\n var swiper = this;\n if (!swiper.keyboard.enabled) { return; }\n $(doc).off('keydown', swiper.keyboard.handle);\n swiper.keyboard.enabled = false;\n },\n };\n\n var Keyboard$1 = {\n name: 'keyboard',\n params: {\n keyboard: {\n enabled: false,\n onlyInViewport: true,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n keyboard: {\n enabled: false,\n enable: Keyboard.enable.bind(swiper),\n disable: Keyboard.disable.bind(swiper),\n handle: Keyboard.handle.bind(swiper),\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (swiper.params.keyboard.enabled) {\n swiper.keyboard.enable();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.keyboard.enabled) {\n swiper.keyboard.disable();\n }\n },\n },\n };\n\n function isEventSupported() {\n var eventName = 'onwheel';\n var isSupported = eventName in doc;\n\n if (!isSupported) {\n var element = doc.createElement('div');\n element.setAttribute(eventName, 'return;');\n isSupported = typeof element[eventName] === 'function';\n }\n\n if (!isSupported\n && doc.implementation\n && doc.implementation.hasFeature\n // always returns true in newer browsers as per the standard.\n // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature\n && doc.implementation.hasFeature('', '') !== true\n ) {\n // This is the only way to test support for the `wheel` event in IE9+.\n isSupported = doc.implementation.hasFeature('Events.wheel', '3.0');\n }\n\n return isSupported;\n }\n var Mousewheel = {\n lastScrollTime: Utils.now(),\n lastEventBeforeSnap: undefined,\n recentWheelEvents: [],\n event: function event() {\n if (win.navigator.userAgent.indexOf('firefox') > -1) { return 'DOMMouseScroll'; }\n return isEventSupported() ? 'wheel' : 'mousewheel';\n },\n normalize: function normalize(e) {\n // Reasonable defaults\n var PIXEL_STEP = 10;\n var LINE_HEIGHT = 40;\n var PAGE_HEIGHT = 800;\n\n var sX = 0;\n var sY = 0; // spinX, spinY\n var pX = 0;\n var pY = 0; // pixelX, pixelY\n\n // Legacy\n if ('detail' in e) {\n sY = e.detail;\n }\n if ('wheelDelta' in e) {\n sY = -e.wheelDelta / 120;\n }\n if ('wheelDeltaY' in e) {\n sY = -e.wheelDeltaY / 120;\n }\n if ('wheelDeltaX' in e) {\n sX = -e.wheelDeltaX / 120;\n }\n\n // side scrolling on FF with DOMMouseScroll\n if ('axis' in e && e.axis === e.HORIZONTAL_AXIS) {\n sX = sY;\n sY = 0;\n }\n\n pX = sX * PIXEL_STEP;\n pY = sY * PIXEL_STEP;\n\n if ('deltaY' in e) {\n pY = e.deltaY;\n }\n if ('deltaX' in e) {\n pX = e.deltaX;\n }\n\n if (e.shiftKey && !pX) { // if user scrolls with shift he wants horizontal scroll\n pX = pY;\n pY = 0;\n }\n\n if ((pX || pY) && e.deltaMode) {\n if (e.deltaMode === 1) { // delta in LINE units\n pX *= LINE_HEIGHT;\n pY *= LINE_HEIGHT;\n } else { // delta in PAGE units\n pX *= PAGE_HEIGHT;\n pY *= PAGE_HEIGHT;\n }\n }\n\n // Fall-back if spin cannot be determined\n if (pX && !sX) {\n sX = (pX < 1) ? -1 : 1;\n }\n if (pY && !sY) {\n sY = (pY < 1) ? -1 : 1;\n }\n\n return {\n spinX: sX,\n spinY: sY,\n pixelX: pX,\n pixelY: pY,\n };\n },\n handleMouseEnter: function handleMouseEnter() {\n var swiper = this;\n swiper.mouseEntered = true;\n },\n handleMouseLeave: function handleMouseLeave() {\n var swiper = this;\n swiper.mouseEntered = false;\n },\n handle: function handle(event) {\n var e = event;\n var swiper = this;\n var params = swiper.params.mousewheel;\n\n if (swiper.params.cssMode) {\n e.preventDefault();\n }\n\n if (!swiper.mouseEntered && !params.releaseOnEdges) { return true; }\n\n if (e.originalEvent) { e = e.originalEvent; } // jquery fix\n var delta = 0;\n var rtlFactor = swiper.rtlTranslate ? -1 : 1;\n\n var data = Mousewheel.normalize(e);\n\n if (params.forceToAxis) {\n if (swiper.isHorizontal()) {\n if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) { delta = data.pixelX * rtlFactor; }\n else { return true; }\n } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) { delta = data.pixelY; }\n else { return true; }\n } else {\n delta = Math.abs(data.pixelX) > Math.abs(data.pixelY) ? -data.pixelX * rtlFactor : -data.pixelY;\n }\n\n if (delta === 0) { return true; }\n\n if (params.invert) { delta = -delta; }\n\n if (!swiper.params.freeMode) {\n if (Utils.now() - swiper.mousewheel.lastScrollTime > 60) {\n if (delta < 0) {\n if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {\n swiper.slideNext();\n swiper.emit('scroll', e);\n } else if (params.releaseOnEdges) { return true; }\n } else if ((!swiper.isBeginning || swiper.params.loop) && !swiper.animating) {\n swiper.slidePrev();\n swiper.emit('scroll', e);\n } else if (params.releaseOnEdges) { return true; }\n }\n swiper.mousewheel.lastScrollTime = (new win.Date()).getTime();\n } else {\n // Freemode or scrollContainer:\n\n // If we recently snapped after a momentum scroll, then ignore wheel events\n // to give time for the declereration to finish. Stop ignoring after 500 msecs\n // or if it's a new scroll (larger delta or inverse sign as last event before\n // an end-of-momentum snap).\n var newEvent = { time: Utils.now(), delta: Math.abs(delta), direction: Math.sign(delta) };\n var ref = swiper.mousewheel;\n var lastEventBeforeSnap = ref.lastEventBeforeSnap;\n var ignoreWheelEvents = lastEventBeforeSnap\n && newEvent.time < lastEventBeforeSnap.time + 500\n && newEvent.delta <= lastEventBeforeSnap.delta\n && newEvent.direction === lastEventBeforeSnap.direction;\n if (!ignoreWheelEvents) {\n swiper.mousewheel.lastEventBeforeSnap = undefined;\n\n if (swiper.params.loop) {\n swiper.loopFix();\n }\n var position = swiper.getTranslate() + (delta * params.sensitivity);\n var wasBeginning = swiper.isBeginning;\n var wasEnd = swiper.isEnd;\n\n if (position >= swiper.minTranslate()) { position = swiper.minTranslate(); }\n if (position <= swiper.maxTranslate()) { position = swiper.maxTranslate(); }\n\n swiper.setTransition(0);\n swiper.setTranslate(position);\n swiper.updateProgress();\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n\n if ((!wasBeginning && swiper.isBeginning) || (!wasEnd && swiper.isEnd)) {\n swiper.updateSlidesClasses();\n }\n\n if (swiper.params.freeModeSticky) {\n // When wheel scrolling starts with sticky (aka snap) enabled, then detect\n // the end of a momentum scroll by storing recent (N=15?) wheel events.\n // 1. do all N events have decreasing or same (absolute value) delta?\n // 2. did all N events arrive in the last M (M=500?) msecs?\n // 3. does the earliest event have an (absolute value) delta that's\n // at least P (P=1?) larger than the most recent event's delta?\n // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?\n // If 1-4 are \"yes\" then we're near the end of a momuntum scroll deceleration.\n // Snap immediately and ignore remaining wheel events in this scroll.\n // See comment above for \"remaining wheel events in this scroll\" determination.\n // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.\n clearTimeout(swiper.mousewheel.timeout);\n swiper.mousewheel.timeout = undefined;\n var recentWheelEvents = swiper.mousewheel.recentWheelEvents;\n if (recentWheelEvents.length >= 15) {\n recentWheelEvents.shift(); // only store the last N events\n }\n var prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;\n var firstEvent = recentWheelEvents[0];\n recentWheelEvents.push(newEvent);\n if (prevEvent && (newEvent.delta > prevEvent.delta || newEvent.direction !== prevEvent.direction)) {\n // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.\n recentWheelEvents.splice(0);\n } else if (recentWheelEvents.length >= 15\n && newEvent.time - firstEvent.time < 500\n && firstEvent.delta - newEvent.delta >= 1\n && newEvent.delta <= 6\n ) {\n // We're at the end of the deceleration of a momentum scroll, so there's no need\n // to wait for more events. Snap ASAP on the next tick.\n // Also, because there's some remaining momentum we'll bias the snap in the\n // direction of the ongoing scroll because it's better UX for the scroll to snap\n // in the same direction as the scroll instead of reversing to snap. Therefore,\n // if it's already scrolled more than 20% in the current direction, keep going.\n var snapToThreshold = delta > 0 ? 0.8 : 0.2;\n swiper.mousewheel.lastEventBeforeSnap = newEvent;\n recentWheelEvents.splice(0);\n swiper.mousewheel.timeout = Utils.nextTick(function () {\n swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);\n }, 0); // no delay; move on next tick\n }\n if (!swiper.mousewheel.timeout) {\n // if we get here, then we haven't detected the end of a momentum scroll, so\n // we'll consider a scroll \"complete\" when there haven't been any wheel events\n // for 500ms.\n swiper.mousewheel.timeout = Utils.nextTick(function () {\n var snapToThreshold = 0.5;\n swiper.mousewheel.lastEventBeforeSnap = newEvent;\n recentWheelEvents.splice(0);\n swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);\n }, 500);\n }\n }\n\n // Emit event\n if (!ignoreWheelEvents) { swiper.emit('scroll', e); }\n\n // Stop autoplay\n if (swiper.params.autoplay && swiper.params.autoplayDisableOnInteraction) { swiper.autoplay.stop(); }\n // Return page scroll on edge positions\n if (position === swiper.minTranslate() || position === swiper.maxTranslate()) { return true; }\n }\n }\n\n if (e.preventDefault) { e.preventDefault(); }\n else { e.returnValue = false; }\n return false;\n },\n enable: function enable() {\n var swiper = this;\n var event = Mousewheel.event();\n if (swiper.params.cssMode) {\n swiper.wrapperEl.removeEventListener(event, swiper.mousewheel.handle);\n return true;\n }\n if (!event) { return false; }\n if (swiper.mousewheel.enabled) { return false; }\n var target = swiper.$el;\n if (swiper.params.mousewheel.eventsTarged !== 'container') {\n target = $(swiper.params.mousewheel.eventsTarged);\n }\n target.on('mouseenter', swiper.mousewheel.handleMouseEnter);\n target.on('mouseleave', swiper.mousewheel.handleMouseLeave);\n target.on(event, swiper.mousewheel.handle);\n swiper.mousewheel.enabled = true;\n return true;\n },\n disable: function disable() {\n var swiper = this;\n var event = Mousewheel.event();\n if (swiper.params.cssMode) {\n swiper.wrapperEl.addEventListener(event, swiper.mousewheel.handle);\n return true;\n }\n if (!event) { return false; }\n if (!swiper.mousewheel.enabled) { return false; }\n var target = swiper.$el;\n if (swiper.params.mousewheel.eventsTarged !== 'container') {\n target = $(swiper.params.mousewheel.eventsTarged);\n }\n target.off(event, swiper.mousewheel.handle);\n swiper.mousewheel.enabled = false;\n return true;\n },\n };\n\n var Mousewheel$1 = {\n name: 'mousewheel',\n params: {\n mousewheel: {\n enabled: false,\n releaseOnEdges: false,\n invert: false,\n forceToAxis: false,\n sensitivity: 1,\n eventsTarged: 'container',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n mousewheel: {\n enabled: false,\n enable: Mousewheel.enable.bind(swiper),\n disable: Mousewheel.disable.bind(swiper),\n handle: Mousewheel.handle.bind(swiper),\n handleMouseEnter: Mousewheel.handleMouseEnter.bind(swiper),\n handleMouseLeave: Mousewheel.handleMouseLeave.bind(swiper),\n lastScrollTime: Utils.now(),\n lastEventBeforeSnap: undefined,\n recentWheelEvents: [],\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {\n swiper.mousewheel.disable();\n }\n if (swiper.params.mousewheel.enabled) { swiper.mousewheel.enable(); }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.params.cssMode) {\n swiper.mousewheel.enable();\n }\n if (swiper.mousewheel.enabled) { swiper.mousewheel.disable(); }\n },\n },\n };\n\n var Navigation = {\n update: function update() {\n // Update Navigation Buttons\n var swiper = this;\n var params = swiper.params.navigation;\n\n if (swiper.params.loop) { return; }\n var ref = swiper.navigation;\n var $nextEl = ref.$nextEl;\n var $prevEl = ref.$prevEl;\n\n if ($prevEl && $prevEl.length > 0) {\n if (swiper.isBeginning) {\n $prevEl.addClass(params.disabledClass);\n } else {\n $prevEl.removeClass(params.disabledClass);\n }\n $prevEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n }\n if ($nextEl && $nextEl.length > 0) {\n if (swiper.isEnd) {\n $nextEl.addClass(params.disabledClass);\n } else {\n $nextEl.removeClass(params.disabledClass);\n }\n $nextEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n }\n },\n onPrevClick: function onPrevClick(e) {\n var swiper = this;\n e.preventDefault();\n if (swiper.isBeginning && !swiper.params.loop) { return; }\n swiper.slidePrev();\n },\n onNextClick: function onNextClick(e) {\n var swiper = this;\n e.preventDefault();\n if (swiper.isEnd && !swiper.params.loop) { return; }\n swiper.slideNext();\n },\n init: function init() {\n var swiper = this;\n var params = swiper.params.navigation;\n if (!(params.nextEl || params.prevEl)) { return; }\n\n var $nextEl;\n var $prevEl;\n if (params.nextEl) {\n $nextEl = $(params.nextEl);\n if (\n swiper.params.uniqueNavElements\n && typeof params.nextEl === 'string'\n && $nextEl.length > 1\n && swiper.$el.find(params.nextEl).length === 1\n ) {\n $nextEl = swiper.$el.find(params.nextEl);\n }\n }\n if (params.prevEl) {\n $prevEl = $(params.prevEl);\n if (\n swiper.params.uniqueNavElements\n && typeof params.prevEl === 'string'\n && $prevEl.length > 1\n && swiper.$el.find(params.prevEl).length === 1\n ) {\n $prevEl = swiper.$el.find(params.prevEl);\n }\n }\n\n if ($nextEl && $nextEl.length > 0) {\n $nextEl.on('click', swiper.navigation.onNextClick);\n }\n if ($prevEl && $prevEl.length > 0) {\n $prevEl.on('click', swiper.navigation.onPrevClick);\n }\n\n Utils.extend(swiper.navigation, {\n $nextEl: $nextEl,\n nextEl: $nextEl && $nextEl[0],\n $prevEl: $prevEl,\n prevEl: $prevEl && $prevEl[0],\n });\n },\n destroy: function destroy() {\n var swiper = this;\n var ref = swiper.navigation;\n var $nextEl = ref.$nextEl;\n var $prevEl = ref.$prevEl;\n if ($nextEl && $nextEl.length) {\n $nextEl.off('click', swiper.navigation.onNextClick);\n $nextEl.removeClass(swiper.params.navigation.disabledClass);\n }\n if ($prevEl && $prevEl.length) {\n $prevEl.off('click', swiper.navigation.onPrevClick);\n $prevEl.removeClass(swiper.params.navigation.disabledClass);\n }\n },\n };\n\n var Navigation$1 = {\n name: 'navigation',\n params: {\n navigation: {\n nextEl: null,\n prevEl: null,\n\n hideOnClick: false,\n disabledClass: 'swiper-button-disabled',\n hiddenClass: 'swiper-button-hidden',\n lockClass: 'swiper-button-lock',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n navigation: {\n init: Navigation.init.bind(swiper),\n update: Navigation.update.bind(swiper),\n destroy: Navigation.destroy.bind(swiper),\n onNextClick: Navigation.onNextClick.bind(swiper),\n onPrevClick: Navigation.onPrevClick.bind(swiper),\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n swiper.navigation.init();\n swiper.navigation.update();\n },\n toEdge: function toEdge() {\n var swiper = this;\n swiper.navigation.update();\n },\n fromEdge: function fromEdge() {\n var swiper = this;\n swiper.navigation.update();\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.navigation.destroy();\n },\n click: function click(e) {\n var swiper = this;\n var ref = swiper.navigation;\n var $nextEl = ref.$nextEl;\n var $prevEl = ref.$prevEl;\n if (\n swiper.params.navigation.hideOnClick\n && !$(e.target).is($prevEl)\n && !$(e.target).is($nextEl)\n ) {\n var isHidden;\n if ($nextEl) {\n isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);\n } else if ($prevEl) {\n isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);\n }\n if (isHidden === true) {\n swiper.emit('navigationShow', swiper);\n } else {\n swiper.emit('navigationHide', swiper);\n }\n if ($nextEl) {\n $nextEl.toggleClass(swiper.params.navigation.hiddenClass);\n }\n if ($prevEl) {\n $prevEl.toggleClass(swiper.params.navigation.hiddenClass);\n }\n }\n },\n },\n };\n\n var Pagination = {\n update: function update() {\n // Render || Update Pagination bullets/items\n var swiper = this;\n var rtl = swiper.rtl;\n var params = swiper.params.pagination;\n if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; }\n var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;\n var $el = swiper.pagination.$el;\n // Current/Total\n var current;\n var total = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;\n if (swiper.params.loop) {\n current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup);\n if (current > slidesLength - 1 - (swiper.loopedSlides * 2)) {\n current -= (slidesLength - (swiper.loopedSlides * 2));\n }\n if (current > total - 1) { current -= total; }\n if (current < 0 && swiper.params.paginationType !== 'bullets') { current = total + current; }\n } else if (typeof swiper.snapIndex !== 'undefined') {\n current = swiper.snapIndex;\n } else {\n current = swiper.activeIndex || 0;\n }\n // Types\n if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {\n var bullets = swiper.pagination.bullets;\n var firstIndex;\n var lastIndex;\n var midIndex;\n if (params.dynamicBullets) {\n swiper.pagination.bulletSize = bullets.eq(0)[swiper.isHorizontal() ? 'outerWidth' : 'outerHeight'](true);\n $el.css(swiper.isHorizontal() ? 'width' : 'height', ((swiper.pagination.bulletSize * (params.dynamicMainBullets + 4)) + \"px\"));\n if (params.dynamicMainBullets > 1 && swiper.previousIndex !== undefined) {\n swiper.pagination.dynamicBulletIndex += (current - swiper.previousIndex);\n if (swiper.pagination.dynamicBulletIndex > (params.dynamicMainBullets - 1)) {\n swiper.pagination.dynamicBulletIndex = params.dynamicMainBullets - 1;\n } else if (swiper.pagination.dynamicBulletIndex < 0) {\n swiper.pagination.dynamicBulletIndex = 0;\n }\n }\n firstIndex = current - swiper.pagination.dynamicBulletIndex;\n lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);\n midIndex = (lastIndex + firstIndex) / 2;\n }\n bullets.removeClass(((params.bulletActiveClass) + \" \" + (params.bulletActiveClass) + \"-next \" + (params.bulletActiveClass) + \"-next-next \" + (params.bulletActiveClass) + \"-prev \" + (params.bulletActiveClass) + \"-prev-prev \" + (params.bulletActiveClass) + \"-main\"));\n if ($el.length > 1) {\n bullets.each(function (index, bullet) {\n var $bullet = $(bullet);\n var bulletIndex = $bullet.index();\n if (bulletIndex === current) {\n $bullet.addClass(params.bulletActiveClass);\n }\n if (params.dynamicBullets) {\n if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {\n $bullet.addClass(((params.bulletActiveClass) + \"-main\"));\n }\n if (bulletIndex === firstIndex) {\n $bullet\n .prev()\n .addClass(((params.bulletActiveClass) + \"-prev\"))\n .prev()\n .addClass(((params.bulletActiveClass) + \"-prev-prev\"));\n }\n if (bulletIndex === lastIndex) {\n $bullet\n .next()\n .addClass(((params.bulletActiveClass) + \"-next\"))\n .next()\n .addClass(((params.bulletActiveClass) + \"-next-next\"));\n }\n }\n });\n } else {\n var $bullet = bullets.eq(current);\n var bulletIndex = $bullet.index();\n $bullet.addClass(params.bulletActiveClass);\n if (params.dynamicBullets) {\n var $firstDisplayedBullet = bullets.eq(firstIndex);\n var $lastDisplayedBullet = bullets.eq(lastIndex);\n for (var i = firstIndex; i <= lastIndex; i += 1) {\n bullets.eq(i).addClass(((params.bulletActiveClass) + \"-main\"));\n }\n if (swiper.params.loop) {\n if (bulletIndex >= bullets.length - params.dynamicMainBullets) {\n for (var i$1 = params.dynamicMainBullets; i$1 >= 0; i$1 -= 1) {\n bullets.eq(bullets.length - i$1).addClass(((params.bulletActiveClass) + \"-main\"));\n }\n bullets.eq(bullets.length - params.dynamicMainBullets - 1).addClass(((params.bulletActiveClass) + \"-prev\"));\n } else {\n $firstDisplayedBullet\n .prev()\n .addClass(((params.bulletActiveClass) + \"-prev\"))\n .prev()\n .addClass(((params.bulletActiveClass) + \"-prev-prev\"));\n $lastDisplayedBullet\n .next()\n .addClass(((params.bulletActiveClass) + \"-next\"))\n .next()\n .addClass(((params.bulletActiveClass) + \"-next-next\"));\n }\n } else {\n $firstDisplayedBullet\n .prev()\n .addClass(((params.bulletActiveClass) + \"-prev\"))\n .prev()\n .addClass(((params.bulletActiveClass) + \"-prev-prev\"));\n $lastDisplayedBullet\n .next()\n .addClass(((params.bulletActiveClass) + \"-next\"))\n .next()\n .addClass(((params.bulletActiveClass) + \"-next-next\"));\n }\n }\n }\n if (params.dynamicBullets) {\n var dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);\n var bulletsOffset = (((swiper.pagination.bulletSize * dynamicBulletsLength) - (swiper.pagination.bulletSize)) / 2) - (midIndex * swiper.pagination.bulletSize);\n var offsetProp = rtl ? 'right' : 'left';\n bullets.css(swiper.isHorizontal() ? offsetProp : 'top', (bulletsOffset + \"px\"));\n }\n }\n if (params.type === 'fraction') {\n $el.find((\".\" + (params.currentClass))).text(params.formatFractionCurrent(current + 1));\n $el.find((\".\" + (params.totalClass))).text(params.formatFractionTotal(total));\n }\n if (params.type === 'progressbar') {\n var progressbarDirection;\n if (params.progressbarOpposite) {\n progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';\n } else {\n progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';\n }\n var scale = (current + 1) / total;\n var scaleX = 1;\n var scaleY = 1;\n if (progressbarDirection === 'horizontal') {\n scaleX = scale;\n } else {\n scaleY = scale;\n }\n $el.find((\".\" + (params.progressbarFillClass))).transform((\"translate3d(0,0,0) scaleX(\" + scaleX + \") scaleY(\" + scaleY + \")\")).transition(swiper.params.speed);\n }\n if (params.type === 'custom' && params.renderCustom) {\n $el.html(params.renderCustom(swiper, current + 1, total));\n swiper.emit('paginationRender', swiper, $el[0]);\n } else {\n swiper.emit('paginationUpdate', swiper, $el[0]);\n }\n $el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n },\n render: function render() {\n // Render Container\n var swiper = this;\n var params = swiper.params.pagination;\n if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; }\n var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;\n\n var $el = swiper.pagination.$el;\n var paginationHTML = '';\n if (params.type === 'bullets') {\n var numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;\n for (var i = 0; i < numberOfBullets; i += 1) {\n if (params.renderBullet) {\n paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);\n } else {\n paginationHTML += \"<\" + (params.bulletElement) + \" class=\\\"\" + (params.bulletClass) + \"\\\">\";\n }\n }\n $el.html(paginationHTML);\n swiper.pagination.bullets = $el.find((\".\" + (params.bulletClass)));\n }\n if (params.type === 'fraction') {\n if (params.renderFraction) {\n paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);\n } else {\n paginationHTML = \"\"\n + ' / '\n + \"\";\n }\n $el.html(paginationHTML);\n }\n if (params.type === 'progressbar') {\n if (params.renderProgressbar) {\n paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);\n } else {\n paginationHTML = \"\";\n }\n $el.html(paginationHTML);\n }\n if (params.type !== 'custom') {\n swiper.emit('paginationRender', swiper.pagination.$el[0]);\n }\n },\n init: function init() {\n var swiper = this;\n var params = swiper.params.pagination;\n if (!params.el) { return; }\n\n var $el = $(params.el);\n if ($el.length === 0) { return; }\n\n if (\n swiper.params.uniqueNavElements\n && typeof params.el === 'string'\n && $el.length > 1\n && swiper.$el.find(params.el).length === 1\n ) {\n $el = swiper.$el.find(params.el);\n }\n\n if (params.type === 'bullets' && params.clickable) {\n $el.addClass(params.clickableClass);\n }\n\n $el.addClass(params.modifierClass + params.type);\n\n if (params.type === 'bullets' && params.dynamicBullets) {\n $el.addClass((\"\" + (params.modifierClass) + (params.type) + \"-dynamic\"));\n swiper.pagination.dynamicBulletIndex = 0;\n if (params.dynamicMainBullets < 1) {\n params.dynamicMainBullets = 1;\n }\n }\n if (params.type === 'progressbar' && params.progressbarOpposite) {\n $el.addClass(params.progressbarOppositeClass);\n }\n\n if (params.clickable) {\n $el.on('click', (\".\" + (params.bulletClass)), function onClick(e) {\n e.preventDefault();\n var index = $(this).index() * swiper.params.slidesPerGroup;\n if (swiper.params.loop) { index += swiper.loopedSlides; }\n swiper.slideTo(index);\n });\n }\n\n Utils.extend(swiper.pagination, {\n $el: $el,\n el: $el[0],\n });\n },\n destroy: function destroy() {\n var swiper = this;\n var params = swiper.params.pagination;\n if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; }\n var $el = swiper.pagination.$el;\n\n $el.removeClass(params.hiddenClass);\n $el.removeClass(params.modifierClass + params.type);\n if (swiper.pagination.bullets) { swiper.pagination.bullets.removeClass(params.bulletActiveClass); }\n if (params.clickable) {\n $el.off('click', (\".\" + (params.bulletClass)));\n }\n },\n };\n\n var Pagination$1 = {\n name: 'pagination',\n params: {\n pagination: {\n el: null,\n bulletElement: 'span',\n clickable: false,\n hideOnClick: false,\n renderBullet: null,\n renderProgressbar: null,\n renderFraction: null,\n renderCustom: null,\n progressbarOpposite: false,\n type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom'\n dynamicBullets: false,\n dynamicMainBullets: 1,\n formatFractionCurrent: function (number) { return number; },\n formatFractionTotal: function (number) { return number; },\n bulletClass: 'swiper-pagination-bullet',\n bulletActiveClass: 'swiper-pagination-bullet-active',\n modifierClass: 'swiper-pagination-', // NEW\n currentClass: 'swiper-pagination-current',\n totalClass: 'swiper-pagination-total',\n hiddenClass: 'swiper-pagination-hidden',\n progressbarFillClass: 'swiper-pagination-progressbar-fill',\n progressbarOppositeClass: 'swiper-pagination-progressbar-opposite',\n clickableClass: 'swiper-pagination-clickable', // NEW\n lockClass: 'swiper-pagination-lock',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n pagination: {\n init: Pagination.init.bind(swiper),\n render: Pagination.render.bind(swiper),\n update: Pagination.update.bind(swiper),\n destroy: Pagination.destroy.bind(swiper),\n dynamicBulletIndex: 0,\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n swiper.pagination.init();\n swiper.pagination.render();\n swiper.pagination.update();\n },\n activeIndexChange: function activeIndexChange() {\n var swiper = this;\n if (swiper.params.loop) {\n swiper.pagination.update();\n } else if (typeof swiper.snapIndex === 'undefined') {\n swiper.pagination.update();\n }\n },\n snapIndexChange: function snapIndexChange() {\n var swiper = this;\n if (!swiper.params.loop) {\n swiper.pagination.update();\n }\n },\n slidesLengthChange: function slidesLengthChange() {\n var swiper = this;\n if (swiper.params.loop) {\n swiper.pagination.render();\n swiper.pagination.update();\n }\n },\n snapGridLengthChange: function snapGridLengthChange() {\n var swiper = this;\n if (!swiper.params.loop) {\n swiper.pagination.render();\n swiper.pagination.update();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.pagination.destroy();\n },\n click: function click(e) {\n var swiper = this;\n if (\n swiper.params.pagination.el\n && swiper.params.pagination.hideOnClick\n && swiper.pagination.$el.length > 0\n && !$(e.target).hasClass(swiper.params.pagination.bulletClass)\n ) {\n var isHidden = swiper.pagination.$el.hasClass(swiper.params.pagination.hiddenClass);\n if (isHidden === true) {\n swiper.emit('paginationShow', swiper);\n } else {\n swiper.emit('paginationHide', swiper);\n }\n swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass);\n }\n },\n },\n };\n\n var Scrollbar = {\n setTranslate: function setTranslate() {\n var swiper = this;\n if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; }\n var scrollbar = swiper.scrollbar;\n var rtl = swiper.rtlTranslate;\n var progress = swiper.progress;\n var dragSize = scrollbar.dragSize;\n var trackSize = scrollbar.trackSize;\n var $dragEl = scrollbar.$dragEl;\n var $el = scrollbar.$el;\n var params = swiper.params.scrollbar;\n\n var newSize = dragSize;\n var newPos = (trackSize - dragSize) * progress;\n if (rtl) {\n newPos = -newPos;\n if (newPos > 0) {\n newSize = dragSize - newPos;\n newPos = 0;\n } else if (-newPos + dragSize > trackSize) {\n newSize = trackSize + newPos;\n }\n } else if (newPos < 0) {\n newSize = dragSize + newPos;\n newPos = 0;\n } else if (newPos + dragSize > trackSize) {\n newSize = trackSize - newPos;\n }\n if (swiper.isHorizontal()) {\n $dragEl.transform((\"translate3d(\" + newPos + \"px, 0, 0)\"));\n $dragEl[0].style.width = newSize + \"px\";\n } else {\n $dragEl.transform((\"translate3d(0px, \" + newPos + \"px, 0)\"));\n $dragEl[0].style.height = newSize + \"px\";\n }\n if (params.hide) {\n clearTimeout(swiper.scrollbar.timeout);\n $el[0].style.opacity = 1;\n swiper.scrollbar.timeout = setTimeout(function () {\n $el[0].style.opacity = 0;\n $el.transition(400);\n }, 1000);\n }\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; }\n swiper.scrollbar.$dragEl.transition(duration);\n },\n updateSize: function updateSize() {\n var swiper = this;\n if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; }\n\n var scrollbar = swiper.scrollbar;\n var $dragEl = scrollbar.$dragEl;\n var $el = scrollbar.$el;\n\n $dragEl[0].style.width = '';\n $dragEl[0].style.height = '';\n var trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight;\n\n var divider = swiper.size / swiper.virtualSize;\n var moveDivider = divider * (trackSize / swiper.size);\n var dragSize;\n if (swiper.params.scrollbar.dragSize === 'auto') {\n dragSize = trackSize * divider;\n } else {\n dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);\n }\n\n if (swiper.isHorizontal()) {\n $dragEl[0].style.width = dragSize + \"px\";\n } else {\n $dragEl[0].style.height = dragSize + \"px\";\n }\n\n if (divider >= 1) {\n $el[0].style.display = 'none';\n } else {\n $el[0].style.display = '';\n }\n if (swiper.params.scrollbar.hide) {\n $el[0].style.opacity = 0;\n }\n Utils.extend(scrollbar, {\n trackSize: trackSize,\n divider: divider,\n moveDivider: moveDivider,\n dragSize: dragSize,\n });\n scrollbar.$el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass);\n },\n getPointerPosition: function getPointerPosition(e) {\n var swiper = this;\n if (swiper.isHorizontal()) {\n return ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].clientX : e.clientX);\n }\n return ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].clientY : e.clientY);\n },\n setDragPosition: function setDragPosition(e) {\n var swiper = this;\n var scrollbar = swiper.scrollbar;\n var rtl = swiper.rtlTranslate;\n var $el = scrollbar.$el;\n var dragSize = scrollbar.dragSize;\n var trackSize = scrollbar.trackSize;\n var dragStartPos = scrollbar.dragStartPos;\n\n var positionRatio;\n positionRatio = ((scrollbar.getPointerPosition(e)) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top']\n - (dragStartPos !== null ? dragStartPos : dragSize / 2)) / (trackSize - dragSize);\n positionRatio = Math.max(Math.min(positionRatio, 1), 0);\n if (rtl) {\n positionRatio = 1 - positionRatio;\n }\n\n var position = swiper.minTranslate() + ((swiper.maxTranslate() - swiper.minTranslate()) * positionRatio);\n\n swiper.updateProgress(position);\n swiper.setTranslate(position);\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n },\n onDragStart: function onDragStart(e) {\n var swiper = this;\n var params = swiper.params.scrollbar;\n var scrollbar = swiper.scrollbar;\n var $wrapperEl = swiper.$wrapperEl;\n var $el = scrollbar.$el;\n var $dragEl = scrollbar.$dragEl;\n swiper.scrollbar.isTouched = true;\n swiper.scrollbar.dragStartPos = (e.target === $dragEl[0] || e.target === $dragEl)\n ? scrollbar.getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;\n e.preventDefault();\n e.stopPropagation();\n\n $wrapperEl.transition(100);\n $dragEl.transition(100);\n scrollbar.setDragPosition(e);\n\n clearTimeout(swiper.scrollbar.dragTimeout);\n\n $el.transition(0);\n if (params.hide) {\n $el.css('opacity', 1);\n }\n if (swiper.params.cssMode) {\n swiper.$wrapperEl.css('scroll-snap-type', 'none');\n }\n swiper.emit('scrollbarDragStart', e);\n },\n onDragMove: function onDragMove(e) {\n var swiper = this;\n var scrollbar = swiper.scrollbar;\n var $wrapperEl = swiper.$wrapperEl;\n var $el = scrollbar.$el;\n var $dragEl = scrollbar.$dragEl;\n\n if (!swiper.scrollbar.isTouched) { return; }\n if (e.preventDefault) { e.preventDefault(); }\n else { e.returnValue = false; }\n scrollbar.setDragPosition(e);\n $wrapperEl.transition(0);\n $el.transition(0);\n $dragEl.transition(0);\n swiper.emit('scrollbarDragMove', e);\n },\n onDragEnd: function onDragEnd(e) {\n var swiper = this;\n\n var params = swiper.params.scrollbar;\n var scrollbar = swiper.scrollbar;\n var $wrapperEl = swiper.$wrapperEl;\n var $el = scrollbar.$el;\n\n if (!swiper.scrollbar.isTouched) { return; }\n swiper.scrollbar.isTouched = false;\n if (swiper.params.cssMode) {\n swiper.$wrapperEl.css('scroll-snap-type', '');\n $wrapperEl.transition('');\n }\n if (params.hide) {\n clearTimeout(swiper.scrollbar.dragTimeout);\n swiper.scrollbar.dragTimeout = Utils.nextTick(function () {\n $el.css('opacity', 0);\n $el.transition(400);\n }, 1000);\n }\n swiper.emit('scrollbarDragEnd', e);\n if (params.snapOnRelease) {\n swiper.slideToClosest();\n }\n },\n enableDraggable: function enableDraggable() {\n var swiper = this;\n if (!swiper.params.scrollbar.el) { return; }\n var scrollbar = swiper.scrollbar;\n var touchEventsTouch = swiper.touchEventsTouch;\n var touchEventsDesktop = swiper.touchEventsDesktop;\n var params = swiper.params;\n var $el = scrollbar.$el;\n var target = $el[0];\n var activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false;\n var passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;\n if (!Support.touch) {\n target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);\n doc.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);\n doc.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);\n } else {\n target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);\n target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);\n target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);\n }\n },\n disableDraggable: function disableDraggable() {\n var swiper = this;\n if (!swiper.params.scrollbar.el) { return; }\n var scrollbar = swiper.scrollbar;\n var touchEventsTouch = swiper.touchEventsTouch;\n var touchEventsDesktop = swiper.touchEventsDesktop;\n var params = swiper.params;\n var $el = scrollbar.$el;\n var target = $el[0];\n var activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false;\n var passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false;\n if (!Support.touch) {\n target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);\n doc.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);\n doc.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);\n } else {\n target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);\n target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);\n target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);\n }\n },\n init: function init() {\n var swiper = this;\n if (!swiper.params.scrollbar.el) { return; }\n var scrollbar = swiper.scrollbar;\n var $swiperEl = swiper.$el;\n var params = swiper.params.scrollbar;\n\n var $el = $(params.el);\n if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) {\n $el = $swiperEl.find(params.el);\n }\n\n var $dragEl = $el.find((\".\" + (swiper.params.scrollbar.dragClass)));\n if ($dragEl.length === 0) {\n $dragEl = $((\"\"));\n $el.append($dragEl);\n }\n\n Utils.extend(scrollbar, {\n $el: $el,\n el: $el[0],\n $dragEl: $dragEl,\n dragEl: $dragEl[0],\n });\n\n if (params.draggable) {\n scrollbar.enableDraggable();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.scrollbar.disableDraggable();\n },\n };\n\n var Scrollbar$1 = {\n name: 'scrollbar',\n params: {\n scrollbar: {\n el: null,\n dragSize: 'auto',\n hide: false,\n draggable: false,\n snapOnRelease: true,\n lockClass: 'swiper-scrollbar-lock',\n dragClass: 'swiper-scrollbar-drag',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n scrollbar: {\n init: Scrollbar.init.bind(swiper),\n destroy: Scrollbar.destroy.bind(swiper),\n updateSize: Scrollbar.updateSize.bind(swiper),\n setTranslate: Scrollbar.setTranslate.bind(swiper),\n setTransition: Scrollbar.setTransition.bind(swiper),\n enableDraggable: Scrollbar.enableDraggable.bind(swiper),\n disableDraggable: Scrollbar.disableDraggable.bind(swiper),\n setDragPosition: Scrollbar.setDragPosition.bind(swiper),\n getPointerPosition: Scrollbar.getPointerPosition.bind(swiper),\n onDragStart: Scrollbar.onDragStart.bind(swiper),\n onDragMove: Scrollbar.onDragMove.bind(swiper),\n onDragEnd: Scrollbar.onDragEnd.bind(swiper),\n isTouched: false,\n timeout: null,\n dragTimeout: null,\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n swiper.scrollbar.init();\n swiper.scrollbar.updateSize();\n swiper.scrollbar.setTranslate();\n },\n update: function update() {\n var swiper = this;\n swiper.scrollbar.updateSize();\n },\n resize: function resize() {\n var swiper = this;\n swiper.scrollbar.updateSize();\n },\n observerUpdate: function observerUpdate() {\n var swiper = this;\n swiper.scrollbar.updateSize();\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n swiper.scrollbar.setTranslate();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n swiper.scrollbar.setTransition(duration);\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.scrollbar.destroy();\n },\n },\n };\n\n var Parallax = {\n setTransform: function setTransform(el, progress) {\n var swiper = this;\n var rtl = swiper.rtl;\n\n var $el = $(el);\n var rtlFactor = rtl ? -1 : 1;\n\n var p = $el.attr('data-swiper-parallax') || '0';\n var x = $el.attr('data-swiper-parallax-x');\n var y = $el.attr('data-swiper-parallax-y');\n var scale = $el.attr('data-swiper-parallax-scale');\n var opacity = $el.attr('data-swiper-parallax-opacity');\n\n if (x || y) {\n x = x || '0';\n y = y || '0';\n } else if (swiper.isHorizontal()) {\n x = p;\n y = '0';\n } else {\n y = p;\n x = '0';\n }\n\n if ((x).indexOf('%') >= 0) {\n x = (parseInt(x, 10) * progress * rtlFactor) + \"%\";\n } else {\n x = (x * progress * rtlFactor) + \"px\";\n }\n if ((y).indexOf('%') >= 0) {\n y = (parseInt(y, 10) * progress) + \"%\";\n } else {\n y = (y * progress) + \"px\";\n }\n\n if (typeof opacity !== 'undefined' && opacity !== null) {\n var currentOpacity = opacity - ((opacity - 1) * (1 - Math.abs(progress)));\n $el[0].style.opacity = currentOpacity;\n }\n if (typeof scale === 'undefined' || scale === null) {\n $el.transform((\"translate3d(\" + x + \", \" + y + \", 0px)\"));\n } else {\n var currentScale = scale - ((scale - 1) * (1 - Math.abs(progress)));\n $el.transform((\"translate3d(\" + x + \", \" + y + \", 0px) scale(\" + currentScale + \")\"));\n }\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n var $el = swiper.$el;\n var slides = swiper.slides;\n var progress = swiper.progress;\n var snapGrid = swiper.snapGrid;\n $el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')\n .each(function (index, el) {\n swiper.parallax.setTransform(el, progress);\n });\n slides.each(function (slideIndex, slideEl) {\n var slideProgress = slideEl.progress;\n if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {\n slideProgress += Math.ceil(slideIndex / 2) - (progress * (snapGrid.length - 1));\n }\n slideProgress = Math.min(Math.max(slideProgress, -1), 1);\n $(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')\n .each(function (index, el) {\n swiper.parallax.setTransform(el, slideProgress);\n });\n });\n },\n setTransition: function setTransition(duration) {\n if ( duration === void 0 ) duration = this.params.speed;\n\n var swiper = this;\n var $el = swiper.$el;\n $el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')\n .each(function (index, parallaxEl) {\n var $parallaxEl = $(parallaxEl);\n var parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration;\n if (duration === 0) { parallaxDuration = 0; }\n $parallaxEl.transition(parallaxDuration);\n });\n },\n };\n\n var Parallax$1 = {\n name: 'parallax',\n params: {\n parallax: {\n enabled: false,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n parallax: {\n setTransform: Parallax.setTransform.bind(swiper),\n setTranslate: Parallax.setTranslate.bind(swiper),\n setTransition: Parallax.setTransition.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (!swiper.params.parallax.enabled) { return; }\n swiper.params.watchSlidesProgress = true;\n swiper.originalParams.watchSlidesProgress = true;\n },\n init: function init() {\n var swiper = this;\n if (!swiper.params.parallax.enabled) { return; }\n swiper.parallax.setTranslate();\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n if (!swiper.params.parallax.enabled) { return; }\n swiper.parallax.setTranslate();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (!swiper.params.parallax.enabled) { return; }\n swiper.parallax.setTransition(duration);\n },\n },\n };\n\n var Zoom = {\n // Calc Scale From Multi-touches\n getDistanceBetweenTouches: function getDistanceBetweenTouches(e) {\n if (e.targetTouches.length < 2) { return 1; }\n var x1 = e.targetTouches[0].pageX;\n var y1 = e.targetTouches[0].pageY;\n var x2 = e.targetTouches[1].pageX;\n var y2 = e.targetTouches[1].pageY;\n var distance = Math.sqrt((Math.pow( (x2 - x1), 2 )) + (Math.pow( (y2 - y1), 2 )));\n return distance;\n },\n // Events\n onGestureStart: function onGestureStart(e) {\n var swiper = this;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n zoom.fakeGestureTouched = false;\n zoom.fakeGestureMoved = false;\n if (!Support.gestures) {\n if (e.type !== 'touchstart' || (e.type === 'touchstart' && e.targetTouches.length < 2)) {\n return;\n }\n zoom.fakeGestureTouched = true;\n gesture.scaleStart = Zoom.getDistanceBetweenTouches(e);\n }\n if (!gesture.$slideEl || !gesture.$slideEl.length) {\n gesture.$slideEl = $(e.target).closest('.swiper-slide');\n if (gesture.$slideEl.length === 0) { gesture.$slideEl = swiper.slides.eq(swiper.activeIndex); }\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas');\n gesture.$imageWrapEl = gesture.$imageEl.parent((\".\" + (params.containerClass)));\n gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n if (gesture.$imageWrapEl.length === 0) {\n gesture.$imageEl = undefined;\n return;\n }\n }\n gesture.$imageEl.transition(0);\n swiper.zoom.isScaling = true;\n },\n onGestureChange: function onGestureChange(e) {\n var swiper = this;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n if (!Support.gestures) {\n if (e.type !== 'touchmove' || (e.type === 'touchmove' && e.targetTouches.length < 2)) {\n return;\n }\n zoom.fakeGestureMoved = true;\n gesture.scaleMove = Zoom.getDistanceBetweenTouches(e);\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n if (Support.gestures) {\n zoom.scale = e.scale * zoom.currentScale;\n } else {\n zoom.scale = (gesture.scaleMove / gesture.scaleStart) * zoom.currentScale;\n }\n if (zoom.scale > gesture.maxRatio) {\n zoom.scale = (gesture.maxRatio - 1) + (Math.pow( ((zoom.scale - gesture.maxRatio) + 1), 0.5 ));\n }\n if (zoom.scale < params.minRatio) {\n zoom.scale = (params.minRatio + 1) - (Math.pow( ((params.minRatio - zoom.scale) + 1), 0.5 ));\n }\n gesture.$imageEl.transform((\"translate3d(0,0,0) scale(\" + (zoom.scale) + \")\"));\n },\n onGestureEnd: function onGestureEnd(e) {\n var swiper = this;\n var params = swiper.params.zoom;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n if (!Support.gestures) {\n if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) {\n return;\n }\n if (e.type !== 'touchend' || (e.type === 'touchend' && e.changedTouches.length < 2 && !Device.android)) {\n return;\n }\n zoom.fakeGestureTouched = false;\n zoom.fakeGestureMoved = false;\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);\n gesture.$imageEl.transition(swiper.params.speed).transform((\"translate3d(0,0,0) scale(\" + (zoom.scale) + \")\"));\n zoom.currentScale = zoom.scale;\n zoom.isScaling = false;\n if (zoom.scale === 1) { gesture.$slideEl = undefined; }\n },\n onTouchStart: function onTouchStart(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n var image = zoom.image;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n if (image.isTouched) { return; }\n if (Device.android) { e.preventDefault(); }\n image.isTouched = true;\n image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;\n image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;\n },\n onTouchMove: function onTouchMove(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n var image = zoom.image;\n var velocity = zoom.velocity;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n swiper.allowClick = false;\n if (!image.isTouched || !gesture.$slideEl) { return; }\n\n if (!image.isMoved) {\n image.width = gesture.$imageEl[0].offsetWidth;\n image.height = gesture.$imageEl[0].offsetHeight;\n image.startX = Utils.getTranslate(gesture.$imageWrapEl[0], 'x') || 0;\n image.startY = Utils.getTranslate(gesture.$imageWrapEl[0], 'y') || 0;\n gesture.slideWidth = gesture.$slideEl[0].offsetWidth;\n gesture.slideHeight = gesture.$slideEl[0].offsetHeight;\n gesture.$imageWrapEl.transition(0);\n if (swiper.rtl) {\n image.startX = -image.startX;\n image.startY = -image.startY;\n }\n }\n // Define if we need image drag\n var scaledWidth = image.width * zoom.scale;\n var scaledHeight = image.height * zoom.scale;\n\n if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) { return; }\n\n image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0);\n image.maxX = -image.minX;\n image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0);\n image.maxY = -image.minY;\n\n image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;\n image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;\n\n if (!image.isMoved && !zoom.isScaling) {\n if (\n swiper.isHorizontal()\n && (\n (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x)\n || (Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)\n )\n ) {\n image.isTouched = false;\n return;\n } if (\n !swiper.isHorizontal()\n && (\n (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y)\n || (Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)\n )\n ) {\n image.isTouched = false;\n return;\n }\n }\n e.preventDefault();\n e.stopPropagation();\n\n image.isMoved = true;\n image.currentX = (image.touchesCurrent.x - image.touchesStart.x) + image.startX;\n image.currentY = (image.touchesCurrent.y - image.touchesStart.y) + image.startY;\n\n if (image.currentX < image.minX) {\n image.currentX = (image.minX + 1) - (Math.pow( ((image.minX - image.currentX) + 1), 0.8 ));\n }\n if (image.currentX > image.maxX) {\n image.currentX = (image.maxX - 1) + (Math.pow( ((image.currentX - image.maxX) + 1), 0.8 ));\n }\n\n if (image.currentY < image.minY) {\n image.currentY = (image.minY + 1) - (Math.pow( ((image.minY - image.currentY) + 1), 0.8 ));\n }\n if (image.currentY > image.maxY) {\n image.currentY = (image.maxY - 1) + (Math.pow( ((image.currentY - image.maxY) + 1), 0.8 ));\n }\n\n // Velocity\n if (!velocity.prevPositionX) { velocity.prevPositionX = image.touchesCurrent.x; }\n if (!velocity.prevPositionY) { velocity.prevPositionY = image.touchesCurrent.y; }\n if (!velocity.prevTime) { velocity.prevTime = Date.now(); }\n velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;\n velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;\n if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) { velocity.x = 0; }\n if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) { velocity.y = 0; }\n velocity.prevPositionX = image.touchesCurrent.x;\n velocity.prevPositionY = image.touchesCurrent.y;\n velocity.prevTime = Date.now();\n\n gesture.$imageWrapEl.transform((\"translate3d(\" + (image.currentX) + \"px, \" + (image.currentY) + \"px,0)\"));\n },\n onTouchEnd: function onTouchEnd() {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n var image = zoom.image;\n var velocity = zoom.velocity;\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n if (!image.isTouched || !image.isMoved) {\n image.isTouched = false;\n image.isMoved = false;\n return;\n }\n image.isTouched = false;\n image.isMoved = false;\n var momentumDurationX = 300;\n var momentumDurationY = 300;\n var momentumDistanceX = velocity.x * momentumDurationX;\n var newPositionX = image.currentX + momentumDistanceX;\n var momentumDistanceY = velocity.y * momentumDurationY;\n var newPositionY = image.currentY + momentumDistanceY;\n\n // Fix duration\n if (velocity.x !== 0) { momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x); }\n if (velocity.y !== 0) { momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y); }\n var momentumDuration = Math.max(momentumDurationX, momentumDurationY);\n\n image.currentX = newPositionX;\n image.currentY = newPositionY;\n\n // Define if we need image drag\n var scaledWidth = image.width * zoom.scale;\n var scaledHeight = image.height * zoom.scale;\n image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0);\n image.maxX = -image.minX;\n image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0);\n image.maxY = -image.minY;\n image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);\n image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);\n\n gesture.$imageWrapEl.transition(momentumDuration).transform((\"translate3d(\" + (image.currentX) + \"px, \" + (image.currentY) + \"px,0)\"));\n },\n onTransitionEnd: function onTransitionEnd() {\n var swiper = this;\n var zoom = swiper.zoom;\n var gesture = zoom.gesture;\n if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {\n gesture.$imageEl.transform('translate3d(0,0,0) scale(1)');\n gesture.$imageWrapEl.transform('translate3d(0,0,0)');\n\n zoom.scale = 1;\n zoom.currentScale = 1;\n\n gesture.$slideEl = undefined;\n gesture.$imageEl = undefined;\n gesture.$imageWrapEl = undefined;\n }\n },\n // Toggle Zoom\n toggle: function toggle(e) {\n var swiper = this;\n var zoom = swiper.zoom;\n\n if (zoom.scale && zoom.scale !== 1) {\n // Zoom Out\n zoom.out();\n } else {\n // Zoom In\n zoom.in(e);\n }\n },\n in: function in$1(e) {\n var swiper = this;\n\n var zoom = swiper.zoom;\n var params = swiper.params.zoom;\n var gesture = zoom.gesture;\n var image = zoom.image;\n\n if (!gesture.$slideEl) {\n gesture.$slideEl = swiper.clickedSlide ? $(swiper.clickedSlide) : swiper.slides.eq(swiper.activeIndex);\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas');\n gesture.$imageWrapEl = gesture.$imageEl.parent((\".\" + (params.containerClass)));\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n\n gesture.$slideEl.addClass((\"\" + (params.zoomedSlideClass)));\n\n var touchX;\n var touchY;\n var offsetX;\n var offsetY;\n var diffX;\n var diffY;\n var translateX;\n var translateY;\n var imageWidth;\n var imageHeight;\n var scaledWidth;\n var scaledHeight;\n var translateMinX;\n var translateMinY;\n var translateMaxX;\n var translateMaxY;\n var slideWidth;\n var slideHeight;\n\n if (typeof image.touchesStart.x === 'undefined' && e) {\n touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;\n touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;\n } else {\n touchX = image.touchesStart.x;\n touchY = image.touchesStart.y;\n }\n\n zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;\n if (e) {\n slideWidth = gesture.$slideEl[0].offsetWidth;\n slideHeight = gesture.$slideEl[0].offsetHeight;\n offsetX = gesture.$slideEl.offset().left;\n offsetY = gesture.$slideEl.offset().top;\n diffX = (offsetX + (slideWidth / 2)) - touchX;\n diffY = (offsetY + (slideHeight / 2)) - touchY;\n\n imageWidth = gesture.$imageEl[0].offsetWidth;\n imageHeight = gesture.$imageEl[0].offsetHeight;\n scaledWidth = imageWidth * zoom.scale;\n scaledHeight = imageHeight * zoom.scale;\n\n translateMinX = Math.min(((slideWidth / 2) - (scaledWidth / 2)), 0);\n translateMinY = Math.min(((slideHeight / 2) - (scaledHeight / 2)), 0);\n translateMaxX = -translateMinX;\n translateMaxY = -translateMinY;\n\n translateX = diffX * zoom.scale;\n translateY = diffY * zoom.scale;\n\n if (translateX < translateMinX) {\n translateX = translateMinX;\n }\n if (translateX > translateMaxX) {\n translateX = translateMaxX;\n }\n\n if (translateY < translateMinY) {\n translateY = translateMinY;\n }\n if (translateY > translateMaxY) {\n translateY = translateMaxY;\n }\n } else {\n translateX = 0;\n translateY = 0;\n }\n gesture.$imageWrapEl.transition(300).transform((\"translate3d(\" + translateX + \"px, \" + translateY + \"px,0)\"));\n gesture.$imageEl.transition(300).transform((\"translate3d(0,0,0) scale(\" + (zoom.scale) + \")\"));\n },\n out: function out() {\n var swiper = this;\n\n var zoom = swiper.zoom;\n var params = swiper.params.zoom;\n var gesture = zoom.gesture;\n\n if (!gesture.$slideEl) {\n gesture.$slideEl = swiper.clickedSlide ? $(swiper.clickedSlide) : swiper.slides.eq(swiper.activeIndex);\n gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas');\n gesture.$imageWrapEl = gesture.$imageEl.parent((\".\" + (params.containerClass)));\n }\n if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; }\n\n zoom.scale = 1;\n zoom.currentScale = 1;\n gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)');\n gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)');\n gesture.$slideEl.removeClass((\"\" + (params.zoomedSlideClass)));\n gesture.$slideEl = undefined;\n },\n // Attach/Detach Events\n enable: function enable() {\n var swiper = this;\n var zoom = swiper.zoom;\n if (zoom.enabled) { return; }\n zoom.enabled = true;\n\n var passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false;\n var activeListenerWithCapture = Support.passiveListener ? { passive: false, capture: true } : true;\n\n // Scale image\n if (Support.gestures) {\n swiper.$wrapperEl.on('gesturestart', '.swiper-slide', zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.on('gesturechange', '.swiper-slide', zoom.onGestureChange, passiveListener);\n swiper.$wrapperEl.on('gestureend', '.swiper-slide', zoom.onGestureEnd, passiveListener);\n } else if (swiper.touchEvents.start === 'touchstart') {\n swiper.$wrapperEl.on(swiper.touchEvents.start, '.swiper-slide', zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.on(swiper.touchEvents.move, '.swiper-slide', zoom.onGestureChange, activeListenerWithCapture);\n swiper.$wrapperEl.on(swiper.touchEvents.end, '.swiper-slide', zoom.onGestureEnd, passiveListener);\n if (swiper.touchEvents.cancel) {\n swiper.$wrapperEl.on(swiper.touchEvents.cancel, '.swiper-slide', zoom.onGestureEnd, passiveListener);\n }\n }\n\n // Move image\n swiper.$wrapperEl.on(swiper.touchEvents.move, (\".\" + (swiper.params.zoom.containerClass)), zoom.onTouchMove, activeListenerWithCapture);\n },\n disable: function disable() {\n var swiper = this;\n var zoom = swiper.zoom;\n if (!zoom.enabled) { return; }\n\n swiper.zoom.enabled = false;\n\n var passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false;\n var activeListenerWithCapture = Support.passiveListener ? { passive: false, capture: true } : true;\n\n // Scale image\n if (Support.gestures) {\n swiper.$wrapperEl.off('gesturestart', '.swiper-slide', zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.off('gesturechange', '.swiper-slide', zoom.onGestureChange, passiveListener);\n swiper.$wrapperEl.off('gestureend', '.swiper-slide', zoom.onGestureEnd, passiveListener);\n } else if (swiper.touchEvents.start === 'touchstart') {\n swiper.$wrapperEl.off(swiper.touchEvents.start, '.swiper-slide', zoom.onGestureStart, passiveListener);\n swiper.$wrapperEl.off(swiper.touchEvents.move, '.swiper-slide', zoom.onGestureChange, activeListenerWithCapture);\n swiper.$wrapperEl.off(swiper.touchEvents.end, '.swiper-slide', zoom.onGestureEnd, passiveListener);\n if (swiper.touchEvents.cancel) {\n swiper.$wrapperEl.off(swiper.touchEvents.cancel, '.swiper-slide', zoom.onGestureEnd, passiveListener);\n }\n }\n\n // Move image\n swiper.$wrapperEl.off(swiper.touchEvents.move, (\".\" + (swiper.params.zoom.containerClass)), zoom.onTouchMove, activeListenerWithCapture);\n },\n };\n\n var Zoom$1 = {\n name: 'zoom',\n params: {\n zoom: {\n enabled: false,\n maxRatio: 3,\n minRatio: 1,\n toggle: true,\n containerClass: 'swiper-zoom-container',\n zoomedSlideClass: 'swiper-slide-zoomed',\n },\n },\n create: function create() {\n var swiper = this;\n var zoom = {\n enabled: false,\n scale: 1,\n currentScale: 1,\n isScaling: false,\n gesture: {\n $slideEl: undefined,\n slideWidth: undefined,\n slideHeight: undefined,\n $imageEl: undefined,\n $imageWrapEl: undefined,\n maxRatio: 3,\n },\n image: {\n isTouched: undefined,\n isMoved: undefined,\n currentX: undefined,\n currentY: undefined,\n minX: undefined,\n minY: undefined,\n maxX: undefined,\n maxY: undefined,\n width: undefined,\n height: undefined,\n startX: undefined,\n startY: undefined,\n touchesStart: {},\n touchesCurrent: {},\n },\n velocity: {\n x: undefined,\n y: undefined,\n prevPositionX: undefined,\n prevPositionY: undefined,\n prevTime: undefined,\n },\n };\n\n ('onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out').split(' ').forEach(function (methodName) {\n zoom[methodName] = Zoom[methodName].bind(swiper);\n });\n Utils.extend(swiper, {\n zoom: zoom,\n });\n\n var scale = 1;\n Object.defineProperty(swiper.zoom, 'scale', {\n get: function get() {\n return scale;\n },\n set: function set(value) {\n if (scale !== value) {\n var imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined;\n var slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined;\n swiper.emit('zoomChange', value, imageEl, slideEl);\n }\n scale = value;\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (swiper.params.zoom.enabled) {\n swiper.zoom.enable();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n swiper.zoom.disable();\n },\n touchStart: function touchStart(e) {\n var swiper = this;\n if (!swiper.zoom.enabled) { return; }\n swiper.zoom.onTouchStart(e);\n },\n touchEnd: function touchEnd(e) {\n var swiper = this;\n if (!swiper.zoom.enabled) { return; }\n swiper.zoom.onTouchEnd(e);\n },\n doubleTap: function doubleTap(e) {\n var swiper = this;\n if (swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {\n swiper.zoom.toggle(e);\n }\n },\n transitionEnd: function transitionEnd() {\n var swiper = this;\n if (swiper.zoom.enabled && swiper.params.zoom.enabled) {\n swiper.zoom.onTransitionEnd();\n }\n },\n slideChange: function slideChange() {\n var swiper = this;\n if (swiper.zoom.enabled && swiper.params.zoom.enabled && swiper.params.cssMode) {\n swiper.zoom.onTransitionEnd();\n }\n },\n },\n };\n\n var Lazy = {\n loadInSlide: function loadInSlide(index, loadInDuplicate) {\n if ( loadInDuplicate === void 0 ) loadInDuplicate = true;\n\n var swiper = this;\n var params = swiper.params.lazy;\n if (typeof index === 'undefined') { return; }\n if (swiper.slides.length === 0) { return; }\n var isVirtual = swiper.virtual && swiper.params.virtual.enabled;\n\n var $slideEl = isVirtual\n ? swiper.$wrapperEl.children((\".\" + (swiper.params.slideClass) + \"[data-swiper-slide-index=\\\"\" + index + \"\\\"]\"))\n : swiper.slides.eq(index);\n\n var $images = $slideEl.find((\".\" + (params.elementClass) + \":not(.\" + (params.loadedClass) + \"):not(.\" + (params.loadingClass) + \")\"));\n if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {\n $images = $images.add($slideEl[0]);\n }\n if ($images.length === 0) { return; }\n\n $images.each(function (imageIndex, imageEl) {\n var $imageEl = $(imageEl);\n $imageEl.addClass(params.loadingClass);\n\n var background = $imageEl.attr('data-background');\n var src = $imageEl.attr('data-src');\n var srcset = $imageEl.attr('data-srcset');\n var sizes = $imageEl.attr('data-sizes');\n\n swiper.loadImage($imageEl[0], (src || background), srcset, sizes, false, function () {\n if (typeof swiper === 'undefined' || swiper === null || !swiper || (swiper && !swiper.params) || swiper.destroyed) { return; }\n if (background) {\n $imageEl.css('background-image', (\"url(\\\"\" + background + \"\\\")\"));\n $imageEl.removeAttr('data-background');\n } else {\n if (srcset) {\n $imageEl.attr('srcset', srcset);\n $imageEl.removeAttr('data-srcset');\n }\n if (sizes) {\n $imageEl.attr('sizes', sizes);\n $imageEl.removeAttr('data-sizes');\n }\n if (src) {\n $imageEl.attr('src', src);\n $imageEl.removeAttr('data-src');\n }\n }\n\n $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);\n $slideEl.find((\".\" + (params.preloaderClass))).remove();\n if (swiper.params.loop && loadInDuplicate) {\n var slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');\n if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {\n var originalSlide = swiper.$wrapperEl.children((\"[data-swiper-slide-index=\\\"\" + slideOriginalIndex + \"\\\"]:not(.\" + (swiper.params.slideDuplicateClass) + \")\"));\n swiper.lazy.loadInSlide(originalSlide.index(), false);\n } else {\n var duplicatedSlide = swiper.$wrapperEl.children((\".\" + (swiper.params.slideDuplicateClass) + \"[data-swiper-slide-index=\\\"\" + slideOriginalIndex + \"\\\"]\"));\n swiper.lazy.loadInSlide(duplicatedSlide.index(), false);\n }\n }\n swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);\n });\n\n swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);\n });\n },\n load: function load() {\n var swiper = this;\n var $wrapperEl = swiper.$wrapperEl;\n var swiperParams = swiper.params;\n var slides = swiper.slides;\n var activeIndex = swiper.activeIndex;\n var isVirtual = swiper.virtual && swiperParams.virtual.enabled;\n var params = swiperParams.lazy;\n\n var slidesPerView = swiperParams.slidesPerView;\n if (slidesPerView === 'auto') {\n slidesPerView = 0;\n }\n\n function slideExist(index) {\n if (isVirtual) {\n if ($wrapperEl.children((\".\" + (swiperParams.slideClass) + \"[data-swiper-slide-index=\\\"\" + index + \"\\\"]\")).length) {\n return true;\n }\n } else if (slides[index]) { return true; }\n return false;\n }\n function slideIndex(slideEl) {\n if (isVirtual) {\n return $(slideEl).attr('data-swiper-slide-index');\n }\n return $(slideEl).index();\n }\n\n if (!swiper.lazy.initialImageLoaded) { swiper.lazy.initialImageLoaded = true; }\n if (swiper.params.watchSlidesVisibility) {\n $wrapperEl.children((\".\" + (swiperParams.slideVisibleClass))).each(function (elIndex, slideEl) {\n var index = isVirtual ? $(slideEl).attr('data-swiper-slide-index') : $(slideEl).index();\n swiper.lazy.loadInSlide(index);\n });\n } else if (slidesPerView > 1) {\n for (var i = activeIndex; i < activeIndex + slidesPerView; i += 1) {\n if (slideExist(i)) { swiper.lazy.loadInSlide(i); }\n }\n } else {\n swiper.lazy.loadInSlide(activeIndex);\n }\n if (params.loadPrevNext) {\n if (slidesPerView > 1 || (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)) {\n var amount = params.loadPrevNextAmount;\n var spv = slidesPerView;\n var maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);\n var minIndex = Math.max(activeIndex - Math.max(spv, amount), 0);\n // Next Slides\n for (var i$1 = activeIndex + slidesPerView; i$1 < maxIndex; i$1 += 1) {\n if (slideExist(i$1)) { swiper.lazy.loadInSlide(i$1); }\n }\n // Prev Slides\n for (var i$2 = minIndex; i$2 < activeIndex; i$2 += 1) {\n if (slideExist(i$2)) { swiper.lazy.loadInSlide(i$2); }\n }\n } else {\n var nextSlide = $wrapperEl.children((\".\" + (swiperParams.slideNextClass)));\n if (nextSlide.length > 0) { swiper.lazy.loadInSlide(slideIndex(nextSlide)); }\n\n var prevSlide = $wrapperEl.children((\".\" + (swiperParams.slidePrevClass)));\n if (prevSlide.length > 0) { swiper.lazy.loadInSlide(slideIndex(prevSlide)); }\n }\n }\n },\n };\n\n var Lazy$1 = {\n name: 'lazy',\n params: {\n lazy: {\n enabled: false,\n loadPrevNext: false,\n loadPrevNextAmount: 1,\n loadOnTransitionStart: false,\n\n elementClass: 'swiper-lazy',\n loadingClass: 'swiper-lazy-loading',\n loadedClass: 'swiper-lazy-loaded',\n preloaderClass: 'swiper-lazy-preloader',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n lazy: {\n initialImageLoaded: false,\n load: Lazy.load.bind(swiper),\n loadInSlide: Lazy.loadInSlide.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (swiper.params.lazy.enabled && swiper.params.preloadImages) {\n swiper.params.preloadImages = false;\n }\n },\n init: function init() {\n var swiper = this;\n if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {\n swiper.lazy.load();\n }\n },\n scroll: function scroll() {\n var swiper = this;\n if (swiper.params.freeMode && !swiper.params.freeModeSticky) {\n swiper.lazy.load();\n }\n },\n resize: function resize() {\n var swiper = this;\n if (swiper.params.lazy.enabled) {\n swiper.lazy.load();\n }\n },\n scrollbarDragMove: function scrollbarDragMove() {\n var swiper = this;\n if (swiper.params.lazy.enabled) {\n swiper.lazy.load();\n }\n },\n transitionStart: function transitionStart() {\n var swiper = this;\n if (swiper.params.lazy.enabled) {\n if (swiper.params.lazy.loadOnTransitionStart || (!swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded)) {\n swiper.lazy.load();\n }\n }\n },\n transitionEnd: function transitionEnd() {\n var swiper = this;\n if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {\n swiper.lazy.load();\n }\n },\n slideChange: function slideChange() {\n var swiper = this;\n if (swiper.params.lazy.enabled && swiper.params.cssMode) {\n swiper.lazy.load();\n }\n },\n },\n };\n\n /* eslint no-bitwise: [\"error\", { \"allow\": [\">>\"] }] */\n\n var Controller = {\n LinearSpline: function LinearSpline(x, y) {\n var binarySearch = (function search() {\n var maxIndex;\n var minIndex;\n var guess;\n return function (array, val) {\n minIndex = -1;\n maxIndex = array.length;\n while (maxIndex - minIndex > 1) {\n guess = maxIndex + minIndex >> 1;\n if (array[guess] <= val) {\n minIndex = guess;\n } else {\n maxIndex = guess;\n }\n }\n return maxIndex;\n };\n }());\n this.x = x;\n this.y = y;\n this.lastIndex = x.length - 1;\n // Given an x value (x2), return the expected y2 value:\n // (x1,y1) is the known point before given value,\n // (x3,y3) is the known point after given value.\n var i1;\n var i3;\n\n this.interpolate = function interpolate(x2) {\n if (!x2) { return 0; }\n\n // Get the indexes of x1 and x3 (the array indexes before and after given x2):\n i3 = binarySearch(this.x, x2);\n i1 = i3 - 1;\n\n // We have our indexes i1 & i3, so we can calculate already:\n // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1\n return (((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / (this.x[i3] - this.x[i1])) + this.y[i1];\n };\n return this;\n },\n // xxx: for now i will just save one spline function to to\n getInterpolateFunction: function getInterpolateFunction(c) {\n var swiper = this;\n if (!swiper.controller.spline) {\n swiper.controller.spline = swiper.params.loop\n ? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid)\n : new Controller.LinearSpline(swiper.snapGrid, c.snapGrid);\n }\n },\n setTranslate: function setTranslate(setTranslate$1, byController) {\n var swiper = this;\n var controlled = swiper.controller.control;\n var multiplier;\n var controlledTranslate;\n function setControlledTranslate(c) {\n // this will create an Interpolate function based on the snapGrids\n // x is the Grid of the scrolled scroller and y will be the controlled scroller\n // it makes sense to create this only once and recall it for the interpolation\n // the function does a lot of value caching for performance\n var translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;\n if (swiper.params.controller.by === 'slide') {\n swiper.controller.getInterpolateFunction(c);\n // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid\n // but it did not work out\n controlledTranslate = -swiper.controller.spline.interpolate(-translate);\n }\n\n if (!controlledTranslate || swiper.params.controller.by === 'container') {\n multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());\n controlledTranslate = ((translate - swiper.minTranslate()) * multiplier) + c.minTranslate();\n }\n\n if (swiper.params.controller.inverse) {\n controlledTranslate = c.maxTranslate() - controlledTranslate;\n }\n c.updateProgress(controlledTranslate);\n c.setTranslate(controlledTranslate, swiper);\n c.updateActiveIndex();\n c.updateSlidesClasses();\n }\n if (Array.isArray(controlled)) {\n for (var i = 0; i < controlled.length; i += 1) {\n if (controlled[i] !== byController && controlled[i] instanceof Swiper) {\n setControlledTranslate(controlled[i]);\n }\n }\n } else if (controlled instanceof Swiper && byController !== controlled) {\n setControlledTranslate(controlled);\n }\n },\n setTransition: function setTransition(duration, byController) {\n var swiper = this;\n var controlled = swiper.controller.control;\n var i;\n function setControlledTransition(c) {\n c.setTransition(duration, swiper);\n if (duration !== 0) {\n c.transitionStart();\n if (c.params.autoHeight) {\n Utils.nextTick(function () {\n c.updateAutoHeight();\n });\n }\n c.$wrapperEl.transitionEnd(function () {\n if (!controlled) { return; }\n if (c.params.loop && swiper.params.controller.by === 'slide') {\n c.loopFix();\n }\n c.transitionEnd();\n });\n }\n }\n if (Array.isArray(controlled)) {\n for (i = 0; i < controlled.length; i += 1) {\n if (controlled[i] !== byController && controlled[i] instanceof Swiper) {\n setControlledTransition(controlled[i]);\n }\n }\n } else if (controlled instanceof Swiper && byController !== controlled) {\n setControlledTransition(controlled);\n }\n },\n };\n var Controller$1 = {\n name: 'controller',\n params: {\n controller: {\n control: undefined,\n inverse: false,\n by: 'slide', // or 'container'\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n controller: {\n control: swiper.params.controller.control,\n getInterpolateFunction: Controller.getInterpolateFunction.bind(swiper),\n setTranslate: Controller.setTranslate.bind(swiper),\n setTransition: Controller.setTransition.bind(swiper),\n },\n });\n },\n on: {\n update: function update() {\n var swiper = this;\n if (!swiper.controller.control) { return; }\n if (swiper.controller.spline) {\n swiper.controller.spline = undefined;\n delete swiper.controller.spline;\n }\n },\n resize: function resize() {\n var swiper = this;\n if (!swiper.controller.control) { return; }\n if (swiper.controller.spline) {\n swiper.controller.spline = undefined;\n delete swiper.controller.spline;\n }\n },\n observerUpdate: function observerUpdate() {\n var swiper = this;\n if (!swiper.controller.control) { return; }\n if (swiper.controller.spline) {\n swiper.controller.spline = undefined;\n delete swiper.controller.spline;\n }\n },\n setTranslate: function setTranslate(translate, byController) {\n var swiper = this;\n if (!swiper.controller.control) { return; }\n swiper.controller.setTranslate(translate, byController);\n },\n setTransition: function setTransition(duration, byController) {\n var swiper = this;\n if (!swiper.controller.control) { return; }\n swiper.controller.setTransition(duration, byController);\n },\n },\n };\n\n var a11y = {\n makeElFocusable: function makeElFocusable($el) {\n $el.attr('tabIndex', '0');\n return $el;\n },\n addElRole: function addElRole($el, role) {\n $el.attr('role', role);\n return $el;\n },\n addElLabel: function addElLabel($el, label) {\n $el.attr('aria-label', label);\n return $el;\n },\n disableEl: function disableEl($el) {\n $el.attr('aria-disabled', true);\n return $el;\n },\n enableEl: function enableEl($el) {\n $el.attr('aria-disabled', false);\n return $el;\n },\n onEnterKey: function onEnterKey(e) {\n var swiper = this;\n var params = swiper.params.a11y;\n if (e.keyCode !== 13) { return; }\n var $targetEl = $(e.target);\n if (swiper.navigation && swiper.navigation.$nextEl && $targetEl.is(swiper.navigation.$nextEl)) {\n if (!(swiper.isEnd && !swiper.params.loop)) {\n swiper.slideNext();\n }\n if (swiper.isEnd) {\n swiper.a11y.notify(params.lastSlideMessage);\n } else {\n swiper.a11y.notify(params.nextSlideMessage);\n }\n }\n if (swiper.navigation && swiper.navigation.$prevEl && $targetEl.is(swiper.navigation.$prevEl)) {\n if (!(swiper.isBeginning && !swiper.params.loop)) {\n swiper.slidePrev();\n }\n if (swiper.isBeginning) {\n swiper.a11y.notify(params.firstSlideMessage);\n } else {\n swiper.a11y.notify(params.prevSlideMessage);\n }\n }\n if (swiper.pagination && $targetEl.is((\".\" + (swiper.params.pagination.bulletClass)))) {\n $targetEl[0].click();\n }\n },\n notify: function notify(message) {\n var swiper = this;\n var notification = swiper.a11y.liveRegion;\n if (notification.length === 0) { return; }\n notification.html('');\n notification.html(message);\n },\n updateNavigation: function updateNavigation() {\n var swiper = this;\n\n if (swiper.params.loop) { return; }\n var ref = swiper.navigation;\n var $nextEl = ref.$nextEl;\n var $prevEl = ref.$prevEl;\n\n if ($prevEl && $prevEl.length > 0) {\n if (swiper.isBeginning) {\n swiper.a11y.disableEl($prevEl);\n } else {\n swiper.a11y.enableEl($prevEl);\n }\n }\n if ($nextEl && $nextEl.length > 0) {\n if (swiper.isEnd) {\n swiper.a11y.disableEl($nextEl);\n } else {\n swiper.a11y.enableEl($nextEl);\n }\n }\n },\n updatePagination: function updatePagination() {\n var swiper = this;\n var params = swiper.params.a11y;\n if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {\n swiper.pagination.bullets.each(function (bulletIndex, bulletEl) {\n var $bulletEl = $(bulletEl);\n swiper.a11y.makeElFocusable($bulletEl);\n swiper.a11y.addElRole($bulletEl, 'button');\n swiper.a11y.addElLabel($bulletEl, params.paginationBulletMessage.replace(/{{index}}/, $bulletEl.index() + 1));\n });\n }\n },\n init: function init() {\n var swiper = this;\n\n swiper.$el.append(swiper.a11y.liveRegion);\n\n // Navigation\n var params = swiper.params.a11y;\n var $nextEl;\n var $prevEl;\n if (swiper.navigation && swiper.navigation.$nextEl) {\n $nextEl = swiper.navigation.$nextEl;\n }\n if (swiper.navigation && swiper.navigation.$prevEl) {\n $prevEl = swiper.navigation.$prevEl;\n }\n if ($nextEl) {\n swiper.a11y.makeElFocusable($nextEl);\n swiper.a11y.addElRole($nextEl, 'button');\n swiper.a11y.addElLabel($nextEl, params.nextSlideMessage);\n $nextEl.on('keydown', swiper.a11y.onEnterKey);\n }\n if ($prevEl) {\n swiper.a11y.makeElFocusable($prevEl);\n swiper.a11y.addElRole($prevEl, 'button');\n swiper.a11y.addElLabel($prevEl, params.prevSlideMessage);\n $prevEl.on('keydown', swiper.a11y.onEnterKey);\n }\n\n // Pagination\n if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {\n swiper.pagination.$el.on('keydown', (\".\" + (swiper.params.pagination.bulletClass)), swiper.a11y.onEnterKey);\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.a11y.liveRegion && swiper.a11y.liveRegion.length > 0) { swiper.a11y.liveRegion.remove(); }\n\n var $nextEl;\n var $prevEl;\n if (swiper.navigation && swiper.navigation.$nextEl) {\n $nextEl = swiper.navigation.$nextEl;\n }\n if (swiper.navigation && swiper.navigation.$prevEl) {\n $prevEl = swiper.navigation.$prevEl;\n }\n if ($nextEl) {\n $nextEl.off('keydown', swiper.a11y.onEnterKey);\n }\n if ($prevEl) {\n $prevEl.off('keydown', swiper.a11y.onEnterKey);\n }\n\n // Pagination\n if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {\n swiper.pagination.$el.off('keydown', (\".\" + (swiper.params.pagination.bulletClass)), swiper.a11y.onEnterKey);\n }\n },\n };\n var A11y = {\n name: 'a11y',\n params: {\n a11y: {\n enabled: true,\n notificationClass: 'swiper-notification',\n prevSlideMessage: 'Previous slide',\n nextSlideMessage: 'Next slide',\n firstSlideMessage: 'This is the first slide',\n lastSlideMessage: 'This is the last slide',\n paginationBulletMessage: 'Go to slide {{index}}',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n a11y: {\n liveRegion: $((\"\")),\n },\n });\n Object.keys(a11y).forEach(function (methodName) {\n swiper.a11y[methodName] = a11y[methodName].bind(swiper);\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (!swiper.params.a11y.enabled) { return; }\n swiper.a11y.init();\n swiper.a11y.updateNavigation();\n },\n toEdge: function toEdge() {\n var swiper = this;\n if (!swiper.params.a11y.enabled) { return; }\n swiper.a11y.updateNavigation();\n },\n fromEdge: function fromEdge() {\n var swiper = this;\n if (!swiper.params.a11y.enabled) { return; }\n swiper.a11y.updateNavigation();\n },\n paginationUpdate: function paginationUpdate() {\n var swiper = this;\n if (!swiper.params.a11y.enabled) { return; }\n swiper.a11y.updatePagination();\n },\n destroy: function destroy() {\n var swiper = this;\n if (!swiper.params.a11y.enabled) { return; }\n swiper.a11y.destroy();\n },\n },\n };\n\n var History = {\n init: function init() {\n var swiper = this;\n if (!swiper.params.history) { return; }\n if (!win.history || !win.history.pushState) {\n swiper.params.history.enabled = false;\n swiper.params.hashNavigation.enabled = true;\n return;\n }\n var history = swiper.history;\n history.initialized = true;\n history.paths = History.getPathValues();\n if (!history.paths.key && !history.paths.value) { return; }\n history.scrollToSlide(0, history.paths.value, swiper.params.runCallbacksOnInit);\n if (!swiper.params.history.replaceState) {\n win.addEventListener('popstate', swiper.history.setHistoryPopState);\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (!swiper.params.history.replaceState) {\n win.removeEventListener('popstate', swiper.history.setHistoryPopState);\n }\n },\n setHistoryPopState: function setHistoryPopState() {\n var swiper = this;\n swiper.history.paths = History.getPathValues();\n swiper.history.scrollToSlide(swiper.params.speed, swiper.history.paths.value, false);\n },\n getPathValues: function getPathValues() {\n var pathArray = win.location.pathname.slice(1).split('/').filter(function (part) { return part !== ''; });\n var total = pathArray.length;\n var key = pathArray[total - 2];\n var value = pathArray[total - 1];\n return { key: key, value: value };\n },\n setHistory: function setHistory(key, index) {\n var swiper = this;\n if (!swiper.history.initialized || !swiper.params.history.enabled) { return; }\n var slide = swiper.slides.eq(index);\n var value = History.slugify(slide.attr('data-history'));\n if (!win.location.pathname.includes(key)) {\n value = key + \"/\" + value;\n }\n var currentState = win.history.state;\n if (currentState && currentState.value === value) {\n return;\n }\n if (swiper.params.history.replaceState) {\n win.history.replaceState({ value: value }, null, value);\n } else {\n win.history.pushState({ value: value }, null, value);\n }\n },\n slugify: function slugify(text) {\n return text.toString()\n .replace(/\\s+/g, '-')\n .replace(/[^\\w-]+/g, '')\n .replace(/--+/g, '-')\n .replace(/^-+/, '')\n .replace(/-+$/, '');\n },\n scrollToSlide: function scrollToSlide(speed, value, runCallbacks) {\n var swiper = this;\n if (value) {\n for (var i = 0, length = swiper.slides.length; i < length; i += 1) {\n var slide = swiper.slides.eq(i);\n var slideHistory = History.slugify(slide.attr('data-history'));\n if (slideHistory === value && !slide.hasClass(swiper.params.slideDuplicateClass)) {\n var index = slide.index();\n swiper.slideTo(index, speed, runCallbacks);\n }\n }\n } else {\n swiper.slideTo(0, speed, runCallbacks);\n }\n },\n };\n\n var History$1 = {\n name: 'history',\n params: {\n history: {\n enabled: false,\n replaceState: false,\n key: 'slides',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n history: {\n init: History.init.bind(swiper),\n setHistory: History.setHistory.bind(swiper),\n setHistoryPopState: History.setHistoryPopState.bind(swiper),\n scrollToSlide: History.scrollToSlide.bind(swiper),\n destroy: History.destroy.bind(swiper),\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (swiper.params.history.enabled) {\n swiper.history.init();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.params.history.enabled) {\n swiper.history.destroy();\n }\n },\n transitionEnd: function transitionEnd() {\n var swiper = this;\n if (swiper.history.initialized) {\n swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);\n }\n },\n slideChange: function slideChange() {\n var swiper = this;\n if (swiper.history.initialized && swiper.params.cssMode) {\n swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);\n }\n },\n },\n };\n\n var HashNavigation = {\n onHashCange: function onHashCange() {\n var swiper = this;\n var newHash = doc.location.hash.replace('#', '');\n var activeSlideHash = swiper.slides.eq(swiper.activeIndex).attr('data-hash');\n if (newHash !== activeSlideHash) {\n var newIndex = swiper.$wrapperEl.children((\".\" + (swiper.params.slideClass) + \"[data-hash=\\\"\" + newHash + \"\\\"]\")).index();\n if (typeof newIndex === 'undefined') { return; }\n swiper.slideTo(newIndex);\n }\n },\n setHash: function setHash() {\n var swiper = this;\n if (!swiper.hashNavigation.initialized || !swiper.params.hashNavigation.enabled) { return; }\n if (swiper.params.hashNavigation.replaceState && win.history && win.history.replaceState) {\n win.history.replaceState(null, null, ((\"#\" + (swiper.slides.eq(swiper.activeIndex).attr('data-hash'))) || ''));\n } else {\n var slide = swiper.slides.eq(swiper.activeIndex);\n var hash = slide.attr('data-hash') || slide.attr('data-history');\n doc.location.hash = hash || '';\n }\n },\n init: function init() {\n var swiper = this;\n if (!swiper.params.hashNavigation.enabled || (swiper.params.history && swiper.params.history.enabled)) { return; }\n swiper.hashNavigation.initialized = true;\n var hash = doc.location.hash.replace('#', '');\n if (hash) {\n var speed = 0;\n for (var i = 0, length = swiper.slides.length; i < length; i += 1) {\n var slide = swiper.slides.eq(i);\n var slideHash = slide.attr('data-hash') || slide.attr('data-history');\n if (slideHash === hash && !slide.hasClass(swiper.params.slideDuplicateClass)) {\n var index = slide.index();\n swiper.slideTo(index, speed, swiper.params.runCallbacksOnInit, true);\n }\n }\n }\n if (swiper.params.hashNavigation.watchState) {\n $(win).on('hashchange', swiper.hashNavigation.onHashCange);\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.params.hashNavigation.watchState) {\n $(win).off('hashchange', swiper.hashNavigation.onHashCange);\n }\n },\n };\n var HashNavigation$1 = {\n name: 'hash-navigation',\n params: {\n hashNavigation: {\n enabled: false,\n replaceState: false,\n watchState: false,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n hashNavigation: {\n initialized: false,\n init: HashNavigation.init.bind(swiper),\n destroy: HashNavigation.destroy.bind(swiper),\n setHash: HashNavigation.setHash.bind(swiper),\n onHashCange: HashNavigation.onHashCange.bind(swiper),\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (swiper.params.hashNavigation.enabled) {\n swiper.hashNavigation.init();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.params.hashNavigation.enabled) {\n swiper.hashNavigation.destroy();\n }\n },\n transitionEnd: function transitionEnd() {\n var swiper = this;\n if (swiper.hashNavigation.initialized) {\n swiper.hashNavigation.setHash();\n }\n },\n slideChange: function slideChange() {\n var swiper = this;\n if (swiper.hashNavigation.initialized && swiper.params.cssMode) {\n swiper.hashNavigation.setHash();\n }\n },\n },\n };\n\n /* eslint no-underscore-dangle: \"off\" */\n\n var Autoplay = {\n run: function run() {\n var swiper = this;\n var $activeSlideEl = swiper.slides.eq(swiper.activeIndex);\n var delay = swiper.params.autoplay.delay;\n if ($activeSlideEl.attr('data-swiper-autoplay')) {\n delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;\n }\n clearTimeout(swiper.autoplay.timeout);\n swiper.autoplay.timeout = Utils.nextTick(function () {\n if (swiper.params.autoplay.reverseDirection) {\n if (swiper.params.loop) {\n swiper.loopFix();\n swiper.slidePrev(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.isBeginning) {\n swiper.slidePrev(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.params.autoplay.stopOnLastSlide) {\n swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else {\n swiper.autoplay.stop();\n }\n } else if (swiper.params.loop) {\n swiper.loopFix();\n swiper.slideNext(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.isEnd) {\n swiper.slideNext(swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else if (!swiper.params.autoplay.stopOnLastSlide) {\n swiper.slideTo(0, swiper.params.speed, true, true);\n swiper.emit('autoplay');\n } else {\n swiper.autoplay.stop();\n }\n if (swiper.params.cssMode && swiper.autoplay.running) { swiper.autoplay.run(); }\n }, delay);\n },\n start: function start() {\n var swiper = this;\n if (typeof swiper.autoplay.timeout !== 'undefined') { return false; }\n if (swiper.autoplay.running) { return false; }\n swiper.autoplay.running = true;\n swiper.emit('autoplayStart');\n swiper.autoplay.run();\n return true;\n },\n stop: function stop() {\n var swiper = this;\n if (!swiper.autoplay.running) { return false; }\n if (typeof swiper.autoplay.timeout === 'undefined') { return false; }\n\n if (swiper.autoplay.timeout) {\n clearTimeout(swiper.autoplay.timeout);\n swiper.autoplay.timeout = undefined;\n }\n swiper.autoplay.running = false;\n swiper.emit('autoplayStop');\n return true;\n },\n pause: function pause(speed) {\n var swiper = this;\n if (!swiper.autoplay.running) { return; }\n if (swiper.autoplay.paused) { return; }\n if (swiper.autoplay.timeout) { clearTimeout(swiper.autoplay.timeout); }\n swiper.autoplay.paused = true;\n if (speed === 0 || !swiper.params.autoplay.waitForTransition) {\n swiper.autoplay.paused = false;\n swiper.autoplay.run();\n } else {\n swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd);\n swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);\n }\n },\n };\n\n var Autoplay$1 = {\n name: 'autoplay',\n params: {\n autoplay: {\n enabled: false,\n delay: 3000,\n waitForTransition: true,\n disableOnInteraction: true,\n stopOnLastSlide: false,\n reverseDirection: false,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n autoplay: {\n running: false,\n paused: false,\n run: Autoplay.run.bind(swiper),\n start: Autoplay.start.bind(swiper),\n stop: Autoplay.stop.bind(swiper),\n pause: Autoplay.pause.bind(swiper),\n onVisibilityChange: function onVisibilityChange() {\n if (document.visibilityState === 'hidden' && swiper.autoplay.running) {\n swiper.autoplay.pause();\n }\n if (document.visibilityState === 'visible' && swiper.autoplay.paused) {\n swiper.autoplay.run();\n swiper.autoplay.paused = false;\n }\n },\n onTransitionEnd: function onTransitionEnd(e) {\n if (!swiper || swiper.destroyed || !swiper.$wrapperEl) { return; }\n if (e.target !== this) { return; }\n swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd);\n swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);\n swiper.autoplay.paused = false;\n if (!swiper.autoplay.running) {\n swiper.autoplay.stop();\n } else {\n swiper.autoplay.run();\n }\n },\n },\n });\n },\n on: {\n init: function init() {\n var swiper = this;\n if (swiper.params.autoplay.enabled) {\n swiper.autoplay.start();\n document.addEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);\n }\n },\n beforeTransitionStart: function beforeTransitionStart(speed, internal) {\n var swiper = this;\n if (swiper.autoplay.running) {\n if (internal || !swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.pause(speed);\n } else {\n swiper.autoplay.stop();\n }\n }\n },\n sliderFirstMove: function sliderFirstMove() {\n var swiper = this;\n if (swiper.autoplay.running) {\n if (swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.stop();\n } else {\n swiper.autoplay.pause();\n }\n }\n },\n touchEnd: function touchEnd() {\n var swiper = this;\n if (swiper.params.cssMode && swiper.autoplay.paused && !swiper.params.autoplay.disableOnInteraction) {\n swiper.autoplay.run();\n }\n },\n destroy: function destroy() {\n var swiper = this;\n if (swiper.autoplay.running) {\n swiper.autoplay.stop();\n }\n document.removeEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);\n },\n },\n };\n\n var Fade = {\n setTranslate: function setTranslate() {\n var swiper = this;\n var slides = swiper.slides;\n for (var i = 0; i < slides.length; i += 1) {\n var $slideEl = swiper.slides.eq(i);\n var offset = $slideEl[0].swiperSlideOffset;\n var tx = -offset;\n if (!swiper.params.virtualTranslate) { tx -= swiper.translate; }\n var ty = 0;\n if (!swiper.isHorizontal()) {\n ty = tx;\n tx = 0;\n }\n var slideOpacity = swiper.params.fadeEffect.crossFade\n ? Math.max(1 - Math.abs($slideEl[0].progress), 0)\n : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);\n $slideEl\n .css({\n opacity: slideOpacity,\n })\n .transform((\"translate3d(\" + tx + \"px, \" + ty + \"px, 0px)\"));\n }\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n var slides = swiper.slides;\n var $wrapperEl = swiper.$wrapperEl;\n slides.transition(duration);\n if (swiper.params.virtualTranslate && duration !== 0) {\n var eventTriggered = false;\n slides.transitionEnd(function () {\n if (eventTriggered) { return; }\n if (!swiper || swiper.destroyed) { return; }\n eventTriggered = true;\n swiper.animating = false;\n var triggerEvents = ['webkitTransitionEnd', 'transitionend'];\n for (var i = 0; i < triggerEvents.length; i += 1) {\n $wrapperEl.trigger(triggerEvents[i]);\n }\n });\n }\n },\n };\n\n var EffectFade = {\n name: 'effect-fade',\n params: {\n fadeEffect: {\n crossFade: false,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n fadeEffect: {\n setTranslate: Fade.setTranslate.bind(swiper),\n setTransition: Fade.setTransition.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (swiper.params.effect !== 'fade') { return; }\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"fade\"));\n var overwriteParams = {\n slidesPerView: 1,\n slidesPerColumn: 1,\n slidesPerGroup: 1,\n watchSlidesProgress: true,\n spaceBetween: 0,\n virtualTranslate: true,\n };\n Utils.extend(swiper.params, overwriteParams);\n Utils.extend(swiper.originalParams, overwriteParams);\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n if (swiper.params.effect !== 'fade') { return; }\n swiper.fadeEffect.setTranslate();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (swiper.params.effect !== 'fade') { return; }\n swiper.fadeEffect.setTransition(duration);\n },\n },\n };\n\n var Cube = {\n setTranslate: function setTranslate() {\n var swiper = this;\n var $el = swiper.$el;\n var $wrapperEl = swiper.$wrapperEl;\n var slides = swiper.slides;\n var swiperWidth = swiper.width;\n var swiperHeight = swiper.height;\n var rtl = swiper.rtlTranslate;\n var swiperSize = swiper.size;\n var params = swiper.params.cubeEffect;\n var isHorizontal = swiper.isHorizontal();\n var isVirtual = swiper.virtual && swiper.params.virtual.enabled;\n var wrapperRotate = 0;\n var $cubeShadowEl;\n if (params.shadow) {\n if (isHorizontal) {\n $cubeShadowEl = $wrapperEl.find('.swiper-cube-shadow');\n if ($cubeShadowEl.length === 0) {\n $cubeShadowEl = $('');\n $wrapperEl.append($cubeShadowEl);\n }\n $cubeShadowEl.css({ height: (swiperWidth + \"px\") });\n } else {\n $cubeShadowEl = $el.find('.swiper-cube-shadow');\n if ($cubeShadowEl.length === 0) {\n $cubeShadowEl = $('');\n $el.append($cubeShadowEl);\n }\n }\n }\n for (var i = 0; i < slides.length; i += 1) {\n var $slideEl = slides.eq(i);\n var slideIndex = i;\n if (isVirtual) {\n slideIndex = parseInt($slideEl.attr('data-swiper-slide-index'), 10);\n }\n var slideAngle = slideIndex * 90;\n var round = Math.floor(slideAngle / 360);\n if (rtl) {\n slideAngle = -slideAngle;\n round = Math.floor(-slideAngle / 360);\n }\n var progress = Math.max(Math.min($slideEl[0].progress, 1), -1);\n var tx = 0;\n var ty = 0;\n var tz = 0;\n if (slideIndex % 4 === 0) {\n tx = -round * 4 * swiperSize;\n tz = 0;\n } else if ((slideIndex - 1) % 4 === 0) {\n tx = 0;\n tz = -round * 4 * swiperSize;\n } else if ((slideIndex - 2) % 4 === 0) {\n tx = swiperSize + (round * 4 * swiperSize);\n tz = swiperSize;\n } else if ((slideIndex - 3) % 4 === 0) {\n tx = -swiperSize;\n tz = (3 * swiperSize) + (swiperSize * 4 * round);\n }\n if (rtl) {\n tx = -tx;\n }\n\n if (!isHorizontal) {\n ty = tx;\n tx = 0;\n }\n\n var transform = \"rotateX(\" + (isHorizontal ? 0 : -slideAngle) + \"deg) rotateY(\" + (isHorizontal ? slideAngle : 0) + \"deg) translate3d(\" + tx + \"px, \" + ty + \"px, \" + tz + \"px)\";\n if (progress <= 1 && progress > -1) {\n wrapperRotate = (slideIndex * 90) + (progress * 90);\n if (rtl) { wrapperRotate = (-slideIndex * 90) - (progress * 90); }\n }\n $slideEl.transform(transform);\n if (params.slideShadows) {\n // Set shadows\n var shadowBefore = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');\n var shadowAfter = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');\n if (shadowBefore.length === 0) {\n shadowBefore = $((\"\"));\n $slideEl.append(shadowBefore);\n }\n if (shadowAfter.length === 0) {\n shadowAfter = $((\"\"));\n $slideEl.append(shadowAfter);\n }\n if (shadowBefore.length) { shadowBefore[0].style.opacity = Math.max(-progress, 0); }\n if (shadowAfter.length) { shadowAfter[0].style.opacity = Math.max(progress, 0); }\n }\n }\n $wrapperEl.css({\n '-webkit-transform-origin': (\"50% 50% -\" + (swiperSize / 2) + \"px\"),\n '-moz-transform-origin': (\"50% 50% -\" + (swiperSize / 2) + \"px\"),\n '-ms-transform-origin': (\"50% 50% -\" + (swiperSize / 2) + \"px\"),\n 'transform-origin': (\"50% 50% -\" + (swiperSize / 2) + \"px\"),\n });\n\n if (params.shadow) {\n if (isHorizontal) {\n $cubeShadowEl.transform((\"translate3d(0px, \" + ((swiperWidth / 2) + params.shadowOffset) + \"px, \" + (-swiperWidth / 2) + \"px) rotateX(90deg) rotateZ(0deg) scale(\" + (params.shadowScale) + \")\"));\n } else {\n var shadowAngle = Math.abs(wrapperRotate) - (Math.floor(Math.abs(wrapperRotate) / 90) * 90);\n var multiplier = 1.5 - (\n (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2)\n + (Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2)\n );\n var scale1 = params.shadowScale;\n var scale2 = params.shadowScale / multiplier;\n var offset = params.shadowOffset;\n $cubeShadowEl.transform((\"scale3d(\" + scale1 + \", 1, \" + scale2 + \") translate3d(0px, \" + ((swiperHeight / 2) + offset) + \"px, \" + (-swiperHeight / 2 / scale2) + \"px) rotateX(-90deg)\"));\n }\n }\n var zFactor = (Browser.isSafari || Browser.isUiWebView) ? (-swiperSize / 2) : 0;\n $wrapperEl\n .transform((\"translate3d(0px,0,\" + zFactor + \"px) rotateX(\" + (swiper.isHorizontal() ? 0 : wrapperRotate) + \"deg) rotateY(\" + (swiper.isHorizontal() ? -wrapperRotate : 0) + \"deg)\"));\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n var $el = swiper.$el;\n var slides = swiper.slides;\n slides\n .transition(duration)\n .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')\n .transition(duration);\n if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {\n $el.find('.swiper-cube-shadow').transition(duration);\n }\n },\n };\n\n var EffectCube = {\n name: 'effect-cube',\n params: {\n cubeEffect: {\n slideShadows: true,\n shadow: true,\n shadowOffset: 20,\n shadowScale: 0.94,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n cubeEffect: {\n setTranslate: Cube.setTranslate.bind(swiper),\n setTransition: Cube.setTransition.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (swiper.params.effect !== 'cube') { return; }\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"cube\"));\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"3d\"));\n var overwriteParams = {\n slidesPerView: 1,\n slidesPerColumn: 1,\n slidesPerGroup: 1,\n watchSlidesProgress: true,\n resistanceRatio: 0,\n spaceBetween: 0,\n centeredSlides: false,\n virtualTranslate: true,\n };\n Utils.extend(swiper.params, overwriteParams);\n Utils.extend(swiper.originalParams, overwriteParams);\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n if (swiper.params.effect !== 'cube') { return; }\n swiper.cubeEffect.setTranslate();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (swiper.params.effect !== 'cube') { return; }\n swiper.cubeEffect.setTransition(duration);\n },\n },\n };\n\n var Flip = {\n setTranslate: function setTranslate() {\n var swiper = this;\n var slides = swiper.slides;\n var rtl = swiper.rtlTranslate;\n for (var i = 0; i < slides.length; i += 1) {\n var $slideEl = slides.eq(i);\n var progress = $slideEl[0].progress;\n if (swiper.params.flipEffect.limitRotation) {\n progress = Math.max(Math.min($slideEl[0].progress, 1), -1);\n }\n var offset = $slideEl[0].swiperSlideOffset;\n var rotate = -180 * progress;\n var rotateY = rotate;\n var rotateX = 0;\n var tx = -offset;\n var ty = 0;\n if (!swiper.isHorizontal()) {\n ty = tx;\n tx = 0;\n rotateX = -rotateY;\n rotateY = 0;\n } else if (rtl) {\n rotateY = -rotateY;\n }\n\n $slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length;\n\n if (swiper.params.flipEffect.slideShadows) {\n // Set shadows\n var shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');\n var shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');\n if (shadowBefore.length === 0) {\n shadowBefore = $((\"\"));\n $slideEl.append(shadowBefore);\n }\n if (shadowAfter.length === 0) {\n shadowAfter = $((\"\"));\n $slideEl.append(shadowAfter);\n }\n if (shadowBefore.length) { shadowBefore[0].style.opacity = Math.max(-progress, 0); }\n if (shadowAfter.length) { shadowAfter[0].style.opacity = Math.max(progress, 0); }\n }\n $slideEl\n .transform((\"translate3d(\" + tx + \"px, \" + ty + \"px, 0px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg)\"));\n }\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n var slides = swiper.slides;\n var activeIndex = swiper.activeIndex;\n var $wrapperEl = swiper.$wrapperEl;\n slides\n .transition(duration)\n .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')\n .transition(duration);\n if (swiper.params.virtualTranslate && duration !== 0) {\n var eventTriggered = false;\n // eslint-disable-next-line\n slides.eq(activeIndex).transitionEnd(function onTransitionEnd() {\n if (eventTriggered) { return; }\n if (!swiper || swiper.destroyed) { return; }\n // if (!$(this).hasClass(swiper.params.slideActiveClass)) return;\n eventTriggered = true;\n swiper.animating = false;\n var triggerEvents = ['webkitTransitionEnd', 'transitionend'];\n for (var i = 0; i < triggerEvents.length; i += 1) {\n $wrapperEl.trigger(triggerEvents[i]);\n }\n });\n }\n },\n };\n\n var EffectFlip = {\n name: 'effect-flip',\n params: {\n flipEffect: {\n slideShadows: true,\n limitRotation: true,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n flipEffect: {\n setTranslate: Flip.setTranslate.bind(swiper),\n setTransition: Flip.setTransition.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (swiper.params.effect !== 'flip') { return; }\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"flip\"));\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"3d\"));\n var overwriteParams = {\n slidesPerView: 1,\n slidesPerColumn: 1,\n slidesPerGroup: 1,\n watchSlidesProgress: true,\n spaceBetween: 0,\n virtualTranslate: true,\n };\n Utils.extend(swiper.params, overwriteParams);\n Utils.extend(swiper.originalParams, overwriteParams);\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n if (swiper.params.effect !== 'flip') { return; }\n swiper.flipEffect.setTranslate();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (swiper.params.effect !== 'flip') { return; }\n swiper.flipEffect.setTransition(duration);\n },\n },\n };\n\n var Coverflow = {\n setTranslate: function setTranslate() {\n var swiper = this;\n var swiperWidth = swiper.width;\n var swiperHeight = swiper.height;\n var slides = swiper.slides;\n var $wrapperEl = swiper.$wrapperEl;\n var slidesSizesGrid = swiper.slidesSizesGrid;\n var params = swiper.params.coverflowEffect;\n var isHorizontal = swiper.isHorizontal();\n var transform = swiper.translate;\n var center = isHorizontal ? -transform + (swiperWidth / 2) : -transform + (swiperHeight / 2);\n var rotate = isHorizontal ? params.rotate : -params.rotate;\n var translate = params.depth;\n // Each slide offset from center\n for (var i = 0, length = slides.length; i < length; i += 1) {\n var $slideEl = slides.eq(i);\n var slideSize = slidesSizesGrid[i];\n var slideOffset = $slideEl[0].swiperSlideOffset;\n var offsetMultiplier = ((center - slideOffset - (slideSize / 2)) / slideSize) * params.modifier;\n\n var rotateY = isHorizontal ? rotate * offsetMultiplier : 0;\n var rotateX = isHorizontal ? 0 : rotate * offsetMultiplier;\n // var rotateZ = 0\n var translateZ = -translate * Math.abs(offsetMultiplier);\n\n var translateY = isHorizontal ? 0 : params.stretch * (offsetMultiplier);\n var translateX = isHorizontal ? params.stretch * (offsetMultiplier) : 0;\n\n // Fix for ultra small values\n if (Math.abs(translateX) < 0.001) { translateX = 0; }\n if (Math.abs(translateY) < 0.001) { translateY = 0; }\n if (Math.abs(translateZ) < 0.001) { translateZ = 0; }\n if (Math.abs(rotateY) < 0.001) { rotateY = 0; }\n if (Math.abs(rotateX) < 0.001) { rotateX = 0; }\n\n var slideTransform = \"translate3d(\" + translateX + \"px,\" + translateY + \"px,\" + translateZ + \"px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg)\";\n\n $slideEl.transform(slideTransform);\n $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;\n if (params.slideShadows) {\n // Set shadows\n var $shadowBeforeEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');\n var $shadowAfterEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');\n if ($shadowBeforeEl.length === 0) {\n $shadowBeforeEl = $((\"\"));\n $slideEl.append($shadowBeforeEl);\n }\n if ($shadowAfterEl.length === 0) {\n $shadowAfterEl = $((\"\"));\n $slideEl.append($shadowAfterEl);\n }\n if ($shadowBeforeEl.length) { $shadowBeforeEl[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0; }\n if ($shadowAfterEl.length) { $shadowAfterEl[0].style.opacity = (-offsetMultiplier) > 0 ? -offsetMultiplier : 0; }\n }\n }\n\n // Set correct perspective for IE10\n if (Support.pointerEvents || Support.prefixedPointerEvents) {\n var ws = $wrapperEl[0].style;\n ws.perspectiveOrigin = center + \"px 50%\";\n }\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n swiper.slides\n .transition(duration)\n .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')\n .transition(duration);\n },\n };\n\n var EffectCoverflow = {\n name: 'effect-coverflow',\n params: {\n coverflowEffect: {\n rotate: 50,\n stretch: 0,\n depth: 100,\n modifier: 1,\n slideShadows: true,\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n coverflowEffect: {\n setTranslate: Coverflow.setTranslate.bind(swiper),\n setTransition: Coverflow.setTransition.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n if (swiper.params.effect !== 'coverflow') { return; }\n\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"coverflow\"));\n swiper.classNames.push(((swiper.params.containerModifierClass) + \"3d\"));\n\n swiper.params.watchSlidesProgress = true;\n swiper.originalParams.watchSlidesProgress = true;\n },\n setTranslate: function setTranslate() {\n var swiper = this;\n if (swiper.params.effect !== 'coverflow') { return; }\n swiper.coverflowEffect.setTranslate();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n if (swiper.params.effect !== 'coverflow') { return; }\n swiper.coverflowEffect.setTransition(duration);\n },\n },\n };\n\n var Thumbs = {\n init: function init() {\n var swiper = this;\n var ref = swiper.params;\n var thumbsParams = ref.thumbs;\n var SwiperClass = swiper.constructor;\n if (thumbsParams.swiper instanceof SwiperClass) {\n swiper.thumbs.swiper = thumbsParams.swiper;\n Utils.extend(swiper.thumbs.swiper.originalParams, {\n watchSlidesProgress: true,\n slideToClickedSlide: false,\n });\n Utils.extend(swiper.thumbs.swiper.params, {\n watchSlidesProgress: true,\n slideToClickedSlide: false,\n });\n } else if (Utils.isObject(thumbsParams.swiper)) {\n swiper.thumbs.swiper = new SwiperClass(Utils.extend({}, thumbsParams.swiper, {\n watchSlidesVisibility: true,\n watchSlidesProgress: true,\n slideToClickedSlide: false,\n }));\n swiper.thumbs.swiperCreated = true;\n }\n swiper.thumbs.swiper.$el.addClass(swiper.params.thumbs.thumbsContainerClass);\n swiper.thumbs.swiper.on('tap', swiper.thumbs.onThumbClick);\n },\n onThumbClick: function onThumbClick() {\n var swiper = this;\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) { return; }\n var clickedIndex = thumbsSwiper.clickedIndex;\n var clickedSlide = thumbsSwiper.clickedSlide;\n if (clickedSlide && $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass)) { return; }\n if (typeof clickedIndex === 'undefined' || clickedIndex === null) { return; }\n var slideToIndex;\n if (thumbsSwiper.params.loop) {\n slideToIndex = parseInt($(thumbsSwiper.clickedSlide).attr('data-swiper-slide-index'), 10);\n } else {\n slideToIndex = clickedIndex;\n }\n if (swiper.params.loop) {\n var currentIndex = swiper.activeIndex;\n if (swiper.slides.eq(currentIndex).hasClass(swiper.params.slideDuplicateClass)) {\n swiper.loopFix();\n // eslint-disable-next-line\n swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;\n currentIndex = swiper.activeIndex;\n }\n var prevIndex = swiper.slides.eq(currentIndex).prevAll((\"[data-swiper-slide-index=\\\"\" + slideToIndex + \"\\\"]\")).eq(0).index();\n var nextIndex = swiper.slides.eq(currentIndex).nextAll((\"[data-swiper-slide-index=\\\"\" + slideToIndex + \"\\\"]\")).eq(0).index();\n if (typeof prevIndex === 'undefined') { slideToIndex = nextIndex; }\n else if (typeof nextIndex === 'undefined') { slideToIndex = prevIndex; }\n else if (nextIndex - currentIndex < currentIndex - prevIndex) { slideToIndex = nextIndex; }\n else { slideToIndex = prevIndex; }\n }\n swiper.slideTo(slideToIndex);\n },\n update: function update(initial) {\n var swiper = this;\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) { return; }\n\n var slidesPerView = thumbsSwiper.params.slidesPerView === 'auto'\n ? thumbsSwiper.slidesPerViewDynamic()\n : thumbsSwiper.params.slidesPerView;\n\n if (swiper.realIndex !== thumbsSwiper.realIndex) {\n var currentThumbsIndex = thumbsSwiper.activeIndex;\n var newThumbsIndex;\n if (thumbsSwiper.params.loop) {\n if (thumbsSwiper.slides.eq(currentThumbsIndex).hasClass(thumbsSwiper.params.slideDuplicateClass)) {\n thumbsSwiper.loopFix();\n // eslint-disable-next-line\n thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft;\n currentThumbsIndex = thumbsSwiper.activeIndex;\n }\n // Find actual thumbs index to slide to\n var prevThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).prevAll((\"[data-swiper-slide-index=\\\"\" + (swiper.realIndex) + \"\\\"]\")).eq(0).index();\n var nextThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).nextAll((\"[data-swiper-slide-index=\\\"\" + (swiper.realIndex) + \"\\\"]\")).eq(0).index();\n if (typeof prevThumbsIndex === 'undefined') { newThumbsIndex = nextThumbsIndex; }\n else if (typeof nextThumbsIndex === 'undefined') { newThumbsIndex = prevThumbsIndex; }\n else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) { newThumbsIndex = currentThumbsIndex; }\n else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) { newThumbsIndex = nextThumbsIndex; }\n else { newThumbsIndex = prevThumbsIndex; }\n } else {\n newThumbsIndex = swiper.realIndex;\n }\n if (thumbsSwiper.visibleSlidesIndexes && thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {\n if (thumbsSwiper.params.centeredSlides) {\n if (newThumbsIndex > currentThumbsIndex) {\n newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;\n } else {\n newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;\n }\n } else if (newThumbsIndex > currentThumbsIndex) {\n newThumbsIndex = newThumbsIndex - slidesPerView + 1;\n }\n thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined);\n }\n }\n\n // Activate thumbs\n var thumbsToActivate = 1;\n var thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;\n\n if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {\n thumbsToActivate = swiper.params.slidesPerView;\n }\n\n thumbsSwiper.slides.removeClass(thumbActiveClass);\n if (thumbsSwiper.params.loop || (thumbsSwiper.params.virtual && thumbsSwiper.params.virtual.enabled)) {\n for (var i = 0; i < thumbsToActivate; i += 1) {\n thumbsSwiper.$wrapperEl.children((\"[data-swiper-slide-index=\\\"\" + (swiper.realIndex + i) + \"\\\"]\")).addClass(thumbActiveClass);\n }\n } else {\n for (var i$1 = 0; i$1 < thumbsToActivate; i$1 += 1) {\n thumbsSwiper.slides.eq(swiper.realIndex + i$1).addClass(thumbActiveClass);\n }\n }\n },\n };\n var Thumbs$1 = {\n name: 'thumbs',\n params: {\n thumbs: {\n swiper: null,\n slideThumbActiveClass: 'swiper-slide-thumb-active',\n thumbsContainerClass: 'swiper-container-thumbs',\n },\n },\n create: function create() {\n var swiper = this;\n Utils.extend(swiper, {\n thumbs: {\n swiper: null,\n init: Thumbs.init.bind(swiper),\n update: Thumbs.update.bind(swiper),\n onThumbClick: Thumbs.onThumbClick.bind(swiper),\n },\n });\n },\n on: {\n beforeInit: function beforeInit() {\n var swiper = this;\n var ref = swiper.params;\n var thumbs = ref.thumbs;\n if (!thumbs || !thumbs.swiper) { return; }\n swiper.thumbs.init();\n swiper.thumbs.update(true);\n },\n slideChange: function slideChange() {\n var swiper = this;\n if (!swiper.thumbs.swiper) { return; }\n swiper.thumbs.update();\n },\n update: function update() {\n var swiper = this;\n if (!swiper.thumbs.swiper) { return; }\n swiper.thumbs.update();\n },\n resize: function resize() {\n var swiper = this;\n if (!swiper.thumbs.swiper) { return; }\n swiper.thumbs.update();\n },\n observerUpdate: function observerUpdate() {\n var swiper = this;\n if (!swiper.thumbs.swiper) { return; }\n swiper.thumbs.update();\n },\n setTransition: function setTransition(duration) {\n var swiper = this;\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) { return; }\n thumbsSwiper.setTransition(duration);\n },\n beforeDestroy: function beforeDestroy() {\n var swiper = this;\n var thumbsSwiper = swiper.thumbs.swiper;\n if (!thumbsSwiper) { return; }\n if (swiper.thumbs.swiperCreated && thumbsSwiper) {\n thumbsSwiper.destroy();\n }\n },\n },\n };\n\n // Swiper Class\n\n var components = [\n Device$1,\n Support$1,\n Browser$1,\n Resize,\n Observer$1,\n Virtual$1,\n Keyboard$1,\n Mousewheel$1,\n Navigation$1,\n Pagination$1,\n Scrollbar$1,\n Parallax$1,\n Zoom$1,\n Lazy$1,\n Controller$1,\n A11y,\n History$1,\n HashNavigation$1,\n Autoplay$1,\n EffectFade,\n EffectCube,\n EffectFlip,\n EffectCoverflow,\n Thumbs$1\n ];\n\n if (typeof Swiper.use === 'undefined') {\n Swiper.use = Swiper.Class.use;\n Swiper.installModule = Swiper.Class.installModule;\n }\n\n Swiper.use(components);\n\n return Swiper;\n\n }));\n //# sourceMappingURL=swiper.js.map\n","'use strict';\n\nvar scene7 = require('./scene7');\n/**\n * Attach video to element\n */\nfunction initVideo() {\n $('.js-video').each(function () {\n var id = $(this).attr('id');\n var url = $(this).data('video-url');\n var native = $(this).data('native-player');\n if (id && url) {\n if (!native) {\n scene7.getVideo(id, $(this).data('autoplay'), url);\n }\n }\n });\n}\n\n// Native video player controls and event listeners\n\n/**\n * Handler for long form videos with all controls\n * @param {Object} player - video player element\n */\nfunction longVideoHandler(player) {\n var duration;\n setTimeout(function () {\n if (!isNaN(player.duration)) {\n if (player.duration < 3600) {\n duration = new Date(player.duration * 1000).toISOString().substring(14, 19);\n } else {\n duration = new Date(player.duration * 1000).toISOString().substring(11, 16);\n }\n }\n\n $(player).closest('.long-form-video').find('.overlay-timer').html(duration);\n $(player).closest('.long-form-video').find('.overlay-timer').attr('aria-label', duration);\n }, 300);\n\n if (player.autoplay) {\n $(player).siblings('.overlay-section').hide();\n $(player)[0].controls = true;\n }\n}\n\n/**\n * Handler for short form videos with all controls\n * @param {Object} player - video player element\n */\nfunction shortVideoHandler(player) {\n if ((typeof player.webkitAudioDecodedByteCount !== 'undefined' && player.webkitAudioDecodedByteCount > 0) || (typeof player.mozHasAudio !== 'undefined' && player.mozHasAudio) || (typeof player.audioTracks !== 'undefined' && player.audioTracks.length > 0)) {\n $(player).siblings('.custom-video-controls').find('.overlay-mute').removeClass('hidden');\n } else {\n $(player).siblings('.custom-video-controls').find('.no-audio-msg').show();\n }\n\n if (player.autoplay) {\n $(player).siblings('.custom-video-controls').find('.play-icon').hide();\n $(player).siblings('.custom-video-controls').find('.pause-icon').show();\n $(player).siblings('.custom-video-controls').find('.mute-icon').addClass('muted');\n $(player).siblings('.custom-video-controls').find('.volume-slider').hide();\n }\n}\n\n// Handling video players on load\n$(window).on('load', function () {\n $('.native-video').each(function () {\n this.addEventListener('ended', function () {\n if (!this.loop) {\n if ($(this).closest('.long-form-video').length) {\n $(this).closest('.long-form-video').find('.overlay-section').show();\n $(this).closest('.long-form-video').find('.play-icon').show();\n $(this).attr('controls', false);\n } else {\n $(this).siblings('.custom-video-controls').find('.play-icon').show();\n $(this).siblings('.custom-video-controls').find('.pause-icon').hide();\n }\n }\n });\n\n if ($(this).closest('.long-form-video').length) {\n longVideoHandler(this);\n } else {\n shortVideoHandler(this);\n }\n });\n});\n\n// Overlay click listener for long video player\n$('.overlay-section').on('click', function () {\n $(this).hide();\n $(this).siblings('video')[0].play();\n $(this).siblings('video').attr('controls', true);\n});\n\n// Overlay click listener for long video player\n$(document).on('click', '.short-form-video video', function () {\n if (this.paused) {\n this.play();\n $(this).closest('.short-form-video').find('.play-icon').hide();\n $(this).closest('.short-form-video').find('.pause-icon').show();\n $(this).closest('.short-form-video').find('.overlay-play').attr('aria-label', 'pause');\n } else {\n this.pause();\n $(this).closest('.short-form-video').find('.play-icon').show();\n $(this).closest('.short-form-video').find('.pause-icon').hide();\n $(this).closest('.short-form-video').find('.overlay-play').attr('aria-label', 'play');\n }\n});\n\n// Click listener for custom play button on both short and long video players\n$('.overlay-play').on('click', function () {\n var $player;\n if ($(this).closest('.short-form-video').length) {\n $player = $(this).closest('.short-form-video').find('video')[0];\n } else {\n $player = $(this).closest('.long-form-video').find('video')[0];\n }\n if ($player.paused) {\n $player.play();\n $(this).children('.play-icon').hide();\n $(this).children('.pause-icon').show();\n $(this).attr('aria-label', 'pause');\n } else {\n $player.pause();\n $(this).children('.play-icon').show();\n $(this).children('.pause-icon').hide();\n $(this).attr('aria-label', 'play');\n }\n});\n\n$('.short-form-video .overlay-play').on('click', function (e) {\n e.stopPropagation();\n});\n\n// Click listener for custom mute icon on short video player\n$('.overlay-mute').on('click', function (e) {\n e.stopPropagation();\n var $player = $(this).closest('.short-form-video').find('video')[0];\n if ($player.muted) {\n $player.muted = false;\n $(this).children('.mute-icon').removeClass('muted');\n $(this).siblings('.volume-slider').show();\n $(this).attr('aria-label', 'mute');\n } else {\n $player.muted = true;\n $(this).children('.mute-icon').addClass('muted');\n $(this).siblings('.volume-slider').hide();\n $(this).attr('aria-label', 'unmute');\n }\n});\n\n// Change listener for custom volume range slider on short video player\n$('.volume-slider').on('change', function (e) {\n var $player = $(this).closest('.short-form-video').find('video')[0];\n $player.volume = e.target.value;\n});\n\n$('.volume-slider').on('click', function (e) {\n e.stopImmediatePropagation();\n});\n\n// Displaying no audio message on keyboard focus\n$(document).on('keyup', '.no-audio-msg', function (e) {\n if (e.keyCode === 9) {\n $(this).css('opacity', '1');\n }\n});\n\n// Hiding no audio message when keyboard focus is lost\n$(document).on('keydown', '.no-audio-msg', function (e) {\n if (e.keyCode === 9) {\n $(this).css('opacity', '0');\n }\n});\n\nexport { initVideo };\n","'use strict';\n\nvar Swiper = require('./thirdParty/swiper');\n\nvar MIN_SLIDE_COUNT;\n\n\n/**\n * Init swiper carousel\n *\n * @param {jQuery} el - jQuery element\n * @return {Object} - swiper object\n */\nfunction initSwiper(el) {\n var mySwiper = new Swiper(el, {\n autoHeight: true,\n slidesPerView: 2.2,\n freeMode: true,\n spaceBetween: 10,\n breakpoints: {\n 768: {\n slidesPerView: 4.5,\n slidesPerGroup: 2,\n spaceBetween: 20,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n }\n }\n }\n });\n\n return mySwiper;\n}\n\n/**\n * Init visual links carousel\n */\nfunction initCarousel() {\n $('.visual-links-component').each(function () {\n if (!($(this).parent().hasClass('hide'))) {\n var $this = $(this);\n var swiperEl;\n var $swiperWrapperEl = $(this).find('#swiper-init');\n let slideCountQuery = window.matchMedia('(max-width: 767px)');\n if (slideCountQuery.matches) {\n MIN_SLIDE_COUNT = 3;\n } else {\n MIN_SLIDE_COUNT = 4;\n }\n var slotContentLength = $swiperWrapperEl.data('counter');\n if (slotContentLength <= MIN_SLIDE_COUNT) {\n $swiperWrapperEl.addClass('row');\n $('.swiper-slide-init').addClass('col');\n if (swiperEl) {\n swiperEl.destroy();\n }\n $swiperWrapperEl.removeAttr('style');\n $('.swiper-slide-init').removeAttr('style');\n } else {\n $swiperWrapperEl.addClass('swiper-wrapper');\n $('.swiper-slide-init').addClass('swiper-slide');\n $swiperWrapperEl.removeClass('row');\n $('.swiper-slide-init').removeClass('col');\n swiperEl = initSwiper($this);\n }\n $('.quick-links-wrapper').removeClass('d-none');\n\n // Setting top value for carousel arrow to center it vertically based on img height\n var imgHeight = $(this).find('.image-wrapper .img-fluid').height();\n if ($(this).find('.swiper-button-prev').length > 0 && $(this).find('.swiper-button-next').length > 0) { // If the buttons exist\n $(this).find('.swiper-button-prev').css({ top: imgHeight / 2 });\n $(this).find('.swiper-button-next').css({ top: imgHeight / 2 });\n }\n }\n });\n}\n\n// Click on anchors with '#' at the beginning should not reload the page, but directly scroll to the referred component\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n var selector;\n var elementHead;\n var headerHeight = $('.header .navigation')[0].offsetHeight + 1;\n // If it is Page designer CTA component\n if ($(this).closest('.storepage').length) {\n elementHead = document.querySelector(this.getAttribute('href'));\n } else { // If it is a BM component\n selector = 'a[name=\"' + this.getAttribute('href').split('#')[1] + '\"]';\n elementHead = document.querySelector(selector).closest('h2') ? document.querySelector(selector).closest('h2') : document.querySelector(selector).closest('.container');\n }\n\n $('html, body').animate({\n scrollTop: $(elementHead).offset().top - headerHeight\n }, 500);\n });\n});\n\n/**\n * Initialize listeners for resize\n */\nfunction init() {\n initCarousel();\n}\n\n$(window).on('resize', function () {\n init();\n});\n\nmodule.exports = {\n init: init,\n initCarousel: initCarousel\n};\n","/*!\n * jQuery Migrate - v3.0.0 - 2016-06-09\n * Copyright jQuery Foundation and other contributors\n */\n(function( jQuery, window ) {\n\"use strict\";\n\n\njQuery.migrateVersion = \"3.0.0\";\n\n\n( function() {\n\n\t// Support: IE9 only\n\t// IE9 only creates console object when dev tools are first opened\n\t// Also, avoid Function#bind here to simplify PhantomJS usage\n\tvar log = window.console && window.console.log &&\n\t\t\tfunction() { window.console.log.apply( window.console, arguments ); },\n\t\trbadVersions = /^[12]\\./;\n\n\tif ( !log ) {\n\t\treturn;\n\t}\n\n\t// Need jQuery 3.0.0+ and no older Migrate loaded\n\tif ( !jQuery || rbadVersions.test( jQuery.fn.jquery ) ) {\n\t\tlog( \"JQMIGRATE: jQuery 3.0.0+ REQUIRED\" );\n\t}\n\tif ( jQuery.migrateWarnings ) {\n\t\tlog( \"JQMIGRATE: Migrate plugin loaded multiple times\" );\n\t}\n\n\t// Show a message on the console so devs know we're active\n\tlog( \"JQMIGRATE: Migrate is installed\" +\n\t\t( jQuery.migrateMute ? \"\" : \" with logging active\" ) +\n\t\t\", version \" + jQuery.migrateVersion );\n\n} )();\n\nvar warnedAbout = {};\n\n// List of warnings already given; public read only\njQuery.migrateWarnings = [];\n\n// Set to false to disable traces that appear with warnings\nif ( jQuery.migrateTrace === undefined ) {\n\tjQuery.migrateTrace = true;\n}\n\n// Forget any warnings we've already given; public\njQuery.migrateReset = function() {\n\twarnedAbout = {};\n\tjQuery.migrateWarnings.length = 0;\n};\n\nfunction migrateWarn( msg ) {\n\tvar console = window.console;\n\tif ( !warnedAbout[ msg ] ) {\n\t\twarnedAbout[ msg ] = true;\n\t\tjQuery.migrateWarnings.push( msg );\n\t\tif ( console && console.warn && !jQuery.migrateMute ) {\n\t\t\tconsole.warn( \"JQMIGRATE: \" + msg );\n\t\t\tif ( jQuery.migrateTrace && console.trace ) {\n\t\t\t\tconsole.trace();\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction migrateWarnProp( obj, prop, value, msg ) {\n\tObject.defineProperty( obj, prop, {\n\t\tconfigurable: true,\n\t\tenumerable: true,\n\t\tget: function() {\n\t\t\tmigrateWarn( msg );\n\t\t\treturn value;\n\t\t}\n\t} );\n}\n\nif ( document.compatMode === \"BackCompat\" ) {\n\n\t// JQuery has never supported or tested Quirks Mode\n\tmigrateWarn( \"jQuery is not compatible with Quirks Mode\" );\n}\n\n\nvar oldInit = jQuery.fn.init,\n\toldIsNumeric = jQuery.isNumeric,\n\toldFind = jQuery.find,\n\trattrHashTest = /\\[(\\s*[-\\w]+\\s*)([~|^$*]?=)\\s*([-\\w#]*?#[-\\w#]*)\\s*\\]/,\n\trattrHashGlob = /\\[(\\s*[-\\w]+\\s*)([~|^$*]?=)\\s*([-\\w#]*?#[-\\w#]*)\\s*\\]/g;\n\njQuery.fn.init = function( arg1 ) {\n\tvar args = Array.prototype.slice.call( arguments );\n\n\tif ( typeof arg1 === \"string\" && arg1 === \"#\" ) {\n\n\t\t// JQuery( \"#\" ) is a bogus ID selector, but it returned an empty set before jQuery 3.0\n\t\tmigrateWarn( \"jQuery( '#' ) is not a valid selector\" );\n\t\targs[ 0 ] = [];\n\t}\n\n\treturn oldInit.apply( this, args );\n};\njQuery.fn.init.prototype = jQuery.fn;\n\njQuery.find = function( selector ) {\n\tvar args = Array.prototype.slice.call( arguments );\n\n\t// Support: PhantomJS 1.x\n\t// String#match fails to match when used with a //g RegExp, only on some strings\n\tif ( typeof selector === \"string\" && rattrHashTest.test( selector ) ) {\n\n\t\t// The nonstandard and undocumented unquoted-hash was removed in jQuery 1.12.0\n\t\t// First see if qS thinks it's a valid selector, if so avoid a false positive\n\t\ttry {\n\t\t\tdocument.querySelector( selector );\n\t\t} catch ( err1 ) {\n\n\t\t\t// Didn't *look* valid to qSA, warn and try quoting what we think is the value\n\t\t\tselector = selector.replace( rattrHashGlob, function( _, attr, op, value ) {\n\t\t\t\treturn \"[\" + attr + op + \"\\\"\" + value + \"\\\"]\";\n\t\t\t} );\n\n\t\t\t// If the regexp *may* have created an invalid selector, don't update it\n\t\t\t// Note that there may be false alarms if selector uses jQuery extensions\n\t\t\ttry {\n\t\t\t\tdocument.querySelector( selector );\n\t\t\t\tmigrateWarn( \"Attribute selector with '#' must be quoted: \" + args[ 0 ] );\n\t\t\t\targs[ 0 ] = selector;\n\t\t\t} catch ( err2 ) {\n\t\t\t\tmigrateWarn( \"Attribute selector with '#' was not fixed: \" + args[ 0 ] );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn oldFind.apply( this, args );\n};\n\n// Copy properties attached to original jQuery.find method (e.g. .attr, .isXML)\nvar findProp;\nfor ( findProp in oldFind ) {\n\tif ( Object.prototype.hasOwnProperty.call( oldFind, findProp ) ) {\n\t\tjQuery.find[ findProp ] = oldFind[ findProp ];\n\t}\n}\n\n// The number of elements contained in the matched element set\njQuery.fn.size = function() {\n\tmigrateWarn( \"jQuery.fn.size() is deprecated; use the .length property\" );\n\treturn this.length;\n};\n\njQuery.parseJSON = function() {\n\tmigrateWarn( \"jQuery.parseJSON is deprecated; use JSON.parse\" );\n\treturn JSON.parse.apply( null, arguments );\n};\n\njQuery.isNumeric = function( val ) {\n\n\t// The jQuery 2.2.3 implementation of isNumeric\n\tfunction isNumeric2( obj ) {\n\t\tvar realStringObj = obj && obj.toString();\n\t\treturn !jQuery.isArray( obj ) && ( realStringObj - parseFloat( realStringObj ) + 1 ) >= 0;\n\t}\n\n\tvar newValue = oldIsNumeric( val ),\n\t\toldValue = isNumeric2( val );\n\n\tif ( newValue !== oldValue ) {\n\t\tmigrateWarn( \"jQuery.isNumeric() should not be called on constructed objects\" );\n\t}\n\n\treturn oldValue;\n};\n\nmigrateWarnProp( jQuery, \"unique\", jQuery.uniqueSort,\n\t\"jQuery.unique is deprecated, use jQuery.uniqueSort\" );\n\n// Now jQuery.expr.pseudos is the standard incantation\nmigrateWarnProp( jQuery.expr, \"filters\", jQuery.expr.pseudos,\n\t\"jQuery.expr.filters is now jQuery.expr.pseudos\" );\nmigrateWarnProp( jQuery.expr, \":\", jQuery.expr.pseudos,\n\t\"jQuery.expr[\\\":\\\"] is now jQuery.expr.pseudos\" );\n\n\nvar oldAjax = jQuery.ajax;\n\njQuery.ajax = function( ) {\n\tvar jQXHR = oldAjax.apply( this, arguments );\n\n\t// Be sure we got a jQXHR (e.g., not sync)\n\tif ( jQXHR.promise ) {\n\t\tmigrateWarnProp( jQXHR, \"success\", jQXHR.done,\n\t\t\t\"jQXHR.success is deprecated and removed\" );\n\t\tmigrateWarnProp( jQXHR, \"error\", jQXHR.fail,\n\t\t\t\"jQXHR.error is deprecated and removed\" );\n\t\tmigrateWarnProp( jQXHR, \"complete\", jQXHR.always,\n\t\t\t\"jQXHR.complete is deprecated and removed\" );\n\t}\n\n\treturn jQXHR;\n};\n\n\nvar oldRemoveAttr = jQuery.fn.removeAttr,\n\toldToggleClass = jQuery.fn.toggleClass,\n\trmatchNonSpace = /\\S+/g;\n\njQuery.fn.removeAttr = function( name ) {\n\tvar self = this;\n\n\tjQuery.each( name.match( rmatchNonSpace ), function( i, attr ) {\n\t\tif ( jQuery.expr.match.bool.test( attr ) ) {\n\t\t\tmigrateWarn( \"jQuery.fn.removeAttr no longer sets boolean properties: \" + attr );\n\t\t\tself.prop( attr, false );\n\t\t}\n\t} );\n\n\treturn oldRemoveAttr.apply( this, arguments );\n};\n\njQuery.fn.toggleClass = function( state ) {\n\n\t// Only deprecating no-args or single boolean arg\n\tif ( state !== undefined && typeof state !== \"boolean\" ) {\n\t\treturn oldToggleClass.apply( this, arguments );\n\t}\n\n\tmigrateWarn( \"jQuery.fn.toggleClass( boolean ) is deprecated\" );\n\n\t// Toggle entire class name of each element\n\treturn this.each( function() {\n\t\tvar className = this.getAttribute && this.getAttribute( \"class\" ) || \"\";\n\n\t\tif ( className ) {\n\t\t\tjQuery.data( this, \"__className__\", className );\n\t\t}\n\n\t\t// If the element has a class name or if we're passed `false`,\n\t\t// then remove the whole classname (if there was one, the above saved it).\n\t\t// Otherwise bring back whatever was previously saved (if anything),\n\t\t// falling back to the empty string if nothing was stored.\n\t\tif ( this.setAttribute ) {\n\t\t\tthis.setAttribute( \"class\",\n\t\t\t\tclassName || state === false ?\n\t\t\t\t\"\" :\n\t\t\t\tjQuery.data( this, \"__className__\" ) || \"\"\n\t\t\t);\n\t\t}\n\t} );\n};\n\n\nvar internalSwapCall = false;\n\n// If this version of jQuery has .swap(), don't false-alarm on internal uses\nif ( jQuery.swap ) {\n\tjQuery.each( [ \"height\", \"width\", \"reliableMarginRight\" ], function( _, name ) {\n\t\tvar oldHook = jQuery.cssHooks[ name ] && jQuery.cssHooks[ name ].get;\n\n\t\tif ( oldHook ) {\n\t\t\tjQuery.cssHooks[ name ].get = function() {\n\t\t\t\tvar ret;\n\n\t\t\t\tinternalSwapCall = true;\n\t\t\t\tret = oldHook.apply( this, arguments );\n\t\t\t\tinternalSwapCall = false;\n\t\t\t\treturn ret;\n\t\t\t};\n\t\t}\n\t} );\n}\n\njQuery.swap = function( elem, options, callback, args ) {\n\tvar ret, name,\n\t\told = {};\n\n\tif ( !internalSwapCall ) {\n\t\tmigrateWarn( \"jQuery.swap() is undocumented and deprecated\" );\n\t}\n\n\t// Remember the old values, and insert the new ones\n\tfor ( name in options ) {\n\t\told[ name ] = elem.style[ name ];\n\t\telem.style[ name ] = options[ name ];\n\t}\n\n\tret = callback.apply( elem, args || [] );\n\n\t// Revert the old values\n\tfor ( name in options ) {\n\t\telem.style[ name ] = old[ name ];\n\t}\n\n\treturn ret;\n};\n\nvar oldData = jQuery.data;\n\njQuery.data = function( elem, name, value ) {\n\tvar curData;\n\n\t// If the name is transformed, look for the un-transformed name in the data object\n\tif ( name && name !== jQuery.camelCase( name ) ) {\n\t\tcurData = jQuery.hasData( elem ) && oldData.call( this, elem );\n\t\tif ( curData && name in curData ) {\n\t\t\tmigrateWarn( \"jQuery.data() always sets/gets camelCased names: \" + name );\n\t\t\tif ( arguments.length > 2 ) {\n\t\t\t\tcurData[ name ] = value;\n\t\t\t}\n\t\t\treturn curData[ name ];\n\t\t}\n\t}\n\n\treturn oldData.apply( this, arguments );\n};\n\nvar oldTweenRun = jQuery.Tween.prototype.run;\n\njQuery.Tween.prototype.run = function( percent ) {\n\tif ( jQuery.easing[ this.easing ].length > 1 ) {\n\t\tmigrateWarn(\n\t\t\t\"easing function \" +\n\t\t\t\"\\\"jQuery.easing.\" + this.easing.toString() +\n\t\t\t\"\\\" should use only first argument\"\n\t\t);\n\n\t\tjQuery.easing[ this.easing ] = jQuery.easing[ this.easing ].bind(\n\t\t\tjQuery.easing,\n\t\t\tpercent, this.options.duration * percent, 0, 1, this.options.duration\n\t\t);\n\t}\n\n\toldTweenRun.apply( this, arguments );\n};\n\nvar oldLoad = jQuery.fn.load,\n\toriginalFix = jQuery.event.fix;\n\njQuery.event.props = [];\njQuery.event.fixHooks = {};\n\njQuery.event.fix = function( originalEvent ) {\n\tvar event,\n\t\ttype = originalEvent.type,\n\t\tfixHook = this.fixHooks[ type ],\n\t\tprops = jQuery.event.props;\n\n\tif ( props.length ) {\n\t\tmigrateWarn( \"jQuery.event.props are deprecated and removed: \" + props.join() );\n\t\twhile ( props.length ) {\n\t\t\tjQuery.event.addProp( props.pop() );\n\t\t}\n\t}\n\n\tif ( fixHook && !fixHook._migrated_ ) {\n\t\tfixHook._migrated_ = true;\n\t\tmigrateWarn( \"jQuery.event.fixHooks are deprecated and removed: \" + type );\n\t\tif ( ( props = fixHook.props ) && props.length ) {\n\t\t\twhile ( props.length ) {\n\t\t\t jQuery.event.addProp( props.pop() );\n\t\t\t}\n\t\t}\n\t}\n\n\tevent = originalFix.call( this, originalEvent );\n\n\treturn fixHook && fixHook.filter ? fixHook.filter( event, originalEvent ) : event;\n};\n\njQuery.each( [ \"load\", \"unload\", \"error\" ], function( _, name ) {\n\n\tjQuery.fn[ name ] = function() {\n\t\tvar args = Array.prototype.slice.call( arguments, 0 );\n\n\t\t// If this is an ajax load() the first arg should be the string URL;\n\t\t// technically this could also be the \"Anything\" arg of the event .load()\n\t\t// which just goes to show why this dumb signature has been deprecated!\n\t\t// jQuery custom builds that exclude the Ajax module justifiably die here.\n\t\tif ( name === \"load\" && typeof args[ 0 ] === \"string\" ) {\n\t\t\treturn oldLoad.apply( this, args );\n\t\t}\n\n\t\tmigrateWarn( \"jQuery.fn.\" + name + \"() is deprecated\" );\n\n\t\targs.splice( 0, 0, name );\n\t\tif ( arguments.length ) {\n\t\t\treturn this.on.apply( this, args );\n\t\t}\n\n\t\t// Use .triggerHandler here because:\n\t\t// - load and unload events don't need to bubble, only applied to window or image\n\t\t// - error event should not bubble to window, although it does pre-1.7\n\t\t// See http://bugs.jquery.com/ticket/11820\n\t\tthis.triggerHandler.apply( this, args );\n\t\treturn this;\n\t};\n\n} );\n\n// Trigger \"ready\" event only once, on document ready\njQuery( function() {\n\tjQuery( document ).triggerHandler( \"ready\" );\n} );\n\njQuery.event.special.ready = {\n\tsetup: function() {\n\t\tif ( this === document ) {\n\t\t\tmigrateWarn( \"'ready' event is deprecated\" );\n\t\t}\n\t}\n};\n\njQuery.fn.extend( {\n\n\tbind: function( types, data, fn ) {\n\t\tmigrateWarn( \"jQuery.fn.bind() is deprecated\" );\n\t\treturn this.on( types, null, data, fn );\n\t},\n\tunbind: function( types, fn ) {\n\t\tmigrateWarn( \"jQuery.fn.unbind() is deprecated\" );\n\t\treturn this.off( types, null, fn );\n\t},\n\tdelegate: function( selector, types, data, fn ) {\n\t\tmigrateWarn( \"jQuery.fn.delegate() is deprecated\" );\n\t\treturn this.on( types, selector, data, fn );\n\t},\n\tundelegate: function( selector, types, fn ) {\n\t\tmigrateWarn( \"jQuery.fn.undelegate() is deprecated\" );\n\t\treturn arguments.length === 1 ?\n\t\t\tthis.off( selector, \"**\" ) :\n\t\t\tthis.off( types, selector || \"**\", fn );\n\t}\n} );\n\n\nvar oldOffset = jQuery.fn.offset;\n\njQuery.fn.offset = function() {\n\tvar docElem,\n\t\telem = this[ 0 ],\n\t\torigin = { top: 0, left: 0 };\n\n\tif ( !elem || !elem.nodeType ) {\n\t\tmigrateWarn( \"jQuery.fn.offset() requires a valid DOM element\" );\n\t\treturn origin;\n\t}\n\n\tdocElem = ( elem.ownerDocument || document ).documentElement;\n\tif ( !jQuery.contains( docElem, elem ) ) {\n\t\tmigrateWarn( \"jQuery.fn.offset() requires an element connected to a document\" );\n\t\treturn origin;\n\t}\n\n\treturn oldOffset.apply( this, arguments );\n};\n\n\nvar oldParam = jQuery.param;\n\njQuery.param = function( data, traditional ) {\n\tvar ajaxTraditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;\n\n\tif ( traditional === undefined && ajaxTraditional ) {\n\n\t\tmigrateWarn( \"jQuery.param() no longer uses jQuery.ajaxSettings.traditional\" );\n\t\ttraditional = ajaxTraditional;\n\t}\n\n\treturn oldParam.call( this, data, traditional );\n};\n\nvar oldSelf = jQuery.fn.andSelf || jQuery.fn.addBack;\n\njQuery.fn.andSelf = function() {\n\tmigrateWarn( \"jQuery.fn.andSelf() replaced by jQuery.fn.addBack()\" );\n\treturn oldSelf.apply( this, arguments );\n};\n\n\nvar oldDeferred = jQuery.Deferred,\n\ttuples = [\n\n\t\t// Action, add listener, callbacks, .then handlers, final state\n\t\t[ \"resolve\", \"done\", jQuery.Callbacks( \"once memory\" ),\n\t\t\tjQuery.Callbacks( \"once memory\" ), \"resolved\" ],\n\t\t[ \"reject\", \"fail\", jQuery.Callbacks( \"once memory\" ),\n\t\t\tjQuery.Callbacks( \"once memory\" ), \"rejected\" ],\n\t\t[ \"notify\", \"progress\", jQuery.Callbacks( \"memory\" ),\n\t\t\tjQuery.Callbacks( \"memory\" ) ]\n\t];\n\njQuery.Deferred = function( func ) {\n\tvar deferred = oldDeferred(),\n\t\tpromise = deferred.promise();\n\n\tdeferred.pipe = promise.pipe = function( /* fnDone, fnFail, fnProgress */ ) {\n\t\tvar fns = arguments;\n\n\t\tmigrateWarn( \"deferred.pipe() is deprecated\" );\n\n\t\treturn jQuery.Deferred( function( newDefer ) {\n\t\t\tjQuery.each( tuples, function( i, tuple ) {\n\t\t\t\tvar fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];\n\n\t\t\t\t// Deferred.done(function() { bind to newDefer or newDefer.resolve })\n\t\t\t\t// deferred.fail(function() { bind to newDefer or newDefer.reject })\n\t\t\t\t// deferred.progress(function() { bind to newDefer or newDefer.notify })\n\t\t\t\tdeferred[ tuple[ 1 ] ]( function() {\n\t\t\t\t\tvar returned = fn && fn.apply( this, arguments );\n\t\t\t\t\tif ( returned && jQuery.isFunction( returned.promise ) ) {\n\t\t\t\t\t\treturned.promise()\n\t\t\t\t\t\t\t.done( newDefer.resolve )\n\t\t\t\t\t\t\t.fail( newDefer.reject )\n\t\t\t\t\t\t\t.progress( newDefer.notify );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnewDefer[ tuple[ 0 ] + \"With\" ](\n\t\t\t\t\t\t\tthis === promise ? newDefer.promise() : this,\n\t\t\t\t\t\t\tfn ? [ returned ] : arguments\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t\t\tfns = null;\n\t\t} ).promise();\n\n\t};\n\n\tif ( func ) {\n\t\tfunc.call( deferred, deferred );\n\t}\n\n\treturn deferred;\n};\n\n\n\n})( jQuery, window );\n","var $userIcon = $('.cta-icons .user');\nvar $minicartQuantity = $('.minicart-quantity');\n\n$('.minicart').on('mouseenter focusin touchstart', function () {\n if ($('.cart-page').length > 0) {\n if ($('.minicart .popover').hasClass('show')) {\n $('.minicart .popover').removeClass('show');\n }\n } else {\n $('.minicart-link').addClass('show');\n }\n});\n\n$('body').on('touchstart click', function () {\n $('.minicart-link').removeClass('show');\n $userIcon.find('.user-link').removeClass('show');\n});\n\n$('.minicart').on('mouseleave focusout', function () {\n $('.minicart-link').removeClass('show');\n});\n\n$userIcon.on('mouseenter focusin touchstart', function () {\n $userIcon.find('.user-link').addClass('show');\n});\n\n$userIcon.on('mouseleave focusout', function () {\n $userIcon.find('.user-link').removeClass('show');\n});\n\nvar miniCartQuantityObserver = new MutationObserver(function () {\n if (!$('.minicart-link').hasClass('product-added')) {\n if (parseInt($minicartQuantity.text(), 10) > 0) {\n setTimeout(function () {\n $('.minicart-link').addClass('product-added');\n }, 10000);\n }\n } else if (parseInt($minicartQuantity.text(), 10) === 0) {\n $('.minicart-link').removeClass('product-added');\n }\n});\n\nminiCartQuantityObserver.observe(document.querySelector('.minicart-quantity'), { childList: true, subtree: true });\n\n$(document).on('show.bs.modal', '#removeProductModal', function () {\n if ($(document.body).hasClass('stickyHeader')) {\n $(document.body).addClass('miniCartModal');\n }\n $(document).on('keydown', '#removeProductModal', function (e) {\n if (e.key === 'Tab' || e.keyCode === 9) {\n if (e.shiftKey) /* shift + tab */ {\n if ($('#removeProductModal .closeButton-1yRs1').is(':focus')) {\n $('#removeProductModal .secondaryCta-25wwC').focus();\n e.preventDefault();\n }\n } else /* tab */ {\n if ($('#removeProductModal .secondaryCta-25wwC').is(':focus')) {\n $('#removeProductModal .closeButton-1yRs1').focus();\n e.preventDefault();\n }\n return;\n }\n }\n });\n});\n$(document).on('hide.bs.modal', '#removeProductModal', function () {\n if ($(document.body).hasClass('miniCartModal')) {\n $(document.body).removeClass('miniCartModal');\n }\n});\n\n$(document).ready(function () {\n if (!$('.minicart-link').hasClass('product-added')) {\n if ($('.minicart-link .minicart-quantity')[0] && parseInt($('.minicart-link .minicart-quantity')[0].innerHTML, 10) > 0) {\n setTimeout(function () {\n $('.minicart-link').addClass('product-added');\n }, 5000);\n }\n }\n});\n","/* eslint-disable no-undef */\n'use strict';\n\nlet i;\nvar x;\nvar a;\nvar d;\n$(document).ready(function () {\n /**\n * @param {string} elmnt - Component Script Context\n */\n function closeAllSelect(elmnt) {\n var y;\n var xl;\n var yl;\n var arrNo = [];\n x = document.getElementsByClassName('select-items');\n y = document.getElementsByClassName('select-selected');\n xl = x.length;\n yl = y.length;\n for (i = 0; i < yl; i++) {\n if (elmnt === y[i]) {\n arrNo.push(i);\n } else {\n y[i].classList.remove('select-arrow-active');\n $('.arrow').toggleClass('down up');\n }\n }\n for (i = 0; i < xl; i++) {\n if (arrNo.indexOf(i)) {\n x[i].classList.add('select-hide');\n $('.arrow').toggleClass('down up');\n }\n }\n }\n\n /**\n * A function that works on click\n */\n function buttonClicked() {\n var y;\n var k;\n var s;\n var h;\n var sl;\n var yl;\n s = this.parentNode.parentNode.getElementsByClassName('select-mobile-navigation')[0];\n sl = s.length;\n h = this.parentNode.previousSibling;\n for (i = 0; i < sl; i++) {\n if (s.options[i].innerHTML === this.innerHTML) {\n s.selectedIndex = i;\n h.innerHTML = this.innerHTML;\n y = this.parentNode.getElementsByClassName('same-as-selected');\n a.appendChild(d);\n window.location = s.options[s.selectedIndex].value;\n $('.arrow').toggleClass('down up');\n yl = y.length;\n for (k = 0; k < yl; k++) {\n y[k].removeAttribute('class');\n }\n this.setAttribute('class', 'same-as-selected');\n a.appendChild(d);\n $('.arrow').toggleClass('down up');\n break;\n }\n }\n h.click();\n }\n\n if (window.screen.width <= 1023) {\n $(\"\").appendTo('.navigation-content');\n $('', {\n selected: 'selected',\n value: '',\n text: 'Selected Item'\n }).appendTo('.navigation-content select');\n $('.navigation-content a').each(function () {\n var el = $(this);\n $('', {\n value: el.attr('href'),\n text: el.text()\n }).appendTo('.navigation-content select');\n });\n\n let j;\n var l;\n var ll;\n var selElmnt;\n var b;\n var c;\n x = document.getElementsByClassName('mobile-navigation-container');\n l = x.length;\n\n const helperDropdown = document.querySelectorAll('button.dropdown-toggle');\n helperDropdown.forEach(element => {\n element.setAttribute('role', 'combobox');\n element.setAttribute('aria-label', 'LULULEMON HELP');\n element.setAttribute('tabindex', '0');\n element.setAttribute('aria-expanded', 'false');\n });\n const items = document.querySelectorAll('.dropdown-menu.inner.show li');\n // Loop through the items to find the one with the text \"Selected Item\"\n items.forEach(item => {\n const linkText = item.querySelector('a .text').textContent;\n if (linkText === 'Selected Item') {\n item.remove();\n }\n });\n\n for (i = 0; i < l; i++) {\n selElmnt = x[i].getElementsByClassName('select-mobile-navigation')[0];\n $('.select-mobile-navigation').selectpicker();\n ll = selElmnt.length;\n a = document.createElement('DIV');\n a.setAttribute('class', 'select-selected');\n a.setAttribute('role', 'combobox');\n a.setAttribute('aria-label', 'LULULEMON HELP');\n a.setAttribute('tabindex', '0');\n a.setAttribute('aria-expanded', 'false');\n a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;\n x[i].appendChild(a);\n d = document.createElement('i');\n d.setAttribute('class', 'arrow down');\n b = document.createElement('DIV');\n b.setAttribute('class', 'select-items select-hide');\n for (j = 1; j < ll; j++) {\n c = document.createElement('DIV');\n c.innerHTML = selElmnt.options[j].innerHTML;\n c.addEventListener('click', buttonClicked);\n b.appendChild(c);\n a.appendChild(d);\n }\n x[i].appendChild(b);\n a.addEventListener('click', function (e) {\n e.stopPropagation();\n closeAllSelect(this);\n this.nextSibling.classList.toggle('select-hide');\n this.classList.toggle('select-arrow-active');\n if (this.classList.contains('select-arrow-active')) {\n this.setAttribute('aria-expanded', 'true');\n } else {\n this.setAttribute('aria-expanded', 'false');\n }\n $('.arrow').toggleClass('down up');\n });\n }\n document.addEventListener('click', closeAllSelect);\n $('.arrow').toggleClass('down up');\n $('.navigation-content .select-mobile-navigation').change(function () {\n window.location = $(this).find('option:selected').val();\n });\n $('.mobile-navigation-content').hide();\n $('.arrow').toggleClass('down up');\n } else {\n $('.mobile-navigation-content').show();\n $('.select-mobile-navigation').hide();\n }\n $('#Ordering').attr('tabindex', '-1');\n $('#Ordering h2').attr('tabindex', '0');\n $('#Payment').attr('tabindex', '-1');\n $('#Payment h2').attr('tabindex', '0');\n});\n","'use strict';\n/* eslint-disable no-undef */\n\nrequire('../icons/close.svg');\nrequire('../icons/callUs.svg');\nrequire('../icons/emailUs.svg');\nvar Swiper = require('./components/thirdParty/swiper');\nvar carousel = require('./components/carousel');\nrequire('../icons/fasterCheckout.svg');\nrequire('../icons/easyTrackOrders.svg');\nrequire('../icons/viewOrderHistory.svg');\nrequire('../icons/savedWishlist.svg');\nrequire('../icons/KakaoChat.svg');\nrequire('../icons/accountDashboard.svg');\nrequire('../icons/creditDebitCard.svg');\n\n/**\n * Checks if user have closed earlier with help of localstorage.\n */\nfunction checkClose() {\n if (typeof Storage !== 'undefined') {\n if (!sessionStorage.getItem('closeBanner')) {\n $('.banner').removeClass('d-none');\n }\n } else {\n $('.banner').removeClass('d-none');\n }\n}\n\n/**\n * Banner stripe close click handler.\n */\nfunction closeClick() {\n $('.site-stripe .close-btn').click(function (e) {\n e.preventDefault();\n if (typeof Storage !== 'undefined') {\n sessionStorage.setItem('closeBanner', false);\n }\n $('.banner').addClass('d-none');\n });\n}\n\n/**\n * Quick start popup handler.\n * @return {Object} - swiper object\n */\nfunction quickStartPopup() {\n var myQuickStartSwiper;\n if ($('.quickStartWrapper').length > 0) {\n if (sessionStorage.getItem('disabledQuickStartFlag') === null) {\n sessionStorage.setItem('disabledQuickStartFlag', 'false');\n }\n setTimeout(function () {\n if ($('.quickStartWrapper .tile').length > 4) {\n $('.quickStartWrapper .swiper-wrapper').removeClass('center-tile');\n myQuickStartSwiper = new Swiper($('.quickStartWrapper .product-tile-wrapper'), {\n slidesPerView: 4.5,\n freeMode: true,\n spaceBetween: 1,\n breakpoints: {\n 1023: {\n slidesPerView: 4.5,\n slidesPerGroup: 1,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n }\n },\n 1024: {\n slidesPerView: 5,\n slidesPerGroup: 1,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n }\n }\n }\n });\n } else {\n $('.quickStartWrapper .swiper-wrapper').addClass('center-tile');\n $('.quickStartWrapper .tile').removeClass('swiper-slide');\n }\n }, 300);\n }\n\n return myQuickStartSwiper;\n}\n\n/**\n * Site stripe countdown timer handler.\n * @param {Object} $timerWrapper - Countdown timer wrapper\n * @param {string} componenttype - Countdown component type\n */\nfunction siteStripeCountdownHandler($timerWrapper, componenttype) {\n var countdownTimerContentURL = $('.global-header').attr('data-countdownurl');\n var endDateParam = $timerWrapper.attr('data-enddate');\n var endTime = '';\n var $dateDisplay = $timerWrapper.find('.date-display');\n var $timerMainText = $timerWrapper.find('.main-text');\n var $timerSubText = $timerWrapper.find('.sub-text');\n var $timerUL = $timerWrapper.find('#countdown');\n var $altMainText = $timerWrapper.find('.alt-main-text');\n var $altSubText = $timerWrapper.find('.alt-sub-text');\n var $timerCampaignMsg = $timerWrapper.find('.timer-campaign-msg');\n var $hrsEle = $timerWrapper.find('.hours');\n var $minEle = $timerWrapper.find('.minutes');\n var $secEle = $timerWrapper.find('.seconds');\n\n if (endDateParam !== '') {\n $.ajax({\n type: 'GET',\n url: countdownTimerContentURL,\n data: {\n endDate: endDateParam,\n componenttype: componenttype\n },\n contentType: 'application/json; charset=utf-8',\n success: function (res) {\n if (res.countdownTimerConfig.campaignEnded) {\n $timerCampaignMsg.addClass('d-none');\n $timerUL.addClass('d-none');\n $dateDisplay.addClass('d-none');\n $timerMainText.addClass('d-none');\n $timerSubText.addClass('d-none');\n $altMainText.removeClass('d-none');\n $altSubText.removeClass('d-none');\n $('.pd_countdowntimer').removeClass('d-none');\n $('.countdowntimerslot').removeClass('d-none');\n } else {\n var hrsRes = res.countdownTimerConfig.hours ? res.countdownTimerConfig.hours : '0';\n var minRes = res.countdownTimerConfig.minutes ? res.countdownTimerConfig.minutes : '0';\n var secRes = res.countdownTimerConfig.seconds ? res.countdownTimerConfig.seconds : '0';\n if (res.countdownTimerConfig.days) {\n hrsRes = (res.countdownTimerConfig.days * 24) + hrsRes;\n }\n\n endTime = hrsRes + ':' + minRes + ':' + secRes;\n var tt = endTime.split(':');\n var secVal = (tt[0] * 3600) + (tt[1] * 60) + (tt[2] * 1);\n var timeDiffInSecond = secVal; // in second\n\n if (timeDiffInSecond > 0) {\n const x = setInterval(function () {\n $altMainText.addClass('d-none');\n $altSubText.addClass('d-none');\n var hrsVal = Math.floor(((timeDiffInSecond % 31536000) % 86400) / 3600) + (Math.floor((timeDiffInSecond % 31536000) / 86400) * 24);\n\n if (timeDiffInSecond < 86400) {\n $dateDisplay.addClass('d-none');\n $timerMainText.addClass('d-none');\n $timerUL.removeClass('d-none');\n $hrsEle.html(String(hrsVal).padStart(2, '0'));\n $minEle.html(String(Math.floor((((timeDiffInSecond % 31536000) % 86400) % 3600) / 60)).padStart(2, '0'));\n $secEle.html(String(Math.floor((((timeDiffInSecond % 31536000) % 86400) % 3600) % 60)).padStart(2, '0'));\n } else if ($timerMainText.length > 0 && $timerMainText.html() !== '') {\n $timerUL.addClass('d-none');\n $timerMainText.removeClass('d-none');\n } else {\n $timerUL.addClass('d-none');\n $dateDisplay.html(res.countdownTimerConfig.dateDisplay);\n $dateDisplay.removeClass('d-none');\n }\n $timerWrapper.removeClass('d-none');\n\n timeDiffInSecond -= 1;\n\n if (timeDiffInSecond < 0) {\n clearInterval(x);\n $timerCampaignMsg.addClass('d-none');\n $timerUL.addClass('d-none');\n $dateDisplay.addClass('d-none');\n $timerMainText.addClass('d-none');\n $timerSubText.addClass('d-none');\n $altMainText.removeClass('d-none');\n $altSubText.removeClass('d-none');\n }\n }, 1000);\n }\n }\n }\n });\n } else {\n $timerUL.addClass('d-none');\n $timerMainText.removeClass('d-none');\n $timerWrapper.removeClass('d-none');\n }\n}\n\n\n/**\n * Creates a site stripe carousel\n */\nfunction initSiteStripeCarousel() {\n var $siteCarousel = $('.site-stripe-carousel');\n var isCountdownConfiguredFirst = $siteCarousel.find('.html-slot-container').first().hasClass('countdowntimerslot');\n\n var opts = {\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: false,\n centerMode: false,\n arrows: true,\n slide: 'div.html-slot-container',\n rows: 0,\n autoplay: false,\n swipeToSlide: true,\n infinite: true\n };\n\n if (isCountdownConfiguredFirst) {\n $siteCarousel.find('.html-slot-container').eq(1).hide();\n $siteCarousel.find('.html-slot-container').eq(2).hide();\n $siteCarousel.addClass('countdownconfig');\n } else {\n $siteCarousel.removeClass('countdownconfig');\n carousel.initCarousel(opts, $siteCarousel);\n }\n\n setTimeout(function () {\n $('.site-stripe-slot').css('opacity', 1);\n }, 1600);\n}\n\n$(window).on('load', function () {\n if (window.cfCacheEnabled) {\n quickStartPopup();\n }\n});\n\n$(document).ready(function () {\n if ($('.pd_countdowntimer').length > 0) {\n $('.pd_countdowntimer').each(function () {\n siteStripeCountdownHandler($(this), 'pdcomponent');\n });\n }\n\n if ($('#countdowntimerslot').length > 0) {\n $('.countdowntimerslot').each(function (i, ele) {\n siteStripeCountdownHandler($(ele), 'slotcomponent');\n });\n }\n\n initSiteStripeCarousel();\n\n var siteSearch = document.getElementById('siteSearch');\n\n /**\n * finds the next or prev search Suggestion item\n * @param {Object} item - link item reference\n * @param {string} dir - direction next/prev\n * @returns {Object} - adjacent item next/prev\n */\n function nextDOMItem(item, dir) {\n var adjacentDropItem;\n\n var liElmIndex = $('#siteSearch [tabindex=0]').index(item);\n var lastInDrop = $('#siteSearch [tabindex=0]').last();\n\n if (dir === 'next') {\n adjacentDropItem = $('#siteSearch [tabindex=0]')[liElmIndex + 1];\n if (lastInDrop[0] === item) {\n adjacentDropItem = $('#siteSearch [tabindex=0]')[1];\n }\n } else if (dir === 'prev') {\n adjacentDropItem = $('#siteSearch [tabindex=0]')[liElmIndex - 1];\n }\n\n return adjacentDropItem;\n }\n\n /**\n * Keyboard stuff\n * @param {Object} keyVent - key reference\n */\n function keyboardSearchHandler(keyVent) {\n var target = keyVent.target;\n var which = keyVent.which;\n\n if (which === 40) { // DOWN\n // dropdown item\n var nextItem = nextDOMItem(target, 'next');\n\n if (nextItem) {\n keyVent.preventDefault();\n nextItem.focus();\n }\n } else if (which === 38) { // UP\n // dropdown item\n var prevItem = nextDOMItem(target, 'prev');\n\n if (prevItem) {\n keyVent.preventDefault();\n prevItem.focus();\n }\n }\n }\n\n $(siteSearch).on('keydown', '[tabindex=\"0\"]', keyboardSearchHandler);\n var $userIcon = $('.popover.popover-bottom.acc-header');\n if ($userIcon.length > 0) {\n if (window.matchMedia('(max-width: 1023.98px)')) {\n $(document).on('click', '#guestUser.user .user-icon', function () {\n $(this).siblings('.acc-header').toggleClass('show');\n });\n }\n $(document).on('click', '.signin-wrapper button.login-btn, .signup-wrapper button.ao-create-account', function () {\n window.location.href = $(this).data('redirect');\n });\n }\n $('.kakao-auth-btn').off('click').on('click', function (event) {\n let source;\n if ($(event.target).closest('.global-header').length) {\n source = 'header';\n } else {\n switch (window.pageName) {\n case 'Checkout':\n source = 'checkout';\n break;\n case 'Wishlist':\n source = 'wishlist';\n break;\n default:\n source = 'account-login';\n break;\n }\n }\n _satellite.track('kakao:login-interaction',\n {\n component: {\n id: 'login-kakao',\n text: 'kakao',\n details: 'login-kakao',\n source: source\n }\n });\n window.location.href = $(this).data('auth-url') + '&&source=' + source;\n });\n\n const $kakaoDetails = $('.kakao-login-deatils');\n if ($('.kakao-login-deatils').length > 0 && $kakaoDetails.attr('data-kakao-login-status') === 'true') {\n let source = $kakaoDetails.attr('data-kakao-login-source');\n const userId = $kakaoDetails.attr('data-user-id');\n const isFistTimeLogin = $kakaoDetails.attr('data-is-firsttime-login');\n const trackingterm = isFistTimeLogin === 'true' ? 'kakao:account-creation-success' : 'kakao:login-success';\n _satellite.track(trackingterm,\n {\n component: {\n user_id: userId,\n source: source\n }\n });\n }\n\n $(document).on('keydown', '.myaccount-redesign #authUser .popover a', function (e) {\n if (e.key === 'Tab' || e.keyCode === 9) {\n if (e.shiftKey) {\n // Shift + Tab combo\n if ($(this).is(':focus')) {\n if ($(this).hasClass('first-link')) {\n $('#authUser a.user-icon-desktop').focus();\n e.preventDefault();\n } else {\n $(this)\n .prev('a:first')\n .focus();\n }\n e.preventDefault();\n }\n } else if ($(this).is(':focus')) {\n // Only Shift\n if ($(this).hasClass('last-link')) {\n $('#wishlist-header a')\n .filter(':visible')\n .focus();\n } else {\n $(this)\n .next('a:first')\n .focus();\n }\n e.preventDefault();\n }\n }\n });\n\n $(document).on('keydown', '.myaccount-global-header #guestUser .popover .perks-icon', function (e) {\n if (e.key === 'Tab' || e.keyCode === 9) {\n if (e.shiftKey) {\n // Shift + Tab combo\n if ($(this).is(':focus')) {\n if ($(this).hasClass('perks-first-link')) {\n $('#guestUser .login-btn').focus();\n e.preventDefault();\n } else {\n $(this)\n .prev('li:first')\n .focus();\n }\n e.preventDefault();\n }\n } else if ($(this).is(':focus')) {\n // Only tab\n if ($(this).hasClass('perks-last-link')) {\n $('#guestUser .ao-create-account').focus();\n } else {\n $(this)\n .next('li:first')\n .focus();\n }\n e.preventDefault();\n }\n }\n });\n\n $(document).on('keydown', '.myaccount-global-header #guestUser .ao-create-account', function (e) {\n if (e.key === 'Tab' || e.keyCode === 9) {\n if (e.shiftKey) {\n // Shift + Tab combo\n $('#guestUser .perks-last-link').focus();\n e.preventDefault();\n } else if ($(this).is(':focus')) {\n // Only tab\n $('#wishlist-header a')\n .filter(':visible')\n .focus();\n e.preventDefault();\n }\n }\n });\n});\n\nmodule.exports = {\n checkClose: checkClose,\n closeClick: closeClick,\n quickStartPopup: quickStartPopup\n};\n","/* global _satellite */\n'use strict';\nvar utilities = require('../utilities/util');\nvar debounce = require('lodash/debounce');\n\nvar enableSizeDropDownPDP = $(\"input[name$='enablesizedropdownUI']\").val();\nvar siteCode = $('#siteCountryCode').val();\nvar countryCode = $('#countryDropdownCode').val();\nif (siteCode === 'DE' || siteCode === 'ES') {\n siteCode = 'EU';\n} else if (siteCode === 'EU' && countryCode === 'IT') {\n siteCode = 'IT';\n}\n\n/**\n * Function for Satellite Track\n * @return {json} - value to be used when attributes got update for product\n */\nfunction getProdctSatelliteData() {\n var productData = [];\n var productID = $('.product-detail.product-wrapper').attr('data-pid');\n var productName = $('.product-detail.product-wrapper').find('.product-name-new').text();\n var color = $.trim($('.swatch-circle-container.selected').attr('title')).toLowerCase();\n var size;\n if ($('.custom-select-localised-sizes').length) {\n size = $.trim($('.custom-select-localised-sizes:first .size-btns').find('input:checked').attr('data-attr-value')).toLowerCase();\n } else {\n size = enableSizeDropDownPDP === 'true' ? $.trim($('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').attr('data-attr-value')).toLowerCase() : $.trim($('.size-btns').find('input:checked').attr('data-attr-value')).toLowerCase();\n }\n var imageURL = $('.product-detail.product-wrapper').find('.carousel-item.active img').attr('data-src');\n var pdpURL = $('.product-detail.product-wrapper').attr('data-currenturl');\n var displayRegularPrice = '';\n var displayPrice = '';\n var key = color + size;\n var stockStatus = 'stockStatus-unknown';\n var available = '';\n var sku = '';\n var onSale = false;\n if (window.satelliteData && window.satelliteData.linkedProduct[key]) {\n var variant = window.satelliteData.linkedProduct[key];\n sku = variant.sku || '';\n stockStatus = variant.stockStatus;\n available = variant.available;\n if (variant.price) {\n displayRegularPrice = variant.price.displayRegularPrice || '';\n displayPrice = variant.price.displayPrice || '';\n onSale = variant.price.onSale;\n }\n }\n var primaryCategory = window.satelliteData.category.primaryCategory;\n var unifiedID = window.satelliteData.category.unifiedID;\n\n productData.attributes = {\n stockStatus: stockStatus,\n imageURL: imageURL,\n pdpURL: pdpURL,\n available: available // RETURN BOOLEAN true or false\n\n };\n productData.category = {\n primaryCategory: primaryCategory,\n unifiedID: unifiedID\n\n };\n productData.price = {\n displayRegularPrice: displayRegularPrice,\n displayPrice: displayPrice,\n onSale: onSale // RETURN BOOLEAN true or false\n\n };\n productData.productInfo = {\n productID: productID,\n productName: productName,\n color: color,\n size: size,\n sku: sku\n\n };\n\n return productData;\n}\n\n/**\n * Function for OOS Sku Update\n */\nfunction productSkuUpdateOos() {\n var baseProductID = $('.product-detail.product-wrapper').attr('data-pid');\n var colorSelected = $.trim($('.swatch-circle-container.selected').attr('title')).toLowerCase();\n var sizeselected;\n if ($('.custom-select-localised-sizes').length) {\n sizeselected = $.trim($('.custom-select-localised-sizes:first .size-btns').find('input:checked').attr('data-attr-value')).toLowerCase();\n } else {\n sizeselected = enableSizeDropDownPDP === 'true' ? $.trim($('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').attr('data-attr-value')).toLowerCase() : $.trim($('.custom-select-btn .size-btns').find('input:checked').attr('data-attr-value')).toLowerCase();\n }\n var key = colorSelected + sizeselected;\n var selectedProductSku = '';\n if (window.satelliteData && window.satelliteData.linkedProduct[key]) {\n selectedProductSku = window.satelliteData.linkedProduct[key].sku;\n if ($('.custom-select-localised-sizes').length && $('.custom-select-localised-sizes .size-btns').find('input:checked').length) {\n $('.skuAlignmentNewPDP').find('.product-id').text(selectedProductSku);\n } else if (($('.custom-select-btn .size-btns').find('input:checked').length && enableSizeDropDownPDP === 'false') || ($('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').length && enableSizeDropDownPDP === 'true')) {\n $('.skuAlignmentNewPDP').find('.product-id').text(selectedProductSku);\n } else {\n $('.skuAlignmentNewPDP').find('.product-id').text(baseProductID);\n }\n }\n}\n\n/**\n * Function for Custom select size dropdown on PDP\n */\nfunction pdpCustomSelector() {\n $('.ll_custom-select-size').selectpicker('refresh');\n $('#sizeSoldOutModal .ll_custom-select-size').selectpicker('refresh');\n $('.ll_pdp-size-drodown .ll_size-dropdown-error').hide();\n let sizeSoldoutSText = $('.ll_custom-size-dropdown select').attr('data-sold-out');\n let allSizes = $('.ll_pdp-size-drodown .dropdown-menu.inner.show').find('a.sold-out-size');\n $('.ll_custom-size-dropdown .ll_gradient').remove();\n $('.ll_custom-size-dropdown .dropdown-menu').append('');\n allSizes.each(function () {\n $(this).append(' ' + sizeSoldoutSText + '');\n });\n /* gradient visibility on dropdown scroll for PDP only*/\n let pdpEl = $('.ll_pdp-size-drodown .dropdown-menu > .inner');\n if (pdpEl) {\n pdpEl.on('scroll', function () {\n if (pdpEl[0].clientHeight + pdpEl[0].scrollTop >= pdpEl[0].scrollHeight) {\n $('.ll_gradient').hide();\n } else {\n $('.ll_gradient').show();\n }\n });\n }\n\n /* gradient visibility on dropdown scroll for BISN modal only*/\n let bisnEl = $('.ll_bisn-custom-size-dropdown .dropdown-menu > .inner');\n if (bisnEl) {\n bisnEl.on('scroll', function () {\n if (bisnEl[0].clientHeight + bisnEl[0].scrollTop >= bisnEl[0].scrollHeight) {\n $('.ll_gradient').hide();\n } else {\n $('.ll_gradient').show();\n }\n });\n }\n}\n\n/**\n * Function for update selected size header label if size is selected\n */\nfunction sizeHeaderLabelUpdate() {\n var sizeSelectedText;\n var sizeDataLabel = $('.selected-size-name').attr('data-sizelabel');\n if ($('.custom-select-localised-sizes').length && $('.custom-select-localised-sizes:first .size-btns').find('input:checked').length && !$('.custom-select-btn .size-btns input:checked').closest('.size-btns').hasClass('one-size')) {\n var sizeInputChecked = $('#hybridSizingTabContent .tab-pane.active').find('input:checked');\n var defaultSizeLabelText = $(\"input[name$='sizeLabelName']\").val();\n var localisedActiveSizeTab = $('#hybridSizingTabList .nav-link.active').attr('title');\n $('.select-size-header .selected-size-name').html($('.selected-size-name').attr('data-sizelabel') + localisedActiveSizeTab + ' ' + $(sizeInputChecked).siblings('label').html());\n if ($('#hybridSizingTabList .nav-link.active').attr('title') !== 'US' && ($(sizeInputChecked).attr('data-attr-value') !== $(sizeInputChecked).attr('data-attr-hybridsize'))) {\n defaultSizeLabelText = defaultSizeLabelText + $(sizeInputChecked).attr('data-attr-value') + ' (' + localisedActiveSizeTab + ' ' + $(sizeInputChecked).attr('data-attr-hybridsize') + ')';\n } else if ($('#hybridSizingTabList .nav-link.active').attr('title') !== 'US') {\n defaultSizeLabelText = defaultSizeLabelText + '(' + localisedActiveSizeTab + ') ' + $(sizeInputChecked).attr('data-attr-value');\n } else {\n defaultSizeLabelText += $(sizeInputChecked).attr('data-attr-value');\n }\n $('.select-size-header .selected-size-name').attr('data-newsizing', defaultSizeLabelText);\n } else if (enableSizeDropDownPDP === 'false') {\n if ($('.custom-select-btn .size-btns').find('input:checked').length && !$('.custom-select-btn .size-btns input:checked').closest('.size-btns').hasClass('one-size')) {\n if (typeof $('.custom-select-btn .size-btns').find('input:checked').data('attr-hybridsize') !== 'undefined') {\n var localSizeSameAsUsSize = $(\"input[name$='usSameAsLocalSize']\").val() === 'true' ? $(\"input[name$='sameSizeLabel']\").val() + $('.custom-select-btn .size-btns').find('input:checked').attr('data-attr-value') : sizeDataLabel + '(' + siteCode + ') ' + $('.custom-select-btn .size-btns').find('input:checked').attr('data-attr-value');\n sizeSelectedText = ($('.custom-select-btn .size-btns').find('input:checked').attr('data-attr-value') === $('.custom-select-btn .size-btns').find('input:checked').siblings('label').html()) ? localSizeSameAsUsSize : sizeDataLabel + $('.custom-select-btn .size-btns').find('input:checked').siblings('label').html();\n $('.select-size-header .selected-size-name').html(sizeSelectedText);\n } else {\n $('.select-size-header .selected-size-name').html(sizeDataLabel + $('.custom-select-btn .size-btns').find('input:checked').attr('data-attr-value'));\n }\n }\n } else if ($('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').length) {\n if (typeof $('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').data('attr-hybridsize') !== 'undefined') {\n sizeSelectedText = ($('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').attr('data-attr-value') === $('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').html()) ? '(' + siteCode + ') ' + $('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').attr('data-attr-value') : $('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').html();\n $('.select-size-header .selected-size-name').html(sizeDataLabel + sizeSelectedText);\n } else {\n $('.select-size-header .selected-size-name').html(sizeDataLabel + $('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').attr('data-attr-value'));\n }\n }\n if (($('.custom-select-btn .size-btns').find('input.disabled:checked').length && enableSizeDropDownPDP === 'false') || ($('.ll_custom-select-size').find('option[name=\"select-size\"]:selected').hasClass('sold-out-size') && enableSizeDropDownPDP === 'true')) {\n $('.add-to-cart-section').addClass('show-sold-out-btn');\n } else {\n $('.add-to-cart-section').removeClass('show-sold-out-btn');\n }\n}\n\n$(document).on('hide.bs.dropdown', '.ll_custom-size-dropdown .form-control.ll_select-size', function () {\n setTimeout(function () {\n var isDefaultSelected = $('.form-control.ll_select-size').find('option:selected').hasClass('label-option');\n if (isDefaultSelected) {\n $('.ll_custom-size-dropdown .ll_size-dropdown-error').show();\n $('.ll_custom-size-dropdown .ll_custom-select-size').addClass('invalid-state');\n }\n }, 1000);\n});\n\n$(document).ready(function () {\n pdpCustomSelector();\n $('.custom-select-btn .size-btns input[data-attr-value=\"ONE SIZE\"]').closest('.size-btns').addClass('one-size');\n if ($('.custom-select-btn .size-btns input[data-attr-value=\"ONE SIZE\"]').closest('.size-btns').length > 0) {\n $('.size-chart').hide();\n }\n $(window).on('load', function () {\n $('.custom-select-btn .size-btns.one-size input').trigger('click');\n });\n $(document).ajaxComplete(function () {\n $('.image-container').hover(function () {\n $(this).find('.hover-image').addClass('lazyload').css('display', 'block');\n });\n if ($('.custom-select-localised-sizes').length && $('.custom-select-localised-sizes .size-btns').find('input.disabled').length) {\n $('.size-sold-out-btn').css('display', 'block');\n } else if (($('.select-size .size-btns').find('input.disabled').length && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown .ll_select-size option[name=select-size]').hasClass('sold-out-size') && enableSizeDropDownPDP === 'true')) {\n $('.size-sold-out-btn').css('display', 'block');\n } else {\n $('.size-sold-out-btn').css('display', 'none');\n }\n });\n if ($('.custom-select-localised-sizes').length && $('.custom-select-localised-sizes .size-btns').find('input.disabled').length) {\n $('.size-sold-out-btn').css('display', 'block');\n } else if (($('.select-size .size-btns').find('input.disabled').length && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown .ll_select-size option[name=select-size]').hasClass('sold-out-size') && enableSizeDropDownPDP === 'true')) {\n $('.size-sold-out-btn').css('display', 'block');\n }\n if ($('.sizechartFooter').length) {\n var queryString = window.location.search;\n var urlParams = new URLSearchParams(queryString);\n var intCatId = urlParams.get('catid');\n if (intCatId != null) {\n var catId = urlParams.get('catid').toLowerCase();\n catId = '#' + catId + '-tab';\n $(catId).click();\n }\n var intSubCatId = urlParams.get('subcatid');\n if (intSubCatId != null) {\n var subCatId = '#' + (intCatId).toLowerCase() + '-' + urlParams.get('subcatid').toLowerCase();\n $(subCatId).click();\n }\n }\n});\n\n/**\n * Function for color Swatch & Size Click\n */\nfunction colorSwatchSizeClick() {\n var backInStockPdp = $('#backInStock').attr('data-featureflag');\n $('.swatch-circle-container').on('click', function () {\n if (backInStockPdp === 'true') {\n productSkuUpdateOos();\n }\n $.ajax({\n complete: function () {\n $('.color-group .pdp-swatches').find('.swatch-circle-container.selected').attr('data-url', '');\n if (backInStockPdp === 'true') {\n if (($('.custom-select-btn .size-btns').hasClass('active') === true && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown select.ll_custom-select-size').find('option[name=\"select-size\"]:selected').length && enableSizeDropDownPDP === 'true')) {\n var productJsonData = getProdctSatelliteData();\n _satellite.track('pdp-size-color-selection', {\n product: productJsonData\n });\n }\n }\n }\n });\n $(document).on('ajaxComplete', function () {\n if (backInStockPdp === 'true') {\n productSkuUpdateOos();\n }\n });\n $('.color-group .pdp-swatches').find('.swatch-circle-container.selected').attr('data-url', '');\n });\n\n if (backInStockPdp === 'true') {\n if (enableSizeDropDownPDP === 'false') {\n $(document).on('click', '.custom-select-btn .size-btns', function () {\n if ($('.custom-select-localised-sizes').length === 0) {\n if ($(this).find('input').hasClass('disabled')) {\n $('.add-to-cart-section').addClass('show-sold-out-btn');\n } else {\n $('.add-to-cart-section').removeClass('show-sold-out-btn');\n }\n }\n productSkuUpdateOos();\n $(document).on('ajaxComplete', function () {\n productSkuUpdateOos();\n });\n if ($(this).find('input:checked').length) {\n var productJsonData = getProdctSatelliteData();\n _satellite.track('pdp-size-selection', {\n product: productJsonData\n });\n }\n });\n }\n }\n}\n\n/**\n *\n * @param {{}} product - Product object\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updatePostAjax(product, $productContainer) {\n // var showImgZoomModal = $productContainer.find('.modal.imageZoomModal').css('display');\n\n $productContainer.find('.primary-images').replaceWith(product.imageDOM);\n\n // Updates the image thumbnails DOM elements post Ajax call\n var thumbnails = product.images.small;\n $productContainer\n .find('.product-thumbnails a')\n .find('img')\n .each(function (index) {\n var $this = $(this);\n if (thumbnails[index]) {\n $this.removeClass('d-none');\n } else {\n $this.addClass('d-none');\n }\n });\n\n // Updates the hi-res primary images post Ajax call\n var hiresImages = product.images['hi-res'];\n $productContainer\n .find('.primary-images .carousel')\n .find('img')\n .each(function (index) {\n var $this = $(this);\n if (hiresImages[index]) {\n $this.closest('.carousel-item').removeClass('d-none');\n $('.carousel-indicators').addClass('d-none');\n } else {\n $('.carousel-indicators').addClass('d-none');\n $this.closest('.carousel-item').addClass('d-none');\n }\n });\n\n // Updates model fit info post Ajax call\n var largeImages = product.images.large;\n $productContainer\n .find('.primary-images')\n .find('.carousel-item-message')\n .each(function (index) {\n var $this = $(this);\n if (largeImages[index]) {\n $this.removeClass('d-none');\n $this.html(largeImages[0].title);\n $this.attr('text', largeImages[0].title);\n } else {\n $this.addClass('d-none');\n }\n });\n\n $('body').trigger('imageCountChanged');\n\n // remove final sale element if finalSale flag is false for variant\n var $finalSaleEl = $productContainer.find('.final-sale');\n if (!product.finalSale) {\n $finalSaleEl.hide();\n } else {\n $finalSaleEl.show();\n }\n\n // Updates Non Swatch Values\n if (product.variationAttributes) {\n var attrs = product.variationAttributes;\n var attrsWithSwatches = 'color';\n\n attrs.forEach(function (attr) {\n if ([attrsWithSwatches].indexOf(attr.id) < 0) {\n var $attr = '[data-attr=\"' + attr.id + '\"]';\n attr.values.forEach(function (attrValue) {\n if (enableSizeDropDownPDP === 'false') {\n var $attrValue = $productContainer.find(\n $attr + ' [data-attr-value=\"' + attrValue.value + '\"]'\n );\n $attrValue.html(attrValue.displayValue);\n if (!attrValue.selectable) {\n if (attr.id === 'size') {\n $attrValue.html(\n attrValue.displayValue +\n ' ' +\n $('#soldOut').val()\n );\n }\n }\n }\n });\n } else {\n var promoBadgeContainer = $productContainer.find('.pdp-promo-badge-container');\n if (promoBadgeContainer.length > 0) {\n var promoBadgeVal = '';\n attr.values.forEach(function (attrValue) {\n if (attrValue.selected && attrValue.promoTag) {\n promoBadgeVal = attrValue.promoTag;\n }\n });\n if (promoBadgeVal) {\n if (promoBadgeContainer.find('.promo-badge-value').length > 0) {\n promoBadgeContainer.find('.promo-badge-value').html(promoBadgeVal);\n } else {\n promoBadgeContainer.html('' + promoBadgeVal + '');\n }\n } else {\n promoBadgeContainer.html('');\n }\n }\n }\n });\n\n // True Fit Widget Update\n if (($('.tfc-fitrec-product').length > 0) && (typeof tfcapi !== 'undefined')) {\n var prodObj = {};\n if (product.masterProductID) {\n prodObj[product.masterProductID] = {\n colorId: product.selectedColor,\n availableSizes: product.availableSizes\n };\n }\n var TFObj = {};\n TFObj.userId = $('#custNo').length > 0 ? $('#custNo').val() : '';\n TFObj.products = prodObj;\n\n tfcapi('calculate', TFObj); // eslint-disable-line\n }\n }\n\n // Updates product thumbnails present inside PDP zoom modal\n $('body').trigger('updateZoomModalThumbnails', [\n product.images.small,\n product.showLocalImages,\n $productContainer.attr('data-pid')\n ]);\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {Array} variationAttributes - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateSelectedSwatchProductName(\n variationAttributes,\n $productContainer\n) {\n if (variationAttributes) {\n var colorVariationObject = variationAttributes.filter(function (\n eachAttribute\n ) {\n return eachAttribute.attributeId === 'color';\n })[0];\n\n if (colorVariationObject && colorVariationObject.values) {\n var selectedSwatchObject = colorVariationObject.values.filter(\n function (eachValue) {\n return eachValue.selected;\n }\n )[0];\n var promoBadgeValForIsio = '';\n var promoValueOnline = $('input[name=isioOnlineExclusiveValue]').val();\n if (selectedSwatchObject && selectedSwatchObject.promoTag) {\n promoBadgeValForIsio = selectedSwatchObject.promoTag;\n }\n if (promoBadgeValForIsio === promoValueOnline) {\n $('input[name=isioOnlineExclusive]').attr('value', 'true');\n } else {\n $('input[name=isioOnlineExclusive]').attr('value', 'false');\n }\n\n $productContainer\n .find('.selected-swatch-name')\n .html(\n selectedSwatchObject\n ? selectedSwatchObject.displayValue\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 {Array} LocalisedSizingTabs - updated the localised sizing after the size\n * @param {Array} LocalisedSizing - updated the localised sizing after the size\n * @param {Array} variationAttributes - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n * @param {boolean} usSizeSameAsHybridSize - boolean value for identifing US Size Same as Localised Size for JP\n */\nfunction updateSelectedSizeName(\n LocalisedSizingTabs,\n LocalisedSizing,\n variationAttributes,\n $productContainer,\n usSizeSameAsHybridSize\n) {\n if (variationAttributes) {\n var sizeVariationObject = variationAttributes.filter(function (\n eachAttribute\n ) {\n return eachAttribute.attributeId === 'size';\n })[0];\n\n if (sizeVariationObject && sizeVariationObject.values) {\n var selectedSizeObject = sizeVariationObject.values.filter(\n function (eachValue) {\n return eachValue.selected;\n }\n )[0];\n var onlineExclusiveIsio = $('input[name=isioOnlineExclusive]').val();\n if ($('.inStoreInventory-checkSize-message').hasClass('d-none')) {\n // $('.js-check-in-store-inventory').removeClass('d-none');\n $('.in-store-paragraph').addClass('d-none');\n }\n if (onlineExclusiveIsio === 'true') {\n $('.instore-inventory-container .js-online-exclusive').removeClass('d-none');\n $('.inStoreInventory-checkSize-message').addClass('d-none');\n $('.js-check-in-store-inventory').addClass('d-none');\n } else if (selectedSizeObject) {\n $('.instore-inventory-container .js-online-exclusive').addClass('d-none');\n $('.inStoreInventory-checkSize-message').addClass('d-none');\n $('.js-check-in-store-inventory').removeClass('d-none');\n } else {\n $('.js-check-in-store-inventory').addClass('d-none');\n $('.inStoreInventory-checkSize-message').removeClass('d-none');\n $('.instore-inventory-container .js-online-exclusive').addClass('d-none');\n }\n var oldsizelabel = $productContainer.find('.selected-size-name').data('oldsizelabel');\n var sizelabel = oldsizelabel;\n var activeHybridSizingTab = $('#hybridSizingTabList .nav-link.active').attr('title');\n // var activeHybridSizingCountry = $('#hybridSizingTabList .nav-link.active').attr('data-sizetab-country');\n if (sizeVariationObject.values && (sizeVariationObject.values.length === 1) && (sizeVariationObject.values[0].id.toLowerCase() === 'one size')) {\n sizelabel = $productContainer.find('.selected-size-name').data('onesizelabel') + '' + selectedSizeObject.displayValue + '';\n } else {\n if (selectedSizeObject) {\n var finalSize = selectedSizeObject.displayValue;\n var getAlphabet = finalSize.replace(/[^A-Za-z]/g, '');\n var getNumber = finalSize.replace(/[^\\d]/g, '');\n if (getAlphabet && getNumber) {\n selectedSizeObject.displayValue = getNumber + getAlphabet;\n } else {\n selectedSizeObject.displayValue = finalSize;\n }\n }\n if (LocalisedSizingTabs !== undefined && LocalisedSizingTabs !== null && selectedSizeObject !== undefined && LocalisedSizingTabs[activeHybridSizingTab][selectedSizeObject.displayValue] !== undefined) {\n sizelabel = $productContainer.find('.selected-size-name').data('sizelabel') + activeHybridSizingTab + ' ' + LocalisedSizingTabs[activeHybridSizingTab][selectedSizeObject.displayValue];\n var sizeLabelText = $(\"input[name$='sizeLabelName']\").val();\n if (activeHybridSizingTab !== 'US' && (LocalisedSizingTabs[activeHybridSizingTab][selectedSizeObject.displayValue] !== selectedSizeObject.displayValue)) {\n sizeLabelText = sizeLabelText + selectedSizeObject.displayValue + ' (' + activeHybridSizingTab + ' ' + LocalisedSizingTabs[activeHybridSizingTab][selectedSizeObject.displayValue] + ')';\n } else if (activeHybridSizingTab !== 'US') {\n sizeLabelText = sizeLabelText + '(' + activeHybridSizingTab + ') ' + selectedSizeObject.displayValue;\n } else {\n sizeLabelText += selectedSizeObject.displayValue;\n }\n $productContainer.find('.selected-size-name').attr('data-newsizing', sizeLabelText);\n } else if (LocalisedSizing !== undefined && LocalisedSizing !== null && selectedSizeObject !== undefined && LocalisedSizing[selectedSizeObject.displayValue] !== undefined) {\n var localSizeSameAsUs = usSizeSameAsHybridSize ? $(\"input[name$='sameSizeLabel']\").val() + selectedSizeObject.displayValue : $productContainer.find('.selected-size-name').data('sizelabel') + ' (' + siteCode + ') ' + selectedSizeObject.displayValue;\n var sameSize = (LocalisedSizing[selectedSizeObject.displayValue] === selectedSizeObject.displayValue) ? localSizeSameAsUs : $productContainer.find('.selected-size-name').data('sizelabel') + ' ' + selectedSizeObject.displayValue + ' (' + siteCode + ' ' + LocalisedSizing[selectedSizeObject.displayValue] + ')';\n sizelabel = (selectedSizeObject ? sameSize : $productContainer.find('.selected-size-name').data('newsizing'));\n } else {\n oldsizelabel = usSizeSameAsHybridSize ? $(\"input[name$='sameSizeSelectLabel']\").val() : oldsizelabel;\n sizelabel = (selectedSizeObject ? $productContainer.find('.selected-size-name').data('sizelabel') + ' ' + selectedSizeObject.displayValue : oldsizelabel);\n }\n }\n\n $productContainer\n .find('.selected-size-name')\n .html(sizelabel);\n $('#sizeSoldOutModal .selected-name-size').html(sizelabel);\n $(\"input[name$='usSameAsLocalSize']\").attr('value', usSizeSameAsHybridSize);\n }\n }\n}\n\n/**\n * updates the inseam size values when a product attribute is selected\n * @param {Array} inSeamGroupProducts - updated the inseam size values after the attribute changed\n * @param {Array} inseamAsiaFitGroupProducts - updated the inseam size values after the attribute changed\n * @param {boolean} isAsiaFitProduct - boolean value for identifing whether product is asia fit or global fit\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateInseamAttributes(inSeamGroupProducts, inseamAsiaFitGroupProducts, isAsiaFitProduct, $productContainer) {\n var asiaFitValue = isAsiaFitProduct === true ? inseamAsiaFitGroupProducts : inSeamGroupProducts;\n if (asiaFitValue) {\n var sizeContainer = $productContainer.find('.custom-select-inseam');\n // Size update\n sizeContainer.find('.inseam-size-btns').each(function (index) {\n var $this = $(this);\n $this.find('.inseam-options-select').attr('value', asiaFitValue[index].url);\n $this.find('.inseam-options-select').attr('data-inseam-pid', asiaFitValue[index].pid);\n });\n if ($('.pvd-more-color-btn').length) {\n var moreColorsBtn = $('.pvd-more-color-btn');\n var inseamSelectedSize = $('.inseam-options-select:checked');\n var moreColorsProdIndex = $('.inseam-options-select').index(inseamSelectedSize);\n moreColorsBtn.attr('value', asiaFitValue[moreColorsProdIndex].moreColoursUrl);\n moreColorsBtn.attr('data-inseam-pid', asiaFitValue[moreColorsProdIndex].moreColoursPid);\n }\n }\n}\n\n/**\n * updates the session values when a size is selected\n * @param {Array} response - response object\n */\nfunction setInseamDataInSession(response) {\n if (response.data.product.selectedSize !== undefined && response.data.product.selectedSize) {\n sessionStorage.setItem(response.data.product.masterProductID, response.data.product.selectedSize);\n var sizeSelected = $('.inseam-size-btns').find('input:checked').attr('value') + '&sz=' + response.data.product.selectedSize;\n $('#fitTabInseam .nav-link.active').attr('data-inseam-value', sizeSelected);\n } else {\n $('#fitTabInseam .nav-link.active').attr('data-inseam-value', $('.inseam-size-btns').find('input:checked').attr('value'));\n }\n}\n\n/**\n * updates the product quantity dropdown on changing quantity based on ATS\n * @param {Array} response - response object\n * @param {Array} quantities - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n * @param {jQuery} ats - product ATS value\n * @param {jQuery} selectedQuantity - Seleted quantity from storefront\n */\nfunction updateSelectedQuantity(response, quantities, $productContainer, ats, selectedQuantity) {\n if (quantities && quantities.length > 0) {\n var $quantitySelect = $productContainer.find('.quantity-select');\n $('.low-stock-message').find('.error-message').hide();\n if (ats && ats <= quantities.length) {\n $quantitySelect.html(' ');\n // empty the existing elements here\n var selectedValue = selectedQuantity > ats ? ats : selectedQuantity;\n for (var i = 1; i <= ats; i++) {\n // add new items here\n if (i === selectedValue) {\n $quantitySelect.append($('').attr('value', i).attr('data-url', quantities[i - 1].url).attr('selected', 'selected')\n .text(i));\n } else {\n $quantitySelect.append($('').attr('value', i).attr('data-url', quantities[i - 1].url).text(i));\n }\n }\n $('.quantity-select').val(selectedValue);\n\n if (selectedQuantity > ats) {\n $('.stock-avail-msg').hide();\n $('.low-stock-message').find('.error-message').show();\n } else if (response.data.product.isLowThreshold) {\n $('.stock-avail-msg').show();\n } else {\n $('.stock-avail-msg').hide();\n }\n } else if (response.data.product.isLowThreshold) {\n $('.stock-avail-msg').show();\n } else {\n $('.stock-avail-msg').hide();\n }\n }\n}\n\n/**\n * updates the sizes refresh when a product attribute is selected\n * @param {Array} LocalisedSizingTabs - updated the localised sizing after the size selection for each size tab\n * @param {Array} variationAttributes - the Url for the selected variation value\n */\nfunction updateHybridSizingTabs(LocalisedSizingTabs, variationAttributes) {\n var backInStock = $('#backInStock').attr('data-featureflag');\n var soldOutMessage = $('#soldOut').val();\n if (variationAttributes) {\n var oosVariationObjectFilter = variationAttributes.filter(function (eachAttribute) {\n return eachAttribute.attributeId === 'size';\n })[0];\n var html;\n var backInStockSizes;\n var sizeAttrUpdate = '';\n var outOfStockSizesUpdate = '';\n $('.custom-select-localised-sizes').each(function () {\n // var currentTab = $(this);\n var countryCodeOfTab = $(this).attr('data-country-tab');\n html = [];\n backInStockSizes = [];\n $.each(oosVariationObjectFilter.values, function (key, eachSize) {\n var activeClass = eachSize.selected ? ' active' : '';\n var activeSize = eachSize.selected ? 'checked' : '';\n var hybridSizing;\n // var onlyHybrid = '';\n if (LocalisedSizingTabs !== undefined && LocalisedSizingTabs !== null && LocalisedSizingTabs[countryCodeOfTab][eachSize.displayValue] !== undefined) {\n hybridSizing = LocalisedSizingTabs[countryCodeOfTab][eachSize.displayValue];\n // onlyHybrid = LocalisedSizing[eachSize.displayValue];\n if (eachSize.selectable) {\n if (backInStock === 'true') {\n sizeAttrUpdate = '';\n } else {\n sizeAttrUpdate = '';\n }\n } else if (backInStock === 'true') {\n sizeAttrUpdate = '';\n outOfStockSizesUpdate = sizeAttrUpdate.replace('aria-label=\"' + hybridSizing + ' ' + soldOutMessage + '\"', 'aria-label=\"' + hybridSizing + '\"');\n backInStockSizes.push(outOfStockSizesUpdate);\n } else {\n sizeAttrUpdate = '';\n }\n html.push(sizeAttrUpdate);\n }\n });\n $(this).empty();\n $(this).append(html);\n if ($(this).parents('.tab-pane').hasClass('active')) {\n $('#sizeSoldOutModal .custom-select-btn').empty();\n $('#sizeSoldOutModal .custom-select-btn').append(backInStockSizes);\n }\n });\n // $('.custom-select-btn .size-btns.active input').prop('checked', true);\n if (!$('#hybridSizingTabContent .tab-pane:first').find('input:checked').hasClass('disabled')) {\n $('.add-to-cart-section').removeClass('show-sold-out-btn');\n } else {\n $('.add-to-cart-section').addClass('show-sold-out-btn');\n }\n }\n}\n\n/**\n * updates the sizes refresh when a product attribute is selected\n * @param {string} hybridClass - hybrid class name\n * @param {Array} LocalisedSizing - updated the localised sizing after the size\n * @param {Array} variationAttributes - the Url for the selected variation value\n */\nfunction updateSizeAttributes(hybridClass, LocalisedSizing, variationAttributes) {\n var backInStock = $('#backInStock').attr('data-featureflag');\n var soldOutMessage = $('#soldOut').val();\n if (variationAttributes) {\n var oosVariationObjectFilter = variationAttributes.filter(function (eachAttribute) {\n return eachAttribute.attributeId === 'size';\n })[0];\n var html = [];\n var backInStockSizes = [];\n var sizeAttrUpdate = '';\n var outOfStockSizesUpdate = '';\n /* this condition will work when custom select size dropdown is enable on PDP */\n if (enableSizeDropDownPDP === 'true') {\n let defaultSelectSizeText = $('.ll_custom-size-dropdown select').attr('data-default-option');\n sizeAttrUpdate = '';\n html.push(sizeAttrUpdate);\n backInStockSizes.push(sizeAttrUpdate);\n }\n $.each(oosVariationObjectFilter.values, function (key, eachSize) {\n var activeClass = eachSize.selected ? ' active' : '';\n var activeSize = eachSize.selected ? 'checked' : '';\n var hybridSizing = eachSize.displayValue;\n var onlyHybrid = '';\n if (LocalisedSizing !== undefined && LocalisedSizing !== null && LocalisedSizing[eachSize.displayValue] !== undefined) {\n var sameSize;\n if (enableSizeDropDownPDP === 'true') {\n sameSize = eachSize.displayValue + ' (' + siteCode + ' ' + LocalisedSizing[eachSize.displayValue] + ')';\n } else {\n sameSize = (LocalisedSizing[eachSize.displayValue] === eachSize.displayValue) ? eachSize.displayValue : eachSize.displayValue + ' (' + siteCode + ' ' + LocalisedSizing[eachSize.displayValue] + ')';\n }\n hybridSizing = sameSize;\n onlyHybrid = LocalisedSizing[eachSize.displayValue];\n }\n if (enableSizeDropDownPDP === 'false') {\n if (eachSize.selectable) {\n if (backInStock === 'true') {\n sizeAttrUpdate = '';\n } else {\n sizeAttrUpdate = '';\n }\n } else if (backInStock === 'true') {\n sizeAttrUpdate = '';\n outOfStockSizesUpdate = sizeAttrUpdate.replace('aria-label=\"' + hybridSizing + ' ' + soldOutMessage + '\"', 'aria-label=\"' + hybridSizing + '\"');\n backInStockSizes.push(outOfStockSizesUpdate);\n } else {\n sizeAttrUpdate = '';\n }\n html.push(sizeAttrUpdate);\n } else {\n // custom select size dropdown\n var activeSelectedSize = eachSize.selected ? 'selected' : '';\n if (eachSize.selectable) {\n sizeAttrUpdate = '';\n } else {\n sizeAttrUpdate = '';\n backInStockSizes.push(sizeAttrUpdate);\n }\n html.push(sizeAttrUpdate);\n }\n });\n if (enableSizeDropDownPDP === 'false') {\n $('.custom-select-btn').empty();\n $('.attribute > .select-size > .custom-select-btn').append(html);\n $('#sizeSoldOutModal .custom-select-btn').append(backInStockSizes);\n $('.custom-select-btn .size-btns.active input').prop('checked', true);\n if (!$('.custom-select-btn .size-btns.active').find('input').hasClass('disabled')) {\n $('.add-to-cart-section').removeClass('show-sold-out-btn');\n } else {\n $('.add-to-cart-section').addClass('show-sold-out-btn');\n }\n if (hybridClass === 'hybrid-sizing') {\n $('.custom-select-btn').addClass(hybridClass);\n } else {\n $('.custom-select-btn').removeClass('hybrid-sizing');\n }\n } else {\n /* This conditions are for custom size dropdown on PDP */\n $('select[class*=\"ll_select-size\"]').empty();\n $('.attribute > .select-size .ll_pdp-size-drodown select[class*=\"ll_select-size\"]').append(html);\n $('#sizeSoldOutModal select[class*=\"ll_bisn-size-dropdown\"]').append(backInStockSizes);\n $('#sizeSoldOutModal .ll_custom-select-size').selectpicker('refresh');\n pdpCustomSelector();\n if ($('.ll_custom-size-dropdown .form-control.ll_select-size').find('option:selected').hasClass('sold-out-size')) {\n $('.add-to-cart-section').addClass('show-sold-out-btn');\n } else {\n $('.add-to-cart-section').removeClass('show-sold-out-btn');\n }\n var isDefaultSelected = $('.ll_custom-size-dropdown select.ll_select-size').find('option:selected').hasClass('label-option');\n if (isDefaultSelected) {\n $('.ll_custom-size-dropdown .ll_size-dropdown-error').show();\n $('.ll_custom-size-dropdown .ll_custom-select-size').addClass('invalid-state');\n } else {\n $('.ll_custom-size-dropdown .ll_size-dropdown-error').hide();\n $('.ll_custom-size-dropdown .ll_custom-select-size').removeClass('invalid-state');\n }\n if ($('.ll_custom-size-dropdown select.ll_select-size').find('option[name=\"select-size\"]:selected').length) {\n var llDropdownSelectedSize = $('.ll_custom-size-dropdown select.ll_select-size').find('option[name=\"select-size\"]:selected').html();\n _satellite.track('pdp:size-dropdown-selection', {\n selectedSize: llDropdownSelectedSize\n });\n }\n }\n }\n}\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n var pid;\n\n if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\n } else if ($('.product-set-detail').length || $('.product-set').length) {\n pid = $($el).closest('.product-detail').find('.product-id').text();\n } else {\n pid = $('input[name=productID]').val();\n }\n\n return pid;\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n return $el && $('.set-items').length\n ? $($el).closest('.product-detail').find('.quantity-select')\n : $('.quantity-select');\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * 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 * 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 * 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 * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + ''\n + '';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'html',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n const enablePriceRoundOff = $('#enablePriceRoundOff').val();\n // show add to cart modal\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else if ($('#addedToCartModal').length > 0) {\n $('.veil').remove();\n\n $('#addedToCartModal .modal-dialog').toggleClass('modal-dialog-centered', !jQuery.browser.mobile);\n $('#addedToCartModal .modal-title .quantity').html(response.productInforDirectCall.quantity);\n if (response.productInforDirectCall.quantity === '1') {\n $('#addedToCartModal .modal-title .quantity-single-text-js').show();\n $('#addedToCartModal .modal-title .quantity-multi-text-js').hide();\n } else {\n $('#addedToCartModal .modal-title .quantity-single-text-js').hide();\n $('#addedToCartModal .modal-title .quantity-multi-text-js').show();\n }\n $('#addedToCartModal .modal-body .quantity').html(response.quantityTotal);\n if (response.quantityTotal === 1) {\n $('#addedToCartModal .modal-body .quantity-single-text-js').show();\n $('#addedToCartModal .modal-body .quantity-multi-text-js').hide();\n } else {\n $('#addedToCartModal .modal-body .quantity-single-text-js').hide();\n $('#addedToCartModal .modal-body .quantity-multi-text-js').show();\n }\n\n if (response.productInfo) {\n var productInfo = response.productInfo;\n if (productInfo.showLocalImages && (productInfo.images.large[0].alt).includes('Local')) {\n $('#addedToCartModal .modal-body .product-details .product-image img').attr('src', 'https://images.lululemon.com/is/image/lululemon/' + productInfo.images.large[0].alt);\n } else {\n $('#addedToCartModal .modal-body .product-details .product-image img').attr('src', productInfo.images.large[0].url);\n }\n $('#addedToCartModal .modal-body .product-details .product-content-name').html(productInfo.name);\n $('#addedToCartModal .modal-body .product-details .product-content-color').html(productInfo.color);\n var selectedSizeText = $('.selected-size-name').html();\n if ($('.custom-select-localised-sizes').length) {\n selectedSizeText = $('.selected-size-name').attr('data-newsizing');\n }\n $('#addedToCartModal .modal-body .product-details .product-content-size').html(selectedSizeText);\n if (productInfo.price) {\n var price = productInfo.price;\n var formattedSalePrice = price.sales.formatted;\n $('#addedToCartModal .modal-body .product-details .product-content-price .markdown-prices').html(enablePriceRoundOff === 'true' ? formattedSalePrice.replace(/\\.00(?=\\s*\\w*$)/, '') : formattedSalePrice);\n if (productInfo.price.list && productInfo.price.sales.value !== productInfo.price.list.value) {\n var formattedListPrice = price.list.formatted;\n $('#addedToCartModal .modal-body .product-details .product-content-price .list-price').html(enablePriceRoundOff === 'true' ? formattedListPrice.replace(/\\.00(?=\\s*\\w*$)/, '') : formattedListPrice);\n }\n }\n $('#addedToCartModal .modal-body .product-details .product-content a').attr('href', productInfo.helpURL);\n }\n\n $('#addedToCartModal .modal-body .subtotal').html(response.cart.totals.subTotal);\n $('#addedToCartModal').modal();\n setTimeout(function () {\n $('#addedToCartModal .product-carousel').slick('refresh');\n }, 500);\n }\n}\n\n$(function () {\n $('.select-size, .quantity-select').change(function () {\n if ($('.custom-select-localised-sizes').length && $('.custom-select-localised-sizes .size-btns').find('input:checked').length === 0) {\n $('.size-error-message').find('.error-message').show();\n $('.custom-select.select-size').addClass('error-highlights');\n } else if (($('.custom-select-btn .size-btns').find('input:checked').length === 0 && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown .ll_select-size option[name=select-size]:selected').length === 0 && enableSizeDropDownPDP === 'true')) {\n $('.size-error-message').find('.error-message').show();\n $('.custom-select.select-size').addClass('error-highlights');\n } else {\n $('.size-error-message').find('.error-message').hide();\n $('.custom-select.select-size').removeClass('error-highlights');\n }\n });\n});\n\n/**\n * Function for bisn Modal Click\n */\nfunction bisnModalClick() {\n $(document).on('click', '.size-sold-out-btn #bisn-size-sold-out-link, .sold-out-btn', function () {\n var $this = $(this);\n var urlToSubmit = $this.data('bisnopenmodal');\n var selectedCta = $this.parents('.isio-addToCart').length ? 'isio-NotifyMe' : $this.attr('aria-label');\n var disableSize;\n $.ajax({\n url: urlToSubmit,\n type: 'get',\n data: {},\n success: function (data) {\n var sizeContainer = $('.custom-select-btn');\n $('#sizeSoldOutModal .swatch-circle-container').html('');\n $('#sizeSoldOutModal .email-id').removeClass('is-dirty').removeClass('is-invalid');\n $('#selectSizeBtn').removeClass('sticky-size-add-to-cart');\n $('#stickyAddToCartBlock').removeClass('sticky-size-add-to-cart');\n var bisnActiveSize;\n var bisnActiveHybridSize;\n var currentActiveSize;\n\n // Size update\n if ($('.custom-select-localised-sizes').length) {\n sizeContainer = $('#hybridSizingTabContent .tab-pane.active .custom-select-localised-sizes');\n currentActiveSize = $(sizeContainer).find('.size-btns input:checked').attr('data-attr-value');\n var activeSizeTabID = $('#hybridSizingTabList .nav-link.active').attr('title');\n $('#sizeSoldOutModal .custom-select-btn').html('');\n sizeContainer.find('.size-btns').each(function () {\n var isSizeDisable = $(this).find('.options-select').hasClass('disabled');\n var isActive = '';\n if (isSizeDisable) {\n var sizeValue = $(this).find('input').attr('data-attr-value');\n var onlyHybridSize = $(this).find('input').attr('data-attr-hybridsize');\n var finalValue = sizeValue === $(this).find('input').siblings('label').text() ? sizeValue : $(this).find('input').siblings('label').text();\n if (currentActiveSize === sizeValue) {\n isActive = ' active';\n }\n disableSize = ''\n + ''\n + ''\n + '';\n $('#sizeSoldOutModal .custom-select-btn').append(disableSize);\n }\n });\n bisnActiveSize = $('#sizeSoldOutModal .size-btns.active').find('input').attr('data-attr-value');\n bisnActiveHybridSize = $('#sizeSoldOutModal .size-btns.active').find('input').attr('data-attr-hybridsize');\n $('#bisn-hybrid-size-tab-country').val(activeSizeTabID);\n } else if (enableSizeDropDownPDP === 'false') {\n currentActiveSize = $('.custom-select-btn .size-btns').find('input:checked').attr('data-attr-value');\n $('#sizeSoldOutModal .custom-select-btn').html('');\n sizeContainer.find('.size-btns').each(function () {\n var isSizeDisable = $(this).find('.options-select').hasClass('disabled');\n var isActive = '';\n if (isSizeDisable) {\n var sizeValue = $(this).find('input').attr('data-attr-value');\n var onlyHybridSize = $(this).find('input').attr('data-attr-hybridsize');\n var finalValue = sizeValue === $(this).find('input').siblings('label').text() ? sizeValue : $(this).find('input').siblings('label').text();\n if (currentActiveSize === sizeValue) {\n isActive = ' active';\n }\n disableSize = ''\n + ''\n + ''\n + '';\n $('#sizeSoldOutModal .custom-select-btn').append(disableSize);\n }\n });\n bisnActiveSize = $('#sizeSoldOutModal .size-btns.active').find('input').attr('data-attr-value');\n bisnActiveHybridSize = $('#sizeSoldOutModal .size-btns.active').find('input').attr('data-attr-hybridsize');\n } else {\n $('#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle').removeClass('is-dirty').attr('disabled', false);\n bisnActiveSize = $('#sizeSoldOutModal .ll_bisn-size-dropdown .options-select.sold-out-size:selected').attr('data-attr-value');\n bisnActiveHybridSize = $('#sizeSoldOutModal .ll_bisn-size-dropdown .options-select.sold-out-size:selected').attr('data-attr-hybridsize');\n }\n $('#bisn-register-size').val(bisnActiveSize);\n $('#bisn-hybrid-size').val(bisnActiveHybridSize);\n\n // Color update\n var selectColor = $('.color-group').find('.pdp-swatches').find('.swatch-circle-container.selected').html();\n var selectedColorValue = $('.color-group').find('.pdp-swatches').find('.swatch-circle-container.selected').data('attr-value');\n var selectedColorDisplayValue = $('.color-group').find('.pdp-swatches').find('.swatch-circle-container.selected').attr('title');\n $('#sizeSoldOutModal .swatch-circle-container').append(selectColor);\n $('#sizeSoldOutModal .swatch-circle-container.selected').find('.swatch-circle.selected').removeClass('unselectable');\n $('#sizeSoldOutModal .selected-swatch-name').text($('.color-group').find('.pdp-swatches').find('.swatch-circle-container.selected').attr('title'));\n $('#bisn-register-color').val(selectedColorValue);\n $('#bisn-register-color-value').val(selectedColorDisplayValue);\n $('#sizeSoldOutModal .notified-btn').attr('disabled', false);\n\n // Token update\n $('#bisn-register-csrf-tokenName').val(data.csrf.token);\n $('#bisn-register-csrf-tokenName').attr('name', data.csrf.tokenName);\n\n // Show modal\n $('#sizeSoldOutModal').attr('data-previouslabel', selectedCta);\n $('#sizeSoldOutModal').modal('show');\n var bisnSizeLabel = $('.selected-name-size').attr('data-oldsizelabel');\n if ($(\"input[name$='usSameAsLocalSize']\").val() === 'true') {\n bisnSizeLabel = $(\"input[name$='sameSizeSelectLabel']\").val();\n }\n if (($('.custom-select-btn .size-btns').find('input:checked').hasClass('disabled') && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown .ll_select-size option.sold-out-size:selected').length && enableSizeDropDownPDP === 'true')) {\n $('#sizeSoldOutModal .selected-name-size').html($('.selected-size-name').html());\n } else {\n $('#sizeSoldOutModal .selected-name-size').text(bisnSizeLabel);\n }\n\n // Pre Populate email address field for logged in customers\n if (data.custEmail) {\n $('#sizeSoldOutModal .email-id').val(data.custEmail);\n $('#sizeSoldOutModal .email-id').addClass('valid-email');\n if ($('#sizeSoldOutModal .email-id').valid()) {\n $('#sizeSoldOutModal .email-id').attr('readonly', true);\n } else {\n $('#sizeSoldOutModal .email-id').prop('readonly', false);\n }\n }\n // reCaptcha token generation\n var responseToken = '';\n var siteKey = $('.bisn-register').data('captcha-sitekey');\n var source = $('.bisn-register').data('captcha-source');\n\n if (siteKey) {\n $.getScript(\n 'https://www.google.com/recaptcha/api.js?render=' + siteKey,\n function () {\n grecaptcha.ready(function () {\n grecaptcha\n .execute(siteKey, { action: source })\n .then(function (token) {\n responseToken = token;\n $('input.captcha-token-val').val(responseToken);\n });\n });\n }\n );\n }\n var productJsonData = getProdctSatelliteData();\n _satellite.track('pdp-notify-me', {\n previousCTA: selectedCta,\n product: productJsonData\n });\n },\n error: function () {\n // Error handling\n }\n });\n });\n}\n\n/**\n * Function for bisn Modal Open\n */\nfunction bisnModalOpen() {\n $('#sizeSoldOutModal').on('shown.bs.modal', function () {\n if (enableSizeDropDownPDP === 'false') {\n $(document).on('click', '#sizeSoldOutModal .size-btns', function () {\n if (!$(this).hasClass('active')) {\n $('#sizeSoldOutModal .size-btns.active').find('input').prop('checked', false);\n }\n $('#sizeSoldOutModal .size-btns').removeClass('active');\n $(this).addClass('active');\n $('#bisn-register-size').val($(this).find('input').attr('data-attr-value'));\n $('#bisn-hybrid-size').val($(this).find('input').attr('data-attr-hybridsize'));\n $('#sizeSoldOutModal .size-message-error').find('.message-error').hide();\n });\n } else {\n $('#sizeSoldOutModal .ll_bisn-custom-size-dropdown .ll_size-dropdown-error').hide();\n $('#sizeSoldOutModal .ll_bisn-custom-size-dropdown .ll_custom-select-size').removeClass('invalid-state');\n }\n /* this change event will work for the custom size selector in PDP */\n $(document).on('change', '#sizeSoldOutModal .ll_bisn-size-dropdown', function () {\n $('#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle').removeClass('is-dirty').attr('disabled', false);\n $('#bisn-register-size').val($(this).find('option:selected').attr('data-attr-value'));\n $('#bisn-hybrid-size').val($(this).find('option:selected').attr('data-attr-hybridsize'));\n });\n $(document).on('focusout', '#sizeSoldOutModal .ll_bisn-size-dropdown, #bisn-form-email, #bisn-checkbox', function () {\n $('#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle').removeClass('is-dirty').attr('disabled', false);\n });\n $(document).on('click', '#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle', function () {\n $('#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle').removeClass('is-dirty').attr('disabled', false);\n });\n\n $('form.bisn-register').submit(function (e) {\n var form = $(this);\n var customerEmail = $('#sizeSoldOutModal .email-id').val();\n e.preventDefault();\n e.stopImmediatePropagation();\n var submitUrl = form.attr('action');\n var validateForm = $('form.bisn-register').validate();\n if (validateForm && validateForm.check('#sizeSoldOutModal .email-id')) {\n if ($('#sizeSoldOutModal .custom-select-btn').find('.active').length === 0 && enableSizeDropDownPDP === 'false') {\n $('#sizeSoldOutModal .size-message-error').find('.message-error').show().trigger('focus');\n return false;\n } else if ($('#sizeSoldOutModal .ll_bisn-size-dropdown option.sold-out-size:selected').length === 0 && enableSizeDropDownPDP === 'true') {\n $('#sizeSoldOutModal .ll_bisn-custom-size-dropdown .ll_size-dropdown-error').show().trigger('focus');\n $('#sizeSoldOutModal .ll_bisn-custom-size-dropdown .ll_custom-select-size').addClass('invalid-state');\n return false;\n } else if ($('#bisn-checkbox').prop('checked') === false) {\n $('.bisn-checkbox-optin .invalid-feedback').show().trigger('focus');\n return false;\n }\n form.spinner().start();\n $.ajax({\n url: submitUrl,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n if (!data.success) {\n if (data.genError) {\n // Render generic error message\n $('#sizeSoldOutModal .bisn-generic-message-error').find('.message-error').show();\n } else {\n var formValidation = require('base/components/formValidation');\n formValidation(form, data);\n }\n } else {\n $('.subscription-block').hide();\n $('#sizeSoldOutModal .success-email-shown').text(customerEmail);\n $('.success-block').show();\n var productJsonData = getProdctSatelliteData();\n var previousCTA = $('#sizeSoldOutModal').attr('data-previouslabel');\n _satellite.track('modal:notify-me:success', {\n previousCTA: previousCTA,\n product: productJsonData\n });\n }\n },\n error: function () {\n form.spinner().stop();\n // Error handling\n }\n });\n }\n return false;\n });\n $('#sizeSoldOutModal .size-message-error').find('.message-error').hide();\n $('#sizeSoldOutModal .bisn-generic-message-error').find('.message-error').hide();\n $('#sizeSoldOutModal .email-address-block').find('.email-invalid').hide();\n $('#sizeSoldOutModal .email-id').removeClass('valid-email');\n $('#sizeSoldOutModal .email-id').removeClass('is-invalid');\n $('#sizeSoldOutModal .email-id').val('');\n $('.subscription-block').show();\n $('.success-block').hide();\n if ($('#siteCountryCode').val() === 'DE') {\n $('#bisn-checkbox').prop('checked', false);\n } else {\n $('#bisn-checkbox').prop('checked', true);\n }\n $('.size-error-message').find('.error-message').addClass('d-none');\n });\n\n $('#sizeSoldOutModal').on('hidden.bs.modal', function () {\n $('.size-error-message').find('.error-message').hide();\n $('.size-error-message').find('.error-message').removeClass('d-none');\n $('#sizeSoldOutModal .size-btns').removeClass('active');\n $('.bisn-checkbox-optin .invalid-feedback').hide();\n });\n $(document).on('keyup', '#bisn-form-email', function () {\n $('#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle').attr('disabled', false);\n var validateForm = $('form.bisn-register').validate();\n if (validateForm && validateForm.check('#sizeSoldOutModal .email-id')) {\n $('#sizeSoldOutModal .email-id').addClass('valid-email');\n } else {\n $('#sizeSoldOutModal .email-id').removeClass('valid-email');\n }\n $('.size-error-message').find('.error-message').hide();\n });\n $(document).on('change', '#sizeSoldOutModal .form-check-input', function () {\n $('#sizeSoldOutModal .ll_custom-select-size .dropdown-toggle').attr('disabled', false);\n if ($('#bisn-checkbox').prop('checked') === true) {\n $('.bisn-checkbox-optin .invalid-feedback').hide();\n }\n });\n $(document).on('keyup', '.ll_bisn-custom-size-dropdown .inner.show', function (e) {\n if (document.activeElement === $('.ll_bisn-custom-size-dropdown .inner.show')[0] && e.keyCode === 9) {\n $(this).find('li.active a.active').trigger('focus');\n }\n });\n\n var scrollTo = $('.product-detail-content').find('.attribute').children('.color-group').last();\n $('.size-select-btn').on('click', function () {\n $('html, body').animate({\n scrollTop: $(scrollTo).offset().top + 25\n }, 500);\n });\n}\n\nmodule.exports = {\n addToCart: function () {\n $(document).on('click', 'button.find-similar-items', function () {\n var similarItemsURL = $('.find-similar-items-url').val();\n window.location.href = similarItemsURL;\n });\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n var currentClass = $(this).closest('.add-to-cart-section').parent().attr('class');\n var adding = $('#stickyAddToCartBlock .adding').text();\n var added = $('#stickyAddToCartBlock .added').html();\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var mediaQuery = window.matchMedia('(max-width: 768px)');\n if (($('.custom-select-localised-sizes').length && $('.custom-select-localised-sizes .size-btns').find('input:checked').length === 0) || ($('.select-size .size-btns').find('input:checked').length === 0 && enableSizeDropDownPDP === 'false')) {\n $('.size-error-message').find('.error-message').show();\n $('.custom-select.select-size').addClass('error-highlights');\n if (mediaQuery.matches) {\n utilities.scrollToElement($('.select-size'));\n return;\n }\n return;\n } else if ($('.ll_pdp-size-drodown .ll_custom-select-size option[name=select-size]:selected').length === 0 && enableSizeDropDownPDP === 'true') {\n $('.ll_pdp-size-drodown .ll_size-dropdown-error').show();\n $('.ll_pdp-size-drodown .ll_custom-select-size').addClass('invalid-state');\n return;\n }\n $('.size-error-message').find('.error-message').hide();\n\n var quantityValue = $('.quantity-select').find('option:selected').val();\n var itemStock = parseInt($('#item-stock-indicator').val(), 10);\n if (quantityValue > itemStock) {\n $('.quantity-error-message').find('.error-message').show();\n if (mediaQuery.matches) {\n utilities.scrollToElement($('.quantity-select'));\n return;\n }\n return;\n }\n $('.quantity-error-message').find('.error-message').hide();\n $('.custom-select.quantity-select').removeClass('error-highlights');\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find('.product-id').text(),\n qty: $(this).find('.quantity-select').val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n if ($('.custom-select-localised-sizes').length) {\n form.selectedSizeTabCountry = $('#hybridSizingTabList .nav-link.active').attr('id');\n }\n $('#stickyAddToCartBlock .add-to-cart').text(adding);\n $('#stickyAddToCartBlock .add-to-cart').addClass('pressed');\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 if (currentClass === 'add-to-cart-btn-clone') {\n setTimeout(function () {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $('#stickyAddToCartBlock').removeClass('sticky-size-add-to-cart');\n }, 1000);\n } else {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $('#stickyAddToCartBlock').removeClass('sticky-size-add-to-cart');\n }\n if (window.cfCacheEnabled) {\n $.cookie('isDynamicData', true, { expires: 30, path: '/' });\n }\n $('#stickyAddToCartBlock .add-to-cart').html(added);\n $('#stickyAddToCartBlock .add-to-cart').css({ 'background-color': '#921620', border: 'solid 1px #921620' });\n },\n error: function () {\n }\n });\n }\n });\n var imageZoom = require('./imageZoom');\n imageZoom.getZoomImage();\n },\n\n afterUpdateAvailability: function () {\n $('body').on('product:updateAvailability', function () {\n if ($('.pdp-swatches button').hasClass('selected') === false) {\n $('.add-to-cart').attr('disabled', true);\n } else {\n $('.add-to-cart').prop('disabled', false);\n }\n });\n },\n\n afterAttributeSelect: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n const enablePriceRoundOff = $('#enablePriceRoundOff').val();\n // Update product ID, this should be updated on variation change. ID used for add product to cart\n $('input[name=productID]').val(response.data.product.id);\n\n updateSelectedSwatchProductName(\n response.data.product.variationAttributes,\n response.container\n );\n if ($('.inseam-size-btns').length > 0) {\n updateInseamAttributes(\n response.data.product.inSeamGroupProducts,\n response.data.product.inseamAsiaFitGroupProducts,\n response.data.product.isAsiaFitProduct,\n response.container\n );\n setInseamDataInSession(response);\n }\n var localisiedData;\n var localisiedTabData;\n if (response.data.LocalisedSizingTabs && Object.keys(response.data.LocalisedSizingTabs).length > 0) {\n localisiedTabData = response.data.LocalisedSizingTabs;\n }\n if (response.data.LocalisedSizing) {\n localisiedData = response.data.LocalisedSizing;\n }\n updateSelectedSizeName(\n localisiedTabData,\n localisiedData,\n response.data.product.variationAttributes,\n response.container,\n response.data.localisedSizeSameAsUS\n );\n if (response.data.LocalisedSizingTabs && Object.keys(response.data.LocalisedSizingTabs).length > 0) {\n updateHybridSizingTabs(\n response.data.LocalisedSizingTabs,\n response.data.product.variationAttributes\n );\n } else {\n updateSizeAttributes(\n response.data.HybridClass,\n localisiedData,\n response.data.product.variationAttributes\n );\n }\n var backInStock = $('#backInStock').attr('data-featureflag');\n if (backInStock === 'true') {\n $('#sizeSoldOutModal .custom-select-btn .size-btns').find('.options-select').removeClass('disabled');\n }\n updateSelectedQuantity(\n response,\n response.data.product.quantities,\n response.container,\n response.data.product.ats,\n response.data.product.selectedQuantity\n );\n updatePostAjax(response.data.product, response.container);\n if ($('.skuAlignmentNewPDP').length > 0) {\n $('.skuAlignmentNewPDP').find('.product-id').text(response.data.product.id);\n }\n\n // wishlist changes only for pdp on size/color update\n const $wishlistIcon = $('.wishlist-icon-pdp.product');\n if ($wishlistIcon.length > 0) {\n const wishlistItems = JSON.parse(localStorage.getItem('wishlistItems'));\n $wishlistIcon.attr('id', response.data.product.id).attr('data-pid', response.data.product.id);\n const $wishlistTile = $wishlistIcon.find('.wishlistTile');\n $wishlistTile.addClass('remove-from-wishlist');\n const removeURL = $wishlistTile.attr('data-remove-url').split('?pid=')[0] + `?pid=${response.data.product.id}`;\n $wishlistTile.attr('data-remove-url', removeURL);\n $wishlistTile.attr('href', $wishlistTile.data('remove-url'));\n $('.wishlist-icon-pdp.product i').addClass('icon-wishlist-o').removeClass('icon-wishlist-s');\n const addToWishlist = $wishlistTile.attr('data-add-wishlist');\n const removeFromWishlist = $wishlistTile.attr('data-remove-wishlist');\n $wishlistTile.attr('title', removeFromWishlist);\n // if not present in wishlist, update href and title\n if (wishlistItems.indexOf(response.data.product.id) === -1) {\n $wishlistTile.removeClass('remove-from-wishlist');\n $wishlistTile.attr('href', $wishlistTile.data('add-url'));\n $wishlistTile.attr('title', addToWishlist);\n }\n $('body').trigger('wishlist:updateWishlistState');\n }\n\n var itemStockValue = response.data.product.instockValue;\n $('#item-stock-indicator').attr('value', itemStockValue);\n var quantityValue = $('.quantity-select').find('option:selected').val();\n var itemStock = parseInt($('#item-stock-indicator').val(), 10);\n if ((($('.select-size .size-btns').find('input:checked').length !== 0 && enableSizeDropDownPDP === 'false') || ($('.form-control.ll_select-size').find('option[name=\"select-size\"]:selected').length && enableSizeDropDownPDP === 'true')) && quantityValue > itemStock) {\n $('.quantity-error-message').find('.error-message').show();\n } else {\n $('.quantity-error-message').find('.error-message').hide();\n $('.custom-select.quantity-select').removeClass('error-highlights');\n }\n\n if (response.data.displayAfterpayMessage) {\n response.container\n .find('.afterpay-wrapper .afterpay-msg')\n .text(response.data.product.afterpayInstallmentMsg);\n }\n if (response.data.product.productType === 'variant') {\n var selectedColor = $('.pdp-swatches button.selected').closest('.color-group').find('.color');\n var formattedSalePrice = response.data.product.price.sales.formatted;\n if (selectedColor.find('.markdown-prices').length) {\n selectedColor.find('.markdown-prices').html(enablePriceRoundOff === 'true' && formattedSalePrice ? formattedSalePrice.replace(/\\.00(?=\\s*\\w*$)/, '') : formattedSalePrice);\n } else {\n selectedColor.html(enablePriceRoundOff === 'true' ? formattedSalePrice.replace(/\\.00(?=\\s*\\w*$)/, '') : formattedSalePrice);\n }\n if (selectedColor.find('.list-price').length && response.data.product.price.list && response.data.product.price.list.value !== response.data.product.price.sales.value) {\n var formattedListPrice = response.data.product.price.list.formatted;\n selectedColor.find('.list-price').html(enablePriceRoundOff === 'true' && formattedListPrice ? formattedListPrice.replace(/\\.00(?=\\s*\\w*$)/, '') : formattedListPrice);\n } else {\n selectedColor.find('.list-price').html('');\n }\n }\n\n if (response.data.product.pdpKlarnaOSM) {\n $('.cta-price-value').css('min-height', 'auto');\n var ctaPriceHeight = $('.swatch-circle-container.selected').closest('.color-group').find('.cta-price-value').height();\n $('.swatch-circle-container.selected').closest('.color-group').find('.cta-price-value').css({ display: 'block', 'min-height': ctaPriceHeight });\n $('.product-detail-content .kosm-pdp').remove();\n var currentActiveSwatch = $('.swatch-circle-container.selected').closest('.color-group').find('.display-price');\n $(response.data.product.pdpKlarnaOSM).insertAfter(currentActiveSwatch);\n window.KlarnaOnsiteService = window.KlarnaOnsiteService || [];\n window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });\n }\n\n var imageZoom = require('./imageZoom');\n imageZoom.getZoomImage();\n\n $('body').trigger('variationAttributePayload', response);\n\n var currentSwatch = $(document.activeElement);\n if (currentSwatch.hasClass('swatch-circle-container')) {\n if (($('.select-size .size-btns').find('input.disabled').length && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown .ll_select-size option[name=select-size]').hasClass('sold-out-size') && enableSizeDropDownPDP === 'true')) {\n _satellite.track('customImpressionTracking', {\n impressionID: 'pdp:size-sold-out'\n });\n }\n }\n });\n },\n bisnModalClick: bisnModalClick,\n colorSwatchSizeClick: colorSwatchSizeClick,\n bisnModalOpen: bisnModalOpen,\n getProdctSatelliteData: getProdctSatelliteData,\n productSkuUpdateOos: productSkuUpdateOos,\n sizeHeaderLabelUpdate: sizeHeaderLabelUpdate\n};\n/**\n * Function for Sticky Add To Cart\n */\nfunction stickyAddToCart() {\n var scrollHeight = $(window).scrollTop();\n var targetOuterHeight = $('.product-availability').height() - 3;\n var targetHeight = ($('.product-availability').length ? $('.product-availability').offset().top : 0) + targetOuterHeight;\n var addToCartStickyHeight = ($('.pdp-footer').length ? $('.pdp-footer').offset().top : 0) - $(window).height();\n var productName = $('.product-detail-content .product-name').html();\n var deskTopFooterHeight = ($('.footer-social-container').length ? $('.footer-social-container').offset().top : 0) - $(window).height();\n var mobileWindowWidth = $(window).width() < 1024;\n var desktopWindowWidth = $(window).width() > 1023;\n $('#stickyAddToCartBlock .product-size').html('');\n $('.select-size-btn .product-name').html('');\n if ($('.custom-select-inseam').length > 0) {\n $('.sticky-section .product-size-inseam').html($('.product-size-inseam').attr('data-inseam-label') + $('.inseam-size-btns input:checked').siblings('label').html());\n }\n $('#stickyAddToCartBlock .add-to-cart-btn-clone').html('');\n $('.qty-container .add-to-cart-section').clone().appendTo('#stickyAddToCartBlock .add-to-cart-btn-clone');\n if ($('.add-to-cart-btn-clone .add-to-cart-section button').length) {\n $('.add-to-cart-btn-clone .add-to-cart-section button').each(function () {\n $(this).attr('tabindex', '-1');\n });\n }\n if ($('.add-to-cart-btn-clone .add-to-cart-section .add-to-cart .markdown-prices').length) {\n $('.add-to-cart-btn-clone .add-to-cart-section .add-to-cart .markdown-prices').attr('tabindex', '-1');\n }\n var selectedSizeInfo = $('.custom-select-localised-sizes').length === 0 ? $('.selected-size-name').html() : $('.selected-size-name').attr('data-newsizing');\n $('#stickyAddToCartBlock .product-size').append(selectedSizeInfo);\n $('.select-size-btn .product-name').append('' + productName + '');\n var selectedColorValue = $('.color-group').find('.swatch-circle-container.selected').find('.color-value').attr('data-attr-value');\n var stickyAddToCartColorValue = $('#selectSizeBtn').find('.color-value').attr('data-attr-value');\n if (selectedColorValue !== stickyAddToCartColorValue) {\n $('.select-size-btn .product-color').html('');\n var colorName = $('.color-group').find('.swatch-circle-container.selected').attr('title');\n $('.select-size-btn .product-color').append($('.color-group').find('.swatch-circle-container.selected').html() + '' + colorName + '');\n }\n if ((mobileWindowWidth && scrollHeight > targetHeight && addToCartStickyHeight > scrollHeight) || (desktopWindowWidth && scrollHeight > targetHeight && deskTopFooterHeight > scrollHeight)) {\n if (($('.select-size .size-btns').find('input:checked').length === 0 && enableSizeDropDownPDP === 'false') || ($('.ll_custom-size-dropdown .ll_select-size option[name=select-size]:selected').length === 0 && enableSizeDropDownPDP === 'true')) {\n $('#selectSizeBtn').addClass('sticky-size-add-to-cart');\n } else {\n $('#stickyAddToCartBlock').addClass('sticky-size-add-to-cart');\n }\n } else {\n $('#selectSizeBtn').removeClass('sticky-size-add-to-cart');\n $('#stickyAddToCartBlock').removeClass('sticky-size-add-to-cart');\n }\n}\n\nvar stickyAddToCartDebounce = debounce(stickyAddToCart, 20);\n\n$(window).on('scroll', function () {\n stickyAddToCartDebounce();\n});\n\nstickyAddToCart();\n\n$(window).resize(function () {\n stickyAddToCart();\n});\n","'use strict';\n\nvar scene7 = require('../components/scene7');\nconst mediaQuery = window.matchMedia('(min-width: 1024px)');\n\n/**\n * Returns the asset ID for the image to be zoomed\n * @param {jQuery} $imgContainer container of the current image\n * @returns {string} asset ID stored in scene7\n */\nfunction getAsset($imgContainer) {\n var url = $imgContainer.attr('src');\n var splitUrl = url.split(/\\//);\n return splitUrl[splitUrl.length - 1].split(/\\?/)[0];\n}\n\n/**\n * Function to update product image swatches in zoom modal\n * @param {[image]} productSwatchImages - An array of small image types to be displayed in swatches\n * @param {boolean} productShowLocalImages - boolean value for show local images\n * @param {jQuery} $productContainer - Container surrounding the product images\n */\nfunction updateZoomImageSwatches(productSwatchImages, productShowLocalImages, $productContainer) {\n // Updates the image thumbnails DOM elements in zoom modal post Ajax call\n $productContainer\n .find('.product-zoom-thumbnails a')\n .find('img')\n .each(function (index) {\n var $this = $(this);\n if (productSwatchImages[index]) {\n $this.removeClass('d-none');\n if (productShowLocalImages && (productSwatchImages[index].alt).includes('Local')) {\n $this.siblings('source').attr('srcset', 'https://images.lululemon.com/is/image/lululemon/' + productSwatchImages[index].alt);\n $this.attr('src', productSwatchImages[index].alt);\n } else {\n $this.siblings('source').attr('srcset', productSwatchImages[index].url);\n $this.attr('src', productSwatchImages[index].url);\n }\n } else {\n $this.addClass('d-none');\n }\n });\n\n var productId = $productContainer.attr('data-pid');\n var asset = getAsset(\n $productContainer\n .find('.product-zoom-thumbnails a')\n .find('img')\n .eq(0)\n );\n scene7.getZoomImage(asset, 'imageZoomModalContainer-' + productId);\n}\n\nmodule.exports = {\n updateZoomImageSwatches: function () {\n $('body').on('updateZoomModalThumbnails', function (\n event,\n productSwatchImages,\n productShowLocalImages,\n productId\n ) {\n if (mediaQuery.matches) {\n event.stopPropagation();\n updateZoomImageSwatches(\n productSwatchImages,\n productShowLocalImages,\n $('#imageZoomModal-' + productId)\n );\n }\n });\n },\n getZoomImage: function () {\n $('.carousel-item .zoom-viewer-link, .zoom-thumbnail-link').on(\n 'click',\n function (e) {\n if (mediaQuery.matches) {\n e.preventDefault();\n var $this = $(this);\n var target = $this.data('target');\n $(target).modal('show');\n var productId = $this\n .closest('.product-detail')\n .attr('data-pid');\n var asset = getAsset($this.find('img'));\n scene7.getZoomImage(\n asset,\n 'imageZoomModalContainer-' + productId\n );\n } else {\n e.preventDefault();\n }\n }\n );\n },\n screenResize: mediaQuery.addListener(function () {\n $('.imageZoomModal').modal('hide');\n })\n};\n","'use strict';\n\nrequire('../../icons/wishlistSolid.svg');\nrequire('../../icons/wishlistSolidWhite.svg');\nrequire('../../icons/share.svg');\nrequire('../../icons/leftArrow.svg');\nrequire('../../icons/rightArrow.svg');\nrequire('../../icons/liveChat.svg');\nvar mediaQueryDesktop = window.matchMedia('(min-width: 1024px)');\n/**\n * function to select carousel thumbnail based on selected item index\n * @param {number} selectedIndex - Selected item index\n */\nfunction selectThumbnail(selectedIndex) {\n $('.product-thumbnails .thumb').removeClass('selected')\n .find('.thumbnail-link')\n .attr('aria-current', false);\n $('.product-thumbnails .thumb')\n .eq(selectedIndex)\n .addClass('selected')\n .find('.thumbnail-link')\n .attr('aria-current', true);\n $('.carousel-item-message-list .carousel-item-message')\n .removeClass('active')\n .eq(selectedIndex)\n .addClass('active');\n}\n\n/**\n * Toggle Carousel thumbnail selection\n */\nfunction toggleCarouselThumbnail() {\n var totalItems = $(\n '.primary-images .carousel .carousel-inner .carousel-item:not(\".d-none\")'\n ).length;\n $(document).on('imageCountChanged', 'body', function () {\n totalItems = $(\n '.primary-images .carousel .carousel-inner .carousel-item:not(\".d-none\")'\n ).length;\n var activeItemIndex =\n $(\n '.primary-images .carousel .carousel-inner .carousel-item.active'\n ).index() + 1;\n if (activeItemIndex > totalItems) {\n $('.primary-images .carousel').carousel(totalItems - 1);\n }\n });\n $(document).on('click', '.product-thumbnails .thumb', function () {\n $('.product-thumbnails .thumb').removeClass('selected').find('.thumbnail-link').attr('aria-current', false);\n $(this).addClass('selected').find('.thumbnail-link').attr('aria-current', true);\n $('.carousel-item-message-list .carousel-item-message')\n .removeClass('active')\n .eq(\n $(this)\n .find('.thumbnail-link')\n .attr('data-slide-to')\n )\n .addClass('active');\n });\n\n $('body .product-thumbnails .thumb').on('keypress', function (e) {\n if (e.which === 13 || e.which === 32) {\n $(this).trigger('click');\n }\n });\n\n $('ol.carousel-indicators li').attr('role', 'button');\n $('ol.carousel-indicators li').attr('tabindex', '0');\n document.querySelectorAll('.carousel-indicators li').forEach(indicator => {\n indicator.addEventListener('keydown', function (event) {\n if (event.key === 'Tab') {\n if ($(this).is(':last-child')) {\n event.preventDefault();\n const nextElement = document.querySelector('.cta-price-value .markdown-prices'); // Replace with your selector\n if (nextElement) {\n nextElement.focus();\n }\n } else {\n $(this).next('li').focus();\n }\n }\n if (event.code === 'Tab' && event.shiftKey) {\n event.preventDefault();\n $(this).prev('li').focus();\n }\n if (event.key === 'Enter') {\n $(this).trigger('click');\n }\n });\n });\n document.querySelectorAll('.carousel.slide a').forEach(indicator => {\n indicator.addEventListener('keydown', function (event) {\n var nextElement;\n var prevElement;\n if (event.key === 'Tab') {\n if ($(this).is(':first-child')) {\n event.preventDefault();\n if (mediaQueryDesktop.matches) {\n nextElement = document.querySelector('.carousel-control-prev'); // Replace with your selector for next focusable element\n if (nextElement) {\n nextElement.focus();\n }\n } else {\n nextElement = document.querySelector('.thumbnail-link');\n if (nextElement) {\n nextElement.focus();\n }\n }\n } else if ($(this).hasClass('carousel-control-prev') && mediaQueryDesktop.matches) {\n event.preventDefault();\n nextElement = document.querySelector('.carousel-control-next'); // Replace with your selector for next focusable element\n if (nextElement) {\n nextElement.focus();\n }\n } else if ($(this).is(':last-child')) {\n event.preventDefault();\n nextElement = document.querySelector('.thumbnail-link'); // Replace with your selector for next focusable element\n if (nextElement) {\n nextElement.focus();\n }\n } else {\n $(this).next('a').focus();\n }\n }\n if (event.code === 'Tab' && event.shiftKey) {\n event.preventDefault();\n if ($(this).hasClass('carousel-control-next') && mediaQueryDesktop.matches) {\n prevElement = document.querySelector('.carousel-control-prev'); // Replace with your selector for next focusable element\n if (prevElement) {\n prevElement.focus();\n }\n } else if ($(this).hasClass('carousel-control-prev') && mediaQueryDesktop.matches) {\n prevElement = document.querySelector('.wishlistTile.main-prod-image-pdp');\n if (prevElement) {\n prevElement.focus();\n }\n } else if ($(this).is(':last-child')) {\n prevElement = document.querySelector('.wishlistTile.main-prod-image-pdp');\n if (prevElement) {\n prevElement.focus();\n }\n }\n }\n if (event.key === 'Enter') {\n $(this).trigger('click');\n }\n });\n });\n\n $('.product-wrapper .carousel').keydown(function (e) {\n if (e.keyCode === 37) {\n // Previous\n $(this)\n .find('.carousel-control-prev')\n .click();\n }\n if (e.keyCode === 39) {\n // Next\n $(this)\n .find('.carousel-control-next')\n .click();\n }\n return false;\n });\n\n /**\n * function to add swipe functionality to devices with width less than 1024px\n * @param {Object} mediaQuery - Media query for carousel touch\n */\n function widthChange(mediaQuery) {\n if (mediaQuery.matches) {\n $(document).on('touchstart', '.product-wrapper .carousel', function (touchEvent) {\n var xClick = touchEvent.originalEvent.touches[0].pageX;\n $(this).on('touchmove', function (event) {\n var xMove = event.originalEvent.touches[0].pageX;\n if (Math.floor(xClick - xMove) > 50) {\n $('.carousel-control-next').trigger('click');\n } else if (Math.floor(xClick - xMove) < -50) {\n $('.carousel-control-prev').trigger('click');\n }\n });\n $(document).on('touchend', '.product-wrapper .carousel', function () {\n $(this).off('touchmove');\n });\n });\n }\n }\n if (matchMedia) {\n const mediaQuery = window.matchMedia('(max-width: 1023.98px)');\n mediaQuery.addListener(widthChange);\n widthChange(mediaQuery);\n }\n\n $(document).on('click', '.product-wrapper .carousel-control-next', function () {\n var activeItemIndex = $(\n '.primary-images .carousel .carousel-inner .carousel-item.active'\n ).index();\n activeItemIndex += 1;\n if (activeItemIndex === totalItems) {\n activeItemIndex = 0;\n $(this)\n .parent()\n .carousel(activeItemIndex);\n }\n selectThumbnail(activeItemIndex);\n });\n\n $(document).on('click', '.product-wrapper .carousel-control-prev', function () {\n var activeItemIndex = $(\n '.primary-images .carousel .carousel-inner .carousel-item.active'\n ).index();\n activeItemIndex -= 1;\n if (activeItemIndex < 0) {\n activeItemIndex = totalItems - 1;\n $(this)\n .parent()\n .carousel(activeItemIndex);\n }\n selectThumbnail(activeItemIndex);\n });\n\n $(document).on('click', '.primary-images .carousel-indicators li', function () {\n var activeItemIndex = $(this).attr('data-slide-to');\n selectThumbnail(activeItemIndex);\n });\n}\n\n/**\n * Displays the correct carousel image for product set details page when number of images are different for different variants\n */\nfunction setImageNavUpdate() {\n var initialImages = [];\n var currentTotalImages;\n $('.set-items .set-item').each(function () {\n initialImages.push(\n $(this).find(\n '.primary-images .carousel .carousel-inner .carousel-item:not(\".d-none\")'\n ).length\n );\n });\n $(document).on('imageCountChanged', 'body', function () {\n currentTotalImages = [];\n $('.set-items .set-item').each(function (index) {\n var $setItem = $(this);\n currentTotalImages.push(\n $setItem.find(\n '.primary-images .carousel .carousel-inner .carousel-item:not(\".d-none\")'\n ).length\n );\n var activeItemIndex =\n $setItem\n .find(\n '.primary-images .carousel .carousel-inner .carousel-item.active'\n )\n .index() + 1;\n if (activeItemIndex > currentTotalImages[index]) {\n $setItem\n .find('.carousel')\n .carousel(currentTotalImages[index] - 1);\n }\n });\n });\n\n $(document).on('click', '.set-item .carousel-control-next', function () {\n var $setItem = $($(this).closest('.set-item'));\n var index = $setItem.index() - 1;\n var activeItemIndex =\n $setItem\n .find(\n '.primary-images .carousel .carousel-inner .carousel-item.active'\n )\n .index() + 1;\n if (\n currentTotalImages &&\n initialImages[index] > currentTotalImages[index] &&\n activeItemIndex === currentTotalImages[index]\n ) {\n $(this)\n .parent()\n .carousel(0);\n }\n });\n\n $(document).on('click', '.set-item .carousel-control-prev', function () {\n var $setItem = $($(this).closest('.set-item'));\n var index = $setItem.index() - 1;\n var activeItemIndex =\n $setItem\n .find(\n '.primary-images .carousel .carousel-inner .carousel-item.active'\n )\n .index() - 1;\n if (\n currentTotalImages &&\n initialImages[index] > currentTotalImages[index] &&\n activeItemIndex < 0\n ) {\n $(this)\n .parent()\n .carousel(currentTotalImages[index] - 1);\n }\n });\n}\n\n$(window).on('load', function () {\n $('.image-container').hover(function () {\n $(this).find('.hover-image').addClass('lazyload').css('display', 'block');\n });\n});\n/**\n * Init to call functions\n */\nfunction init() {\n toggleCarouselThumbnail();\n setImageNavUpdate();\n}\n\nmodule.exports = {\n init: init\n};\n","/**\n * This file has been added to handle functions and events related to\n * Quick Add from CDP. Some of the functions have been copied from other files\n * and customized according to the needs for this feature.\n */\n\n/* global _satellite */\n\n'use strict';\nvar base = require('./baseNew');\nvar focusHelper = require('base/components/focus');\n\nvar selectedHybridSize;\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#quickViewModal').length !== 0) {\n $('#quickViewModal').remove();\n }\n var htmlString = ''\n + ''\n + ''\n + ''\n + ''\n + ''\n + ''\n + '';\n $('body').append(htmlString);\n}\n\n/**\n * @typedef {Object} QuickViewHtml\n * @property {string} body - Main Quick View body\n * @property {string} footer - Quick View footer content\n */\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $(''\n + ''\n + ''\n + ''\n + '').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * 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('').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 * Adds event listener to dropdown menu on load\n */\nfunction addScrollListener() {\n setInterval(function () {\n let el = $('#quickViewModal .dropdown-menu.inner');\n\n if (el) {\n el.on('scroll', function () {\n if (this.clientHeight + this.scrollTop + 4 >= this.scrollHeight) {\n $(this).parent().siblings('.gradient').hide();\n } else {\n $(this).parent().siblings('.gradient').show();\n }\n });\n }\n }, 100);\n}\n\n/**\n * Function for Satellite Track\n * @param {json} prodJson - Contains data related to product loaded in quick add modal\n * @param {boolean} isQuickView - check if quick view modal was loaded or add to bag was clicked\n * @return {json} - value to be used when attributes got update for product\n */\nfunction getProductSatelliteData(prodJson, isQuickView) {\n var productData = [];\n var productID;\n var productName;\n var color;\n var imageURL;\n var pdpURL;\n var stockStatus;\n var available;\n var sku;\n var primaryCategory;\n var unifiedID;\n var displayRegularPrice;\n var displayPrice;\n var isOnSale;\n\n if (isQuickView) {\n var formattedJSON = JSON.parse(prodJson.dataLayer);\n stockStatus = 'in-stock';\n imageURL = decodeURIComponent(formattedJSON.attributes.imageURL);\n pdpURL = decodeURIComponent(formattedJSON.attributes.pdpURL);\n available = formattedJSON.attributes.available;\n primaryCategory = formattedJSON.category.primaryCategory;\n unifiedID = formattedJSON.category.unifiedID;\n displayRegularPrice = formattedJSON.price.displayRegularPrice;\n displayPrice = formattedJSON.price.displayPrice;\n isOnSale = formattedJSON.price.onSale;\n productID = formattedJSON.productInfo.productID;\n productName = decodeURIComponent(formattedJSON.productInfo.productName);\n color = formattedJSON.productInfo.color;\n sku = formattedJSON.productInfo.sku;\n } else {\n imageURL = decodeURIComponent(prodJson.productAttributes.imageURL);\n pdpURL = decodeURIComponent(prodJson.productAttributes.pdpURL);\n available = prodJson.productAttributes.available;\n primaryCategory = prodJson.productCategory.primaryCategory;\n unifiedID = prodJson.productCategory.unifiedID;\n displayPrice = prodJson.productPrice.displayPrice;\n displayRegularPrice = prodJson.productPrice.displayRegularPrice;\n isOnSale = prodJson.productPrice.onSale;\n productID = prodJson.digitalProductData.productID;\n productName = decodeURIComponent(prodJson.digitalProductData.productName);\n }\n\n productData.attributes = {\n stockStatus: stockStatus,\n imageURL: imageURL,\n pdpURL: pdpURL,\n available: available // RETURN BOOLEAN true or false\n\n };\n productData.category = {\n primaryCategory: primaryCategory,\n unifiedID: unifiedID\n\n };\n productData.price = {\n displayRegularPrice: displayRegularPrice,\n displayPrice: displayPrice,\n onSale: isOnSale // RETURN BOOLEAN true or false\n\n };\n productData.productInfo = {\n productID: productID,\n productName: productName,\n color: color,\n sku: sku\n };\n\n return productData;\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n * @param {jQuery} quickViewBtn - HTML element\n * @param {boolean} component - string that indicates the component where quick shop was triggered\n */\nfunction fillModalElement(selectedValueUrl, quickViewBtn, component) {\n $('.modal-body').spinner().start();\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('#quickViewModal .modal-body').empty();\n $('#quickViewModal .modal-body').html(parsedHtml.body);\n $('#quickViewModal .modal-footer').html(parsedHtml.footer);\n $('#quickViewModal .full-pdp-link').text(data.quickViewFullDetailMsg);\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl + '?' + data.queryString);\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\n\n // Display price on Add to cart CTA if there is a single size and is selected by default\n if (($('#quickViewModal .select-size .custom-select-btn option:selected').length || $('#quickViewModal .select-size .custom-select-btn input:checked').length) && $('#quickViewModal .swatch-circle-container.selected').length) {\n $('#quickViewModal .cta-price').html(' - ' + $('.pdp-swatches .swatch-circle-container.selected').closest('.price-groups').attr('data-attr'));\n } else {\n $('#quickViewModal .cta-price').html('');\n }\n\n\n $('#quickViewModal').modal('show');\n $('body').trigger('quickview:ready');\n\n var $productContainer = $('#quickViewModal .set-item');\n if (!$productContainer.length) {\n $productContainer = $('#quickViewModal .product-detail');\n }\n\n var imgs = data.product.images.large;\n createCarousel(imgs, $productContainer);\n\n $('.quickViewSelect').selectpicker();\n $('.quickViewSelect .dropdown-menu').append('');\n $('div.quickViewSelect.select-color .dropdown-toggle').removeAttr('title');\n\n addScrollListener();\n $.spinner().stop();\n\n var ctaClicked = quickViewBtn.ariaLabel;\n var outfitPosition;\n var compValue;\n\n // Updating tracking data to record component details on Quick Shop modal\n if (component === 'product-compare') {\n $('#quickViewModal .add-to-cart-global').attr('data-compare', true);\n } else if (component === 'outfit-component') {\n $('#quickViewModal .add-to-cart-global').attr('data-outfit', true);\n $('#quickViewModal .full-pdp-link').attr('data-outfit', true);\n ctaClicked = quickViewBtn.closest('.bubble-wrapper') ? 'outfit-component:product-information-dot' : 'outfit-component:product-tile';\n $('#quickViewModal .add-to-cart-global').attr('data-hotspot', quickViewBtn.closest('.bubble-wrapper') ? 'true' : 'false');\n\n if (quickViewBtn.closest('.bubble-wrapper')) {\n outfitPosition = $(quickViewBtn).closest('.outfit-component').find('.hotspot.active').attr('data-index');\n $('#quickViewModal .full-pdp-link').attr('data-component', 'product-information-dot');\n } else {\n outfitPosition = $(quickViewBtn).closest('.hotspot-outfit-slide').attr('data-index');\n $('#quickViewModal .full-pdp-link').attr('data-component', 'product-tile');\n }\n\n compValue = { position: outfitPosition };\n $('#quickViewModal .add-to-cart-global').attr('data-tile-position', outfitPosition);\n }\n\n var productJSON = getProductSatelliteData(data, true);\n\n if (compValue) {\n productJSON.component = compValue;\n }\n\n _satellite.track('quickview-modal-viewed', {\n previousComponent: component,\n previousCTA: ctaClicked,\n product: productJSON\n });\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Overriding the function from pdpCarousel.js file\n * Handles carousel control in the quick view pop-up\n */\nfunction toggleCarouselThumbnail() {\n var totalItems = $(\n '#quickViewModal .primary-images.quickViewImages .carousel .carousel-inner .carousel-item:not(\".active\")'\n ).length;\n $('body').on('imageCountChanged', function () {\n totalItems = $(\n '#quickViewModal .primary-images.quickViewImages .carousel .carousel-inner .carousel-item:not(\".active\")'\n ).length;\n var activeItemIndex =\n $(\n '#quickViewModal .primary-images.quickViewImages .carousel .carousel-inner .carousel-item.active'\n ).index() + 1;\n if (activeItemIndex > totalItems) {\n $('#quickViewModal .primary-images.quickViewImages .carousel').carousel(totalItems - 1);\n }\n });\n\n $('.product-wrapper .carousel').keydown(function (e) {\n if (e.keyCode === 37) {\n // Previous\n $(this)\n .find('.carousel-control-prev')\n .click();\n }\n if (e.keyCode === 39) {\n // Next\n $(this)\n .find('.carousel-control-next')\n .click();\n }\n return false;\n });\n}\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n var pid;\n\n if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\n } else if ($('.product-set-detail').length || $('.product-set').length) {\n pid = $($el).closest('.product-detail').find('.product-id').text();\n } else {\n pid = $('input[name=productID]').val();\n }\n\n return pid;\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 * 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 contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n return $el && $('.set-items').length\n ? $($el).closest('.product-detail').find('.quantity-select')\n : $('.quantity-select');\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * 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 * 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 // show add to cart modal\n if ($('#addedToCartModal').length > 0) {\n $('.veil').remove();\n $('#addedToCartModal .modal-dialog').toggleClass('modal-dialog-centered', !jQuery.browser.mobile);\n $('#addedToCartModal .modal-title .quantity').html(response.productInforDirectCall.quantity);\n if (response.productInforDirectCall.quantity === '1') {\n $('#addedToCartModal .modal-title .quantity-single-text-js').show();\n $('#addedToCartModal .modal-title .quantity-multi-text-js').hide();\n } else {\n $('#addedToCartModal .modal-title .quantity-single-text-js').hide();\n $('#addedToCartModal .modal-title .quantity-multi-text-js').show();\n }\n $('#addedToCartModal .modal-body .quantity').html(response.quantityTotal);\n if (response.quantityTotal === 1) {\n $('#addedToCartModal .modal-body .quantity-single-text-js').show();\n $('#addedToCartModal .modal-body .quantity-multi-text-js').hide();\n } else {\n $('#addedToCartModal .modal-body .quantity-single-text-js').hide();\n $('#addedToCartModal .modal-body .quantity-multi-text-js').show();\n }\n\n if (response.productInfo) {\n var productInfo = response.productInfo;\n $('#addedToCartModal .modal-body .product-details .product-image img').attr('src', productInfo.images.large[0].url);\n $('#addedToCartModal .modal-body .product-details .product-content-name').html(productInfo.name);\n $('#addedToCartModal .modal-body .product-details .product-content-color').html(productInfo.color);\n $('#addedToCartModal .modal-body .product-details .product-content-size').html(selectedHybridSize);\n if (productInfo.sizeValue === 'one size') {\n $('#addedToCartModal .one-size-container,#addedToCartModal .other-size-container').addClass('oneSize');\n }\n if (productInfo.price) {\n var price = productInfo.price;\n $('#addedToCartModal .modal-body .product-details .product-content-price .markdown-prices').html(price.sales.formatted);\n if (productInfo.price.list && productInfo.price.sales.value !== productInfo.price.list.value) {\n $('#addedToCartModal .modal-body .product-details .product-content-price .list-price').html(price.list.formatted);\n }\n }\n $('#addedToCartModal .modal-body .product-details .product-content a').attr('href', productInfo.helpURL);\n\n if (productInfo.sizeValue === 'one size') {\n $('.product-content-size').html(productInfo.size);\n } else {\n $('.product-content-size').html(selectedHybridSize);\n }\n }\n\n $('#addedToCartModal .modal-body .subtotal').html(response.cart.totals.subTotal);\n $('#addedToCartModal').modal();\n setTimeout(function () {\n $('body').addClass('modal-open');\n $('#addedToCartModal button.close')[0].focus();\n $('#addedToCartModal .product-carousel').slick('refresh');\n }, 500);\n }\n}\n\n$(document).on('hide.bs.dropdown', '#quickViewModal .form-control.select-size', function () {\n var isDefaultSelected = $('.form-control.select-size').find(':selected').hasClass('label-option');\n if (isDefaultSelected) {\n $('.invalid-msg').show();\n $('.form-control.select-size').addClass('invalid-state');\n }\n});\n\n$(document).on('change', '#quickViewModal .form-control.select-size', function () {\n var isDefaultSelected = $('#quickViewModal .form-control.select-size').find(':selected').hasClass('label-option');\n if (isDefaultSelected) {\n $('#quickViewModal .invalid-msg').show();\n $('#quickViewModal .form-control.select-size').addClass('invalid-state');\n $('#quickViewModal .form-control.select-size').addClass('default-opt');\n } else {\n $('#quickViewModal .invalid-msg').hide();\n $('#quickViewModal .form-control.select-size').removeClass('invalid-state');\n $('#quickViewModal .form-control.select-size').removeClass('default-opt');\n }\n});\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @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\n var $swatchButton = $attrValue.prop('tagName') === 'OPTION' ? $attrValue : $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\n if ($attrValue.prop('tagName') === 'OPTION') {\n $swatchButton.val(attrValue.url);\n }\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 if ($attrValue.prop('tagName') === 'OPTION' && $attrValue.hasClass('unselectable')) {\n $attrValue.attr('disabled', true);\n } else {\n $attrValue.prop('disabled', false);\n }\n\n if ($('#quickViewModal').length) {\n var parser = new DOMParser();\n var contentHtml = parser.parseFromString($attrValue.data('content'), 'text/html');\n var lowStockMsg = contentHtml.getElementsByClassName('stock-avail-msg')[0];\n if (lowStockMsg && attrValue.isVariantLowStock) {\n lowStockMsg.classList.remove('d-none');\n let contentString = contentHtml.getElementsByTagName('body')[0].innerHTML;\n $attrValue[0].dataset.content = contentString;\n $('.quickViewSelect').selectpicker('refresh');\n setTimeout(function () {\n $('#' + attrValue.id).removeClass('d-none');\n $('.' + attrValue.id).removeClass('d-none');\n }, 200);\n } else if (lowStockMsg && !lowStockMsg.classList.contains('d-none')) {\n lowStockMsg.classList.add('d-none');\n $('#' + attrValue.id).addClass('d-none');\n let contentString = contentHtml.getElementsByTagName('body')[0].innerHTML;\n $attrValue.attr('data-content', contentString);\n }\n\n if ($('.lowStockSingleColor').length && attrValue.selected) {\n if (attrValue.isVariantLowStock) {\n $('.lowStockSingleColor').removeClass('d-none');\n } else {\n $('.lowStockSingleColor').addClass('d-none');\n }\n }\n }\n });\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\n var $attr = '[data-attr=\"' + attr.id + '\"]';\n var $defaultOption;\n if ($productContainer.find($attr + ' .select-' + attr.id + ' option:first').hasClass('label-option')) {\n $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:eq(1)');\n } else {\n $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:first');\n }\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 .prop('disabled', false);\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 * Generates html for product attributes section\n *\n * @param {array} attributes - list of attributes\n * @return {string} - Compiled HTML\n */\nfunction getAttributesHtml(attributes) {\n if (!attributes) {\n return '';\n }\n\n var html = '';\n\n attributes.forEach(function (attributeGroup) {\n if (attributeGroup.ID === 'mainAttributes') {\n attributeGroup.attributes.forEach(function (attribute) {\n html += '' + attribute.label + ': '\n + attribute.value + '';\n });\n }\n });\n\n return html;\n}\n\n/**\n * 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 = '' + swatchRegPrice + '';\n $this.closest('.tile-body').find('.price-vary-msg').hide();\n } else {\n rangePriceField.hide();\n salePriceField.innerHTML = '' + swatchRegPrice + '';\n strikeOutPriceField.innerHTML = '';\n $this.closest('.tile-body').find('.price-vary-msg').hide();\n }\n }\n});\n\n$(document).on('mouseenter focusin', '.product-tile .image-container', function () {\n var imgHover = $(this).find('.hover-image');\n imgHover.addClass('hovered lazyload').css('display', 'block');\n});\n\n$(document).on('mouseleave focusout', '.product-tile .image-container', function () {\n var imgHover = $(this).find('.hover-image');\n imgHover.removeClass('hovered');\n});\n\n$(document).on('wishlist:updateWishlistState', function () {\n handleWishlistStatus();\n});\n\n/**\n * Document ready function\n * @param {funtion} fn - return function\n */\nfunction ready(fn) {\n if (document.readyState !== 'loading') {\n fn();\n } else {\n document.addEventListener('DOMContentLoaded', fn);\n }\n}\n\nready(function () {\n if ($('.wishlistitems').text().length > 0) {\n localStorage.setItem('wishlistItems', '');\n localStorage.setItem('wishlistItems', JSON.stringify($('.wishlistitems').text().split(',')));\n var wishlistItems = JSON.parse(localStorage.getItem('wishlistItems'));\n for (var i = 0; i < wishlistItems.length; i++) {\n var $tileElement = $('#' + wishlistItems[i]);\n $tileElement.find('.wishlistTile').addClass('remove-from-wishlist');\n $tileElement.find('.wishlistTile').attr('title', $tileElement.find('.wishlistTile').data('remove-wishlist'));\n $tileElement.find('.icon-wishlist').removeClass('icon-wishlist-o');\n if ($tileElement.hasClass('wishlist-icon-pdp')) {\n $tileElement.find('.wishlistTile').attr('href', $tileElement.find('.wishlistTile').data('remove-url'));\n }\n $tileElement.find('.icon-wishlist').addClass('icon-wishlist-s');\n }\n } else {\n localStorage.setItem('wishlistItems', JSON.stringify([]));\n }\n\n addPaginationLinks(false);\n // Handling the first level filter\n if (firstLevelFilterEle.length > 0) {\n handleQuickFilter(firstLevelFilterClass);\n $('.firstLevelFilter li:first-child a').click(function () {\n document.querySelector('meta[name=\"robots\"]').setAttribute('content', 'index, follow, noodp, noydir');\n });\n }\n // Handling the second level filter\n if (secondLevelFilterEle.length > 0) {\n handleQuickFilter(secondLevelFilterClass);\n $('.secondLevelFilter .swiper-wrapper .experience-dynamic-filterTile:first-child a').click(function () {\n document.querySelector('meta[name=\"robots\"]').setAttribute('content', 'index, follow, noodp, noydir');\n });\n }\n});\n\nmodule.exports = {\n openSeeAll: openSeeAll,\n applyFilter: applyFilter,\n filter: filter,\n closeRefinments: closeRefinments,\n viewItems: viewItems,\n resize: resize,\n showMoreContent: showMoreContent,\n showMore: showMore,\n sort: sort\n};\n","/* global _satellite */\n'use strict';\nrequire('../../icons/toastCross.svg');\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 * @param {Object} productName - name of the product which was added/removed to/from the wishlist\n */\nfunction displayMessageAndChangeIcon(data, icon, productName) {\n $.spinner().stop();\n if (data.success) {\n if (icon.hasClass('icon-wishlist-o')) {\n icon.removeClass('icon-wishlist-o').addClass('icon-wishlist-s');\n $('.wishlistTile').blur();\n }\n if (window.cfCacheEnabled) {\n $.cookie('isDynamicData', true, { expires: 30, path: '/' });\n }\n }\n\n if ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('');\n }\n if ($('.add-remove-wishlist-container').length) {\n $('.add-remove-wishlist-container').remove();\n }\n $('.add-to-wishlist-messages').append(\n '' +\n ' ' +\n data.msg.replace('[PRODUCT NAME]', productName) +\n `\n \n`\n );\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').focus();\n }, 900);\n\n setTimeout(() => {\n $('.add-to-wishlist-messages').addClass('show-toast');\n }, 10);\n\n $('.add-to-wishlist-alert a').on('click', function () {\n _satellite.track('wishlist-banner-link');\n });\n}\n\n/**\n * updates the state of wishlist button\n * @param {Object} currentElement - icon that was clicked to add a product to the wishlist\n * @param {string} data - data returned from the server's ajax call\n * @param {boolean} isRemoveProductFromWishlist flag to check if user has removed a product from wishlist\n * @param {boolean} isPDPWishlistIcon flag to check if user triggers wishlist action from PDP\n */\nfunction updateRemoveFromWishlistIconState(currentElement, data, isRemoveProductFromWishlist, isPDPWishlistIcon) {\n if (data.success) {\n var wishlistItems = JSON.parse(localStorage.getItem('wishlistItems'));\n if (isRemoveProductFromWishlist) {\n var icon = currentElement.find($('i'));\n var productIDIndex = '';\n if (icon.hasClass('icon-wishlist-s')) {\n icon.removeClass('icon-wishlist-s').addClass('icon-wishlist-o');\n $('.wishlistTile').blur();\n }\n if (isPDPWishlistIcon) {\n currentElement.attr('href', data.addToWishlistURL);\n productIDIndex = wishlistItems.indexOf($('.product-detail input[name=productID]').val());\n } else {\n productIDIndex = wishlistItems.indexOf(currentElement.parents('.product-tile').attr('id'));\n }\n if (productIDIndex > -1) {\n wishlistItems.splice(productIDIndex, 1);\n }\n currentElement.removeClass('remove-from-wishlist');\n currentElement.attr('title', currentElement.data('add-wishlist'));\n } else {\n if (isPDPWishlistIcon) {\n currentElement.attr('href', data.removeFromWishlistURL);\n }\n wishlistItems.push(data.pid);\n currentElement.addClass('remove-from-wishlist');\n currentElement.attr('title', currentElement.data('remove-wishlist'));\n }\n\n localStorage.setItem('wishlistItems', JSON.stringify(wishlistItems));\n }\n}\n\ndocument.body.addEventListener('mousedown', function () {\n $('.wishlistTile').addClass('using-mouse');\n});\n\ndocument.body.addEventListener('keydown', function (event) {\n if (event.keyCode === 9) {\n $('.wishlistTile').removeClass('using-mouse');\n }\n});\n\n$(document).ready(function () {\n $('.wishlistTile').hover(function (e) {\n e.stopPropagation();\n });\n});\n\n$('.wishlistTile').on('contextmenu', function () {\n this.blur();\n});\n\nmodule.exports = {\n addToWishlist: function () {\n $('body').on('click', '.wishlistTile', function (e) {\n e.preventDefault();\n var isPDPWishlistIcon = $(e.target).parent('.wishlistTile').hasClass('main-prod-image') || $(e.target).parent('.wishlistTile').hasClass('main-prod-image-pdp');\n var currentElement = $(this);\n var methodType = 'post';\n var icon = currentElement.find($('i'));\n let pid;\n let productName;\n // checking if added from PDP\n const $pdpSku = $('.product-detail.skuAlignmentNewPDP .product-id');\n if ($pdpSku.length > 0 && currentElement.parents('.wishlist-icon-pdp').length > 0) {\n pid = $pdpSku[0].innerHTML;\n productName = $(this).closest('.product-detail').data('productname');\n } else {\n pid = $(this)\n .closest('.product')\n .data('pid');\n productName = $(this)\n .closest('.product').find('.search-results-product-name').html();\n }\n var optionId = $(this)\n .closest('.product-detail')\n .find('.product-option')\n .attr('data-option-id');\n var optionVal = $(this)\n .closest('.product-detail')\n .find('.options-select option:selected')\n .attr('data-value-id');\n optionId = optionId || null;\n optionVal = optionVal || null;\n var recommender = '';\n var wishlistAddRecommender = '';\n var wishlistRemoveRecommender = '';\n var wishlistAdd = '';\n var wishlistRemove = '';\n // Event type based on page\n if ($('.container .search-results').length) {\n wishlistAddRecommender = 'wishlist-add-recommender-cdp';\n wishlistRemoveRecommender = 'wishlist-remove-recommender-cdp';\n wishlistAdd = 'wishlist-add-cdp';\n wishlistRemove = 'wishlist-remove-cdp';\n }\n\n // Tracking clicks on CDP recommender product tiles.\n if ($(this).parents('.einstein-recommender').length) {\n recommender = 'cdp-recommendations-bestSellers';\n } else if ($(this).parents('.ai-recommender').length) {\n recommender = 'cdp-recommendations-bestSellers-ai';\n }\n\n var requestData;\n var isRemoveProductFromWishlist = currentElement.hasClass('remove-from-wishlist');\n var url = '';\n if (isPDPWishlistIcon) {\n url = $(this).attr('href');\n if (isRemoveProductFromWishlist) {\n methodType = 'get';\n requestData = {\n optionId: optionId,\n optionVal: optionVal\n };\n } else {\n requestData = {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n };\n }\n } else {\n url = '';\n if (isRemoveProductFromWishlist) {\n url = $(this).attr('data-remove-url');\n methodType = 'get';\n requestData = {\n optionId: optionId,\n optionVal: optionVal\n };\n if (recommender) {\n _satellite.track(wishlistRemoveRecommender, {\n recommenderName: recommender,\n product: [{\n productId: pid\n }]\n });\n } else {\n _satellite.track(wishlistRemove, {\n product: [{\n productId: pid\n }]\n });\n }\n } else {\n url = $(this).attr('data-add-url');\n requestData = {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n };\n if (recommender) {\n _satellite.track(wishlistAddRecommender, {\n recommenderName: recommender,\n product: [{\n productId: pid\n }]\n });\n } else {\n _satellite.track(wishlistAdd, {\n product: [{\n productId: pid\n }]\n });\n }\n }\n }\n\n if (!url || !pid) {\n return;\n }\n\n var $container = $('.hybrid-size-tabs-ul');\n var $activeNavLink = $container ? $container.find('.nav-link.active') : [];\n if ($activeNavLink && $activeNavLink.length > 0) {\n requestData.countryForHybridSizing = $activeNavLink.data('sizetab-country-for-wishlist');\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: methodType,\n dataType: 'json',\n data: requestData,\n success: function (data) {\n displayMessageAndChangeIcon(data, icon, productName);\n updateRemoveFromWishlistIconState(currentElement, data, isRemoveProductFromWishlist, isPDPWishlistIcon);\n },\n error: function (err) {\n displayMessageAndChangeIcon(err, icon, productName);\n }\n });\n });\n\n $('body').on('click', '.main-prod-image.wishlistTile', function (e) {\n e.preventDefault();\n var isPDPWishlistIcon = $(e.target).parent('.wishlistTile').hasClass('main-prod-image');\n var currentElement = $(this);\n var methodType = 'post';\n var icon = currentElement.find($('i'));\n var url = $(this).attr('href');\n var pid = $('input[name=productID]').val();\n\n if (!url || !pid) {\n return;\n }\n var requestData;\n var isRemoveProductFromWishlist = currentElement.hasClass('remove-from-wishlist');\n if (isRemoveProductFromWishlist) {\n methodType = 'get';\n requestData = {};\n } else {\n requestData = {\n pid: pid\n };\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: methodType,\n dataType: 'json',\n data: requestData,\n success: function (data) {\n displayMessageAndChangeIcon(data, icon);\n updateRemoveFromWishlistIconState(currentElement, data, isRemoveProductFromWishlist, isPDPWishlistIcon);\n },\n error: function (err) {\n displayMessageAndChangeIcon(err, icon);\n }\n });\n });\n $(document).on('click', '.add-to-wishlist-messages .link', function () {\n var url = $(this).attr('data-href');\n window.open(url, '_self');\n });\n // Event listener for the close button\n $(document).on('click', '.add-to-wishlist-messages #closeButton', function () {\n $(this).parent().parent().removeClass('show-toast');\n setTimeout(() => {\n $(this).parent().parent().remove();\n }, 1200);\n });\n\n // Swipe down to remove notification in mobile and tablet devices\n if (window.matchMedia('(max-width: 1023.98px)').matches) {\n var startY;\n $(document).on('touchstart', '.add-to-wishlist-wrapper', function (event) {\n // Store the starting Y-coordinate\n startY = event.originalEvent.touches[0].clientY;\n });\n\n $(document).on('touchend', '.add-to-wishlist-wrapper', function (event) {\n // Calculate the vertical distance travelled\n var deltaY = event.originalEvent.changedTouches[0].clientY - startY;\n // Checking if the distance is significant to be considered a swipe down\n if (deltaY > 20) {\n // Swipe down detected\n $(this).removeClass('show-toast');\n setTimeout(() => {\n $(this).remove();\n }, 1200);\n }\n });\n }\n }\n};\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('base/search/search'));\n});\n","'use strict';\n\n$('body').on('updateMobileAccountHeader', function () {\n let mobileAccoutHeader;\n let $domSelector;\n let customMobileAccountHeader;\n\n if ($('#guestUser').length > 0) {\n $domSelector = $('#guestUser');\n mobileAccoutHeader = {\n loginURL: $domSelector.attr('data-loginurl'),\n loginText: $domSelector.attr('data-logintext'),\n isGuestUser: $domSelector.attr('data-isguestuser'),\n registerText: $domSelector.attr('data-registertext')\n };\n customMobileAccountHeader = $domSelector.attr('data-custommobileaccountheader');\n } else if ($('#authUser').length > 0) {\n $domSelector = $('#authUser');\n mobileAccoutHeader = {\n logoutURL: $domSelector.attr('data-logouturl'),\n logoutText: $domSelector.attr('data-logouttext'),\n accountShowURL: $domSelector.attr('data-accountshowurl'),\n accountShowText: $domSelector.attr('data-accountshowtext'),\n isGuestUser: $domSelector.attr('data-isguestuser')\n };\n customMobileAccountHeader = $domSelector.attr('data-custommobileaccountheader');\n }\n\n if ((customMobileAccountHeader === 'true') && mobileAccoutHeader) {\n if (mobileAccoutHeader.isGuestUser === 'true') {\n var $liLogin = $('- ', { class: 'nav-item d-lg-none', role: 'menuitem' });\n var $loginLink = $('', { href: mobileAccoutHeader.loginURL, class: 'nav-link secondary-nav-links', role: 'button' });\n var $loginText = $('', { text: mobileAccoutHeader.loginText + ' / ' + mobileAccoutHeader.registerText, class: 'user-message' });\n $loginLink.append($loginText);\n $liLogin.append($loginLink);\n $('#mobile-account-header').empty();\n $('#mobile-account-header').append($liLogin);\n } else {\n var $liAccountShow = $('
- ', { class: 'nav-item d-lg-none', role: 'menuitem' });\n var $AccountShowLink = $('', { href: mobileAccoutHeader.accountShowURL, class: 'nav-link secondary-nav-links', text: mobileAccoutHeader.accountShowText, role: 'button' });\n $liAccountShow.append($AccountShowLink);\n var $liLogout = $('
- ', { class: 'nav-item d-lg-none', role: 'menuitem' });\n var $logoutLink = $('', { href: mobileAccoutHeader.logoutURL, class: 'nav-link secondary-nav-links', text: mobileAccoutHeader.logoutText, role: 'button' });\n $liLogout.append($logoutLink);\n $('#mobile-account-header').empty();\n $('#mobile-account-header').append($liAccountShow);\n $('#mobile-account-header').append($liLogout);\n }\n }\n});\n\n$(function () {\n $('body').trigger('updateMobileAccountHeader');\n});\n","/* eslint-disable */\n\n/**\n * jQuery.browser.mobile (http://detectmobilebrowser.com/)\n *\n * jQuery.browser.mobile will be true if the browser is a mobile device\n *\n **/\n(function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);\n","'use strict';\n\n/**\n * Polyfill function for adding find method to Array.prototype\n * to add the same functionality in IE and other browsers.\n * Polyfill found documentation for Array.prototype.find()\n */\nfunction polyfills() {\n if (!Array.prototype.find) {\n // eslint-disable-next-line no-extend-native\n Object.defineProperty(Array.prototype, 'find', {\n value: function (predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== 'function') {\n throw new TypeError('predicate must be a function');\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n }\n}\n\nmodule.exports = {\n polyfills: polyfills\n};\n","'use strict';\n\n/**\n * Scrolls to the top of the page\n */\nfunction scrollToTop() {\n $('html, body').animate({ scrollTop: 0 }, 'slow');\n}\n\n/**\n * Scrolls to the top of the specified element\n * @param {Object} ele - the element to be scrolled to the top of\n */\nfunction scrollToElement(ele) {\n var $eleOffset = ele.offset();\n $('html, body').animate(\n {\n scrollTop: $eleOffset.top\n },\n 500\n );\n}\n\n/**\n * set browser info in the final review order page for paywithgoogle implementation\n * @return {Object} - JSON object\n */\nfunction setBrowserInfo() { // eslint-disable-line no-unused-vars\n var jsonBrowserInfo = {};\n try {\n jsonBrowserInfo.javaEnabled = true;\n jsonBrowserInfo.language = window.navigator.language;\n jsonBrowserInfo.screenHeight = window.screen.height;\n jsonBrowserInfo.screenWidth = window.screen.width;\n jsonBrowserInfo.colorDepth = window.screen.colorDepth;\n const currDate = new Date();\n let timeDiff = currDate.getTimezoneOffset();\n jsonBrowserInfo.timeZoneOffset = timeDiff;\n } catch (e) {\n // just ignore the exception\n }\n return jsonBrowserInfo;\n}\n\n/** count UTF-8 bytes of a string\n *\n * @param {Object} s - String for which to get bytes\n * @return {number} - total bytes in string\n */\nfunction byteLengthOf(s) {\n // assuming the String is UCS-2(aka UTF-16) encoded\n var n = 0;\n for (var i = 0, l = s.length; i < l; i++) {\n var hi = s.charCodeAt(i);\n if (hi < 0x0080) {\n // [0x0000, 0x007F]\n n += 1;\n } else if (hi < 0x0800) {\n // [0x0080, 0x07FF]\n n += 2;\n } else if (hi < 0xd800) {\n // [0x0800, 0xD7FF]\n n += 3;\n } else if (hi < 0xdc00) {\n // [0xD800, 0xDBFF]\n var lo = s.charCodeAt(++i);\n if (i < l && lo >= 0xdc00 && lo <= 0xdfff) {\n // followed by [0xDC00, 0xDFFF]\n n += 4;\n } else {\n throw new Error('UCS-2 String malformed');\n }\n } else if (hi < 0xe000) {\n // [0xDC00, 0xDFFF]\n throw new Error('UCS-2 String malformed');\n } else {\n // [0xE000, 0xFFFF]\n n += 3;\n }\n }\n return n;\n}\n\nvar timeout;\n\n/**\n * Shows the spinner on checkout stages\n */\nfunction showSpinner() {\n timeout = setTimeout(function () {\n $('.loader').css('display', 'block');\n }, 1000);\n}\n\n/**\n * Hides the spinner on checkout stages\n */\nfunction hideSpinner() {\n clearTimeout(timeout);\n $('.loader').css('display', 'none');\n}\n\n/**\n * Sort alphabetically the option elements of a select element by text\n * @param {string} selectElement - selector for the select element\n */\nfunction sortSelectOptions(selectElement) {\n var options = $(selectElement + ' option');\n\n options.sort(function (option1, option2) {\n if (option1.text.toUpperCase() > option2.text.toUpperCase()) {\n return 1;\n } else if (option1.text.toUpperCase() < option2.text.toUpperCase()) {\n return -1;\n }\n return 0;\n });\n\n $(selectElement).empty().append(options);\n}\n\nmodule.exports = {\n scrollToTop: scrollToTop,\n scrollToElement: scrollToElement,\n byteLengthOf: byteLengthOf,\n showSpinner: showSpinner,\n hideSpinner: hideSpinner,\n setBrowserInfo: setBrowserInfo,\n sortSelectOptions: sortSelectOptions\n};\n","/*!\r\n * Bootstrap-select v1.13.1 (https://developer.snapappointments.com/bootstrap-select)\r\n *\r\n * Copyright 2012-2018 SnapAppointments, LLC\r\n * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)\r\n */\r\n\r\n(function (root, factory) {\n if (typeof define === 'function' && define.amd) {\n // AMD. Register as an anonymous module unless amdModuleId is set\n define([\"jquery\"], function (a0) {\n return (factory(a0));\n });\n } else if (typeof module === 'object' && module.exports) {\n // Node. Does not work with strict CommonJS, but\n // only CommonJS-like environments that support module.exports,\n // like Node.\n module.exports = factory(require(\"jquery\"));\n } else {\n factory(root[\"jQuery\"]);\n }\n}(this, function (jQuery) {\n\n(function ($) {\r\n 'use strict';\r\n\r\n var testElement = document.createElement('_');\r\n\r\n testElement.classList.toggle('c3', false);\r\n\r\n // Polyfill for IE 10 and Firefox <24, where classList.toggle does not\r\n // support the second argument.\r\n if (testElement.classList.contains('c3')) {\r\n var _toggle = DOMTokenList.prototype.toggle;\r\n\r\n DOMTokenList.prototype.toggle = function(token, force) {\r\n if (1 in arguments && !this.contains(token) === !force) {\r\n return force;\r\n } else {\r\n return _toggle.call(this, token);\r\n }\r\n };\r\n }\r\n\r\n // shallow array comparison\r\n function isEqual (array1, array2) {\r\n return array1.length === array2.length && array1.every(function(element, index) {\r\n return element === array2[index]; \r\n });\r\n };\r\n\r\n //
\r\n if (!String.prototype.startsWith) {\r\n (function () {\r\n 'use strict'; // needed to support `apply`/`call` with `undefined`/`null`\r\n var defineProperty = (function () {\r\n // IE 8 only supports `Object.defineProperty` on DOM elements\r\n try {\r\n var object = {};\r\n var $defineProperty = Object.defineProperty;\r\n var result = $defineProperty(object, object, object) && $defineProperty;\r\n } catch (error) {\r\n }\r\n return result;\r\n }());\r\n var toString = {}.toString;\r\n var startsWith = function (search) {\r\n if (this == null) {\r\n throw new TypeError();\r\n }\r\n var string = String(this);\r\n if (search && toString.call(search) == '[object RegExp]') {\r\n throw new TypeError();\r\n }\r\n var stringLength = string.length;\r\n var searchString = String(search);\r\n var searchLength = searchString.length;\r\n var position = arguments.length > 1 ? arguments[1] : undefined;\r\n // `ToInteger`\r\n var pos = position ? Number(position) : 0;\r\n if (pos != pos) { // better `isNaN`\r\n pos = 0;\r\n }\r\n var start = Math.min(Math.max(pos, 0), stringLength);\r\n // Avoid the `indexOf` call if no match is possible\r\n if (searchLength + start > stringLength) {\r\n return false;\r\n }\r\n var index = -1;\r\n while (++index < searchLength) {\r\n if (string.charCodeAt(start + index) != searchString.charCodeAt(index)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n if (defineProperty) {\r\n defineProperty(String.prototype, 'startsWith', {\r\n 'value': startsWith,\r\n 'configurable': true,\r\n 'writable': true\r\n });\r\n } else {\r\n String.prototype.startsWith = startsWith;\r\n }\r\n }());\r\n }\r\n\r\n if (!Object.keys) {\r\n Object.keys = function (\r\n o, // object\r\n k, // key\r\n r // result array\r\n ){\r\n // initialize object and result\r\n r=[];\r\n // iterate over object keys\r\n for (k in o)\r\n // fill result array with non-prototypical keys\r\n r.hasOwnProperty.call(o, k) && r.push(k);\r\n // return result\r\n return r;\r\n };\r\n }\r\n\r\n // much faster than $.val()\r\n function getSelectValues(select) {\r\n var result = [];\r\n var options = select && select.options;\r\n var opt;\r\n\r\n if (select.multiple) {\r\n for (var i = 0, len = options.length; i < len; i++) {\r\n opt = options[i];\r\n\r\n if (opt.selected) {\r\n result.push(opt.value || opt.text);\r\n }\r\n }\r\n } else {\r\n result = select.value;\r\n }\r\n\r\n return result;\r\n }\r\n\r\n // set data-selected on select element if the value has been programmatically selected\r\n // prior to initialization of bootstrap-select\r\n // * consider removing or replacing an alternative method *\r\n var valHooks = {\r\n useDefault: false,\r\n _set: $.valHooks.select.set\r\n };\r\n\r\n $.valHooks.select.set = function (elem, value) {\r\n if (value && !valHooks.useDefault) $(elem).data('selected', true);\r\n\r\n return valHooks._set.apply(this, arguments);\r\n };\r\n\r\n var changed_arguments = null;\r\n\r\n var EventIsSupported = (function () {\r\n try {\r\n new Event('change');\r\n return true;\r\n } catch (e) {\r\n return false;\r\n }\r\n })();\r\n\r\n $.fn.triggerNative = function (eventName) {\r\n var el = this[0],\r\n event;\r\n\r\n if (el.dispatchEvent) { // for modern browsers & IE9+\r\n if (EventIsSupported) {\r\n // For modern browsers\r\n event = new Event(eventName, {\r\n bubbles: true\r\n });\r\n } else {\r\n // For IE since it doesn't support Event constructor\r\n event = document.createEvent('Event');\r\n event.initEvent(eventName, true, false);\r\n }\r\n\r\n el.dispatchEvent(event);\r\n } else if (el.fireEvent) { // for IE8\r\n event = document.createEventObject();\r\n event.eventType = eventName;\r\n el.fireEvent('on' + eventName, event);\r\n } else {\r\n // fall back to jQuery.trigger\r\n this.trigger(eventName);\r\n }\r\n };\r\n // \r\n\r\n function stringSearch(li, searchString, method, normalize) {\r\n var stringTypes = [\r\n 'content',\r\n 'subtext',\r\n 'tokens'\r\n ],\r\n searchSuccess = false;\r\n\r\n for (var i = 0; i < stringTypes.length; i++) {\r\n var stringType = stringTypes[i],\r\n string = li[stringType];\r\n\r\n if (string) {\r\n string = string.toString();\r\n\r\n // Strip HTML tags. This isn't perfect, but it's much faster than any other method\r\n if (stringType === 'content') {\r\n string = string.replace(/<[^>]+>/g, '');\r\n }\r\n\r\n if (normalize) string = normalizeToBase(string);\r\n string = string.toUpperCase();\r\n\r\n if (method === 'contains') {\r\n searchSuccess = string.indexOf(searchString) >= 0;\r\n } else {\r\n searchSuccess = string.startsWith(searchString);\r\n }\r\n\r\n if (searchSuccess) break;\r\n }\r\n }\r\n\r\n return searchSuccess;\r\n }\r\n\r\n function toInteger(value) {\r\n return parseInt(value, 10) || 0;\r\n }\r\n\r\n /**\r\n * Remove all diatrics from the given text.\r\n * @access private\r\n * @param {String} text\r\n * @returns {String}\r\n */\r\n function normalizeToBase(text) {\r\n var rExps = [\r\n {re: /[\\xC0-\\xC6]/g, ch: \"A\"},\r\n {re: /[\\xE0-\\xE6]/g, ch: \"a\"},\r\n {re: /[\\xC8-\\xCB]/g, ch: \"E\"},\r\n {re: /[\\xE8-\\xEB]/g, ch: \"e\"},\r\n {re: /[\\xCC-\\xCF]/g, ch: \"I\"},\r\n {re: /[\\xEC-\\xEF]/g, ch: \"i\"},\r\n {re: /[\\xD2-\\xD6]/g, ch: \"O\"},\r\n {re: /[\\xF2-\\xF6]/g, ch: \"o\"},\r\n {re: /[\\xD9-\\xDC]/g, ch: \"U\"},\r\n {re: /[\\xF9-\\xFC]/g, ch: \"u\"},\r\n {re: /[\\xC7-\\xE7]/g, ch: \"c\"},\r\n {re: /[\\xD1]/g, ch: \"N\"},\r\n {re: /[\\xF1]/g, ch: \"n\"}\r\n ];\r\n $.each(rExps, function () {\r\n text = text ? text.replace(this.re, this.ch) : '';\r\n });\r\n return text;\r\n }\r\n\r\n\r\n // List of HTML entities for escaping.\r\n var escapeMap = {\r\n '&': '&',\r\n '<': '<',\r\n '>': '>',\r\n '\"': '"',\r\n \"'\": ''',\r\n '`': '`'\r\n };\r\n \r\n var unescapeMap = {\r\n '&': '&',\r\n '<': '<',\r\n '>': '>',\r\n '"': '\"',\r\n ''': \"'\",\r\n '`': '`'\r\n };\r\n\r\n // Functions for escaping and unescaping strings to/from HTML interpolation.\r\n var createEscaper = function (map) {\r\n var escaper = function (match) {\r\n return map[match];\r\n };\r\n // Regexes for identifying a key that needs to be escaped.\r\n var source = '(?:' + Object.keys(map).join('|') + ')';\r\n var testRegexp = RegExp(source);\r\n var replaceRegexp = RegExp(source, 'g');\r\n return function (string) {\r\n string = string == null ? '' : '' + string;\r\n return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string;\r\n };\r\n };\r\n\r\n var htmlEscape = createEscaper(escapeMap);\r\n var htmlUnescape = createEscaper(unescapeMap);\r\n\r\n /**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\n var keyCodeMap = {\r\n 32: ' ',\r\n 48: '0',\r\n 49: '1',\r\n 50: '2',\r\n 51: '3',\r\n 52: '4',\r\n 53: '5',\r\n 54: '6',\r\n 55: '7',\r\n 56: '8',\r\n 57: '9',\r\n 59: ';',\r\n 65: 'A',\r\n 66: 'B',\r\n 67: 'C',\r\n 68: 'D',\r\n 69: 'E',\r\n 70: 'F',\r\n 71: 'G',\r\n 72: 'H',\r\n 73: 'I',\r\n 74: 'J',\r\n 75: 'K',\r\n 76: 'L',\r\n 77: 'M',\r\n 78: 'N',\r\n 79: 'O',\r\n 80: 'P',\r\n 81: 'Q',\r\n 82: 'R',\r\n 83: 'S',\r\n 84: 'T',\r\n 85: 'U',\r\n 86: 'V',\r\n 87: 'W',\r\n 88: 'X',\r\n 89: 'Y',\r\n 90: 'Z',\r\n 96: '0',\r\n 97: '1',\r\n 98: '2',\r\n 99: '3',\r\n 100: '4',\r\n 101: '5',\r\n 102: '6',\r\n 103: '7',\r\n 104: '8',\r\n 105: '9'\r\n };\r\n\r\n var keyCodes = {\r\n ESCAPE: 27, // KeyboardEvent.which value for Escape (Esc) key\r\n ENTER: 13, // KeyboardEvent.which value for Enter key\r\n SPACE: 32, // KeyboardEvent.which value for space key\r\n TAB: 9, // KeyboardEvent.which value for tab key\r\n ARROW_UP: 38, // KeyboardEvent.which value for up arrow key\r\n ARROW_DOWN: 40 // KeyboardEvent.which value for down arrow key\r\n }\r\n\r\n var version = {};\r\n\r\n try {\r\n version.full = ($.fn.dropdown.Constructor.VERSION || '').split(' ')[0].split('.');\r\n version.major = version.full[0];\r\n }\r\n catch(err) {\r\n console.error('There was an issue retrieving Bootstrap\\'s version. Ensure Bootstrap is being loaded before bootstrap-select and there is no namespace collision.', err);\r\n version.major = '3';\r\n }\r\n\r\n var classNames = {\r\n DISABLED: 'disabled',\r\n DIVIDER: version.major === '4' ? 'dropdown-divider' : 'divider',\r\n SHOW: version.major === '4' ? 'show' : 'open',\r\n DROPUP: 'dropup',\r\n MENURIGHT: 'dropdown-menu-right',\r\n MENULEFT: 'dropdown-menu-left',\r\n // to-do: replace with more advanced template/customization options\r\n BUTTONCLASS: version.major === '4' ? 'btn-light' : 'btn-default',\r\n POPOVERHEADER: version.major === '4' ? 'popover-header' : 'popover-title'\r\n }\r\n\r\n var REGEXP_ARROW = new RegExp(keyCodes.ARROW_UP + '|' + keyCodes.ARROW_DOWN);\r\n var REGEXP_TAB_OR_ESCAPE = new RegExp('^' + keyCodes.TAB + '$|' + keyCodes.ESCAPE);\r\n var REGEXP_ENTER_OR_SPACE = new RegExp(keyCodes.ENTER + '|' + keyCodes.SPACE);\r\n\r\n var Selectpicker = function (element, options) {\r\n var that = this;\r\n\r\n // bootstrap-select has been initialized - revert valHooks.select.set back to its original function\r\n if (!valHooks.useDefault) {\r\n $.valHooks.select.set = valHooks._set;\r\n valHooks.useDefault = true;\r\n }\r\n\r\n this.$element = $(element);\r\n this.$newElement = null;\r\n this.$button = null;\r\n this.$menu = null;\r\n this.options = options;\r\n this.selectpicker = {\r\n main: {\r\n // store originalIndex (key) and newIndex (value) in this.selectpicker.main.map.newIndex for fast accessibility\r\n // allows us to do this.main.elements[this.selectpicker.main.map.newIndex[index]] to select an element based on the originalIndex\r\n map: {\r\n newIndex: {},\r\n originalIndex: {}\r\n }\r\n },\r\n current: {\r\n map: {}\r\n }, // current changes if a search is in progress\r\n search: {\r\n map: {}\r\n },\r\n view: {},\r\n keydown: {\r\n keyHistory: '',\r\n resetKeyHistory: {\r\n start: function () {\r\n return setTimeout(function () {\r\n that.selectpicker.keydown.keyHistory = '';\r\n }, 800);\r\n }\r\n }\r\n }\r\n };\r\n // If we have no title yet, try to pull it from the html title attribute (jQuery doesnt' pick it up as it's not a\r\n // data-attribute)\r\n if (this.options.title === null) {\r\n this.options.title = this.$element.attr('title');\r\n }\r\n\r\n // Format window padding\r\n var winPad = this.options.windowPadding;\r\n if (typeof winPad === 'number') {\r\n this.options.windowPadding = [winPad, winPad, winPad, winPad];\r\n }\r\n\r\n //Expose public methods\r\n this.val = Selectpicker.prototype.val;\r\n this.render = Selectpicker.prototype.render;\r\n this.refresh = Selectpicker.prototype.refresh;\r\n this.setStyle = Selectpicker.prototype.setStyle;\r\n this.selectAll = Selectpicker.prototype.selectAll;\r\n this.deselectAll = Selectpicker.prototype.deselectAll;\r\n this.destroy = Selectpicker.prototype.destroy;\r\n this.remove = Selectpicker.prototype.remove;\r\n this.show = Selectpicker.prototype.show;\r\n this.hide = Selectpicker.prototype.hide;\r\n\r\n this.init();\r\n };\r\n\r\n Selectpicker.VERSION = '1.13.1';\r\n\r\n // part of this is duplicated in i18n/defaults-en_US.js. Make sure to update both.\r\n Selectpicker.DEFAULTS = {\r\n noneSelectedText: 'Nothing selected',\r\n noneResultsText: 'No results matched {0}',\r\n countSelectedText: function (numSelected, numTotal) {\r\n return (numSelected == 1) ? \"{0} item selected\" : \"{0} items selected\";\r\n },\r\n maxOptionsText: function (numAll, numGroup) {\r\n return [\r\n (numAll == 1) ? 'Limit reached ({n} item max)' : 'Limit reached ({n} items max)',\r\n (numGroup == 1) ? 'Group limit reached ({n} item max)' : 'Group limit reached ({n} items max)'\r\n ];\r\n },\r\n selectAllText: 'Select All',\r\n deselectAllText: 'Deselect All',\r\n doneButton: false,\r\n doneButtonText: 'Close',\r\n multipleSeparator: ', ',\r\n styleBase: 'btn',\r\n style: 'btn-default',\r\n size: 'auto',\r\n title: null,\r\n selectedTextFormat: 'values',\r\n width: false,\r\n container: false,\r\n hideDisabled: false,\r\n showSubtext: false,\r\n showIcon: true,\r\n showContent: true,\r\n dropupAuto: true,\r\n header: false,\r\n liveSearch: false,\r\n liveSearchPlaceholder: null,\r\n liveSearchNormalize: false,\r\n liveSearchStyle: 'contains',\r\n actionsBox: false,\r\n iconBase: 'glyphicon',\r\n tickIcon: 'glyphicon-ok',\r\n showTick: false,\r\n template: {\r\n caret: ''\r\n },\r\n maxOptions: false,\r\n mobile: false,\r\n selectOnTab: false,\r\n dropdownAlignRight: false,\r\n windowPadding: 0,\r\n virtualScroll: 600\r\n };\r\n\r\n if (version.major === '4') {\r\n Selectpicker.DEFAULTS.style = 'btn-light';\r\n Selectpicker.DEFAULTS.iconBase = '';\r\n Selectpicker.DEFAULTS.tickIcon = 'bs-ok-default';\r\n }\r\n\r\n Selectpicker.prototype = {\r\n\r\n constructor: Selectpicker,\r\n\r\n init: function () {\r\n var that = this,\r\n id = this.$element.attr('id');\r\n\r\n this.$element.addClass('bs-select-hidden');\r\n\r\n this.multiple = this.$element.prop('multiple');\r\n this.autofocus = this.$element.prop('autofocus');\r\n this.$newElement = this.createDropdown();\r\n this.createLi();\r\n this.$element\r\n .after(this.$newElement)\r\n .prependTo(this.$newElement);\r\n this.$button = this.$newElement.children('button');\r\n this.$menu = this.$newElement.children('.dropdown-menu');\r\n this.$menuInner = this.$menu.children('.inner');\r\n this.$searchbox = this.$menu.find('input');\r\n\r\n this.$element.removeClass('bs-select-hidden');\r\n\r\n if (this.options.dropdownAlignRight === true) this.$menu.addClass(classNames.MENURIGHT);\r\n\r\n if (typeof id !== 'undefined') {\r\n this.$button.attr('data-id', id);\r\n }\r\n\r\n this.checkDisabled();\r\n this.clickListener();\r\n if (this.options.liveSearch) this.liveSearchListener();\r\n this.render();\r\n this.setStyle();\r\n this.setWidth();\r\n if (this.options.container) {\r\n this.selectPosition();\r\n } else {\r\n this.$element.on('hide.bs.select', function () {\r\n if (that.isVirtual()) {\r\n // empty menu on close\r\n var menuInner = that.$menuInner[0],\r\n emptyMenu = menuInner.firstChild.cloneNode(false);\r\n\r\n // replace the existing UL with an empty one - this is faster than $.empty() or innerHTML = ''\r\n menuInner.replaceChild(emptyMenu, menuInner.firstChild);\r\n menuInner.scrollTop = 0;\r\n }\r\n });\r\n }\r\n this.$menu.data('this', this);\r\n this.$newElement.data('this', this);\r\n if (this.options.mobile) this.mobile();\r\n\r\n this.$newElement.on({\r\n 'hide.bs.dropdown': function (e) {\r\n that.$menuInner.attr('aria-expanded', false);\r\n that.$element.trigger('hide.bs.select', e);\r\n },\r\n 'hidden.bs.dropdown': function (e) {\r\n that.$element.trigger('hidden.bs.select', e);\r\n },\r\n 'show.bs.dropdown': function (e) {\r\n that.$menuInner.attr('aria-expanded', true);\r\n that.$element.trigger('show.bs.select', e);\r\n },\r\n 'shown.bs.dropdown': function (e) {\r\n that.$element.trigger('shown.bs.select', e);\r\n }\r\n });\r\n\r\n if (that.$element[0].hasAttribute('required')) {\r\n this.$element.on('invalid', function () {\r\n that.$button.addClass('bs-invalid');\r\n\r\n that.$element.on({\r\n 'shown.bs.select': function () {\r\n that.$element\r\n .val(that.$element.val()) // set the value to hide the validation message in Chrome when menu is opened\r\n .off('shown.bs.select');\r\n },\r\n 'rendered.bs.select': function () {\r\n // if select is no longer invalid, remove the bs-invalid class\r\n if (this.validity.valid) that.$button.removeClass('bs-invalid');\r\n that.$element.off('rendered.bs.select');\r\n }\r\n });\r\n\r\n that.$button.on('blur.bs.select', function () {\r\n that.$element.focus().blur();\r\n that.$button.off('blur.bs.select');\r\n });\r\n });\r\n }\r\n\r\n setTimeout(function () {\r\n that.$element.trigger('loaded.bs.select');\r\n });\r\n },\r\n\r\n createDropdown: function () {\r\n // Options\r\n // If we are multiple or showTick option is set, then add the show-tick class\r\n var showTick = (this.multiple || this.options.showTick) ? ' show-tick' : '',\r\n autofocus = this.autofocus ? ' autofocus' : '';\r\n // Elements\r\n var header = this.options.header ? '' + this.options.header + '' : '';\r\n var searchbox = this.options.liveSearch ?\r\n '' +\r\n '' +\r\n ''\r\n : '';\r\n var actionsbox = this.multiple && this.options.actionsBox ?\r\n '' +\r\n ''\r\n : '';\r\n var donebutton = this.multiple && this.options.doneButton ?\r\n ''\r\n : '';\r\n var drop =\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '';\r\n\r\n return $(drop);\r\n },\r\n\r\n setPositionData: function () {\r\n this.selectpicker.view.canHighlight = [];\r\n\r\n for (var i = 0; i < this.selectpicker.current.data.length; i++) {\r\n var li = this.selectpicker.current.data[i],\r\n canHighlight = true;\r\n\r\n if (li.type === 'divider') {\r\n canHighlight = false;\r\n li.height = this.sizeInfo.dividerHeight;\r\n } else if (li.type === 'optgroup-label') {\r\n canHighlight = false;\r\n li.height = this.sizeInfo.dropdownHeaderHeight;\r\n } else {\r\n li.height = this.sizeInfo.liHeight;\r\n }\r\n\r\n if (li.disabled) canHighlight = false;\r\n\r\n this.selectpicker.view.canHighlight.push(canHighlight);\r\n\r\n li.position = (i === 0 ? 0 : this.selectpicker.current.data[i - 1].position) + li.height;\r\n }\r\n },\r\n\r\n isVirtual: function () {\r\n return (this.options.virtualScroll !== false) && this.selectpicker.main.elements.length >= this.options.virtualScroll || this.options.virtualScroll === true;\r\n },\r\n\r\n createView: function (isSearching, scrollTop) {\r\n scrollTop = scrollTop || 0;\r\n\r\n var that = this;\r\n\r\n this.selectpicker.current = isSearching ? this.selectpicker.search : this.selectpicker.main;\r\n\r\n var $lis;\r\n var active = [];\r\n var selected;\r\n var prevActive;\r\n var activeIndex;\r\n var prevActiveIndex;\r\n\r\n this.setPositionData();\r\n\r\n scroll(scrollTop, true);\r\n\r\n this.$menuInner.off('scroll.createView').on('scroll.createView', function (e, updateValue) {\r\n if (!that.noScroll) scroll(this.scrollTop, updateValue);\r\n that.noScroll = false;\r\n });\r\n\r\n function scroll(scrollTop, init) {\r\n var size = that.selectpicker.current.elements.length,\r\n chunks = [],\r\n chunkSize,\r\n chunkCount,\r\n firstChunk,\r\n lastChunk,\r\n currentChunk = undefined,\r\n prevPositions,\r\n positionIsDifferent,\r\n previousElements,\r\n menuIsDifferent = true,\r\n isVirtual = that.isVirtual();\r\n\r\n that.selectpicker.view.scrollTop = scrollTop;\r\n\r\n if (isVirtual === true) {\r\n // if an option that is encountered that is wider than the current menu width, update the menu width accordingly\r\n if (that.sizeInfo.hasScrollBar && that.$menu[0].offsetWidth > that.sizeInfo.totalMenuWidth) {\r\n that.sizeInfo.menuWidth = that.$menu[0].offsetWidth;\r\n that.sizeInfo.totalMenuWidth = that.sizeInfo.menuWidth + that.sizeInfo.scrollBarWidth;\r\n that.$menu.css('min-width', that.sizeInfo.menuWidth);\r\n }\r\n }\r\n\r\n chunkSize = Math.ceil(that.sizeInfo.menuInnerHeight / that.sizeInfo.liHeight * 1.5); // number of options in a chunk\r\n chunkCount = Math.round(size / chunkSize) || 1; // number of chunks\r\n\r\n for (var i = 0; i < chunkCount; i++) {\r\n var end_of_chunk = (i + 1) * chunkSize;\r\n\r\n if (i === chunkCount - 1) {\r\n end_of_chunk = size;\r\n }\r\n\r\n chunks[i] = [\r\n (i) * chunkSize + (!i ? 0 : 1),\r\n end_of_chunk\r\n ];\r\n\r\n if (!size) break;\r\n\r\n if (currentChunk === undefined && scrollTop <= that.selectpicker.current.data[end_of_chunk - 1].position - that.sizeInfo.menuInnerHeight) {\r\n currentChunk = i;\r\n }\r\n }\r\n\r\n if (currentChunk === undefined) currentChunk = 0;\r\n\r\n prevPositions = [that.selectpicker.view.position0, that.selectpicker.view.position1];\r\n\r\n // always display previous, current, and next chunks\r\n firstChunk = Math.max(0, currentChunk - 1);\r\n lastChunk = Math.min(chunkCount - 1, currentChunk + 1);\r\n\r\n that.selectpicker.view.position0 = Math.max(0, chunks[firstChunk][0]) || 0;\r\n that.selectpicker.view.position1 = Math.min(size, chunks[lastChunk][1]) || 0;\r\n\r\n positionIsDifferent = prevPositions[0] !== that.selectpicker.view.position0 || prevPositions[1] !== that.selectpicker.view.position1;\r\n\r\n if (that.activeIndex !== undefined) {\r\n prevActive = that.selectpicker.current.elements[that.selectpicker.current.map.newIndex[that.prevActiveIndex]];\r\n active = that.selectpicker.current.elements[that.selectpicker.current.map.newIndex[that.activeIndex]];\r\n selected = that.selectpicker.current.elements[that.selectpicker.current.map.newIndex[that.selectedIndex]];\r\n\r\n if (init) {\r\n if (that.activeIndex !== that.selectedIndex) {\r\n active.classList.remove('active');\r\n if (active.firstChild) active.firstChild.classList.remove('active');\r\n }\r\n that.activeIndex = undefined;\r\n }\r\n\r\n if (that.activeIndex && that.activeIndex !== that.selectedIndex && selected && selected.length) {\r\n selected.classList.remove('active');\r\n if (selected.firstChild) selected.firstChild.classList.remove('active');\r\n }\r\n }\r\n\r\n if (that.prevActiveIndex !== undefined && that.prevActiveIndex !== that.activeIndex && that.prevActiveIndex !== that.selectedIndex && prevActive && prevActive.length) {\r\n prevActive.classList.remove('active');\r\n if (prevActive.firstChild) prevActive.firstChild.classList.remove('active');\r\n }\r\n\r\n if (init || positionIsDifferent) {\r\n previousElements = that.selectpicker.view.visibleElements ? that.selectpicker.view.visibleElements.slice() : [];\r\n\r\n that.selectpicker.view.visibleElements = that.selectpicker.current.elements.slice(that.selectpicker.view.position0, that.selectpicker.view.position1);\r\n\r\n that.setOptionStatus();\r\n\r\n // if searching, check to make sure the list has actually been updated before updating DOM\r\n // this prevents unnecessary repaints\r\n if ( isSearching || (isVirtual === false && init) ) menuIsDifferent = !isEqual(previousElements, that.selectpicker.view.visibleElements);\r\n\r\n // if virtual scroll is disabled and not searching,\r\n // menu should never need to be updated more than once\r\n if ( (init || isVirtual === true) && menuIsDifferent ) {\r\n var menuInner = that.$menuInner[0],\r\n menuFragment = document.createDocumentFragment(),\r\n emptyMenu = menuInner.firstChild.cloneNode(false),\r\n marginTop,\r\n marginBottom,\r\n elements = isVirtual === true ? that.selectpicker.view.visibleElements : that.selectpicker.current.elements;\r\n\r\n // replace the existing UL with an empty one - this is faster than $.empty()\r\n menuInner.replaceChild(emptyMenu, menuInner.firstChild);\r\n\r\n for (var i = 0, visibleElementsLen = elements.length; i < visibleElementsLen; i++) {\r\n menuFragment.appendChild(elements[i]);\r\n }\r\n\r\n if (isVirtual === true) {\r\n marginTop = (that.selectpicker.view.position0 === 0 ? 0 : that.selectpicker.current.data[that.selectpicker.view.position0 - 1].position),\r\n marginBottom = (that.selectpicker.view.position1 > size - 1 ? 0 : that.selectpicker.current.data[size - 1].position - that.selectpicker.current.data[that.selectpicker.view.position1 - 1].position);\r\n\r\n menuInner.firstChild.style.marginTop = marginTop + 'px';\r\n menuInner.firstChild.style.marginBottom = marginBottom + 'px';\r\n }\r\n\r\n menuInner.firstChild.appendChild(menuFragment);\r\n }\r\n }\r\n\r\n that.prevActiveIndex = that.activeIndex;\r\n\r\n if (!that.options.liveSearch) {\r\n that.$menuInner.focus();\r\n } else if (isSearching && init) {\r\n var index = 0,\r\n newActive;\r\n\r\n if (!that.selectpicker.view.canHighlight[index]) {\r\n index = 1 + that.selectpicker.view.canHighlight.slice(1).indexOf(true);\r\n }\r\n\r\n newActive = that.selectpicker.view.visibleElements[index];\r\n\r\n if (that.selectpicker.view.currentActive) {\r\n that.selectpicker.view.currentActive.classList.remove('active');\r\n if (that.selectpicker.view.currentActive.firstChild) that.selectpicker.view.currentActive.firstChild.classList.remove('active');\r\n }\r\n\r\n if (newActive) {\r\n newActive.classList.add('active');\r\n if (newActive.firstChild) newActive.firstChild.classList.add('active');\r\n }\r\n\r\n that.activeIndex = that.selectpicker.current.map.originalIndex[index];\r\n }\r\n }\r\n\r\n $(window).off('resize.createView').on('resize.createView', function () {\r\n scroll(that.$menuInner[0].scrollTop);\r\n });\r\n },\r\n\r\n createLi: function () {\r\n var that = this,\r\n mainElements = [],\r\n widestOption,\r\n availableOptionsCount = 0,\r\n widestOptionLength = 0,\r\n mainData = [],\r\n optID = 0,\r\n headerIndex = 0,\r\n liIndex = -1; // increment liIndex whenever a new- element is created to ensure newIndex is correct\r\n\r\n if (!this.selectpicker.view.titleOption) this.selectpicker.view.titleOption = document.createElement('option');\r\n\r\n var elementTemplates = {\r\n span: document.createElement('span'),\r\n subtext: document.createElement('small'),\r\n a: document.createElement('a'),\r\n li: document.createElement('li'),\r\n whitespace: document.createTextNode(\"\\u00A0\")\r\n },\r\n checkMark = elementTemplates.span.cloneNode(false),\r\n fragment = document.createDocumentFragment();\r\n\r\n checkMark.className = that.options.iconBase + ' ' + that.options.tickIcon + ' check-mark';\r\n elementTemplates.a.appendChild(checkMark);\r\n elementTemplates.a.setAttribute('role', 'option');\r\n\r\n elementTemplates.subtext.className = 'text-muted';\r\n\r\n elementTemplates.text = elementTemplates.span.cloneNode(false);\r\n elementTemplates.text.className = 'text';\r\n\r\n // Helper functions\r\n /**\r\n * @param content\r\n * @param [index]\r\n * @param [classes]\r\n * @param [optgroup]\r\n * @returns {HTMLElement}\r\n */\r\n var generateLI = function (content, index, classes, optgroup) {\r\n var li = elementTemplates.li.cloneNode(false);\r\n\r\n if (content) {\r\n if (content.nodeType === 1 || content.nodeType === 11) {\r\n li.appendChild(content);\r\n } else {\r\n li.innerHTML = content;\r\n }\r\n }\r\n\r\n if (typeof classes !== 'undefined' && '' !== classes) li.className = classes;\r\n if (typeof optgroup !== 'undefined' && null !== optgroup) li.classList.add('optgroup-' + optgroup);\r\n\r\n return li;\r\n };\r\n\r\n /**\r\n * @param text\r\n * @param [classes]\r\n * @param [inline]\r\n * @returns {string}\r\n */\r\n var generateA = function (text, classes, inline) {\r\n var a = elementTemplates.a.cloneNode(true);\r\n\r\n if (text) {\r\n if (text.nodeType === 11) {\r\n a.appendChild(text);\r\n } else {\r\n a.insertAdjacentHTML('beforeend', text);\r\n }\r\n }\r\n\r\n if (typeof classes !== 'undefined' & '' !== classes) a.className = classes;\r\n if (version.major === '4') a.classList.add('dropdown-item');\r\n if (inline) a.setAttribute('style', inline);\r\n\r\n return a;\r\n };\r\n\r\n var generateText = function (options) {\r\n var textElement = elementTemplates.text.cloneNode(false),\r\n optionSubtextElement,\r\n optionIconElement;\r\n\r\n if (options.optionContent) {\r\n textElement.innerHTML = options.optionContent;\r\n } else {\r\n textElement.textContent = options.text;\r\n\r\n if (options.optionIcon) {\r\n var whitespace = elementTemplates.whitespace.cloneNode(false);\r\n\r\n optionIconElement = elementTemplates.span.cloneNode(false);\r\n optionIconElement.className = that.options.iconBase + ' ' + options.optionIcon;\r\n\r\n fragment.appendChild(optionIconElement);\r\n fragment.appendChild(whitespace);\r\n }\r\n\r\n if (options.optionSubtext) {\r\n optionSubtextElement = elementTemplates.subtext.cloneNode(false);\r\n optionSubtextElement.innerHTML = options.optionSubtext;\r\n textElement.appendChild(optionSubtextElement);\r\n }\r\n }\r\n\r\n fragment.appendChild(textElement);\r\n\r\n return fragment;\r\n };\r\n\r\n var generateLabel = function (options) {\r\n var labelTextElement = elementTemplates.text.cloneNode(false),\r\n labelSubtextElement,\r\n labelIconElement;\r\n\r\n labelTextElement.textContent = options.labelEscaped;\r\n\r\n if (options.labelIcon) {\r\n var whitespace = elementTemplates.whitespace.cloneNode(false);\r\n\r\n labelIconElement = elementTemplates.span.cloneNode(false);\r\n labelIconElement.className = that.options.iconBase + ' ' + options.labelIcon;\r\n\r\n fragment.appendChild(labelIconElement);\r\n fragment.appendChild(whitespace);\r\n }\r\n\r\n if (options.labelSubtext) {\r\n labelSubtextElement = elementTemplates.subtext.cloneNode(false);\r\n labelSubtextElement.textContent = options.labelSubtext;\r\n labelTextElement.appendChild(labelSubtextElement);\r\n }\r\n\r\n fragment.appendChild(labelTextElement);\r\n\r\n return fragment;\r\n }\r\n\r\n if (this.options.title && !this.multiple) {\r\n // this option doesn't create a new
- element, but does add a new option, so liIndex is decreased\r\n // since newIndex is recalculated on every refresh, liIndex needs to be decreased even if the titleOption is already appended\r\n liIndex--;\r\n\r\n var element = this.$element[0],\r\n isSelected = false,\r\n titleNotAppended = !this.selectpicker.view.titleOption.parentNode;\r\n\r\n if (titleNotAppended) {\r\n // Use native JS to prepend option (faster)\r\n this.selectpicker.view.titleOption.className = 'bs-title-option';\r\n this.selectpicker.view.titleOption.value = '';\r\n\r\n // Check if selected or data-selected attribute is already set on an option. If not, select the titleOption option.\r\n // the selected item may have been changed by user or programmatically before the bootstrap select plugin runs,\r\n // if so, the select will have the data-selected attribute\r\n var $opt = $(element.options[element.selectedIndex]);\r\n isSelected = $opt.attr('selected') === undefined && this.$element.data('selected') === undefined;\r\n }\r\n\r\n if (titleNotAppended || this.selectpicker.view.titleOption.index !== 0) {\r\n element.insertBefore(this.selectpicker.view.titleOption, element.firstChild);\r\n }\r\n\r\n // Set selected *after* appending to select,\r\n // otherwise the option doesn't get selected in IE\r\n // set using selectedIndex, as setting the selected attr to true here doesn't work in IE11\r\n if (isSelected) element.selectedIndex = 0;\r\n }\r\n\r\n var $selectOptions = this.$element.find('option');\r\n\r\n $selectOptions.each(function (index) {\r\n var $this = $(this);\r\n\r\n liIndex++;\r\n\r\n if ($this.hasClass('bs-title-option')) return;\r\n\r\n var thisData = $this.data();\r\n\r\n // Get the class and text for the option\r\n var optionClass = this.className || '',\r\n inline = htmlEscape(this.style.cssText),\r\n optionContent = thisData.content,\r\n text = this.textContent,\r\n tokens = thisData.tokens,\r\n subtext = thisData.subtext,\r\n icon = thisData.icon,\r\n $parent = $this.parent(),\r\n parent = $parent[0],\r\n isOptgroup = parent.tagName === 'OPTGROUP',\r\n isOptgroupDisabled = isOptgroup && parent.disabled,\r\n isDisabled = this.disabled || isOptgroupDisabled,\r\n prevHiddenIndex,\r\n showDivider = this.previousElementSibling && this.previousElementSibling.tagName === 'OPTGROUP',\r\n textElement;\r\n\r\n var parentData = $parent.data();\r\n\r\n if (thisData.hidden === true || that.options.hideDisabled && (isDisabled && !isOptgroup || isOptgroupDisabled)) {\r\n // set prevHiddenIndex - the index of the first hidden option in a group of hidden options\r\n // used to determine whether or not a divider should be placed after an optgroup if there are\r\n // hidden options between the optgroup and the first visible option\r\n prevHiddenIndex = thisData.prevHiddenIndex;\r\n $this.next().data('prevHiddenIndex', (prevHiddenIndex !== undefined ? prevHiddenIndex : index));\r\n\r\n liIndex--;\r\n\r\n // if previous element is not an optgroup\r\n if (!showDivider) {\r\n if (prevHiddenIndex !== undefined) {\r\n // select the element **before** the first hidden element in the group\r\n var prevHidden = $selectOptions[prevHiddenIndex].previousElementSibling;\r\n \r\n if (prevHidden && prevHidden.tagName === 'OPTGROUP' && !prevHidden.disabled) {\r\n showDivider = true;\r\n }\r\n }\r\n }\r\n\r\n if (showDivider && mainData[mainData.length - 1].type !== 'divider') {\r\n liIndex++;\r\n mainElements.push(\r\n generateLI(\r\n false,\r\n null,\r\n classNames.DIVIDER,\r\n optID + 'div'\r\n )\r\n );\r\n mainData.push({\r\n type: 'divider',\r\n optID: optID,\r\n originalIndex: index\r\n });\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (isOptgroup && thisData.divider !== true) {\r\n if (that.options.hideDisabled && isDisabled) {\r\n if (parentData.allOptionsDisabled === undefined) {\r\n var $options = $parent.children();\r\n $parent.data('allOptionsDisabled', $options.filter(':disabled').length === $options.length);\r\n }\r\n\r\n if ($parent.data('allOptionsDisabled')) {\r\n liIndex--;\r\n return;\r\n }\r\n }\r\n\r\n var optGroupClass = ' ' + parent.className || '';\r\n\r\n if (!this.previousElementSibling) { // Is it the first option of the optgroup?\r\n optID += 1;\r\n\r\n // Get the opt group label\r\n var label = parent.label,\r\n labelEscaped = htmlEscape(label),\r\n labelSubtext = parentData.subtext,\r\n labelIcon = parentData.icon;\r\n\r\n if (index !== 0 && mainElements.length > 0) { // Is it NOT the first option of the select && are there elements in the dropdown?\r\n liIndex++;\r\n mainElements.push(\r\n generateLI(\r\n false,\r\n null,\r\n classNames.DIVIDER,\r\n optID + 'div'\r\n )\r\n );\r\n mainData.push({\r\n type: 'divider',\r\n optID: optID,\r\n originalIndex: index\r\n });\r\n }\r\n liIndex++;\r\n\r\n var labelElement = generateLabel({\r\n labelEscaped: labelEscaped,\r\n labelSubtext: labelSubtext,\r\n labelIcon: labelIcon\r\n });\r\n\r\n mainElements.push(generateLI(labelElement, null, 'dropdown-header' + optGroupClass, optID));\r\n mainData.push({\r\n content: labelEscaped,\r\n subtext: labelSubtext,\r\n type: 'optgroup-label',\r\n optID: optID,\r\n originalIndex: index\r\n });\r\n \r\n headerIndex = liIndex - 1;\r\n }\r\n\r\n if (that.options.hideDisabled && isDisabled || thisData.hidden === true) {\r\n liIndex--;\r\n return;\r\n }\r\n\r\n textElement = generateText({\r\n text: text,\r\n optionContent: optionContent,\r\n optionSubtext: subtext,\r\n optionIcon: icon\r\n });\r\n\r\n mainElements.push(generateLI(generateA(textElement, 'opt ' + optionClass + optGroupClass, inline), index, '', optID));\r\n mainData.push({\r\n content: optionContent || text,\r\n subtext: subtext,\r\n tokens: tokens,\r\n type: 'option',\r\n optID: optID,\r\n headerIndex: headerIndex,\r\n lastIndex: headerIndex + parent.childElementCount,\r\n originalIndex: index,\r\n data: thisData\r\n });\r\n\r\n availableOptionsCount++;\r\n } else if (thisData.divider === true) {\r\n mainElements.push(generateLI(false, index, 'divider'));\r\n mainData.push({\r\n type: 'divider',\r\n originalIndex: index\r\n });\r\n } else {\r\n // if previous element is not an optgroup and hideDisabled is true\r\n if (!showDivider && that.options.hideDisabled) {\r\n prevHiddenIndex = thisData.prevHiddenIndex;\r\n\r\n if (prevHiddenIndex !== undefined) {\r\n // select the element **before** the first hidden element in the group\r\n var prevHidden = $selectOptions[prevHiddenIndex].previousElementSibling;\r\n \r\n if (prevHidden && prevHidden.tagName === 'OPTGROUP' && !prevHidden.disabled) {\r\n showDivider = true;\r\n }\r\n }\r\n }\r\n\r\n if (showDivider && mainData[mainData.length - 1].type !== 'divider') {\r\n liIndex++;\r\n mainElements.push(\r\n generateLI(\r\n false,\r\n null,\r\n classNames.DIVIDER,\r\n optID + 'div'\r\n )\r\n );\r\n mainData.push({\r\n type: 'divider',\r\n optID: optID,\r\n originalIndex: index\r\n });\r\n }\r\n\r\n textElement = generateText({\r\n text: text,\r\n optionContent: optionContent,\r\n optionSubtext: subtext,\r\n optionIcon: icon\r\n });\r\n\r\n mainElements.push(generateLI(generateA(textElement, optionClass, inline), index));\r\n mainData.push({\r\n content: optionContent || text,\r\n subtext: subtext,\r\n tokens: tokens,\r\n type: 'option',\r\n originalIndex: index,\r\n data: thisData\r\n });\r\n\r\n availableOptionsCount++;\r\n }\r\n\r\n that.selectpicker.main.map.newIndex[index] = liIndex;\r\n that.selectpicker.main.map.originalIndex[liIndex] = index;\r\n\r\n // get the most recent option info added to mainData\r\n var _mainDataLast = mainData[mainData.length - 1];\r\n\r\n _mainDataLast.disabled = isDisabled;\r\n\r\n var combinedLength = 0;\r\n\r\n // count the number of characters in the option - not perfect, but should work in most cases\r\n if (_mainDataLast.content) combinedLength += _mainDataLast.content.length;\r\n if (_mainDataLast.subtext) combinedLength += _mainDataLast.subtext.length;\r\n // if there is an icon, ensure this option's width is checked\r\n if (icon) combinedLength += 1;\r\n\r\n if (combinedLength > widestOptionLength) {\r\n widestOptionLength = combinedLength;\r\n\r\n // guess which option is the widest\r\n // use this when calculating menu width\r\n // not perfect, but it's fast, and the width will be updating accordingly when scrolling\r\n widestOption = mainElements[mainElements.length - 1];\r\n }\r\n });\r\n\r\n this.selectpicker.main.elements = mainElements;\r\n this.selectpicker.main.data = mainData;\r\n\r\n this.selectpicker.current = this.selectpicker.main;\r\n\r\n this.selectpicker.view.widestOption = widestOption;\r\n this.selectpicker.view.availableOptionsCount = availableOptionsCount; // faster way to get # of available options without filter\r\n },\r\n\r\n findLis: function () {\r\n return this.$menuInner.find('.inner > li');\r\n },\r\n\r\n render: function () {\r\n var that = this,\r\n $selectOptions = this.$element.find('option'),\r\n selectedItems = [],\r\n selectedItemsInTitle = [];\r\n\r\n this.togglePlaceholder();\r\n\r\n this.tabIndex();\r\n\r\n for (var i = 0, len = this.selectpicker.main.elements.length; i < len; i++) {\r\n var index = this.selectpicker.main.map.originalIndex[i],\r\n option = $selectOptions[index];\r\n\r\n if (option && option.selected) {\r\n selectedItems.push(option);\r\n\r\n if (selectedItemsInTitle.length < 100 && that.options.selectedTextFormat !== 'count' || selectedItems.length === 1) {\r\n if (that.options.hideDisabled && (option.disabled || option.parentNode.tagName === 'OPTGROUP' && option.parentNode.disabled)) return;\r\n\r\n var thisData = this.selectpicker.main.data[i].data,\r\n icon = thisData.icon && that.options.showIcon ? ' ' : '',\r\n subtext,\r\n titleItem;\r\n\r\n if (that.options.showSubtext && thisData.subtext && !that.multiple) {\r\n subtext = ' ' + thisData.subtext + '';\r\n } else {\r\n subtext = '';\r\n }\r\n\r\n if (option.title) {\r\n titleItem = option.title;\r\n } else if (thisData.content && that.options.showContent) {\r\n titleItem = thisData.content.toString();\r\n } else {\r\n titleItem = icon + option.innerHTML.trim() + subtext;\r\n }\r\n\r\n selectedItemsInTitle.push(titleItem);\r\n }\r\n }\r\n }\r\n\r\n //Fixes issue in IE10 occurring when no default option is selected and at least one option is disabled\r\n //Convert all the values into a comma delimited string\r\n var title = !this.multiple ? selectedItemsInTitle[0] : selectedItemsInTitle.join(this.options.multipleSeparator);\r\n\r\n // add ellipsis\r\n if (selectedItems.length > 50) title += '...';\r\n\r\n // If this is a multiselect, and selectedTextFormat is count, then show 1 of 2 selected etc..\r\n if (this.multiple && this.options.selectedTextFormat.indexOf('count') !== -1) {\r\n var max = this.options.selectedTextFormat.split('>');\r\n\r\n if ((max.length > 1 && selectedItems.length > max[1]) || (max.length === 1 && selectedItems.length >= 2)) {\r\n var totalCount = this.selectpicker.view.availableOptionsCount,\r\n tr8nText = (typeof this.options.countSelectedText === 'function') ? this.options.countSelectedText(selectedItems.length, totalCount) : this.options.countSelectedText;\r\n\r\n title = tr8nText.replace('{0}', selectedItems.length.toString()).replace('{1}', totalCount.toString());\r\n }\r\n }\r\n\r\n if (this.options.title == undefined) {\r\n // use .attr to ensure undefined is returned if title attribute is not set\r\n this.options.title = this.$element.attr('title');\r\n }\r\n\r\n if (this.options.selectedTextFormat == 'static') {\r\n title = this.options.title;\r\n }\r\n\r\n //If we dont have a title, then use the default, or if nothing is set at all, use the not selected text\r\n if (!title) {\r\n title = typeof this.options.title !== 'undefined' ? this.options.title : this.options.noneSelectedText;\r\n }\r\n\r\n //strip all HTML tags and trim the result, then unescape any escaped tags\r\n this.$button[0].title = htmlUnescape(title.replace(/<[^>]*>?/g, '').trim());\r\n this.$button.find('.filter-option-inner-inner')[0].innerHTML = title;\r\n\r\n this.$element.trigger('rendered.bs.select');\r\n },\r\n\r\n /**\r\n * @param [style]\r\n * @param [status]\r\n */\r\n setStyle: function (style, status) {\r\n if (this.$element.attr('class')) {\r\n this.$newElement.addClass(this.$element.attr('class').replace(/selectpicker|mobile-device|bs-select-hidden|validate\\[.*\\]/gi, ''));\r\n }\r\n\r\n var buttonClass = style ? style : this.options.style;\r\n\r\n if (status == 'add') {\r\n this.$button.addClass(buttonClass);\r\n } else if (status == 'remove') {\r\n this.$button.removeClass(buttonClass);\r\n } else {\r\n this.$button.removeClass(this.options.style);\r\n this.$button.addClass(buttonClass);\r\n }\r\n },\r\n\r\n liHeight: function (refresh) {\r\n if (!refresh && (this.options.size === false || this.sizeInfo)) return;\r\n\r\n if (!this.sizeInfo) this.sizeInfo = {};\r\n\r\n var newElement = document.createElement('div'),\r\n menu = document.createElement('div'),\r\n menuInner = document.createElement('div'),\r\n menuInnerInner = document.createElement('ul'),\r\n divider = document.createElement('li'),\r\n dropdownHeader = document.createElement('li'),\r\n li = document.createElement('li'),\r\n a = document.createElement('a'),\r\n text = document.createElement('span'),\r\n header = this.options.header && this.$menu.find('.' + classNames.POPOVERHEADER).length > 0 ? this.$menu.find('.' + classNames.POPOVERHEADER)[0].cloneNode(true) : null,\r\n search = this.options.liveSearch ? document.createElement('div') : null,\r\n actions = this.options.actionsBox && this.multiple && this.$menu.find('.bs-actionsbox').length > 0 ? this.$menu.find('.bs-actionsbox')[0].cloneNode(true) : null,\r\n doneButton = this.options.doneButton && this.multiple && this.$menu.find('.bs-donebutton').length > 0 ? this.$menu.find('.bs-donebutton')[0].cloneNode(true) : null;\r\n\r\n this.sizeInfo.selectWidth = this.$newElement[0].offsetWidth;\r\n\r\n text.className = 'text';\r\n a.className = 'dropdown-item';\r\n newElement.className = this.$menu[0].parentNode.className + ' ' + classNames.SHOW;\r\n newElement.style.width = this.sizeInfo.selectWidth + 'px';\r\n menu.className = 'dropdown-menu ' + classNames.SHOW;\r\n menuInner.className = 'inner ' + classNames.SHOW;\r\n menuInnerInner.className = 'dropdown-menu inner ' + (version.major === '4' ? classNames.SHOW : '');\r\n divider.className = classNames.DIVIDER;\r\n dropdownHeader.className = 'dropdown-header';\r\n\r\n text.appendChild(document.createTextNode('Inner text'));\r\n a.appendChild(text);\r\n li.appendChild(a);\r\n dropdownHeader.appendChild(text.cloneNode(true));\r\n\r\n if (this.selectpicker.view.widestOption) {\r\n menuInnerInner.appendChild(this.selectpicker.view.widestOption.cloneNode(true));\r\n }\r\n\r\n menuInnerInner.appendChild(li);\r\n menuInnerInner.appendChild(divider);\r\n menuInnerInner.appendChild(dropdownHeader);\r\n if (header) menu.appendChild(header);\r\n if (search) {\r\n var input = document.createElement('input');\r\n search.className = 'bs-searchbox';\r\n input.className = 'form-control';\r\n search.appendChild(input);\r\n menu.appendChild(search);\r\n }\r\n if (actions) menu.appendChild(actions);\r\n menuInner.appendChild(menuInnerInner);\r\n menu.appendChild(menuInner);\r\n if (doneButton) menu.appendChild(doneButton);\r\n newElement.appendChild(menu);\r\n\r\n document.body.appendChild(newElement);\r\n\r\n var liHeight = a.offsetHeight,\r\n dropdownHeaderHeight = dropdownHeader ? dropdownHeader.offsetHeight : 0,\r\n headerHeight = header ? header.offsetHeight : 0,\r\n searchHeight = search ? search.offsetHeight : 0,\r\n actionsHeight = actions ? actions.offsetHeight : 0,\r\n doneButtonHeight = doneButton ? doneButton.offsetHeight : 0,\r\n dividerHeight = $(divider).outerHeight(true),\r\n // fall back to jQuery if getComputedStyle is not supported\r\n menuStyle = window.getComputedStyle ? window.getComputedStyle(menu) : false,\r\n menuWidth = menu.offsetWidth,\r\n $menu = menuStyle ? null : $(menu),\r\n menuPadding = {\r\n vert: toInteger(menuStyle ? menuStyle.paddingTop : $menu.css('paddingTop')) +\r\n toInteger(menuStyle ? menuStyle.paddingBottom : $menu.css('paddingBottom')) +\r\n toInteger(menuStyle ? menuStyle.borderTopWidth : $menu.css('borderTopWidth')) +\r\n toInteger(menuStyle ? menuStyle.borderBottomWidth : $menu.css('borderBottomWidth')),\r\n horiz: toInteger(menuStyle ? menuStyle.paddingLeft : $menu.css('paddingLeft')) +\r\n toInteger(menuStyle ? menuStyle.paddingRight : $menu.css('paddingRight')) +\r\n toInteger(menuStyle ? menuStyle.borderLeftWidth : $menu.css('borderLeftWidth')) +\r\n toInteger(menuStyle ? menuStyle.borderRightWidth : $menu.css('borderRightWidth'))\r\n },\r\n menuExtras = {\r\n vert: menuPadding.vert +\r\n toInteger(menuStyle ? menuStyle.marginTop : $menu.css('marginTop')) +\r\n toInteger(menuStyle ? menuStyle.marginBottom : $menu.css('marginBottom')) + 2,\r\n horiz: menuPadding.horiz +\r\n toInteger(menuStyle ? menuStyle.marginLeft : $menu.css('marginLeft')) +\r\n toInteger(menuStyle ? menuStyle.marginRight : $menu.css('marginRight')) + 2\r\n },\r\n scrollBarWidth;\r\n\r\n menuInner.style.overflowY = 'scroll';\r\n\r\n scrollBarWidth = menu.offsetWidth - menuWidth;\r\n\r\n document.body.removeChild(newElement);\r\n\r\n this.sizeInfo.liHeight = liHeight;\r\n this.sizeInfo.dropdownHeaderHeight = dropdownHeaderHeight;\r\n this.sizeInfo.headerHeight = headerHeight;\r\n this.sizeInfo.searchHeight = searchHeight;\r\n this.sizeInfo.actionsHeight = actionsHeight;\r\n this.sizeInfo.doneButtonHeight = doneButtonHeight;\r\n this.sizeInfo.dividerHeight = dividerHeight;\r\n this.sizeInfo.menuPadding = menuPadding;\r\n this.sizeInfo.menuExtras = menuExtras;\r\n this.sizeInfo.menuWidth = menuWidth;\r\n this.sizeInfo.totalMenuWidth = this.sizeInfo.menuWidth;\r\n this.sizeInfo.scrollBarWidth = scrollBarWidth;\r\n this.sizeInfo.selectHeight = this.$newElement[0].offsetHeight;\r\n\r\n this.setPositionData();\r\n },\r\n\r\n getSelectPosition: function () {\r\n var that = this,\r\n $window = $(window),\r\n pos = that.$newElement.offset(),\r\n $container = $(that.options.container),\r\n containerPos;\r\n\r\n if (that.options.container && !$container.is('body')) {\r\n containerPos = $container.offset();\r\n containerPos.top += parseInt($container.css('borderTopWidth'));\r\n containerPos.left += parseInt($container.css('borderLeftWidth'));\r\n } else {\r\n containerPos = { top: 0, left: 0 };\r\n }\r\n\r\n var winPad = that.options.windowPadding;\r\n\r\n this.sizeInfo.selectOffsetTop = pos.top - containerPos.top - $window.scrollTop();\r\n this.sizeInfo.selectOffsetBot = $window.height() - this.sizeInfo.selectOffsetTop - this.sizeInfo['selectHeight'] - containerPos.top - winPad[2];\r\n this.sizeInfo.selectOffsetLeft = pos.left - containerPos.left - $window.scrollLeft();\r\n this.sizeInfo.selectOffsetRight = $window.width() - this.sizeInfo.selectOffsetLeft - this.sizeInfo['selectWidth'] - containerPos.left - winPad[1];\r\n this.sizeInfo.selectOffsetTop -= winPad[0];\r\n this.sizeInfo.selectOffsetLeft -= winPad[3];\r\n },\r\n\r\n setMenuSize: function (isAuto) {\r\n this.getSelectPosition();\r\n\r\n var selectWidth = this.sizeInfo['selectWidth'],\r\n liHeight = this.sizeInfo['liHeight'],\r\n headerHeight = this.sizeInfo['headerHeight'],\r\n searchHeight = this.sizeInfo['searchHeight'],\r\n actionsHeight = this.sizeInfo['actionsHeight'],\r\n doneButtonHeight = this.sizeInfo['doneButtonHeight'],\r\n divHeight = this.sizeInfo['dividerHeight'],\r\n menuPadding = this.sizeInfo['menuPadding'],\r\n menuInnerHeight,\r\n menuHeight,\r\n divLength = 0,\r\n minHeight,\r\n _minHeight,\r\n maxHeight,\r\n menuInnerMinHeight,\r\n estimate;\r\n\r\n if (this.options.dropupAuto) {\r\n // Get the estimated height of the menu without scrollbars.\r\n // This is useful for smaller menus, where there might be plenty of room\r\n // below the button without setting dropup, but we can't know\r\n // the exact height of the menu until createView is called later\r\n estimate = liHeight * this.selectpicker.current.elements.length + menuPadding.vert;\r\n this.$newElement.toggleClass(classNames.DROPUP, this.sizeInfo.selectOffsetTop - this.sizeInfo.selectOffsetBot > this.sizeInfo.menuExtras.vert && estimate + this.sizeInfo.menuExtras.vert + 50 > this.sizeInfo.selectOffsetBot);\r\n }\r\n\r\n if (this.options.size === 'auto') {\r\n _minHeight = this.selectpicker.current.elements.length > 3 ? this.sizeInfo.liHeight * 3 + this.sizeInfo.menuExtras.vert - 2 : 0;\r\n menuHeight = this.sizeInfo.selectOffsetBot - this.sizeInfo.menuExtras.vert;\r\n minHeight = _minHeight + headerHeight + searchHeight + actionsHeight + doneButtonHeight;\r\n menuInnerMinHeight = Math.max(_minHeight - menuPadding.vert, 0);\r\n\r\n if (this.$newElement.hasClass(classNames.DROPUP)) {\r\n menuHeight = this.sizeInfo.selectOffsetTop - this.sizeInfo.menuExtras.vert;\r\n }\r\n\r\n maxHeight = menuHeight;\r\n menuInnerHeight = menuHeight - headerHeight - searchHeight - actionsHeight - doneButtonHeight - menuPadding.vert;\r\n } else if (this.options.size && this.options.size != 'auto' && this.selectpicker.current.elements.length > this.options.size) {\r\n for (var i = 0; i < this.options.size; i++) {\r\n if (this.selectpicker.current.data[i].type === 'divider') divLength++;\r\n }\r\n\r\n menuHeight = liHeight * this.options.size + divLength * divHeight + menuPadding.vert;\r\n menuInnerHeight = menuHeight - menuPadding.vert;\r\n maxHeight = menuHeight + headerHeight + searchHeight + actionsHeight + doneButtonHeight;\r\n minHeight = menuInnerMinHeight = '';\r\n }\r\n\r\n if (this.options.dropdownAlignRight === 'auto') {\r\n this.$menu.toggleClass(classNames.MENURIGHT, this.sizeInfo.selectOffsetLeft > this.sizeInfo.selectOffsetRight && this.sizeInfo.selectOffsetRight < (this.$menu[0].offsetWidth - selectWidth));\r\n }\r\n\r\n this.$menu.css({\r\n 'max-height': maxHeight + 'px',\r\n 'overflow': 'hidden',\r\n 'min-height': minHeight + 'px'\r\n });\r\n\r\n this.$menuInner.css({\r\n 'max-height': menuInnerHeight + 'px',\r\n 'overflow-y': 'auto',\r\n 'min-height': menuInnerMinHeight + 'px'\r\n });\r\n\r\n this.sizeInfo['menuInnerHeight'] = menuInnerHeight;\r\n\r\n if (this.selectpicker.current.data.length && this.selectpicker.current.data[this.selectpicker.current.data.length - 1].position > this.sizeInfo.menuInnerHeight) {\r\n this.sizeInfo.hasScrollBar = true;\r\n this.sizeInfo.totalMenuWidth = this.sizeInfo.menuWidth + this.sizeInfo.scrollBarWidth;\r\n\r\n this.$menu.css('min-width', this.sizeInfo.totalMenuWidth);\r\n }\r\n\r\n if (this.dropdown && this.dropdown._popper) this.dropdown._popper.update();\r\n },\r\n\r\n setSize: function (refresh) {\r\n this.liHeight(refresh);\r\n\r\n if (this.options.header) this.$menu.css('padding-top', 0);\r\n if (this.options.size === false) return;\r\n\r\n var that = this,\r\n $window = $(window),\r\n selectedIndex,\r\n offset = 0;\r\n\r\n this.setMenuSize();\r\n\r\n if (this.options.size === 'auto') {\r\n this.$searchbox.off('input.setMenuSize propertychange.setMenuSize').on('input.setMenuSize propertychange.setMenuSize', function() {\r\n return that.setMenuSize();\r\n });\r\n $window.off('resize.setMenuSize scroll.setMenuSize').on('resize.setMenuSize scroll.setMenuSize', function() {\r\n return that.setMenuSize();\r\n });\r\n } else if (this.options.size && this.options.size != 'auto' && this.selectpicker.current.elements.length > this.options.size) {\r\n this.$searchbox.off('input.setMenuSize propertychange.setMenuSize');\r\n $window.off('resize.setMenuSize scroll.setMenuSize');\r\n }\r\n\r\n if (refresh) {\r\n offset = this.$menuInner[0].scrollTop;\r\n } else if (!that.multiple) {\r\n selectedIndex = that.selectpicker.main.map.newIndex[that.$element[0].selectedIndex];\r\n\r\n if (typeof selectedIndex === 'number' && that.options.size !== false) {\r\n offset = that.sizeInfo.liHeight * selectedIndex;\r\n offset = offset - (that.sizeInfo.menuInnerHeight / 2) + (that.sizeInfo.liHeight / 2);\r\n }\r\n }\r\n\r\n that.createView(false, offset);\r\n },\r\n\r\n setWidth: function () {\r\n var that = this;\r\n\r\n if (this.options.width === 'auto') {\r\n requestAnimationFrame(function() {\r\n that.$menu.css('min-width', '0');\r\n that.liHeight();\r\n that.setMenuSize();\r\n\r\n // Get correct width if element is hidden\r\n var $selectClone = that.$newElement.clone().appendTo('body'),\r\n btnWidth = $selectClone.css('width', 'auto').children('button').outerWidth();\r\n\r\n $selectClone.remove();\r\n\r\n // Set width to whatever's larger, button title or longest option\r\n that.sizeInfo.selectWidth = Math.max(that.sizeInfo.totalMenuWidth, btnWidth);\r\n that.$newElement.css('width', that.sizeInfo.selectWidth + 'px');\r\n });\r\n } else if (this.options.width === 'fit') {\r\n // Remove inline min-width so width can be changed from 'auto'\r\n this.$menu.css('min-width', '');\r\n this.$newElement.css('width', '').addClass('fit-width');\r\n } else if (this.options.width) {\r\n // Remove inline min-width so width can be changed from 'auto'\r\n this.$menu.css('min-width', '');\r\n this.$newElement.css('width', this.options.width);\r\n } else {\r\n // Remove inline min-width/width so width can be changed\r\n this.$menu.css('min-width', '');\r\n this.$newElement.css('width', '');\r\n }\r\n // Remove fit-width class if width is changed programmatically\r\n if (this.$newElement.hasClass('fit-width') && this.options.width !== 'fit') {\r\n this.$newElement.removeClass('fit-width');\r\n }\r\n },\r\n\r\n selectPosition: function () {\r\n this.$bsContainer = $('');\r\n\r\n var that = this,\r\n $container = $(this.options.container),\r\n pos,\r\n containerPos,\r\n actualHeight,\r\n getPlacement = function ($element) {\r\n var containerPosition = {};\r\n\r\n that.$bsContainer.addClass($element.attr('class').replace(/form-control|fit-width/gi, '')).toggleClass(classNames.DROPUP, $element.hasClass(classNames.DROPUP));\r\n pos = $element.offset();\r\n\r\n if (!$container.is('body')) {\r\n containerPos = $container.offset();\r\n containerPos.top += parseInt($container.css('borderTopWidth')) - $container.scrollTop();\r\n containerPos.left += parseInt($container.css('borderLeftWidth')) - $container.scrollLeft();\r\n } else {\r\n containerPos = { top: 0, left: 0 };\r\n }\r\n\r\n actualHeight = $element.hasClass(classNames.DROPUP) ? 0 : $element[0].offsetHeight;\r\n\r\n // Bootstrap 4+ uses Popper for menu positioning\r\n if (version.major < 4) {\r\n containerPosition['top'] = pos.top - containerPos.top + actualHeight;\r\n containerPosition['left'] = pos.left - containerPos.left;\r\n }\r\n\r\n containerPosition['width'] = $element[0].offsetWidth;\r\n\r\n that.$bsContainer.css(containerPosition);\r\n };\r\n\r\n this.$button.on('click.bs.dropdown.data-api', function () {\r\n if (that.isDisabled()) {\r\n return;\r\n }\r\n\r\n getPlacement(that.$newElement);\r\n\r\n that.$bsContainer\r\n .appendTo(that.options.container)\r\n .toggleClass(classNames.SHOW, !that.$button.hasClass(classNames.SHOW))\r\n .append(that.$menu);\r\n });\r\n\r\n $(window).on('resize scroll', function () {\r\n getPlacement(that.$newElement);\r\n });\r\n\r\n this.$element.on('hide.bs.select', function () {\r\n that.$menu.data('height', that.$menu.height());\r\n that.$bsContainer.detach();\r\n });\r\n },\r\n\r\n setOptionStatus: function () {\r\n var that = this,\r\n $selectOptions = this.$element.find('option');\r\n\r\n that.noScroll = false;\r\n\r\n if (that.selectpicker.view.visibleElements && that.selectpicker.view.visibleElements.length) {\r\n for (var i = 0; i < that.selectpicker.view.visibleElements.length; i++) {\r\n var index = that.selectpicker.current.map.originalIndex[i + that.selectpicker.view.position0], // faster than $(li).data('originalIndex')\r\n option = $selectOptions[index];\r\n\r\n if (option) {\r\n var liIndex = this.selectpicker.main.map.newIndex[index],\r\n li = this.selectpicker.main.elements[liIndex];\r\n\r\n that.setDisabled(\r\n index,\r\n option.disabled || option.parentNode.tagName === 'OPTGROUP' && option.parentNode.disabled,\r\n liIndex,\r\n li\r\n );\r\n\r\n that.setSelected(\r\n index,\r\n option.selected,\r\n liIndex,\r\n li\r\n );\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @param {number} index - the index of the option that is being changed\r\n * @param {boolean} selected - true if the option is being selected, false if being deselected\r\n */\r\n setSelected: function (index, selected, liIndex, li) {\r\n var activeIndexIsSet = this.activeIndex !== undefined,\r\n thisIsActive = this.activeIndex === index,\r\n prevActiveIndex,\r\n prevActive,\r\n a,\r\n // if current option is already active\r\n // OR\r\n // if the current option is being selected, it's NOT multiple, and\r\n // activeIndex is undefined:\r\n // - when the menu is first being opened, OR\r\n // - after a search has been performed, OR\r\n // - when retainActive is false when selecting a new option (i.e. index of the newly selected option is not the same as the current activeIndex)\r\n keepActive = thisIsActive || selected && !this.multiple && !activeIndexIsSet;\r\n\r\n if (!liIndex) liIndex = this.selectpicker.main.map.newIndex[index];\r\n if (!li) li = this.selectpicker.main.elements[liIndex];\r\n\r\n a = li.firstChild;\r\n\r\n if (selected) {\r\n this.selectedIndex = index;\r\n }\r\n\r\n li.classList.toggle('selected', selected);\r\n li.classList.toggle('active', keepActive);\r\n\r\n if (keepActive) {\r\n this.selectpicker.view.currentActive = li;\r\n this.activeIndex = index;\r\n }\r\n\r\n if (a) {\r\n a.classList.toggle('selected', selected);\r\n a.classList.toggle('active', keepActive);\r\n a.setAttribute('aria-selected', selected);\r\n }\r\n\r\n if (!keepActive) {\r\n if (!activeIndexIsSet && selected && this.prevActiveIndex !== undefined) {\r\n prevActiveIndex = this.selectpicker.main.map.newIndex[this.prevActiveIndex];\r\n prevActive = this.selectpicker.main.elements[prevActiveIndex];\r\n\r\n prevActive.classList.remove('selected');\r\n prevActive.classList.remove('active');\r\n if (prevActive.firstChild) {\r\n prevActive.firstChild.classList.remove('selected');\r\n prevActive.firstChild.classList.remove('active');\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @param {number} index - the index of the option that is being disabled\r\n * @param {boolean} disabled - true if the option is being disabled, false if being enabled\r\n */\r\n setDisabled: function (index, disabled, liIndex, li) {\r\n var a;\r\n\r\n if (!liIndex) liIndex = this.selectpicker.main.map.newIndex[index];\r\n if (!li) li = this.selectpicker.main.elements[liIndex];\r\n\r\n a = li.firstChild;\r\n\r\n li.classList.toggle(classNames.DISABLED, disabled);\r\n\r\n if (a) {\r\n if (version.major === '4') a.classList.toggle(classNames.DISABLED, disabled);\r\n\r\n a.setAttribute('aria-disabled', disabled);\r\n\r\n if (disabled) {\r\n a.setAttribute('tabindex', -1);\r\n } else {\r\n a.setAttribute('tabindex', 0);\r\n }\r\n }\r\n },\r\n\r\n isDisabled: function () {\r\n return this.$element[0].disabled;\r\n },\r\n\r\n checkDisabled: function () {\r\n var that = this;\r\n\r\n if (this.isDisabled()) {\r\n this.$newElement.addClass(classNames.DISABLED);\r\n this.$button.addClass(classNames.DISABLED).attr('tabindex', -1).attr('aria-disabled', true);\r\n } else {\r\n if (this.$button.hasClass(classNames.DISABLED)) {\r\n this.$newElement.removeClass(classNames.DISABLED);\r\n this.$button.removeClass(classNames.DISABLED).attr('aria-disabled', false);\r\n }\r\n\r\n if (this.$button.attr('tabindex') == -1 && !this.$element.data('tabindex')) {\r\n this.$button.removeAttr('tabindex');\r\n }\r\n }\r\n\r\n this.$button.click(function () {\r\n return !that.isDisabled();\r\n });\r\n },\r\n\r\n togglePlaceholder: function () {\r\n // much faster than calling $.val()\r\n var element = this.$element[0],\r\n selectedIndex = element.selectedIndex,\r\n nothingSelected = selectedIndex === -1;\r\n\r\n if (!nothingSelected && !element.options[selectedIndex].value) nothingSelected = true;\r\n\r\n this.$button.toggleClass('bs-placeholder', nothingSelected);\r\n },\r\n\r\n tabIndex: function () {\r\n if (this.$element.data('tabindex') !== this.$element.attr('tabindex') && \r\n (this.$element.attr('tabindex') !== -98 && this.$element.attr('tabindex') !== '-98')) {\r\n this.$element.data('tabindex', this.$element.attr('tabindex'));\r\n this.$button.attr('tabindex', this.$element.data('tabindex'));\r\n }\r\n\r\n this.$element.attr('tabindex', -98);\r\n },\r\n\r\n clickListener: function () {\r\n var that = this,\r\n $document = $(document);\r\n\r\n $document.data('spaceSelect', false);\r\n\r\n this.$button.on('keyup', function (e) {\r\n if (/(32)/.test(e.keyCode.toString(10)) && $document.data('spaceSelect')) {\r\n e.preventDefault();\r\n $document.data('spaceSelect', false);\r\n }\r\n });\r\n\r\n this.$newElement.on('show.bs.dropdown', function() {\r\n if (version.major > 3 && !that.dropdown) {\r\n that.dropdown = that.$button.data('bs.dropdown');\r\n that.dropdown._menu = that.$menu[0];\r\n }\r\n });\r\n\r\n this.$button.on('click.bs.dropdown.data-api', function () {\r\n if (!that.$newElement.hasClass(classNames.SHOW)) {\r\n that.setSize();\r\n }\r\n });\r\n\r\n this.$element.on('shown.bs.select', function () {\r\n if (that.$menuInner[0].scrollTop !== that.selectpicker.view.scrollTop) {\r\n that.$menuInner[0].scrollTop = that.selectpicker.view.scrollTop;\r\n }\r\n\r\n if (that.options.liveSearch) {\r\n that.$searchbox.focus();\r\n } else {\r\n that.$menuInner.focus();\r\n }\r\n });\r\n\r\n this.$menuInner.on('click', 'li a', function (e, retainActive) {\r\n var $this = $(this),\r\n position0 = that.isVirtual() ? that.selectpicker.view.position0 : 0,\r\n clickedIndex = that.selectpicker.current.map.originalIndex[$this.parent().index() + position0],\r\n prevValue = getSelectValues(that.$element[0]),\r\n prevIndex = that.$element.prop('selectedIndex'),\r\n triggerChange = true;\r\n\r\n // Don't close on multi choice menu\r\n if (that.multiple && that.options.maxOptions !== 1) {\r\n e.stopPropagation();\r\n }\r\n\r\n e.preventDefault();\r\n\r\n //Don't run if we have been disabled\r\n if (!that.isDisabled() && !$this.parent().hasClass(classNames.DISABLED)) {\r\n var $options = that.$element.find('option'),\r\n $option = $options.eq(clickedIndex),\r\n state = $option.prop('selected'),\r\n $optgroup = $option.parent('optgroup'),\r\n maxOptions = that.options.maxOptions,\r\n maxOptionsGrp = $optgroup.data('maxOptions') || false;\r\n \r\n if (clickedIndex === that.activeIndex) retainActive = true;\r\n\r\n if (!retainActive) {\r\n that.prevActiveIndex = that.activeIndex;\r\n that.activeIndex = undefined;\r\n }\r\n\r\n if (!that.multiple) { // Deselect all others if not multi select box\r\n $options.prop('selected', false);\r\n $option.prop('selected', true);\r\n that.setSelected(clickedIndex, true);\r\n } else { // Toggle the one we have chosen if we are multi select.\r\n $option.prop('selected', !state);\r\n\r\n that.setSelected(clickedIndex, !state);\r\n $this.blur();\r\n\r\n if (maxOptions !== false || maxOptionsGrp !== false) {\r\n var maxReached = maxOptions < $options.filter(':selected').length,\r\n maxReachedGrp = maxOptionsGrp < $optgroup.find('option:selected').length;\r\n\r\n if ((maxOptions && maxReached) || (maxOptionsGrp && maxReachedGrp)) {\r\n if (maxOptions && maxOptions == 1) {\r\n $options.prop('selected', false);\r\n $option.prop('selected', true);\r\n that.$menuInner.find('.selected').removeClass('selected');\r\n that.setSelected(clickedIndex, true);\r\n } else if (maxOptionsGrp && maxOptionsGrp == 1) {\r\n $optgroup.find('option:selected').prop('selected', false);\r\n $option.prop('selected', true);\r\n var optgroupID = that.selectpicker.current.data[$this.parent().index() + that.selectpicker.view.position0].optID;\r\n that.$menuInner.find('.optgroup-' + optgroupID).removeClass('selected');\r\n that.setSelected(clickedIndex, true);\r\n } else {\r\n var maxOptionsText = typeof that.options.maxOptionsText === 'string' ? [that.options.maxOptionsText, that.options.maxOptionsText] : that.options.maxOptionsText,\r\n maxOptionsArr = typeof maxOptionsText === 'function' ? maxOptionsText(maxOptions, maxOptionsGrp) : maxOptionsText,\r\n maxTxt = maxOptionsArr[0].replace('{n}', maxOptions),\r\n maxTxtGrp = maxOptionsArr[1].replace('{n}', maxOptionsGrp),\r\n $notify = $('');\r\n // If {var} is set in array, replace it\r\n /** @deprecated */\r\n if (maxOptionsArr[2]) {\r\n maxTxt = maxTxt.replace('{var}', maxOptionsArr[2][maxOptions > 1 ? 0 : 1]);\r\n maxTxtGrp = maxTxtGrp.replace('{var}', maxOptionsArr[2][maxOptionsGrp > 1 ? 0 : 1]);\r\n }\r\n\r\n $option.prop('selected', false);\r\n\r\n that.$menu.append($notify);\r\n\r\n if (maxOptions && maxReached) {\r\n $notify.append($('
' + maxTxt + ''));\r\n triggerChange = false;\r\n that.$element.trigger('maxReached.bs.select');\r\n }\r\n\r\n if (maxOptionsGrp && maxReachedGrp) {\r\n $notify.append($('' + maxTxtGrp + ''));\r\n triggerChange = false;\r\n that.$element.trigger('maxReachedGrp.bs.select');\r\n }\r\n\r\n setTimeout(function () {\r\n that.setSelected(clickedIndex, false);\r\n }, 10);\r\n\r\n $notify.delay(750).fadeOut(300, function () {\r\n $(this).remove();\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (!that.multiple || (that.multiple && that.options.maxOptions === 1)) {\r\n that.$button.focus();\r\n } else if (that.options.liveSearch) {\r\n that.$searchbox.focus();\r\n }\r\n\r\n // Trigger select 'change'\r\n if (triggerChange) {\r\n if ((prevValue != getSelectValues(that.$element[0]) && that.multiple) || (prevIndex != that.$element.prop('selectedIndex') && !that.multiple)) {\r\n // $option.prop('selected') is current option state (selected/unselected). prevValue is the value of the select prior to being changed.\r\n changed_arguments = [clickedIndex, $option.prop('selected'), prevValue];\r\n that.$element\r\n .triggerNative('change');\r\n }\r\n }\r\n }\r\n });\r\n\r\n this.$menu.on('click', 'li.' + classNames.DISABLED + ' a, .' + classNames.POPOVERHEADER + ', .' + classNames.POPOVERHEADER + ' :not(.close)', function (e) {\r\n if (e.currentTarget == this) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (that.options.liveSearch && !$(e.target).hasClass('close')) {\r\n that.$searchbox.focus();\r\n } else {\r\n that.$button.focus();\r\n }\r\n }\r\n });\r\n\r\n this.$menuInner.on('click', '.divider, .dropdown-header', function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (that.options.liveSearch) {\r\n that.$searchbox.focus();\r\n } else {\r\n that.$button.focus();\r\n }\r\n });\r\n\r\n this.$menu.on('click', '.' + classNames.POPOVERHEADER + ' .close', function () {\r\n that.$button.click();\r\n });\r\n\r\n this.$searchbox.on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n this.$menu.on('click', '.actions-btn', function (e) {\r\n if (that.options.liveSearch) {\r\n that.$searchbox.focus();\r\n } else {\r\n that.$button.focus();\r\n }\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n if ($(this).hasClass('bs-select-all')) {\r\n that.selectAll();\r\n } else {\r\n that.deselectAll();\r\n }\r\n });\r\n\r\n this.$element.on({\r\n 'change': function () {\r\n that.render();\r\n that.$element.trigger('changed.bs.select', changed_arguments);\r\n changed_arguments = null;\r\n },\r\n 'focus': function () {\r\n that.$button.focus();\r\n }\r\n });\r\n },\r\n\r\n liveSearchListener: function () {\r\n var that = this,\r\n no_results = document.createElement('li');\r\n\r\n this.$button.on('click.bs.dropdown.data-api', function () {\r\n if (!!that.$searchbox.val()) {\r\n that.$searchbox.val('');\r\n }\r\n });\r\n\r\n this.$searchbox.on('click.bs.dropdown.data-api focus.bs.dropdown.data-api touchend.bs.dropdown.data-api', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n this.$searchbox.on('input propertychange', function () {\r\n var searchValue = that.$searchbox.val();\r\n \r\n that.selectpicker.search.map.newIndex = {};\r\n that.selectpicker.search.map.originalIndex = {};\r\n that.selectpicker.search.elements = [];\r\n that.selectpicker.search.data = [];\r\n\r\n if (searchValue) {\r\n var i,\r\n searchMatch = [],\r\n q = searchValue.toUpperCase(),\r\n cache = {},\r\n cacheArr = [],\r\n searchStyle = that._searchStyle(),\r\n normalizeSearch = that.options.liveSearchNormalize;\r\n\r\n that._$lisSelected = that.$menuInner.find('.selected');\r\n\r\n for (var i = 0; i < that.selectpicker.main.data.length; i++) {\r\n var li = that.selectpicker.main.data[i];\r\n\r\n if (!cache[i]) {\r\n cache[i] = stringSearch(li, q, searchStyle, normalizeSearch);\r\n }\r\n\r\n if (cache[i] && li.headerIndex !== undefined && cacheArr.indexOf(li.headerIndex) === -1) {\r\n if (li.headerIndex > 0) {\r\n cache[li.headerIndex - 1] = true;\r\n cacheArr.push(li.headerIndex - 1);\r\n }\r\n\r\n cache[li.headerIndex] = true;\r\n cacheArr.push(li.headerIndex);\r\n \r\n cache[li.lastIndex + 1] = true;\r\n }\r\n\r\n if (cache[i] && li.type !== 'optgroup-label') cacheArr.push(i);\r\n }\r\n\r\n for (var i = 0, cacheLen = cacheArr.length; i < cacheLen; i++) {\r\n var index = cacheArr[i],\r\n prevIndex = cacheArr[i - 1],\r\n li = that.selectpicker.main.data[index],\r\n liPrev = that.selectpicker.main.data[prevIndex];\r\n \r\n if ( li.type !== 'divider' || ( li.type === 'divider' && liPrev && liPrev.type !== 'divider' && cacheLen - 1 !== i ) ) {\r\n that.selectpicker.search.data.push(li);\r\n searchMatch.push(that.selectpicker.main.elements[index]);\r\n that.selectpicker.search.map.newIndex[li.originalIndex] = searchMatch.length - 1;\r\n that.selectpicker.search.map.originalIndex[searchMatch.length - 1] = li.originalIndex;\r\n }\r\n }\r\n\r\n that.activeIndex = undefined;\r\n that.noScroll = true;\r\n that.$menuInner.scrollTop(0);\r\n that.selectpicker.search.elements = searchMatch;\r\n that.createView(true);\r\n\r\n if (!searchMatch.length) {\r\n no_results.className = 'no-results';\r\n no_results.innerHTML = that.options.noneResultsText.replace('{0}', '\"' + htmlEscape(searchValue) + '\"');\r\n that.$menuInner[0].firstChild.appendChild(no_results);\r\n }\r\n } else {\r\n that.$menuInner.scrollTop(0);\r\n that.createView(false);\r\n }\r\n });\r\n },\r\n\r\n _searchStyle: function () {\r\n return this.options.liveSearchStyle || 'contains';\r\n },\r\n\r\n val: function (value) {\r\n if (typeof value !== 'undefined') {\r\n this.$element\r\n .val(value)\r\n .triggerNative('change');\r\n\r\n return this.$element;\r\n } else {\r\n return this.$element.val();\r\n }\r\n },\r\n\r\n changeAll: function (status) {\r\n if (!this.multiple) return;\r\n if (typeof status === 'undefined') status = true;\r\n\r\n var $selectOptions = this.$element.find('option'),\r\n previousSelected = 0,\r\n currentSelected = 0,\r\n prevValue = getSelectValues(this.$element[0]);\r\n\r\n this.$element.addClass('bs-select-hidden');\r\n\r\n for (var i = 0; i < this.selectpicker.current.elements.length; i++) {\r\n var index = this.selectpicker.current.map.originalIndex[i], // faster than $(li).data('originalIndex')\r\n option = $selectOptions[index];\r\n\r\n if (option) {\r\n if (option.selected) previousSelected++;\r\n option.selected = status;\r\n if (option.selected) currentSelected++;\r\n }\r\n }\r\n\r\n this.$element.removeClass('bs-select-hidden');\r\n\r\n if (previousSelected === currentSelected) return;\r\n\r\n this.setOptionStatus();\r\n\r\n this.togglePlaceholder();\r\n\r\n changed_arguments = [null, null, prevValue];\r\n\r\n this.$element\r\n .triggerNative('change');\r\n },\r\n\r\n selectAll: function () {\r\n return this.changeAll(true);\r\n },\r\n\r\n deselectAll: function () {\r\n return this.changeAll(false);\r\n },\r\n\r\n toggle: function (e) {\r\n e = e || window.event;\r\n\r\n if (e) e.stopPropagation();\r\n\r\n this.$button.trigger('click.bs.dropdown.data-api');\r\n },\r\n\r\n keydown: function (e) {\r\n var $this = $(this),\r\n $parent = $this.is('input') ? $this.parent().parent() : $this.parent(),\r\n that = $parent.data('this'),\r\n $items = that.findLis(),\r\n index,\r\n isActive,\r\n liActive,\r\n activeLi,\r\n offset,\r\n updateScroll = false,\r\n downOnTab = e.which === keyCodes.TAB && !$this.hasClass('dropdown-toggle') && !that.options.selectOnTab,\r\n isArrowKey = REGEXP_ARROW.test(e.which) || downOnTab,\r\n scrollTop = that.$menuInner[0].scrollTop,\r\n isVirtual = that.isVirtual(),\r\n position0 = isVirtual === true ? that.selectpicker.view.position0 : 0;\r\n\r\n isActive = that.$newElement.hasClass(classNames.SHOW);\r\n\r\n if (\r\n !isActive &&\r\n (\r\n isArrowKey ||\r\n e.which >= 48 && e.which <= 57 ||\r\n e.which >= 96 && e.which <= 105 ||\r\n e.which >= 65 && e.which <= 90\r\n )\r\n ) {\r\n that.$button.trigger('click.bs.dropdown.data-api');\r\n }\r\n\r\n if (e.which === keyCodes.ESCAPE && isActive) {\r\n e.preventDefault();\r\n that.$button.trigger('click.bs.dropdown.data-api').focus();\r\n }\r\n\r\n if (isArrowKey) { // if up or down\r\n if (!$items.length) return;\r\n\r\n // $items.index/.filter is too slow with a large list and no virtual scroll\r\n index = isVirtual === true ? $items.index($items.filter('.active')) : that.selectpicker.current.map.newIndex[that.activeIndex];\r\n\r\n if (index === undefined) index = -1;\r\n\r\n if (index !== -1) {\r\n liActive = that.selectpicker.current.elements[index + position0];\r\n liActive.classList.remove('active');\r\n if (liActive.firstChild) liActive.firstChild.classList.remove('active');\r\n }\r\n\r\n if (e.which === keyCodes.ARROW_UP) { // up\r\n if (index !== -1) index--;\r\n if (index + position0 < 0) index += $items.length;\r\n\r\n if (!that.selectpicker.view.canHighlight[index + position0]) {\r\n index = that.selectpicker.view.canHighlight.slice(0, index + position0).lastIndexOf(true) - position0;\r\n if (index === -1) index = $items.length - 1;\r\n }\r\n } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down\r\n index++;\r\n if (index + position0 >= that.selectpicker.view.canHighlight.length) index = 0;\r\n\r\n if (!that.selectpicker.view.canHighlight[index + position0]) {\r\n index = index + 1 + that.selectpicker.view.canHighlight.slice(index + position0 + 1).indexOf(true);\r\n }\r\n }\r\n\r\n e.preventDefault();\r\n\r\n var liActiveIndex = position0 + index;\r\n\r\n if (e.which === keyCodes.ARROW_UP) { // up\r\n // scroll to bottom and highlight last option\r\n if (position0 === 0 && index === $items.length - 1) {\r\n that.$menuInner[0].scrollTop = that.$menuInner[0].scrollHeight;\r\n\r\n liActiveIndex = that.selectpicker.current.elements.length - 1;\r\n } else {\r\n activeLi = that.selectpicker.current.data[liActiveIndex];\r\n offset = activeLi.position - activeLi.height;\r\n\r\n updateScroll = offset < scrollTop;\r\n }\r\n } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down\r\n // scroll to top and highlight first option\r\n if (position0 !== 0 && index === 0) {\r\n that.$menuInner[0].scrollTop = 0;\r\n\r\n liActiveIndex = 0;\r\n } else {\r\n activeLi = that.selectpicker.current.data[liActiveIndex];\r\n offset = activeLi.position - that.sizeInfo.menuInnerHeight;\r\n\r\n updateScroll = offset > scrollTop;\r\n }\r\n }\r\n\r\n liActive = that.selectpicker.current.elements[liActiveIndex];\r\n liActive.classList.add('active');\r\n if (liActive.firstChild) liActive.firstChild.classList.add('active');\r\n that.activeIndex = that.selectpicker.current.map.originalIndex[liActiveIndex];\r\n\r\n that.selectpicker.view.currentActive = liActive;\r\n\r\n if (updateScroll) that.$menuInner[0].scrollTop = offset;\r\n\r\n if (that.options.liveSearch) {\r\n that.$searchbox.focus();\r\n } else {\r\n $this.focus();\r\n }\r\n } else if (\r\n !$this.is('input') &&\r\n !REGEXP_TAB_OR_ESCAPE.test(e.which) ||\r\n (e.which === keyCodes.SPACE && that.selectpicker.keydown.keyHistory)\r\n ) {\r\n var searchMatch,\r\n matches = [],\r\n keyHistory;\r\n\r\n e.preventDefault();\r\n\r\n that.selectpicker.keydown.keyHistory += keyCodeMap[e.which];\r\n\r\n if (that.selectpicker.keydown.resetKeyHistory.cancel) clearTimeout(that.selectpicker.keydown.resetKeyHistory.cancel);\r\n that.selectpicker.keydown.resetKeyHistory.cancel = that.selectpicker.keydown.resetKeyHistory.start();\r\n\r\n keyHistory = that.selectpicker.keydown.keyHistory;\r\n\r\n // if all letters are the same, set keyHistory to just the first character when searching\r\n if (/^(.)\\1+$/.test(keyHistory)) {\r\n keyHistory = keyHistory.charAt(0);\r\n }\r\n\r\n // find matches\r\n for (var i = 0; i < that.selectpicker.current.data.length; i++) {\r\n var li = that.selectpicker.current.data[i],\r\n hasMatch;\r\n\r\n hasMatch = stringSearch(li, keyHistory, 'startsWith', true);\r\n\r\n if (hasMatch && that.selectpicker.view.canHighlight[i]) {\r\n li.index = i;\r\n matches.push(li.originalIndex);\r\n }\r\n }\r\n\r\n if (matches.length) {\r\n var matchIndex = 0;\r\n\r\n $items.removeClass('active').find('a').removeClass('active');\r\n\r\n // either only one key has been pressed or they are all the same key\r\n if (keyHistory.length === 1) {\r\n matchIndex = matches.indexOf(that.activeIndex);\r\n\r\n if (matchIndex === -1 || matchIndex === matches.length - 1) {\r\n matchIndex = 0;\r\n } else {\r\n matchIndex++;\r\n }\r\n }\r\n\r\n searchMatch = that.selectpicker.current.map.newIndex[matches[matchIndex]];\r\n\r\n activeLi = that.selectpicker.current.data[searchMatch];\r\n\r\n if (scrollTop - activeLi.position > 0) {\r\n offset = activeLi.position - activeLi.height;\r\n updateScroll = true;\r\n } else {\r\n offset = activeLi.position - that.sizeInfo.menuInnerHeight;\r\n // if the option is already visible at the current scroll position, just keep it the same\r\n updateScroll = activeLi.position > scrollTop + that.sizeInfo.menuInnerHeight; \r\n }\r\n\r\n liActive = that.selectpicker.current.elements[searchMatch];\r\n liActive.classList.add('active');\r\n if (liActive.firstChild) liActive.firstChild.classList.add('active');\r\n that.activeIndex = matches[matchIndex];\r\n\r\n liActive.firstChild.focus();\r\n\r\n if (updateScroll) that.$menuInner[0].scrollTop = offset;\r\n\r\n $this.focus();\r\n }\r\n }\r\n\r\n // Select focused option if \"Enter\", \"Spacebar\" or \"Tab\" (when selectOnTab is true) are pressed inside the menu.\r\n if (\r\n isActive &&\r\n (\r\n (e.which === keyCodes.SPACE && !that.selectpicker.keydown.keyHistory) ||\r\n e.which === keyCodes.ENTER ||\r\n (e.which === keyCodes.TAB && that.options.selectOnTab)\r\n )\r\n ) {\r\n if (e.which !== keyCodes.SPACE) e.preventDefault();\r\n\r\n if (!that.options.liveSearch || e.which !== keyCodes.SPACE) {\r\n that.$menuInner.find('.active a').trigger('click', true); // retain active class\r\n $this.focus();\r\n\r\n if (!that.options.liveSearch) {\r\n // Prevent screen from scrolling if the user hits the spacebar\r\n e.preventDefault();\r\n // Fixes spacebar selection of dropdown items in FF & IE\r\n $(document).data('spaceSelect', true);\r\n }\r\n }\r\n }\r\n },\r\n\r\n mobile: function () {\r\n this.$element.addClass('mobile-device');\r\n },\r\n\r\n refresh: function () {\r\n // update options if data attributes have been changed\r\n var config = $.extend({}, this.options, this.$element.data());\r\n this.options = config;\r\n\r\n this.selectpicker.main.map.newIndex = {};\r\n this.selectpicker.main.map.originalIndex = {};\r\n this.createLi();\r\n this.checkDisabled();\r\n this.render();\r\n this.setStyle();\r\n this.setWidth();\r\n\r\n this.setSize(true);\r\n\r\n this.$element.trigger('refreshed.bs.select');\r\n },\r\n\r\n hide: function () {\r\n this.$newElement.hide();\r\n },\r\n\r\n show: function () {\r\n this.$newElement.show();\r\n },\r\n\r\n remove: function () {\r\n this.$newElement.remove();\r\n this.$element.remove();\r\n },\r\n\r\n destroy: function () {\r\n this.$newElement.before(this.$element).remove();\r\n\r\n if (this.$bsContainer) {\r\n this.$bsContainer.remove();\r\n } else {\r\n this.$menu.remove();\r\n }\r\n\r\n this.$element\r\n .off('.bs.select')\r\n .removeData('selectpicker')\r\n .removeClass('bs-select-hidden selectpicker');\r\n }\r\n };\r\n\r\n // SELECTPICKER PLUGIN DEFINITION\r\n // ==============================\r\n function Plugin(option) {\r\n // get the args of the outer function..\r\n var args = arguments;\r\n // The arguments of the function are explicitly re-defined from the argument list, because the shift causes them\r\n // to get lost/corrupted in android 2.3 and IE9 #715 #775\r\n var _option = option;\r\n\r\n [].shift.apply(args);\r\n\r\n var value;\r\n var chain = this.each(function () {\r\n var $this = $(this);\r\n if ($this.is('select')) {\r\n var data = $this.data('selectpicker'),\r\n options = typeof _option == 'object' && _option;\r\n\r\n if (!data) {\r\n var config = $.extend({}, Selectpicker.DEFAULTS, $.fn.selectpicker.defaults || {}, $this.data(), options);\r\n config.template = $.extend({}, Selectpicker.DEFAULTS.template, ($.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.template : {}), $this.data().template, options.template);\r\n $this.data('selectpicker', (data = new Selectpicker(this, config)));\r\n } else if (options) {\r\n for (var i in options) {\r\n if (options.hasOwnProperty(i)) {\r\n data.options[i] = options[i];\r\n }\r\n }\r\n }\r\n\r\n if (typeof _option == 'string') {\r\n if (data[_option] instanceof Function) {\r\n value = data[_option].apply(data, args);\r\n } else {\r\n value = data.options[_option];\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (typeof value !== 'undefined') {\r\n //noinspection JSUnusedAssignment\r\n return value;\r\n } else {\r\n return chain;\r\n }\r\n }\r\n\r\n var old = $.fn.selectpicker;\r\n $.fn.selectpicker = Plugin;\r\n $.fn.selectpicker.Constructor = Selectpicker;\r\n\r\n // SELECTPICKER NO CONFLICT\r\n // ========================\r\n $.fn.selectpicker.noConflict = function () {\r\n $.fn.selectpicker = old;\r\n return this;\r\n };\r\n\r\n $(document)\r\n .off('keydown.bs.dropdown.data-api')\r\n .on('keydown.bs.select', '.bootstrap-select [data-toggle=\"dropdown\"], .bootstrap-select [role=\"listbox\"], .bs-searchbox input', Selectpicker.prototype.keydown)\r\n .on('focusin.modal', '.bootstrap-select [data-toggle=\"dropdown\"], .bootstrap-select [role=\"listbox\"], .bs-searchbox input', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n // SELECTPICKER DATA-API\r\n // =====================\r\n $(window).on('load.bs.select.data-api', function () {\r\n $('.selectpicker').each(function () {\r\n var $selectpicker = $(this);\r\n Plugin.call($selectpicker, $selectpicker.data());\r\n })\r\n });\r\n})(jQuery);\r\n\n\n}));\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'dropdown'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.dropdown'\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\nconst SPACE_KEYCODE = 32 // KeyboardEvent.which value for space key\nconst TAB_KEYCODE = 9 // KeyboardEvent.which value for tab key\nconst ARROW_UP_KEYCODE = 38 // KeyboardEvent.which value for up arrow key\nconst ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key\nconst RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse)\nconst REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`)\n\nconst CLASS_NAME_DISABLED = 'disabled'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_DROPUP = 'dropup'\nconst CLASS_NAME_DROPRIGHT = 'dropright'\nconst CLASS_NAME_DROPLEFT = 'dropleft'\nconst CLASS_NAME_MENURIGHT = 'dropdown-menu-right'\nconst CLASS_NAME_POSITION_STATIC = 'position-static'\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_CLICK = `click${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"dropdown\"]'\nconst SELECTOR_FORM_CHILD = '.dropdown form'\nconst SELECTOR_MENU = '.dropdown-menu'\nconst SELECTOR_NAVBAR_NAV = '.navbar-nav'\nconst SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'\n\nconst PLACEMENT_TOP = 'top-start'\nconst PLACEMENT_TOPEND = 'top-end'\nconst PLACEMENT_BOTTOM = 'bottom-start'\nconst PLACEMENT_BOTTOMEND = 'bottom-end'\nconst PLACEMENT_RIGHT = 'right-start'\nconst PLACEMENT_LEFT = 'left-start'\n\nconst Default = {\n offset: 0,\n flip: true,\n boundary: 'scrollParent',\n reference: 'toggle',\n display: 'dynamic',\n popperConfig: null\n}\n\nconst DefaultType = {\n offset: '(number|string|function)',\n flip: 'boolean',\n boundary: '(string|element)',\n reference: '(string|element)',\n display: 'string',\n popperConfig: '(null|object)'\n}\n\n/**\n * Class definition\n */\n\nclass Dropdown {\n constructor(element, config) {\n this._element = element\n this._popper = null\n this._config = this._getConfig(config)\n this._menu = this._getMenuElement()\n this._inNavbar = this._detectNavbar()\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 static get DefaultType() {\n return DefaultType\n }\n\n // Public\n toggle() {\n if (this._element.disabled || $(this._element).hasClass(CLASS_NAME_DISABLED)) {\n return\n }\n\n const isActive = $(this._menu).hasClass(CLASS_NAME_SHOW)\n\n Dropdown._clearMenus()\n\n if (isActive) {\n return\n }\n\n this.show(true)\n }\n\n show(usePopper = false) {\n if (this._element.disabled || $(this._element).hasClass(CLASS_NAME_DISABLED) || $(this._menu).hasClass(CLASS_NAME_SHOW)) {\n return\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n }\n const showEvent = $.Event(EVENT_SHOW, relatedTarget)\n const parent = Dropdown._getParentFromElement(this._element)\n\n $(parent).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n // Totally disable Popper for Dropdowns in Navbar\n if (!this._inNavbar && usePopper) {\n // Check for Popper dependency\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap\\'s dropdowns require Popper (https://popper.js.org)')\n }\n\n let referenceElement = this._element\n\n if (this._config.reference === 'parent') {\n referenceElement = parent\n } else if (Util.isElement(this._config.reference)) {\n referenceElement = this._config.reference\n\n // Check if it's jQuery element\n if (typeof this._config.reference.jquery !== 'undefined') {\n referenceElement = this._config.reference[0]\n }\n }\n\n // If boundary is not `scrollParent`, then set position to `static`\n // to allow the menu to \"escape\" the scroll parent's boundaries\n // https://github.com/twbs/bootstrap/issues/24251\n if (this._config.boundary !== 'scrollParent') {\n $(parent).addClass(CLASS_NAME_POSITION_STATIC)\n }\n\n this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig())\n }\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement &&\n $(parent).closest(SELECTOR_NAVBAR_NAV).length === 0) {\n $(document.body).children().on('mouseover', null, $.noop)\n }\n\n this._element.focus()\n this._element.setAttribute('aria-expanded', true)\n\n $(this._menu).toggleClass(CLASS_NAME_SHOW)\n $(parent)\n .toggleClass(CLASS_NAME_SHOW)\n .trigger($.Event(EVENT_SHOWN, relatedTarget))\n }\n\n hide() {\n if (this._element.disabled || $(this._element).hasClass(CLASS_NAME_DISABLED) || !$(this._menu).hasClass(CLASS_NAME_SHOW)) {\n return\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n }\n const hideEvent = $.Event(EVENT_HIDE, relatedTarget)\n const parent = Dropdown._getParentFromElement(this._element)\n\n $(parent).trigger(hideEvent)\n\n if (hideEvent.isDefaultPrevented()) {\n return\n }\n\n if (this._popper) {\n this._popper.destroy()\n }\n\n $(this._menu).toggleClass(CLASS_NAME_SHOW)\n $(parent)\n .toggleClass(CLASS_NAME_SHOW)\n .trigger($.Event(EVENT_HIDDEN, relatedTarget))\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._element).off(EVENT_KEY)\n this._element = null\n this._menu = null\n if (this._popper !== null) {\n this._popper.destroy()\n this._popper = null\n }\n }\n\n update() {\n this._inNavbar = this._detectNavbar()\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Private\n _addEventListeners() {\n $(this._element).on(EVENT_CLICK, event => {\n event.preventDefault()\n event.stopPropagation()\n this.toggle()\n })\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this._element).data(),\n ...config\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getMenuElement() {\n if (!this._menu) {\n const parent = Dropdown._getParentFromElement(this._element)\n\n if (parent) {\n this._menu = parent.querySelector(SELECTOR_MENU)\n }\n }\n\n return this._menu\n }\n\n _getPlacement() {\n const $parentDropdown = $(this._element.parentNode)\n let placement = PLACEMENT_BOTTOM\n\n // Handle dropup\n if ($parentDropdown.hasClass(CLASS_NAME_DROPUP)) {\n placement = $(this._menu).hasClass(CLASS_NAME_MENURIGHT) ?\n PLACEMENT_TOPEND :\n PLACEMENT_TOP\n } else if ($parentDropdown.hasClass(CLASS_NAME_DROPRIGHT)) {\n placement = PLACEMENT_RIGHT\n } else if ($parentDropdown.hasClass(CLASS_NAME_DROPLEFT)) {\n placement = PLACEMENT_LEFT\n } else if ($(this._menu).hasClass(CLASS_NAME_MENURIGHT)) {\n placement = PLACEMENT_BOTTOMEND\n }\n\n return placement\n }\n\n _detectNavbar() {\n return $(this._element).closest('.navbar').length > 0\n }\n\n _getOffset() {\n const offset = {}\n\n if (typeof this._config.offset === 'function') {\n offset.fn = data => {\n data.offsets = {\n ...data.offsets,\n ...this._config.offset(data.offsets, this._element)\n }\n\n return data\n }\n } else {\n offset.offset = this._config.offset\n }\n\n return offset\n }\n\n _getPopperConfig() {\n const popperConfig = {\n placement: this._getPlacement(),\n modifiers: {\n offset: this._getOffset(),\n flip: {\n enabled: this._config.flip\n },\n preventOverflow: {\n boundariesElement: this._config.boundary\n }\n }\n }\n\n // Disable Popper if we have a static display\n if (this._config.display === 'static') {\n popperConfig.modifiers.applyStyle = {\n enabled: false\n }\n }\n\n return {\n ...popperConfig,\n ...this._config.popperConfig\n }\n }\n\n // Static\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data) {\n data = new Dropdown(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]()\n }\n })\n }\n\n static _clearMenus(event) {\n if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH ||\n event.type === 'keyup' && event.which !== TAB_KEYCODE)) {\n return\n }\n\n const toggles = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE))\n\n for (let i = 0, len = toggles.length; i < len; i++) {\n const parent = Dropdown._getParentFromElement(toggles[i])\n const context = $(toggles[i]).data(DATA_KEY)\n const relatedTarget = {\n relatedTarget: toggles[i]\n }\n\n if (event && event.type === 'click') {\n relatedTarget.clickEvent = event\n }\n\n if (!context) {\n continue\n }\n\n const dropdownMenu = context._menu\n if (!$(parent).hasClass(CLASS_NAME_SHOW)) {\n continue\n }\n\n if (event && (event.type === 'click' &&\n /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) &&\n $.contains(parent, event.target)) {\n continue\n }\n\n const hideEvent = $.Event(EVENT_HIDE, relatedTarget)\n $(parent).trigger(hideEvent)\n if (hideEvent.isDefaultPrevented()) {\n continue\n }\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $(document.body).children().off('mouseover', null, $.noop)\n }\n\n toggles[i].setAttribute('aria-expanded', 'false')\n\n if (context._popper) {\n context._popper.destroy()\n }\n\n $(dropdownMenu).removeClass(CLASS_NAME_SHOW)\n $(parent)\n .removeClass(CLASS_NAME_SHOW)\n .trigger($.Event(EVENT_HIDDEN, relatedTarget))\n }\n }\n\n static _getParentFromElement(element) {\n let parent\n const selector = Util.getSelectorFromElement(element)\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n return parent || element.parentNode\n }\n\n // eslint-disable-next-line complexity\n static _dataApiKeydownHandler(event) {\n // If not input/textarea:\n // - And not a key in REGEXP_KEYDOWN => not a dropdown command\n // If input/textarea:\n // - If space key => not a dropdown command\n // - If key is other than escape\n // - If key is not up or down => not a dropdown command\n // - If trigger inside the menu => not a dropdown command\n if (/input|textarea/i.test(event.target.tagName) ?\n event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE &&\n (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE ||\n $(event.target).closest(SELECTOR_MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {\n return\n }\n\n if (this.disabled || $(this).hasClass(CLASS_NAME_DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this)\n const isActive = $(parent).hasClass(CLASS_NAME_SHOW)\n\n if (!isActive && event.which === ESCAPE_KEYCODE) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n if (!isActive || (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {\n if (event.which === ESCAPE_KEYCODE) {\n $(parent.querySelector(SELECTOR_DATA_TOGGLE)).trigger('focus')\n }\n\n $(this).trigger('click')\n return\n }\n\n const items = [].slice.call(parent.querySelectorAll(SELECTOR_VISIBLE_ITEMS))\n .filter(item => $(item).is(':visible'))\n\n if (items.length === 0) {\n return\n }\n\n let index = items.indexOf(event.target)\n\n if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up\n index--\n }\n\n if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down\n index++\n }\n\n if (index < 0) {\n index = 0\n }\n\n items[index].focus()\n }\n}\n\n/**\n * Data API implementation\n */\n\n$(document)\n .on(EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE, Dropdown._dataApiKeydownHandler)\n .on(EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown._dataApiKeydownHandler)\n .on(`${EVENT_CLICK_DATA_API} ${EVENT_KEYUP_DATA_API}`, Dropdown._clearMenus)\n .on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n event.preventDefault()\n event.stopPropagation()\n Dropdown._jQueryInterface.call($(this), 'toggle')\n })\n .on(EVENT_CLICK_DATA_API, SELECTOR_FORM_CHILD, e => {\n e.stopPropagation()\n })\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Dropdown._jQueryInterface\n$.fn[NAME].Constructor = Dropdown\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Dropdown._jQueryInterface\n}\n\nexport default Dropdown\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): tools/sanitizer.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst uriAttrs = [\n 'background',\n 'cite',\n 'href',\n 'itemtype',\n 'longdesc',\n 'poster',\n 'src',\n 'xlink:href'\n]\n\nconst ARIA_ATTRIBUTE_PATTERN = /^aria-[\\w-]*$/i\n\nexport const DefaultWhitelist = {\n // Global attributes allowed on any supplied element below.\n '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],\n a: ['target', 'href', 'title', 'rel'],\n area: [],\n b: [],\n br: [],\n col: [],\n code: [],\n div: [],\n em: [],\n hr: [],\n h1: [],\n h2: [],\n h3: [],\n h4: [],\n h5: [],\n h6: [],\n i: [],\n img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],\n li: [],\n ol: [],\n p: [],\n pre: [],\n s: [],\n small: [],\n span: [],\n sub: [],\n sup: [],\n strong: [],\n u: [],\n ul: []\n}\n\n/**\n * A pattern that recognizes a commonly useful subset of URLs that are safe.\n *\n * Shoutout to Angular https://github.com/angular/angular/blob/12.2.x/packages/core/src/sanitization/url_sanitizer.ts\n */\nconst SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^#&/:?]*(?:[#/?]|$))/i\n\n/**\n * A pattern that matches safe data URLs. Only matches image, video and audio types.\n *\n * Shoutout to Angular https://github.com/angular/angular/blob/12.2.x/packages/core/src/sanitization/url_sanitizer.ts\n */\nconst DATA_URL_PATTERN = /^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,[\\d+/a-z]+=*$/i\n\nfunction allowedAttribute(attr, allowedAttributeList) {\n const attrName = attr.nodeName.toLowerCase()\n\n if (allowedAttributeList.indexOf(attrName) !== -1) {\n if (uriAttrs.indexOf(attrName) !== -1) {\n return Boolean(SAFE_URL_PATTERN.test(attr.nodeValue) || DATA_URL_PATTERN.test(attr.nodeValue))\n }\n\n return true\n }\n\n const regExp = allowedAttributeList.filter(attrRegex => attrRegex instanceof RegExp)\n\n // Check if a regular expression validates the attribute.\n for (let i = 0, len = regExp.length; i < len; i++) {\n if (regExp[i].test(attrName)) {\n return true\n }\n }\n\n return false\n}\n\nexport function sanitizeHtml(unsafeHtml, whiteList, sanitizeFn) {\n if (unsafeHtml.length === 0) {\n return unsafeHtml\n }\n\n if (sanitizeFn && typeof sanitizeFn === 'function') {\n return sanitizeFn(unsafeHtml)\n }\n\n const domParser = new window.DOMParser()\n const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html')\n const whitelistKeys = Object.keys(whiteList)\n const elements = [].slice.call(createdDocument.body.querySelectorAll('*'))\n\n for (let i = 0, len = elements.length; i < len; i++) {\n const el = elements[i]\n const elName = el.nodeName.toLowerCase()\n\n if (whitelistKeys.indexOf(el.nodeName.toLowerCase()) === -1) {\n el.parentNode.removeChild(el)\n\n continue\n }\n\n const attributeList = [].slice.call(el.attributes)\n // eslint-disable-next-line unicorn/prefer-spread\n const whitelistedAttributes = [].concat(whiteList['*'] || [], whiteList[elName] || [])\n\n attributeList.forEach(attr => {\n if (!allowedAttribute(attr, whitelistedAttributes)) {\n el.removeAttribute(attr.nodeName)\n }\n })\n }\n\n return createdDocument.body.innerHTML\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport { DefaultWhitelist, sanitizeHtml } from './tools/sanitizer'\nimport $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'tooltip'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.tooltip'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst CLASS_PREFIX = 'bs-tooltip'\nconst BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\nconst DISALLOWED_ATTRIBUTES = ['sanitize', 'whiteList', 'sanitizeFn']\n\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\n\nconst HOVER_STATE_SHOW = 'show'\nconst HOVER_STATE_OUT = 'out'\n\nconst SELECTOR_TOOLTIP_INNER = '.tooltip-inner'\nconst SELECTOR_ARROW = '.arrow'\n\nconst TRIGGER_HOVER = 'hover'\nconst TRIGGER_FOCUS = 'focus'\nconst TRIGGER_CLICK = 'click'\nconst TRIGGER_MANUAL = 'manual'\n\nconst AttachmentMap = {\n AUTO: 'auto',\n TOP: 'top',\n RIGHT: 'right',\n BOTTOM: 'bottom',\n LEFT: 'left'\n}\n\nconst Default = {\n animation: true,\n template: '' +\n '' +\n '',\n trigger: 'hover focus',\n title: '',\n delay: 0,\n html: false,\n selector: false,\n placement: 'top',\n offset: 0,\n container: false,\n fallbackPlacement: 'flip',\n boundary: 'scrollParent',\n customClass: '',\n sanitize: true,\n sanitizeFn: null,\n whiteList: DefaultWhitelist,\n popperConfig: null\n}\n\nconst DefaultType = {\n animation: 'boolean',\n template: 'string',\n title: '(string|element|function)',\n trigger: 'string',\n delay: '(number|object)',\n html: 'boolean',\n selector: '(string|boolean)',\n placement: '(string|function)',\n offset: '(number|string|function)',\n container: '(string|element|boolean)',\n fallbackPlacement: '(string|array)',\n boundary: '(string|element)',\n customClass: '(string|function)',\n sanitize: 'boolean',\n sanitizeFn: '(null|function)',\n whiteList: 'object',\n popperConfig: '(null|object)'\n}\n\nconst Event = {\n HIDE: `hide${EVENT_KEY}`,\n HIDDEN: `hidden${EVENT_KEY}`,\n SHOW: `show${EVENT_KEY}`,\n SHOWN: `shown${EVENT_KEY}`,\n INSERTED: `inserted${EVENT_KEY}`,\n CLICK: `click${EVENT_KEY}`,\n FOCUSIN: `focusin${EVENT_KEY}`,\n FOCUSOUT: `focusout${EVENT_KEY}`,\n MOUSEENTER: `mouseenter${EVENT_KEY}`,\n MOUSELEAVE: `mouseleave${EVENT_KEY}`\n}\n\n/**\n * Class definition\n */\n\nclass Tooltip {\n constructor(element, config) {\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap\\'s tooltips require Popper (https://popper.js.org)')\n }\n\n // Private\n this._isEnabled = true\n this._timeout = 0\n this._hoverState = ''\n this._activeTrigger = {}\n this._popper = null\n\n // Protected\n this.element = element\n this.config = this._getConfig(config)\n this.tip = null\n\n this._setListeners()\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n enable() {\n this._isEnabled = true\n }\n\n disable() {\n this._isEnabled = false\n }\n\n toggleEnabled() {\n this._isEnabled = !this._isEnabled\n }\n\n toggle(event) {\n if (!this._isEnabled) {\n return\n }\n\n if (event) {\n const dataKey = this.constructor.DATA_KEY\n let context = $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n context._activeTrigger.click = !context._activeTrigger.click\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context)\n } else {\n context._leave(null, context)\n }\n } else {\n if ($(this.getTipElement()).hasClass(CLASS_NAME_SHOW)) {\n this._leave(null, this)\n return\n }\n\n this._enter(null, this)\n }\n }\n\n dispose() {\n clearTimeout(this._timeout)\n\n $.removeData(this.element, this.constructor.DATA_KEY)\n\n $(this.element).off(this.constructor.EVENT_KEY)\n $(this.element).closest('.modal').off('hide.bs.modal', this._hideModalHandler)\n\n if (this.tip) {\n $(this.tip).remove()\n }\n\n this._isEnabled = null\n this._timeout = null\n this._hoverState = null\n this._activeTrigger = null\n if (this._popper) {\n this._popper.destroy()\n }\n\n this._popper = null\n this.element = null\n this.config = null\n this.tip = null\n }\n\n show() {\n if ($(this.element).css('display') === 'none') {\n throw new Error('Please use show on visible elements')\n }\n\n const showEvent = $.Event(this.constructor.Event.SHOW)\n if (this.isWithContent() && this._isEnabled) {\n $(this.element).trigger(showEvent)\n\n const shadowRoot = Util.findShadowRoot(this.element)\n const isInTheDom = $.contains(\n shadowRoot !== null ? shadowRoot : this.element.ownerDocument.documentElement,\n this.element\n )\n\n if (showEvent.isDefaultPrevented() || !isInTheDom) {\n return\n }\n\n const tip = this.getTipElement()\n const tipId = Util.getUID(this.constructor.NAME)\n\n tip.setAttribute('id', tipId)\n this.element.setAttribute('aria-describedby', tipId)\n\n this.setContent()\n\n if (this.config.animation) {\n $(tip).addClass(CLASS_NAME_FADE)\n }\n\n const placement = typeof this.config.placement === 'function' ?\n this.config.placement.call(this, tip, this.element) :\n this.config.placement\n\n const attachment = this._getAttachment(placement)\n this.addAttachmentClass(attachment)\n\n const container = this._getContainer()\n $(tip).data(this.constructor.DATA_KEY, this)\n\n if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {\n $(tip).appendTo(container)\n }\n\n $(this.element).trigger(this.constructor.Event.INSERTED)\n\n this._popper = new Popper(this.element, tip, this._getPopperConfig(attachment))\n\n $(tip).addClass(CLASS_NAME_SHOW)\n $(tip).addClass(this.config.customClass)\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement) {\n $(document.body).children().on('mouseover', null, $.noop)\n }\n\n const complete = () => {\n if (this.config.animation) {\n this._fixTransition()\n }\n\n const prevHoverState = this._hoverState\n this._hoverState = null\n\n $(this.element).trigger(this.constructor.Event.SHOWN)\n\n if (prevHoverState === HOVER_STATE_OUT) {\n this._leave(null, this)\n }\n }\n\n if ($(this.tip).hasClass(CLASS_NAME_FADE)) {\n const transitionDuration = Util.getTransitionDurationFromElement(this.tip)\n\n $(this.tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n complete()\n }\n }\n }\n\n hide(callback) {\n const tip = this.getTipElement()\n const hideEvent = $.Event(this.constructor.Event.HIDE)\n const complete = () => {\n if (this._hoverState !== HOVER_STATE_SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip)\n }\n\n this._cleanTipClass()\n this.element.removeAttribute('aria-describedby')\n $(this.element).trigger(this.constructor.Event.HIDDEN)\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n if (callback) {\n callback()\n }\n }\n\n $(this.element).trigger(hideEvent)\n\n if (hideEvent.isDefaultPrevented()) {\n return\n }\n\n $(tip).removeClass(CLASS_NAME_SHOW)\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $(document.body).children().off('mouseover', null, $.noop)\n }\n\n this._activeTrigger[TRIGGER_CLICK] = false\n this._activeTrigger[TRIGGER_FOCUS] = false\n this._activeTrigger[TRIGGER_HOVER] = false\n\n if ($(this.tip).hasClass(CLASS_NAME_FADE)) {\n const transitionDuration = Util.getTransitionDurationFromElement(tip)\n\n $(tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n complete()\n }\n\n this._hoverState = ''\n }\n\n update() {\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Protected\n isWithContent() {\n return Boolean(this.getTitle())\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const tip = this.getTipElement()\n this.setElementContent($(tip.querySelectorAll(SELECTOR_TOOLTIP_INNER)), this.getTitle())\n $(tip).removeClass(`${CLASS_NAME_FADE} ${CLASS_NAME_SHOW}`)\n }\n\n setElementContent($element, content) {\n if (typeof content === 'object' && (content.nodeType || content.jquery)) {\n // Content is a DOM node or a jQuery\n if (this.config.html) {\n if (!$(content).parent().is($element)) {\n $element.empty().append(content)\n }\n } else {\n $element.text($(content).text())\n }\n\n return\n }\n\n if (this.config.html) {\n if (this.config.sanitize) {\n content = sanitizeHtml(content, this.config.whiteList, this.config.sanitizeFn)\n }\n\n $element.html(content)\n } else {\n $element.text(content)\n }\n }\n\n getTitle() {\n let title = this.element.getAttribute('data-original-title')\n\n if (!title) {\n title = typeof this.config.title === 'function' ?\n this.config.title.call(this.element) :\n this.config.title\n }\n\n return title\n }\n\n // Private\n _getPopperConfig(attachment) {\n const defaultBsConfig = {\n placement: attachment,\n modifiers: {\n offset: this._getOffset(),\n flip: {\n behavior: this.config.fallbackPlacement\n },\n arrow: {\n element: SELECTOR_ARROW\n },\n preventOverflow: {\n boundariesElement: this.config.boundary\n }\n },\n onCreate: data => {\n if (data.originalPlacement !== data.placement) {\n this._handlePopperPlacementChange(data)\n }\n },\n onUpdate: data => this._handlePopperPlacementChange(data)\n }\n\n return {\n ...defaultBsConfig,\n ...this.config.popperConfig\n }\n }\n\n _getOffset() {\n const offset = {}\n\n if (typeof this.config.offset === 'function') {\n offset.fn = data => {\n data.offsets = {\n ...data.offsets,\n ...this.config.offset(data.offsets, this.element)\n }\n\n return data\n }\n } else {\n offset.offset = this.config.offset\n }\n\n return offset\n }\n\n _getContainer() {\n if (this.config.container === false) {\n return document.body\n }\n\n if (Util.isElement(this.config.container)) {\n return $(this.config.container)\n }\n\n return $(document).find(this.config.container)\n }\n\n _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()]\n }\n\n _setListeners() {\n const triggers = this.config.trigger.split(' ')\n\n triggers.forEach(trigger => {\n if (trigger === 'click') {\n $(this.element).on(\n this.constructor.Event.CLICK,\n this.config.selector,\n event => this.toggle(event)\n )\n } else if (trigger !== TRIGGER_MANUAL) {\n const eventIn = trigger === TRIGGER_HOVER ?\n this.constructor.Event.MOUSEENTER :\n this.constructor.Event.FOCUSIN\n const eventOut = trigger === TRIGGER_HOVER ?\n this.constructor.Event.MOUSELEAVE :\n this.constructor.Event.FOCUSOUT\n\n $(this.element)\n .on(eventIn, this.config.selector, event => this._enter(event))\n .on(eventOut, this.config.selector, event => this._leave(event))\n }\n })\n\n this._hideModalHandler = () => {\n if (this.element) {\n this.hide()\n }\n }\n\n $(this.element).closest('.modal').on('hide.bs.modal', this._hideModalHandler)\n\n if (this.config.selector) {\n this.config = {\n ...this.config,\n trigger: 'manual',\n selector: ''\n }\n } else {\n this._fixTitle()\n }\n }\n\n _fixTitle() {\n const titleType = typeof this.element.getAttribute('data-original-title')\n\n if (this.element.getAttribute('title') || titleType !== 'string') {\n this.element.setAttribute(\n 'data-original-title',\n this.element.getAttribute('title') || ''\n )\n\n this.element.setAttribute('title', '')\n }\n }\n\n _enter(event, context) {\n const dataKey = this.constructor.DATA_KEY\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER\n ] = true\n }\n\n if ($(context.getTipElement()).hasClass(CLASS_NAME_SHOW) || context._hoverState === HOVER_STATE_SHOW) {\n context._hoverState = HOVER_STATE_SHOW\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HOVER_STATE_SHOW\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HOVER_STATE_SHOW) {\n context.show()\n }\n }, context.config.delay.show)\n }\n\n _leave(event, context) {\n const dataKey = this.constructor.DATA_KEY\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER\n ] = false\n }\n\n if (context._isWithActiveTrigger()) {\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HOVER_STATE_OUT\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HOVER_STATE_OUT) {\n context.hide()\n }\n }, context.config.delay.hide)\n }\n\n _isWithActiveTrigger() {\n for (const trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true\n }\n }\n\n return false\n }\n\n _getConfig(config) {\n const dataAttributes = $(this.element).data()\n\n Object.keys(dataAttributes)\n .forEach(dataAttr => {\n if (DISALLOWED_ATTRIBUTES.indexOf(dataAttr) !== -1) {\n delete dataAttributes[dataAttr]\n }\n })\n\n config = {\n ...this.constructor.Default,\n ...dataAttributes,\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n }\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString()\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString()\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n if (config.sanitize) {\n config.template = sanitizeHtml(config.template, config.whiteList, config.sanitizeFn)\n }\n\n return config\n }\n\n _getDelegateConfig() {\n const config = {}\n\n if (this.config) {\n for (const key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key]\n }\n }\n }\n\n return config\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n _handlePopperPlacementChange(popperData) {\n this.tip = popperData.instance.popper\n this._cleanTipClass()\n this.addAttachmentClass(this._getAttachment(popperData.placement))\n }\n\n _fixTransition() {\n const tip = this.getTipElement()\n const initConfigAnimation = this.config.animation\n\n if (tip.getAttribute('x-placement') !== null) {\n return\n }\n\n $(tip).removeClass(CLASS_NAME_FADE)\n this.config.animation = false\n this.hide()\n this.show()\n this.config.animation = initConfigAnimation\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 const _config = typeof config === 'object' && config\n\n if (!data && /dispose|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Tooltip(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 * jQuery\n */\n\n$.fn[NAME] = Tooltip._jQueryInterface\n$.fn[NAME].Constructor = Tooltip\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tooltip._jQueryInterface\n}\n\nexport default Tooltip\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): util.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\n\n/**\n * Private TransitionEnd Helpers\n */\n\nconst TRANSITION_END = 'transitionend'\nconst MAX_UID = 1000000\nconst MILLISECONDS_MULTIPLIER = 1000\n\n// Shoutout AngusCroll (https://goo.gl/pxwQGp)\nfunction toType(obj) {\n if (obj === null || typeof obj === 'undefined') {\n return `${obj}`\n }\n\n return {}.toString.call(obj).match(/\\s([a-z]+)/i)[1].toLowerCase()\n}\n\nfunction getSpecialTransitionEndEvent() {\n return {\n bindType: TRANSITION_END,\n delegateType: TRANSITION_END,\n handle(event) {\n if ($(event.target).is(this)) {\n return event.handleObj.handler.apply(this, arguments) // eslint-disable-line prefer-rest-params\n }\n\n return undefined\n }\n }\n}\n\nfunction transitionEndEmulator(duration) {\n let called = false\n\n $(this).one(Util.TRANSITION_END, () => {\n called = true\n })\n\n setTimeout(() => {\n if (!called) {\n Util.triggerTransitionEnd(this)\n }\n }, duration)\n\n return this\n}\n\nfunction setTransitionEndSupport() {\n $.fn.emulateTransitionEnd = transitionEndEmulator\n $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()\n}\n\n/**\n * Public Util API\n */\n\nconst Util = {\n TRANSITION_END: 'bsTransitionEnd',\n\n getUID(prefix) {\n do {\n // eslint-disable-next-line no-bitwise\n prefix += ~~(Math.random() * MAX_UID) // \"~~\" acts like a faster Math.floor() here\n } while (document.getElementById(prefix))\n\n return prefix\n },\n\n getSelectorFromElement(element) {\n let selector = element.getAttribute('data-target')\n\n if (!selector || selector === '#') {\n const hrefAttr = element.getAttribute('href')\n selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : ''\n }\n\n try {\n return document.querySelector(selector) ? selector : null\n } catch (_) {\n return null\n }\n },\n\n getTransitionDurationFromElement(element) {\n if (!element) {\n return 0\n }\n\n // Get transition-duration of the element\n let transitionDuration = $(element).css('transition-duration')\n let transitionDelay = $(element).css('transition-delay')\n\n const floatTransitionDuration = parseFloat(transitionDuration)\n const floatTransitionDelay = parseFloat(transitionDelay)\n\n // Return 0 if element or transition duration is not found\n if (!floatTransitionDuration && !floatTransitionDelay) {\n return 0\n }\n\n // If multiple durations are defined, take the first\n transitionDuration = transitionDuration.split(',')[0]\n transitionDelay = transitionDelay.split(',')[0]\n\n return (parseFloat(transitionDuration) + parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER\n },\n\n reflow(element) {\n return element.offsetHeight\n },\n\n triggerTransitionEnd(element) {\n $(element).trigger(TRANSITION_END)\n },\n\n supportsTransitionEnd() {\n return Boolean(TRANSITION_END)\n },\n\n isElement(obj) {\n return (obj[0] || obj).nodeType\n },\n\n typeCheckConfig(componentName, config, configTypes) {\n for (const property in configTypes) {\n if (Object.prototype.hasOwnProperty.call(configTypes, property)) {\n const expectedTypes = configTypes[property]\n const value = config[property]\n const valueType = value && Util.isElement(value) ?\n 'element' : toType(value)\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new Error(\n `${componentName.toUpperCase()}: ` +\n `Option \"${property}\" provided type \"${valueType}\" ` +\n `but expected type \"${expectedTypes}\".`)\n }\n }\n }\n },\n\n findShadowRoot(element) {\n if (!document.documentElement.attachShadow) {\n return null\n }\n\n // Can find the shadow root otherwise it'll return the document\n if (typeof element.getRootNode === 'function') {\n const root = element.getRootNode()\n return root instanceof ShadowRoot ? root : null\n }\n\n if (element instanceof ShadowRoot) {\n return element\n }\n\n // when we don't find a shadow root\n if (!element.parentNode) {\n return null\n }\n\n return Util.findShadowRoot(element.parentNode)\n },\n\n jQueryDetection() {\n if (typeof $ === 'undefined') {\n throw new TypeError('Bootstrap\\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\\'s JavaScript.')\n }\n\n const version = $.fn.jquery.split(' ')[0].split('.')\n const minMajor = 1\n const ltMajor = 2\n const minMinor = 9\n const minPatch = 1\n const maxMajor = 4\n\n if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {\n throw new Error('Bootstrap\\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')\n }\n }\n}\n\nUtil.jQueryDetection()\nsetTransitionEndSupport()\n\nexport default Util\n","/*!\n * jQuery Validation Plugin v1.21.0\n *\n * https://jqueryvalidation.org/\n *\n * Copyright (c) 2024 Jörn Zaefferer\n * Released under the MIT license\n */\n(function( factory ) {\n\tif ( typeof define === \"function\" && define.amd ) {\n\t\tdefine( [\"jquery\", \"./jquery.validate\"], factory );\n\t} else if (typeof module === \"object\" && module.exports) {\n\t\tmodule.exports = factory( require( \"jquery\" ) );\n\t} else {\n\t\tfactory( jQuery );\n\t}\n}(function( $ ) {\n\n( function() {\n\n\tfunction stripHtml( value ) {\n\n\t\t// Remove html tags and space chars\n\t\treturn value.replace( /<.[^<>]*?>/g, \" \" ).replace( / | /gi, \" \" )\n\n\t\t// Remove punctuation\n\t\t.replace( /[.(),;:!?%#$'\\\"_+=\\/\\-“”’]*/g, \"\" );\n\t}\n\n\t$.validator.addMethod( \"maxWords\", function( value, element, params ) {\n\t\treturn this.optional( element ) || stripHtml( value ).match( /\\b\\w+\\b/g ).length <= params;\n\t}, $.validator.format( \"Please enter {0} words or less.\" ) );\n\n\t$.validator.addMethod( \"minWords\", function( value, element, params ) {\n\t\treturn this.optional( element ) || stripHtml( value ).match( /\\b\\w+\\b/g ).length >= params;\n\t}, $.validator.format( \"Please enter at least {0} words.\" ) );\n\n\t$.validator.addMethod( \"rangeWords\", function( value, element, params ) {\n\t\tvar valueStripped = stripHtml( value ),\n\t\t\tregex = /\\b\\w+\\b/g;\n\t\treturn this.optional( element ) || valueStripped.match( regex ).length >= params[ 0 ] && valueStripped.match( regex ).length <= params[ 1 ];\n\t}, $.validator.format( \"Please enter between {0} and {1} words.\" ) );\n\n}() );\n\n/**\n * This is used in the United States to process payments, deposits,\n * or transfers using the Automated Clearing House (ACH) or Fedwire\n * systems. A very common use case would be to validate a form for\n * an ACH bill payment.\n */\n$.validator.addMethod( \"abaRoutingNumber\", function( value ) {\n\tvar checksum = 0;\n\tvar tokens = value.split( \"\" );\n\tvar length = tokens.length;\n\n\t// Length Check\n\tif ( length !== 9 ) {\n\t\treturn false;\n\t}\n\n\t// Calc the checksum\n\t// https://en.wikipedia.org/wiki/ABA_routing_transit_number\n\tfor ( var i = 0; i < length; i += 3 ) {\n\t\tchecksum +=\tparseInt( tokens[ i ], 10 ) * 3 +\n\t\t\t\t\tparseInt( tokens[ i + 1 ], 10 ) * 7 +\n\t\t\t\t\tparseInt( tokens[ i + 2 ], 10 );\n\t}\n\n\t// If not zero and divisible by 10 then valid\n\tif ( checksum !== 0 && checksum % 10 === 0 ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}, \"Please enter a valid routing number.\" );\n\n// Accept a value from a file input based on a required mimetype\n$.validator.addMethod( \"accept\", function( value, element, param ) {\n\n\t// Split mime on commas in case we have multiple types we can accept\n\tvar typeParam = typeof param === \"string\" ? param.replace( /\\s/g, \"\" ) : \"image/*\",\n\t\toptionalValue = this.optional( element ),\n\t\ti, file, regex;\n\n\t// Element is optional\n\tif ( optionalValue ) {\n\t\treturn optionalValue;\n\t}\n\n\tif ( $( element ).attr( \"type\" ) === \"file\" ) {\n\n\t\t// Escape string to be used in the regex\n\t\t// see: https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex\n\t\t// Escape also \"/*\" as \"/.*\" as a wildcard\n\t\ttypeParam = typeParam\n\t\t\t\t.replace( /[\\-\\[\\]\\/\\{\\}\\(\\)\\+\\?\\.\\\\\\^\\$\\|]/g, \"\\\\$&\" )\n\t\t\t\t.replace( /,/g, \"|\" )\n\t\t\t\t.replace( /\\/\\*/g, \"/.*\" );\n\n\t\t// Check if the element has a FileList before checking each file\n\t\tif ( element.files && element.files.length ) {\n\t\t\tregex = new RegExp( \".?(\" + typeParam + \")$\", \"i\" );\n\t\t\tfor ( i = 0; i < element.files.length; i++ ) {\n\t\t\t\tfile = element.files[ i ];\n\n\t\t\t\t// Grab the mimetype from the loaded file, verify it matches\n\t\t\t\tif ( !file.type.match( regex ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Either return true because we've validated each file, or because the\n\t// browser does not support element.files and the FileList feature\n\treturn true;\n}, $.validator.format( \"Please enter a value with a valid mimetype.\" ) );\n\n$.validator.addMethod( \"alphanumeric\", function( value, element ) {\n\treturn this.optional( element ) || /^\\w+$/i.test( value );\n}, \"Letters, numbers, and underscores only please.\" );\n\n/*\n * Dutch bank account numbers (not 'giro' numbers) have 9 digits\n * and pass the '11 check'.\n * We accept the notation with spaces, as that is common.\n * acceptable: 123456789 or 12 34 56 789\n */\n$.validator.addMethod( \"bankaccountNL\", function( value, element ) {\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\tif ( !( /^[0-9]{9}|([0-9]{2} ){3}[0-9]{3}$/.test( value ) ) ) {\n\t\treturn false;\n\t}\n\n\t// Now '11 check'\n\tvar account = value.replace( / /g, \"\" ), // Remove spaces\n\t\tsum = 0,\n\t\tlen = account.length,\n\t\tpos, factor, digit;\n\tfor ( pos = 0; pos < len; pos++ ) {\n\t\tfactor = len - pos;\n\t\tdigit = account.substring( pos, pos + 1 );\n\t\tsum = sum + factor * digit;\n\t}\n\treturn sum % 11 === 0;\n}, \"Please specify a valid bank account number.\" );\n\n$.validator.addMethod( \"bankorgiroaccountNL\", function( value, element ) {\n\treturn this.optional( element ) ||\n\t\t\t( $.validator.methods.bankaccountNL.call( this, value, element ) ) ||\n\t\t\t( $.validator.methods.giroaccountNL.call( this, value, element ) );\n}, \"Please specify a valid bank or giro account number.\" );\n\n/**\n * BIC is the business identifier code (ISO 9362). This BIC check is not a guarantee for authenticity.\n *\n * BIC pattern: BBBBCCLLbbb (8 or 11 characters long; bbb is optional)\n *\n * Validation is case-insensitive. Please make sure to normalize input yourself.\n *\n * BIC definition in detail:\n * - First 4 characters - bank code (only letters)\n * - Next 2 characters - ISO 3166-1 alpha-2 country code (only letters)\n * - Next 2 characters - location code (letters and digits)\n * a. shall not start with '0' or '1'\n * b. second character must be a letter ('O' is not allowed) or digit ('0' for test (therefore not allowed), '1' denoting passive participant, '2' typically reverse-billing)\n * - Last 3 characters - branch code, optional (shall not start with 'X' except in case of 'XXX' for primary office) (letters and digits)\n */\n$.validator.addMethod( \"bic\", function( value, element ) {\n return this.optional( element ) || /^([A-Z]{6}[A-Z2-9][A-NP-Z1-9])(X{3}|[A-WY-Z0-9][A-Z0-9]{2})?$/.test( value.toUpperCase() );\n}, \"Please specify a valid BIC code.\" );\n\n/*\n * Código de identificación fiscal ( CIF ) is the tax identification code for Spanish legal entities\n * Further rules can be found in Spanish on http://es.wikipedia.org/wiki/C%C3%B3digo_de_identificaci%C3%B3n_fiscal\n *\n * Spanish CIF structure:\n *\n * [ T ][ P ][ P ][ N ][ N ][ N ][ N ][ N ][ C ]\n *\n * Where:\n *\n * T: 1 character. Kind of Organization Letter: [ABCDEFGHJKLMNPQRSUVW]\n * P: 2 characters. Province.\n * N: 5 characters. Secuencial Number within the province.\n * C: 1 character. Control Digit: [0-9A-J].\n *\n * [ T ]: Kind of Organizations. Possible values:\n *\n * A. Corporations\n * B. LLCs\n * C. General partnerships\n * D. Companies limited partnerships\n * E. Communities of goods\n * F. Cooperative Societies\n * G. Associations\n * H. Communities of homeowners in horizontal property regime\n * J. Civil Societies\n * K. Old format\n * L. Old format\n * M. Old format\n * N. Nonresident entities\n * P. Local authorities\n * Q. Autonomous bodies, state or not, and the like, and congregations and religious institutions\n * R. Congregations and religious institutions (since 2008 ORDER EHA/451/2008)\n * S. Organs of State Administration and regions\n * V. Agrarian Transformation\n * W. Permanent establishments of non-resident in Spain\n *\n * [ C ]: Control Digit. It can be a number or a letter depending on T value:\n * [ T ] --> [ C ]\n * ------ ----------\n * A Number\n * B Number\n * E Number\n * H Number\n * K Letter\n * P Letter\n * Q Letter\n * S Letter\n *\n */\n$.validator.addMethod( \"cifES\", function( value, element ) {\n\t\"use strict\";\n\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\tvar cifRegEx = new RegExp( /^([ABCDEFGHJKLMNPQRSUVW])(\\d{7})([0-9A-J])$/gi );\n\tvar letter = value.substring( 0, 1 ), // [ T ]\n\t\tnumber = value.substring( 1, 8 ), // [ P ][ P ][ N ][ N ][ N ][ N ][ N ]\n\t\tcontrol = value.substring( 8, 9 ), // [ C ]\n\t\tall_sum = 0,\n\t\teven_sum = 0,\n\t\todd_sum = 0,\n\t\ti, n,\n\t\tcontrol_digit,\n\t\tcontrol_letter;\n\n\tfunction isOdd( n ) {\n\t\treturn n % 2 === 0;\n\t}\n\n\t// Quick format test\n\tif ( value.length !== 9 || !cifRegEx.test( value ) ) {\n\t\treturn false;\n\t}\n\n\tfor ( i = 0; i < number.length; i++ ) {\n\t\tn = parseInt( number[ i ], 10 );\n\n\t\t// Odd positions\n\t\tif ( isOdd( i ) ) {\n\n\t\t\t// Odd positions are multiplied first.\n\t\t\tn *= 2;\n\n\t\t\t// If the multiplication is bigger than 10 we need to adjust\n\t\t\todd_sum += n < 10 ? n : n - 9;\n\n\t\t// Even positions\n\t\t// Just sum them\n\t\t} else {\n\t\t\teven_sum += n;\n\t\t}\n\t}\n\n\tall_sum = even_sum + odd_sum;\n\tcontrol_digit = ( 10 - ( all_sum ).toString().substr( -1 ) ).toString();\n\tcontrol_digit = parseInt( control_digit, 10 ) > 9 ? \"0\" : control_digit;\n\tcontrol_letter = \"JABCDEFGHI\".substr( control_digit, 1 ).toString();\n\n\t// Control must be a digit\n\tif ( letter.match( /[ABEH]/ ) ) {\n\t\treturn control === control_digit;\n\n\t// Control must be a letter\n\t} else if ( letter.match( /[KPQS]/ ) ) {\n\t\treturn control === control_letter;\n\t}\n\n\t// Can be either\n\treturn control === control_digit || control === control_letter;\n\n}, \"Please specify a valid CIF number.\" );\n\n/*\n * Brazillian CNH number (Carteira Nacional de Habilitacao) is the License Driver number.\n * CNH numbers have 11 digits in total: 9 numbers followed by 2 check numbers that are being used for validation.\n */\n$.validator.addMethod( \"cnhBR\", function( value ) {\n\n // Removing special characters from value\n value = value.replace( /([~!@#$%^&*()_+=`{}\\[\\]\\-|\\\\:;'<>,.\\/? ])+/g, \"\" );\n\n // Checking value to have 11 digits only\n if ( value.length !== 11 ) {\n return false;\n }\n\n var sum = 0, dsc = 0, firstChar,\n\t\tfirstCN, secondCN, i, j, v;\n\n firstChar = value.charAt( 0 );\n\n if ( new Array( 12 ).join( firstChar ) === value ) {\n return false;\n }\n\n // Step 1 - using first Check Number:\n for ( i = 0, j = 9, v = 0; i < 9; ++i, --j ) {\n sum += +( value.charAt( i ) * j );\n }\n\n firstCN = sum % 11;\n if ( firstCN >= 10 ) {\n firstCN = 0;\n dsc = 2;\n }\n\n sum = 0;\n for ( i = 0, j = 1, v = 0; i < 9; ++i, ++j ) {\n sum += +( value.charAt( i ) * j );\n }\n\n secondCN = sum % 11;\n if ( secondCN >= 10 ) {\n secondCN = 0;\n } else {\n secondCN = secondCN - dsc;\n }\n\n return ( String( firstCN ).concat( secondCN ) === value.substr( -2 ) );\n\n}, \"Please specify a valid CNH number.\" );\n\n/*\n * Brazillian value number (Cadastrado de Pessoas Juridica).\n * value numbers have 14 digits in total: 12 numbers followed by 2 check numbers that are being used for validation.\n */\n$.validator.addMethod( \"cnpjBR\", function( value, element ) {\n\t\"use strict\";\n\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\t// Removing no number\n\tvalue = value.replace( /[^\\d]+/g, \"\" );\n\n\t// Checking value to have 14 digits only\n\tif ( value.length !== 14 ) {\n\t\treturn false;\n\t}\n\n\t// Elimina values invalidos conhecidos\n\tif ( value === \"00000000000000\" ||\n\t\tvalue === \"11111111111111\" ||\n\t\tvalue === \"22222222222222\" ||\n\t\tvalue === \"33333333333333\" ||\n\t\tvalue === \"44444444444444\" ||\n\t\tvalue === \"55555555555555\" ||\n\t\tvalue === \"66666666666666\" ||\n\t\tvalue === \"77777777777777\" ||\n\t\tvalue === \"88888888888888\" ||\n\t\tvalue === \"99999999999999\" ) {\n\t\treturn false;\n\t}\n\n\t// Valida DVs\n\tvar tamanho = ( value.length - 2 );\n\tvar numeros = value.substring( 0, tamanho );\n\tvar digitos = value.substring( tamanho );\n\tvar soma = 0;\n\tvar pos = tamanho - 7;\n\n\tfor ( var i = tamanho; i >= 1; i-- ) {\n\t\tsoma += numeros.charAt( tamanho - i ) * pos--;\n\t\tif ( pos < 2 ) {\n\t\t\tpos = 9;\n\t\t}\n\t}\n\n\tvar resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;\n\n\tif ( resultado !== parseInt( digitos.charAt( 0 ), 10 ) ) {\n\t\treturn false;\n\t}\n\n\ttamanho = tamanho + 1;\n\tnumeros = value.substring( 0, tamanho );\n\tsoma = 0;\n\tpos = tamanho - 7;\n\n\tfor ( var il = tamanho; il >= 1; il-- ) {\n\t\tsoma += numeros.charAt( tamanho - il ) * pos--;\n\t\tif ( pos < 2 ) {\n\t\t\tpos = 9;\n\t\t}\n\t}\n\n\tresultado = soma % 11 < 2 ? 0 : 11 - soma % 11;\n\n\tif ( resultado !== parseInt( digitos.charAt( 1 ), 10 ) ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n\n}, \"Please specify a CNPJ value number.\" );\n\n/*\n * Brazillian CPF number (Cadastrado de Pessoas Físicas) is the equivalent of a Brazilian tax registration number.\n * CPF numbers have 11 digits in total: 9 numbers followed by 2 check numbers that are being used for validation.\n */\n$.validator.addMethod( \"cpfBR\", function( value, element ) {\n\t\"use strict\";\n\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\t// Removing special characters from value\n\tvalue = value.replace( /([~!@#$%^&*()_+=`{}\\[\\]\\-|\\\\:;'<>,.\\/? ])+/g, \"\" );\n\n\t// Checking value to have 11 digits only\n\tif ( value.length !== 11 ) {\n\t\treturn false;\n\t}\n\n\tvar sum = 0,\n\t\tfirstCN, secondCN, checkResult, i;\n\n\tfirstCN = parseInt( value.substring( 9, 10 ), 10 );\n\tsecondCN = parseInt( value.substring( 10, 11 ), 10 );\n\n\tcheckResult = function( sum, cn ) {\n\t\tvar result = ( sum * 10 ) % 11;\n\t\tif ( ( result === 10 ) || ( result === 11 ) ) {\n\t\t\tresult = 0;\n\t\t}\n\t\treturn ( result === cn );\n\t};\n\n\t// Checking for dump data\n\tif ( value === \"\" ||\n\t\tvalue === \"00000000000\" ||\n\t\tvalue === \"11111111111\" ||\n\t\tvalue === \"22222222222\" ||\n\t\tvalue === \"33333333333\" ||\n\t\tvalue === \"44444444444\" ||\n\t\tvalue === \"55555555555\" ||\n\t\tvalue === \"66666666666\" ||\n\t\tvalue === \"77777777777\" ||\n\t\tvalue === \"88888888888\" ||\n\t\tvalue === \"99999999999\"\n\t) {\n\t\treturn false;\n\t}\n\n\t// Step 1 - using first Check Number:\n\tfor ( i = 1; i <= 9; i++ ) {\n\t\tsum = sum + parseInt( value.substring( i - 1, i ), 10 ) * ( 11 - i );\n\t}\n\n\t// If first Check Number (CN) is valid, move to Step 2 - using second Check Number:\n\tif ( checkResult( sum, firstCN ) ) {\n\t\tsum = 0;\n\t\tfor ( i = 1; i <= 10; i++ ) {\n\t\t\tsum = sum + parseInt( value.substring( i - 1, i ), 10 ) * ( 12 - i );\n\t\t}\n\t\treturn checkResult( sum, secondCN );\n\t}\n\treturn false;\n\n}, \"Please specify a valid CPF number.\" );\n\n// https://jqueryvalidation.org/creditcard-method/\n// based on https://en.wikipedia.org/wiki/Luhn_algorithm\n$.validator.addMethod( \"creditcard\", function( value, element ) {\n\tif ( this.optional( element ) ) {\n\t\treturn \"dependency-mismatch\";\n\t}\n\n\t// Accept only spaces, digits and dashes\n\tif ( /[^0-9 \\-]+/.test( value ) ) {\n\t\treturn false;\n\t}\n\n\tvar nCheck = 0,\n\t\tnDigit = 0,\n\t\tbEven = false,\n\t\tn, cDigit;\n\n\tvalue = value.replace( /\\D/g, \"\" );\n\n\t// Basing min and max length on\n\t// https://dev.ean.com/general-info/valid-card-types/\n\tif ( value.length < 13 || value.length > 19 ) {\n\t\treturn false;\n\t}\n\n\tfor ( n = value.length - 1; n >= 0; n-- ) {\n\t\tcDigit = value.charAt( n );\n\t\tnDigit = parseInt( cDigit, 10 );\n\t\tif ( bEven ) {\n\t\t\tif ( ( nDigit *= 2 ) > 9 ) {\n\t\t\t\tnDigit -= 9;\n\t\t\t}\n\t\t}\n\n\t\tnCheck += nDigit;\n\t\tbEven = !bEven;\n\t}\n\n\treturn ( nCheck % 10 ) === 0;\n}, \"Please enter a valid credit card number.\" );\n\n/* NOTICE: Modified version of Castle.Components.Validator.CreditCardValidator\n * Redistributed under the Apache License 2.0 at http://www.apache.org/licenses/LICENSE-2.0\n * Valid Types: mastercard, visa, amex, dinersclub, enroute, discover, jcb, unknown, all (overrides all other settings)\n */\n$.validator.addMethod( \"creditcardtypes\", function( value, element, param ) {\n\tif ( /[^0-9\\-]+/.test( value ) ) {\n\t\treturn false;\n\t}\n\n\tvalue = value.replace( /\\D/g, \"\" );\n\n\tvar validTypes = 0x0000;\n\n\tif ( param.mastercard ) {\n\t\tvalidTypes |= 0x0001;\n\t}\n\tif ( param.visa ) {\n\t\tvalidTypes |= 0x0002;\n\t}\n\tif ( param.amex ) {\n\t\tvalidTypes |= 0x0004;\n\t}\n\tif ( param.dinersclub ) {\n\t\tvalidTypes |= 0x0008;\n\t}\n\tif ( param.enroute ) {\n\t\tvalidTypes |= 0x0010;\n\t}\n\tif ( param.discover ) {\n\t\tvalidTypes |= 0x0020;\n\t}\n\tif ( param.jcb ) {\n\t\tvalidTypes |= 0x0040;\n\t}\n\tif ( param.unknown ) {\n\t\tvalidTypes |= 0x0080;\n\t}\n\tif ( param.all ) {\n\t\tvalidTypes = 0x0001 | 0x0002 | 0x0004 | 0x0008 | 0x0010 | 0x0020 | 0x0040 | 0x0080;\n\t}\n\tif ( validTypes & 0x0001 && ( /^(5[12345])/.test( value ) || /^(2[234567])/.test( value ) ) ) { // Mastercard\n\t\treturn value.length === 16;\n\t}\n\tif ( validTypes & 0x0002 && /^(4)/.test( value ) ) { // Visa\n\t\treturn value.length === 16;\n\t}\n\tif ( validTypes & 0x0004 && /^(3[47])/.test( value ) ) { // Amex\n\t\treturn value.length === 15;\n\t}\n\tif ( validTypes & 0x0008 && /^(3(0[012345]|[68]))/.test( value ) ) { // Dinersclub\n\t\treturn value.length === 14;\n\t}\n\tif ( validTypes & 0x0010 && /^(2(014|149))/.test( value ) ) { // Enroute\n\t\treturn value.length === 15;\n\t}\n\tif ( validTypes & 0x0020 && /^(6011)/.test( value ) ) { // Discover\n\t\treturn value.length === 16;\n\t}\n\tif ( validTypes & 0x0040 && /^(3)/.test( value ) ) { // Jcb\n\t\treturn value.length === 16;\n\t}\n\tif ( validTypes & 0x0040 && /^(2131|1800)/.test( value ) ) { // Jcb\n\t\treturn value.length === 15;\n\t}\n\tif ( validTypes & 0x0080 ) { // Unknown\n\t\treturn true;\n\t}\n\treturn false;\n}, \"Please enter a valid credit card number.\" );\n\n/**\n * Validates currencies with any given symbols by @jameslouiz\n * Symbols can be optional or required. Symbols required by default\n *\n * Usage examples:\n * currency: [\"£\", false] - Use false for soft currency validation\n * currency: [\"$\", false]\n * currency: [\"RM\", false] - also works with text based symbols such as \"RM\" - Malaysia Ringgit etc\n *\n * \n *\n * Soft symbol checking\n * currencyInput: {\n * currency: [\"$\", false]\n * }\n *\n * Strict symbol checking (default)\n * currencyInput: {\n * currency: \"$\"\n * //OR\n * currency: [\"$\", true]\n * }\n *\n * Multiple Symbols\n * currencyInput: {\n * currency: \"$,£,¢\"\n * }\n */\n$.validator.addMethod( \"currency\", function( value, element, param ) {\n var isParamString = typeof param === \"string\",\n symbol = isParamString ? param : param[ 0 ],\n soft = isParamString ? true : param[ 1 ],\n regex;\n\n symbol = symbol.replace( /,/g, \"\" );\n symbol = soft ? symbol + \"]\" : symbol + \"]?\";\n regex = \"^[\" + symbol + \"([1-9]{1}[0-9]{0,2}(\\\\,[0-9]{3})*(\\\\.[0-9]{0,2})?|[1-9]{1}[0-9]{0,}(\\\\.[0-9]{0,2})?|0(\\\\.[0-9]{0,2})?|(\\\\.[0-9]{1,2})?)$\";\n regex = new RegExp( regex );\n return this.optional( element ) || regex.test( value );\n\n}, \"Please specify a valid currency.\" );\n\n$.validator.addMethod( \"dateFA\", function( value, element ) {\n\treturn this.optional( element ) || /^[1-4]\\d{3}\\/((0?[1-6]\\/((3[0-1])|([1-2][0-9])|(0?[1-9])))|((1[0-2]|(0?[7-9]))\\/(30|([1-2][0-9])|(0?[1-9]))))$/.test( value );\n}, $.validator.messages.date );\n\n/**\n * Return true, if the value is a valid date, also making this formal check dd/mm/yyyy.\n *\n * @example $.validator.methods.date(\"01/01/1900\")\n * @result true\n *\n * @example $.validator.methods.date(\"01/13/1990\")\n * @result false\n *\n * @example $.validator.methods.date(\"01.01.1900\")\n * @result false\n *\n * @example \n * @desc Declares an optional input element whose value must be a valid date.\n *\n * @name $.validator.methods.dateITA\n * @type Boolean\n * @cat Plugins/Validate/Methods\n */\n$.validator.addMethod( \"dateITA\", function( value, element ) {\n\tvar check = false,\n\t\tre = /^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/,\n\t\tadata, gg, mm, aaaa, xdata;\n\tif ( re.test( value ) ) {\n\t\tadata = value.split( \"/\" );\n\t\tgg = parseInt( adata[ 0 ], 10 );\n\t\tmm = parseInt( adata[ 1 ], 10 );\n\t\taaaa = parseInt( adata[ 2 ], 10 );\n\t\txdata = new Date( Date.UTC( aaaa, mm - 1, gg, 12, 0, 0, 0 ) );\n\t\tif ( ( xdata.getUTCFullYear() === aaaa ) && ( xdata.getUTCMonth() === mm - 1 ) && ( xdata.getUTCDate() === gg ) ) {\n\t\t\tcheck = true;\n\t\t} else {\n\t\t\tcheck = false;\n\t\t}\n\t} else {\n\t\tcheck = false;\n\t}\n\treturn this.optional( element ) || check;\n}, $.validator.messages.date );\n\n$.validator.addMethod( \"dateNL\", function( value, element ) {\n\treturn this.optional( element ) || /^(0?[1-9]|[12]\\d|3[01])[\\.\\/\\-](0?[1-9]|1[012])[\\.\\/\\-]([12]\\d)?(\\d\\d)$/.test( value );\n}, $.validator.messages.date );\n\n// Older \"accept\" file extension method. Old docs: http://docs.jquery.com/Plugins/Validation/Methods/accept\n$.validator.addMethod( \"extension\", function( value, element, param ) {\n\tparam = typeof param === \"string\" ? param.replace( /,/g, \"|\" ) : \"png|jpe?g|gif\";\n\treturn this.optional( element ) || value.match( new RegExp( \"\\\\.(\" + param + \")$\", \"i\" ) );\n}, $.validator.format( \"Please enter a value with a valid extension.\" ) );\n\n/**\n * Dutch giro account numbers (not bank numbers) have max 7 digits\n */\n$.validator.addMethod( \"giroaccountNL\", function( value, element ) {\n\treturn this.optional( element ) || /^[0-9]{1,7}$/.test( value );\n}, \"Please specify a valid giro account number.\" );\n\n$.validator.addMethod( \"greaterThan\", function( value, element, param ) {\n var target = $( param );\n\n if ( this.settings.onfocusout && target.not( \".validate-greaterThan-blur\" ).length ) {\n target.addClass( \"validate-greaterThan-blur\" ).on( \"blur.validate-greaterThan\", function() {\n $( element ).valid();\n } );\n }\n\n return value > target.val();\n}, \"Please enter a greater value.\" );\n\n$.validator.addMethod( \"greaterThanEqual\", function( value, element, param ) {\n var target = $( param );\n\n if ( this.settings.onfocusout && target.not( \".validate-greaterThanEqual-blur\" ).length ) {\n target.addClass( \"validate-greaterThanEqual-blur\" ).on( \"blur.validate-greaterThanEqual\", function() {\n $( element ).valid();\n } );\n }\n\n return value >= target.val();\n}, \"Please enter a greater value.\" );\n\n/**\n * IBAN is the international bank account number.\n * It has a country - specific format, that is checked here too\n *\n * Validation is case-insensitive. Please make sure to normalize input yourself.\n */\n$.validator.addMethod( \"iban\", function( value, element ) {\n\n\t// Some quick simple tests to prevent needless work\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\t// Remove spaces and to upper case\n\tvar iban = value.replace( / /g, \"\" ).toUpperCase(),\n\t\tibancheckdigits = \"\",\n\t\tleadingZeroes = true,\n\t\tcRest = \"\",\n\t\tcOperator = \"\",\n\t\tcountrycode, ibancheck, charAt, cChar, bbanpattern, bbancountrypatterns, ibanregexp, i, p;\n\n\t// Check for IBAN code length.\n\t// It contains:\n\t// country code ISO 3166-1 - two letters,\n\t// two check digits,\n\t// Basic Bank Account Number (BBAN) - up to 30 chars\n\tvar minimalIBANlength = 5;\n\tif ( iban.length < minimalIBANlength ) {\n\t\treturn false;\n\t}\n\n\t// Check the country code and find the country specific format\n\tcountrycode = iban.substring( 0, 2 );\n\tbbancountrypatterns = {\n\t\t\"AL\": \"\\\\d{8}[\\\\dA-Z]{16}\",\n\t\t\"AD\": \"\\\\d{8}[\\\\dA-Z]{12}\",\n\t\t\"AT\": \"\\\\d{16}\",\n\t\t\"AZ\": \"[\\\\dA-Z]{4}\\\\d{20}\",\n\t\t\"BE\": \"\\\\d{12}\",\n\t\t\"BH\": \"[A-Z]{4}[\\\\dA-Z]{14}\",\n\t\t\"BA\": \"\\\\d{16}\",\n\t\t\"BR\": \"\\\\d{23}[A-Z][\\\\dA-Z]\",\n\t\t\"BG\": \"[A-Z]{4}\\\\d{6}[\\\\dA-Z]{8}\",\n\t\t\"CR\": \"\\\\d{17}\",\n\t\t\"HR\": \"\\\\d{17}\",\n\t\t\"CY\": \"\\\\d{8}[\\\\dA-Z]{16}\",\n\t\t\"CZ\": \"\\\\d{20}\",\n\t\t\"DK\": \"\\\\d{14}\",\n\t\t\"DO\": \"[A-Z]{4}\\\\d{20}\",\n\t\t\"EE\": \"\\\\d{16}\",\n\t\t\"FO\": \"\\\\d{14}\",\n\t\t\"FI\": \"\\\\d{14}\",\n\t\t\"FR\": \"\\\\d{10}[\\\\dA-Z]{11}\\\\d{2}\",\n\t\t\"GE\": \"[\\\\dA-Z]{2}\\\\d{16}\",\n\t\t\"DE\": \"\\\\d{18}\",\n\t\t\"GI\": \"[A-Z]{4}[\\\\dA-Z]{15}\",\n\t\t\"GR\": \"\\\\d{7}[\\\\dA-Z]{16}\",\n\t\t\"GL\": \"\\\\d{14}\",\n\t\t\"GT\": \"[\\\\dA-Z]{4}[\\\\dA-Z]{20}\",\n\t\t\"HU\": \"\\\\d{24}\",\n\t\t\"IS\": \"\\\\d{22}\",\n\t\t\"IE\": \"[\\\\dA-Z]{4}\\\\d{14}\",\n\t\t\"IL\": \"\\\\d{19}\",\n\t\t\"IT\": \"[A-Z]\\\\d{10}[\\\\dA-Z]{12}\",\n\t\t\"KZ\": \"\\\\d{3}[\\\\dA-Z]{13}\",\n\t\t\"KW\": \"[A-Z]{4}[\\\\dA-Z]{22}\",\n\t\t\"LV\": \"[A-Z]{4}[\\\\dA-Z]{13}\",\n\t\t\"LB\": \"\\\\d{4}[\\\\dA-Z]{20}\",\n\t\t\"LI\": \"\\\\d{5}[\\\\dA-Z]{12}\",\n\t\t\"LT\": \"\\\\d{16}\",\n\t\t\"LU\": \"\\\\d{3}[\\\\dA-Z]{13}\",\n\t\t\"MK\": \"\\\\d{3}[\\\\dA-Z]{10}\\\\d{2}\",\n\t\t\"MT\": \"[A-Z]{4}\\\\d{5}[\\\\dA-Z]{18}\",\n\t\t\"MR\": \"\\\\d{23}\",\n\t\t\"MU\": \"[A-Z]{4}\\\\d{19}[A-Z]{3}\",\n\t\t\"MC\": \"\\\\d{10}[\\\\dA-Z]{11}\\\\d{2}\",\n\t\t\"MD\": \"[\\\\dA-Z]{2}\\\\d{18}\",\n\t\t\"ME\": \"\\\\d{18}\",\n\t\t\"NL\": \"[A-Z]{4}\\\\d{10}\",\n\t\t\"NO\": \"\\\\d{11}\",\n\t\t\"PK\": \"[\\\\dA-Z]{4}\\\\d{16}\",\n\t\t\"PS\": \"[\\\\dA-Z]{4}\\\\d{21}\",\n\t\t\"PL\": \"\\\\d{24}\",\n\t\t\"PT\": \"\\\\d{21}\",\n\t\t\"RO\": \"[A-Z]{4}[\\\\dA-Z]{16}\",\n\t\t\"SM\": \"[A-Z]\\\\d{10}[\\\\dA-Z]{12}\",\n\t\t\"SA\": \"\\\\d{2}[\\\\dA-Z]{18}\",\n\t\t\"RS\": \"\\\\d{18}\",\n\t\t\"SK\": \"\\\\d{20}\",\n\t\t\"SI\": \"\\\\d{15}\",\n\t\t\"ES\": \"\\\\d{20}\",\n\t\t\"SE\": \"\\\\d{20}\",\n\t\t\"CH\": \"\\\\d{5}[\\\\dA-Z]{12}\",\n\t\t\"TN\": \"\\\\d{20}\",\n\t\t\"TR\": \"\\\\d{5}[\\\\dA-Z]{17}\",\n\t\t\"AE\": \"\\\\d{3}\\\\d{16}\",\n\t\t\"GB\": \"[A-Z]{4}\\\\d{14}\",\n\t\t\"VG\": \"[\\\\dA-Z]{4}\\\\d{16}\"\n\t};\n\n\tbbanpattern = bbancountrypatterns[ countrycode ];\n\n\t// As new countries will start using IBAN in the\n\t// future, we only check if the countrycode is known.\n\t// This prevents false negatives, while almost all\n\t// false positives introduced by this, will be caught\n\t// by the checksum validation below anyway.\n\t// Strict checking should return FALSE for unknown\n\t// countries.\n\tif ( typeof bbanpattern !== \"undefined\" ) {\n\t\tibanregexp = new RegExp( \"^[A-Z]{2}\\\\d{2}\" + bbanpattern + \"$\", \"\" );\n\t\tif ( !( ibanregexp.test( iban ) ) ) {\n\t\t\treturn false; // Invalid country specific format\n\t\t}\n\t}\n\n\t// Now check the checksum, first convert to digits\n\tibancheck = iban.substring( 4, iban.length ) + iban.substring( 0, 4 );\n\tfor ( i = 0; i < ibancheck.length; i++ ) {\n\t\tcharAt = ibancheck.charAt( i );\n\t\tif ( charAt !== \"0\" ) {\n\t\t\tleadingZeroes = false;\n\t\t}\n\t\tif ( !leadingZeroes ) {\n\t\t\tibancheckdigits += \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ\".indexOf( charAt );\n\t\t}\n\t}\n\n\t// Calculate the result of: ibancheckdigits % 97\n\tfor ( p = 0; p < ibancheckdigits.length; p++ ) {\n\t\tcChar = ibancheckdigits.charAt( p );\n\t\tcOperator = \"\" + cRest + \"\" + cChar;\n\t\tcRest = cOperator % 97;\n\t}\n\treturn cRest === 1;\n}, \"Please specify a valid IBAN.\" );\n\n$.validator.addMethod( \"integer\", function( value, element ) {\n\treturn this.optional( element ) || /^-?\\d+$/.test( value );\n}, \"A positive or negative non-decimal number please.\" );\n\n$.validator.addMethod( \"ipv4\", function( value, element ) {\n\treturn this.optional( element ) || /^(25[0-5]|2[0-4]\\d|[01]?\\d\\d?)\\.(25[0-5]|2[0-4]\\d|[01]?\\d\\d?)\\.(25[0-5]|2[0-4]\\d|[01]?\\d\\d?)\\.(25[0-5]|2[0-4]\\d|[01]?\\d\\d?)$/i.test( value );\n}, \"Please enter a valid IP v4 address.\" );\n\n$.validator.addMethod( \"ipv6\", function( value, element ) {\n\treturn this.optional( element ) || /^((([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\\b((25[0-5])|(1\\d{2})|(2[0-4]\\d)|(\\d{1,2}))\\b)\\.){3}(\\b((25[0-5])|(1\\d{2})|(2[0-4]\\d)|(\\d{1,2}))\\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\\b((25[0-5])|(1\\d{2})|(2[0-4]\\d)|(\\d{1,2}))\\b)\\.){3}(\\b((25[0-5])|(1\\d{2})|(2[0-4]\\d)|(\\d{1,2}))\\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\\b((25[0-5])|(1\\d{2})|(2[0-4]\\d)|(\\d{1,2}))\\b)\\.){3}(\\b((25[0-5])|(1\\d{2})|(2[0-4]\\d)|(\\d{1,2}))\\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$/i.test( value );\n}, \"Please enter a valid IP v6 address.\" );\n\n$.validator.addMethod( \"lessThan\", function( value, element, param ) {\n var target = $( param );\n\n if ( this.settings.onfocusout && target.not( \".validate-lessThan-blur\" ).length ) {\n target.addClass( \"validate-lessThan-blur\" ).on( \"blur.validate-lessThan\", function() {\n $( element ).valid();\n } );\n }\n\n return value < target.val();\n}, \"Please enter a lesser value.\" );\n\n$.validator.addMethod( \"lessThanEqual\", function( value, element, param ) {\n var target = $( param );\n\n if ( this.settings.onfocusout && target.not( \".validate-lessThanEqual-blur\" ).length ) {\n target.addClass( \"validate-lessThanEqual-blur\" ).on( \"blur.validate-lessThanEqual\", function() {\n $( element ).valid();\n } );\n }\n\n return value <= target.val();\n}, \"Please enter a lesser value.\" );\n\n$.validator.addMethod( \"lettersonly\", function( value, element ) {\n\treturn this.optional( element ) || /^[a-z]+$/i.test( value );\n}, \"Letters only please.\" );\n\n$.validator.addMethod( \"letterswithbasicpunc\", function( value, element ) {\n\treturn this.optional( element ) || /^[a-z\\-.,()'\"\\s]+$/i.test( value );\n}, \"Letters or punctuation only please.\" );\n\n// Limit the number of files in a FileList.\n$.validator.addMethod( \"maxfiles\", function( value, element, param ) {\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\tif ( $( element ).attr( \"type\" ) === \"file\" ) {\n\t\tif ( element.files && element.files.length > param ) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn true;\n}, $.validator.format( \"Please select no more than {0} files.\" ) );\n\n// Limit the size of each individual file in a FileList.\n$.validator.addMethod( \"maxsize\", function( value, element, param ) {\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\tif ( $( element ).attr( \"type\" ) === \"file\" ) {\n\t\tif ( element.files && element.files.length ) {\n\t\t\tfor ( var i = 0; i < element.files.length; i++ ) {\n\t\t\t\tif ( element.files[ i ].size > param ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn true;\n}, $.validator.format( \"File size must not exceed {0} bytes each.\" ) );\n\n// Limit the size of all files in a FileList.\n$.validator.addMethod( \"maxsizetotal\", function( value, element, param ) {\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\tif ( $( element ).attr( \"type\" ) === \"file\" ) {\n\t\tif ( element.files && element.files.length ) {\n\t\t\tvar totalSize = 0;\n\n\t\t\tfor ( var i = 0; i < element.files.length; i++ ) {\n\t\t\t\ttotalSize += element.files[ i ].size;\n\t\t\t\tif ( totalSize > param ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn true;\n}, $.validator.format( \"Total size of all files must not exceed {0} bytes.\" ) );\n\n\n$.validator.addMethod( \"mobileNL\", function( value, element ) {\n\treturn this.optional( element ) || /^((\\+|00(\\s|\\s?\\-\\s?)?)31(\\s|\\s?\\-\\s?)?(\\(0\\)[\\-\\s]?)?|0)6((\\s|\\s?\\-\\s?)?[0-9]){8}$/.test( value );\n}, \"Please specify a valid mobile number.\" );\n\n$.validator.addMethod( \"mobileRU\", function( phone_number, element ) {\n\tvar ruPhone_number = phone_number.replace( /\\(|\\)|\\s+|-/g, \"\" );\n\treturn this.optional( element ) || ruPhone_number.length > 9 && /^((\\+7|7|8)+([0-9]){10})$/.test( ruPhone_number );\n}, \"Please specify a valid mobile number.\" );\n\n/* For UK phone functions, do the following server side processing:\n * Compare original input with this RegEx pattern:\n * ^\\(?(?:(?:00\\)?[\\s\\-]?\\(?|\\+)(44)\\)?[\\s\\-]?\\(?(?:0\\)?[\\s\\-]?\\(?)?|0)([1-9]\\d{1,4}\\)?[\\s\\d\\-]+)$\n * Extract $1 and set $prefix to '+44' if $1 is '44', otherwise set $prefix to '0'\n * Extract $2 and remove hyphens, spaces and parentheses. Phone number is combined $prefix and $2.\n * A number of very detailed GB telephone number RegEx patterns can also be found at:\n * http://www.aa-asterisk.org.uk/index.php/Regular_Expressions_for_Validating_and_Formatting_GB_Telephone_Numbers\n */\n$.validator.addMethod( \"mobileUK\", function( phone_number, element ) {\n\tphone_number = phone_number.replace( /\\(|\\)|\\s+|-/g, \"\" );\n\treturn this.optional( element ) || phone_number.length > 9 &&\n\t\tphone_number.match( /^(?:(?:(?:00\\s?|\\+)44\\s?|0)7(?:[1345789]\\d{2}|624)\\s?\\d{3}\\s?\\d{3})$/ );\n}, \"Please specify a valid mobile number.\" );\n\n$.validator.addMethod( \"netmask\", function( value, element ) {\n return this.optional( element ) || /^(254|252|248|240|224|192|128)\\.0\\.0\\.0|255\\.(254|252|248|240|224|192|128|0)\\.0\\.0|255\\.255\\.(254|252|248|240|224|192|128|0)\\.0|255\\.255\\.255\\.(254|252|248|240|224|192|128|0)/i.test( value );\n}, \"Please enter a valid netmask.\" );\n\n/*\n * The NIE (Número de Identificación de Extranjero) is a Spanish tax identification number assigned by the Spanish\n * authorities to any foreigner.\n *\n * The NIE is the equivalent of a Spaniards Número de Identificación Fiscal (NIF) which serves as a fiscal\n * identification number. The CIF number (Certificado de Identificación Fiscal) is equivalent to the NIF, but applies to\n * companies rather than individuals. The NIE consists of an 'X' or 'Y' followed by 7 or 8 digits then another letter.\n */\n$.validator.addMethod( \"nieES\", function( value, element ) {\n\t\"use strict\";\n\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\tvar nieRegEx = new RegExp( /^[MXYZ]{1}[0-9]{7,8}[TRWAGMYFPDXBNJZSQVHLCKET]{1}$/gi );\n\tvar validChars = \"TRWAGMYFPDXBNJZSQVHLCKET\",\n\t\tletter = value.substr( value.length - 1 ).toUpperCase(),\n\t\tnumber;\n\n\tvalue = value.toString().toUpperCase();\n\n\t// Quick format test\n\tif ( value.length > 10 || value.length < 9 || !nieRegEx.test( value ) ) {\n\t\treturn false;\n\t}\n\n\t// X means same number\n\t// Y means number + 10000000\n\t// Z means number + 20000000\n\tvalue = value.replace( /^[X]/, \"0\" )\n\t\t.replace( /^[Y]/, \"1\" )\n\t\t.replace( /^[Z]/, \"2\" );\n\n\tnumber = value.length === 9 ? value.substr( 0, 8 ) : value.substr( 0, 9 );\n\n\treturn validChars.charAt( parseInt( number, 10 ) % 23 ) === letter;\n\n}, \"Please specify a valid NIE number.\" );\n\n/*\n * The Número de Identificación Fiscal ( NIF ) is the way tax identification used in Spain for individuals\n */\n$.validator.addMethod( \"nifES\", function( value, element ) {\n\t\"use strict\";\n\n\tif ( this.optional( element ) ) {\n\t\treturn true;\n\t}\n\n\tvalue = value.toUpperCase();\n\n\t// Basic format test\n\tif ( !value.match( \"((^[A-Z]{1}[0-9]{7}[A-Z0-9]{1}$|^[T]{1}[A-Z0-9]{8}$)|^[0-9]{8}[A-Z]{1}$)\" ) ) {\n\t\treturn false;\n\t}\n\n\t// Test NIF\n\tif ( /^[0-9]{8}[A-Z]{1}$/.test( value ) ) {\n\t\treturn ( \"TRWAGMYFPDXBNJZSQVHLCKE\".charAt( value.substring( 8, 0 ) % 23 ) === value.charAt( 8 ) );\n\t}\n\n\t// Test specials NIF (starts with K, L or M)\n\tif ( /^[KLM]{1}/.test( value ) ) {\n\t\treturn ( value[ 8 ] === \"TRWAGMYFPDXBNJZSQVHLCKE\".charAt( value.substring( 8, 1 ) % 23 ) );\n\t}\n\n\treturn false;\n\n}, \"Please specify a valid NIF number.\" );\n\n/*\n * Numer identyfikacji podatkowej ( NIP ) is the way tax identification used in Poland for companies\n */\n$.validator.addMethod( \"nipPL\", function( value ) {\n\t\"use strict\";\n\n\tvalue = value.replace( /[^0-9]/g, \"\" );\n\n\tif ( value.length !== 10 ) {\n\t\treturn false;\n\t}\n\n\tvar arrSteps = [ 6, 5, 7, 2, 3, 4, 5, 6, 7 ];\n\tvar intSum = 0;\n\tfor ( var i = 0; i < 9; i++ ) {\n\t\tintSum += arrSteps[ i ] * value[ i ];\n\t}\n\tvar int2 = intSum % 11;\n\tvar intControlNr = ( int2 === 10 ) ? 0 : int2;\n\n\treturn ( intControlNr === parseInt( value[ 9 ], 10 ) );\n}, \"Please specify a valid NIP number.\" );\n\n/**\n * Created for project jquery-validation.\n * @Description Brazillian PIS or NIS number (Número de Identificação Social Pis ou Pasep) is the equivalent of a\n * Brazilian tax registration number NIS of PIS numbers have 11 digits in total: 10 numbers followed by 1 check numbers\n * that are being used for validation.\n * @copyright (c) 21/08/2018 13:14, Cleiton da Silva Mendonça\n * @author Cleiton da Silva Mendonça ' if $1 is '44', otherwise set $prefix to '0'\n * Extract $2 and remove hyphens, spaces and parentheses. Phone number is combined $prefix and $2.\n * A number of very detailed GB telephone number RegEx patterns can also be found at:\n * http://www.aa-asterisk.org.uk/index.php/Regular_Expressions_for_Validating_and_Formatting_GB_Telephone_Numbers\n */\n\n// Matches UK landline + mobile, accepting only 01-3 for landline or 07 for mobile to exclude many premium numbers\n$.validator.addMethod( \"phonesUK\", function( phone_number, element ) {\n\tphone_number = phone_number.replace( /\\(|\\)|\\s+|-/g, \"\" );\n\treturn this.optional( element ) || phone_number.length > 9 &&\n\t\tphone_number.match( /^(?:(?:(?:00\\s?|\\+)44\\s?|0)(?:1\\d{8,9}|[23]\\d{9}|7(?:[1345789]\\d{8}|624\\d{6})))$/ );\n}, \"Please specify a valid uk phone number.\" );\n\n/* For UK phone functions, do the following server side processing:\n * Compare original input with this RegEx pattern:\n * ^\\(?(?:(?:00\\)?[\\s\\-]?\\(?|\\+)(44)\\)?[\\s\\-]?\\(?(?:0\\)?[\\s\\-]?\\(?)?|0)([1-9]\\d{1,4}\\)?[\\s\\d\\-]+)$\n * Extract $1 and set $prefix to '+44 ' if $1 is '44', otherwise set $prefix to '0'\n * Extract $2 and remove hyphens, spaces and parentheses. Phone number is combined $prefix and $2.\n * A number of very detailed GB telephone number RegEx patterns can also be found at:\n * http://www.aa-asterisk.org.uk/index.php/Regular_Expressions_for_Validating_and_Formatting_GB_Telephone_Numbers\n */\n$.validator.addMethod( \"phoneUK\", function( phone_number, element ) {\n\tphone_number = phone_number.replace( /\\(|\\)|\\s+|-/g, \"\" );\n\treturn this.optional( element ) || phone_number.length > 9 &&\n\t\tphone_number.match( /^(?:(?:(?:00\\s?|\\+)44\\s?)|(?:\\(?0))(?:\\d{2}\\)?\\s?\\d{4}\\s?\\d{4}|\\d{3}\\)?\\s?\\d{3}\\s?\\d{3,4}|\\d{4}\\)?\\s?(?:\\d{5}|\\d{3}\\s?\\d{3})|\\d{5}\\)?\\s?\\d{4,5})$/ );\n}, \"Please specify a valid phone number.\" );\n\n/**\n * Matches US phone number format\n *\n * where the area code may not start with 1 and the prefix may not start with 1\n * allows '-' or ' ' as a separator and allows parens around area code\n * some people may want to put a '1' in front of their number\n *\n * 1(212)-999-2345 or\n * 212 999 2344 or\n * 212-999-0983\n *\n * but not\n * 111-123-5434\n * and not\n * 212 123 4567\n */\n$.validator.addMethod( \"phoneUS\", function( phone_number, element ) {\n\tphone_number = phone_number.replace( /\\s+/g, \"\" );\n\treturn this.optional( element ) || phone_number.length > 9 &&\n\t\tphone_number.match( /^(\\+?1-?)?(\\([2-9]([02-9]\\d|1[02-9])\\)|[2-9]([02-9]\\d|1[02-9]))-?[2-9]\\d{2}-?\\d{4}$/ );\n}, \"Please specify a valid phone number.\" );\n\n/*\n* Valida CEPs do brasileiros:\n*\n* Formatos aceitos:\n* 99999-999\n* 99.999-999\n* 99999999\n*/\n$.validator.addMethod( \"postalcodeBR\", function( cep_value, element ) {\n\treturn this.optional( element ) || /^\\d{2}.\\d{3}-\\d{3}?$|^\\d{5}-?\\d{3}?$/.test( cep_value );\n}, \"Informe um CEP válido.\" );\n\n/**\n * Matches a valid Canadian Postal Code\n *\n * @example jQuery.validator.methods.postalCodeCA( \"H0H 0H0\", element )\n * @result true\n *\n * @example jQuery.validator.methods.postalCodeCA( \"H0H0H0\", element )\n * @result false\n *\n * @name jQuery.validator.methods.postalCodeCA\n * @type Boolean\n * @cat Plugins/Validate/Methods\n */\n$.validator.addMethod( \"postalCodeCA\", function( value, element ) {\n\treturn this.optional( element ) || /^[ABCEGHJKLMNPRSTVXY]\\d[ABCEGHJKLMNPRSTVWXYZ] *\\d[ABCEGHJKLMNPRSTVWXYZ]\\d$/i.test( value );\n}, \"Please specify a valid postal code.\" );\n\n/* Matches Italian postcode (CAP) */\n$.validator.addMethod( \"postalcodeIT\", function( value, element ) {\n\treturn this.optional( element ) || /^\\d{5}$/.test( value );\n}, \"Please specify a valid postal code.\" );\n\n$.validator.addMethod( \"postalcodeNL\", function( value, element ) {\n\treturn this.optional( element ) || /^[1-9][0-9]{3}\\s?[a-zA-Z]{2}$/.test( value );\n}, \"Please specify a valid postal code.\" );\n\n// Matches UK postcode. Does not match to UK Channel Islands that have their own postcodes (non standard UK)\n$.validator.addMethod( \"postcodeUK\", function( value, element ) {\n\treturn this.optional( element ) || /^((([A-PR-UWYZ][0-9])|([A-PR-UWYZ][0-9][0-9])|([A-PR-UWYZ][A-HK-Y][0-9])|([A-PR-UWYZ][A-HK-Y][0-9][0-9])|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))\\s?([0-9][ABD-HJLNP-UW-Z]{2})|(GIR)\\s?(0AA))$/i.test( value );\n}, \"Please specify a valid UK postcode.\" );\n\n/*\n * Lets you say \"at least X inputs that match selector Y must be filled.\"\n *\n * The end result is that neither of these inputs:\n *\n *\t\n *\t\n *\n *\t...will validate unless at least one of them is filled.\n *\n * partnumber:\t{require_from_group: [1,\".productinfo\"]},\n * description: {require_from_group: [1,\".productinfo\"]}\n *\n * options[0]: number of fields that must be filled in the group\n * options[1]: CSS selector that defines the group of conditionally required fields\n */\n$.validator.addMethod( \"require_from_group\", function( value, element, options ) {\n\tvar $fields = $( options[ 1 ], element.form ),\n\t\t$fieldsFirst = $fields.eq( 0 ),\n\t\tvalidator = $fieldsFirst.data( \"valid_req_grp\" ) ? $fieldsFirst.data( \"valid_req_grp\" ) : $.extend( {}, this ),\n\t\tisValid = $fields.filter( function() {\n\t\t\treturn validator.elementValue( this );\n\t\t} ).length >= options[ 0 ];\n\n\t// Store the cloned validator for future validation\n\t$fieldsFirst.data( \"valid_req_grp\", validator );\n\n\t// If element isn't being validated, run each require_from_group field's validation rules\n\tif ( !$( element ).data( \"being_validated\" ) ) {\n\t\t$fields.data( \"being_validated\", true );\n\t\t$fields.each( function() {\n\t\t\tvalidator.element( this );\n\t\t} );\n\t\t$fields.data( \"being_validated\", false );\n\t}\n\treturn isValid;\n}, $.validator.format( \"Please fill at least {0} of these fields.\" ) );\n\n/*\n * Lets you say \"either at least X inputs that match selector Y must be filled,\n * OR they must all be skipped (left blank).\"\n *\n * The end result, is that none of these inputs:\n *\n *\t\n *\t\n *\t\n *\n *\t...will validate unless either at least two of them are filled,\n *\tOR none of them are.\n *\n * partnumber:\t{skip_or_fill_minimum: [2,\".productinfo\"]},\n * description: {skip_or_fill_minimum: [2,\".productinfo\"]},\n * color:\t\t{skip_or_fill_minimum: [2,\".productinfo\"]}\n *\n * options[0]: number of fields that must be filled in the group\n * options[1]: CSS selector that defines the group of conditionally required fields\n *\n */\n$.validator.addMethod( \"skip_or_fill_minimum\", function( value, element, options ) {\n\tvar $fields = $( options[ 1 ], element.form ),\n\t\t$fieldsFirst = $fields.eq( 0 ),\n\t\tvalidator = $fieldsFirst.data( \"valid_skip\" ) ? $fieldsFirst.data( \"valid_skip\" ) : $.extend( {}, this ),\n\t\tnumberFilled = $fields.filter( function() {\n\t\t\treturn validator.elementValue( this );\n\t\t} ).length,\n\t\tisValid = numberFilled === 0 || numberFilled >= options[ 0 ];\n\n\t// Store the cloned validator for future validation\n\t$fieldsFirst.data( \"valid_skip\", validator );\n\n\t// If element isn't being validated, run each skip_or_fill_minimum field's validation rules\n\tif ( !$( element ).data( \"being_validated\" ) ) {\n\t\t$fields.data( \"being_validated\", true );\n\t\t$fields.each( function() {\n\t\t\tvalidator.element( this );\n\t\t} );\n\t\t$fields.data( \"being_validated\", false );\n\t}\n\treturn isValid;\n}, $.validator.format( \"Please either skip these fields or fill at least {0} of them.\" ) );\n\n/* Validates US States and/or Territories by @jdforsythe\n * Can be case insensitive or require capitalization - default is case insensitive\n * Can include US Territories or not - default does not\n * Can include US Military postal abbreviations (AA, AE, AP) - default does not\n *\n * Note: \"States\" always includes DC (District of Colombia)\n *\n * Usage examples:\n *\n * This is the default - case insensitive, no territories, no military zones\n * stateInput: {\n * caseSensitive: false,\n * includeTerritories: false,\n * includeMilitary: false\n * }\n *\n * Only allow capital letters, no territories, no military zones\n * stateInput: {\n * caseSensitive: false\n * }\n *\n * Case insensitive, include territories but not military zones\n * stateInput: {\n * includeTerritories: true\n * }\n *\n * Only allow capital letters, include territories and military zones\n * stateInput: {\n * caseSensitive: true,\n * includeTerritories: true,\n * includeMilitary: true\n * }\n *\n */\n$.validator.addMethod( \"stateUS\", function( value, element, options ) {\n\tvar isDefault = typeof options === \"undefined\",\n\t\tcaseSensitive = ( isDefault || typeof options.caseSensitive === \"undefined\" ) ? false : options.caseSensitive,\n\t\tincludeTerritories = ( isDefault || typeof options.includeTerritories === \"undefined\" ) ? false : options.includeTerritories,\n\t\tincludeMilitary = ( isDefault || typeof options.includeMilitary === \"undefined\" ) ? false : options.includeMilitary,\n\t\tregex;\n\n\tif ( !includeTerritories && !includeMilitary ) {\n\t\tregex = \"^(A[KLRZ]|C[AOT]|D[CE]|FL|GA|HI|I[ADLN]|K[SY]|LA|M[ADEINOST]|N[CDEHJMVY]|O[HKR]|PA|RI|S[CD]|T[NX]|UT|V[AT]|W[AIVY])$\";\n\t} else if ( includeTerritories && includeMilitary ) {\n\t\tregex = \"^(A[AEKLPRSZ]|C[AOT]|D[CE]|FL|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEINOPST]|N[CDEHJMVY]|O[HKR]|P[AR]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$\";\n\t} else if ( includeTerritories ) {\n\t\tregex = \"^(A[KLRSZ]|C[AOT]|D[CE]|FL|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEINOPST]|N[CDEHJMVY]|O[HKR]|P[AR]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$\";\n\t} else {\n\t\tregex = \"^(A[AEKLPRZ]|C[AOT]|D[CE]|FL|GA|HI|I[ADLN]|K[SY]|LA|M[ADEINOST]|N[CDEHJMVY]|O[HKR]|PA|RI|S[CD]|T[NX]|UT|V[AT]|W[AIVY])$\";\n\t}\n\n\tregex = caseSensitive ? new RegExp( regex ) : new RegExp( regex, \"i\" );\n\treturn this.optional( element ) || regex.test( value );\n}, \"Please specify a valid state.\" );\n\n// TODO check if value starts with <, otherwise don't try stripping anything\n$.validator.addMethod( \"strippedminlength\", function( value, element, param ) {\n\treturn $( value ).text().length >= param;\n}, $.validator.format( \"Please enter at least {0} characters.\" ) );\n\n$.validator.addMethod( \"time\", function( value, element ) {\n\treturn this.optional( element ) || /^([01]\\d|2[0-3]|[0-9])(:[0-5]\\d){1,2}$/.test( value );\n}, \"Please enter a valid time, between 00:00 and 23:59.\" );\n\n$.validator.addMethod( \"time12h\", function( value, element ) {\n\treturn this.optional( element ) || /^((0?[1-9]|1[012])(:[0-5]\\d){1,2}(\\ ?[AP]M))$/i.test( value );\n}, \"Please enter a valid time in 12-hour am/pm format.\" );\n\n// Same as url, but TLD is optional\n$.validator.addMethod( \"url2\", function( value, element ) {\n\treturn this.optional( element ) || /^(?:(?:(?:https?|ftp):)?\\/\\/)(?:(?:[^\\]\\[?\\/<~#`!@$^&*()+=}|:\";',>{ ]|%[0-9A-Fa-f]{2})+(?::(?:[^\\]\\[?\\/<~#`!@$^&*()+=}|:\";',>{ ]|%[0-9A-Fa-f]{2})*)?@)?(?:(?!(?:10|127)(?:\\.\\d{1,3}){3})(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff]\\.)+(?:[a-z\\u00a1-\\uffff]{2,}\\.?)|(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff])|(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62}\\.)))(?::\\d{2,5})?(?:[/?#]\\S*)?$/i.test( value );\n}, $.validator.messages.url );\n\n/**\n * Return true, if the value is a valid vehicle identification number (VIN).\n *\n * Works with all kind of text inputs.\n *\n * @example \n * @desc Declares a required input element whose value must be a valid vehicle identification number.\n *\n * @name $.validator.methods.vinUS\n * @type Boolean\n * @cat Plugins/Validate/Methods\n */\n$.validator.addMethod( \"vinUS\", function( v ) {\n if ( v.length !== 17 ) {\n return false;\n }\n\n var LL = [ \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"J\", \"K\", \"L\", \"M\", \"N\", \"P\", \"R\", \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\" ],\n VL = [ 1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 5, 7, 9, 2, 3, 4, 5, 6, 7, 8, 9 ],\n FL = [ 8, 7, 6, 5, 4, 3, 2, 10, 0, 9, 8, 7, 6, 5, 4, 3, 2 ],\n rs = 0,\n i, n, d, f, cd, cdv;\n\n for ( i = 0; i < 17; i++ ) {\n f = FL[ i ];\n d = v.slice( i, i + 1 );\n if ( isNaN( d ) ) {\n d = d.toUpperCase();\n n = VL[ LL.indexOf( d ) ];\n } else {\n n = parseInt( d, 10 );\n }\n if ( i === 8 )\n {\n cdv = n;\n if ( d === \"X\" ) {\n cdv = 10;\n }\n }\n rs += n * f;\n }\n cd = rs % 11;\n if ( cd === cdv ) {\n return true;\n }\n return false;\n}, \"The specified vehicle identification number (VIN) is invalid.\" );\n\n$.validator.addMethod( \"zipcodeUS\", function( value, element ) {\n\treturn this.optional( element ) || /^\\d{5}(-\\d{4})?$/.test( value );\n}, \"The specified US ZIP Code is invalid.\" );\n\n$.validator.addMethod( \"ziprange\", function( value, element ) {\n\treturn this.optional( element ) || /^90[2-5]\\d\\{2\\}-\\d{4}$/.test( value );\n}, \"Your ZIP-code must be in the range 902xx-xxxx to 905xx-xxxx.\" );\nreturn $;\n}));","/*!\n * jQuery Validation Plugin v1.21.0\n *\n * https://jqueryvalidation.org/\n *\n * Copyright (c) 2024 Jörn Zaefferer\n * Released under the MIT license\n */\n(function( factory ) {\n\tif ( typeof define === \"function\" && define.amd ) {\n\t\tdefine( [\"jquery\"], factory );\n\t} else if (typeof module === \"object\" && module.exports) {\n\t\tmodule.exports = factory( require( \"jquery\" ) );\n\t} else {\n\t\tfactory( jQuery );\n\t}\n}(function( $ ) {\n\n$.extend( $.fn, {\n\n\t// https://jqueryvalidation.org/validate/\n\tvalidate: function( options ) {\n\n\t\t// If nothing is selected, return nothing; can't chain anyway\n\t\tif ( !this.length ) {\n\t\t\tif ( options && options.debug && window.console ) {\n\t\t\t\tconsole.warn( \"Nothing selected, can't validate, returning nothing.\" );\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if a validator for this form was already created\n\t\tvar validator = $.data( this[ 0 ], \"validator\" );\n\t\tif ( validator ) {\n\t\t\treturn validator;\n\t\t}\n\n\t\t// Add novalidate tag if HTML5.\n\t\tthis.attr( \"novalidate\", \"novalidate\" );\n\n\t\tvalidator = new $.validator( options, this[ 0 ] );\n\t\t$.data( this[ 0 ], \"validator\", validator );\n\n\t\tif ( validator.settings.onsubmit ) {\n\n\t\t\tthis.on( \"click.validate\", \":submit\", function( event ) {\n\n\t\t\t\t// Track the used submit button to properly handle scripted\n\t\t\t\t// submits later.\n\t\t\t\tvalidator.submitButton = event.currentTarget;\n\n\t\t\t\t// Allow suppressing validation by adding a cancel class to the submit button\n\t\t\t\tif ( $( this ).hasClass( \"cancel\" ) ) {\n\t\t\t\t\tvalidator.cancelSubmit = true;\n\t\t\t\t}\n\n\t\t\t\t// Allow suppressing validation by adding the html5 formnovalidate attribute to the submit button\n\t\t\t\tif ( $( this ).attr( \"formnovalidate\" ) !== undefined ) {\n\t\t\t\t\tvalidator.cancelSubmit = true;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// Validate the form on submit\n\t\t\tthis.on( \"submit.validate\", function( event ) {\n\t\t\t\tif ( validator.settings.debug ) {\n\n\t\t\t\t\t// Prevent form submit to be able to see console output\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\n\t\t\t\tfunction handle() {\n\t\t\t\t\tvar hidden, result;\n\n\t\t\t\t\t// Insert a hidden input as a replacement for the missing submit button\n\t\t\t\t\t// The hidden input is inserted in two cases:\n\t\t\t\t\t// - A user defined a `submitHandler`\n\t\t\t\t\t// - There was a pending request due to `remote` method and `stopRequest()`\n\t\t\t\t\t// was called to submit the form in case it's valid\n\t\t\t\t\tif ( validator.submitButton && ( validator.settings.submitHandler || validator.formSubmitted ) ) {\n\t\t\t\t\t\thidden = $( \"\" )\n\t\t\t\t\t\t\t.attr( \"name\", validator.submitButton.name )\n\t\t\t\t\t\t\t.val( $( validator.submitButton ).val() )\n\t\t\t\t\t\t\t.appendTo( validator.currentForm );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( validator.settings.submitHandler && !validator.settings.debug ) {\n\t\t\t\t\t\tresult = validator.settings.submitHandler.call( validator, validator.currentForm, event );\n\t\t\t\t\t\tif ( hidden ) {\n\n\t\t\t\t\t\t\t// And clean up afterwards; thanks to no-block-scope, hidden can be referenced\n\t\t\t\t\t\t\thidden.remove();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( result !== undefined ) {\n\t\t\t\t\t\t\treturn result;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\t// Prevent submit for invalid forms or custom submit handlers\n\t\t\t\tif ( validator.cancelSubmit ) {\n\t\t\t\t\tvalidator.cancelSubmit = false;\n\t\t\t\t\treturn handle();\n\t\t\t\t}\n\t\t\t\tif ( validator.form() ) {\n\t\t\t\t\tif ( validator.pendingRequest ) {\n\t\t\t\t\t\tvalidator.formSubmitted = true;\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t\treturn handle();\n\t\t\t\t} else {\n\t\t\t\t\tvalidator.focusInvalid();\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\treturn validator;\n\t},\n\n\t// https://jqueryvalidation.org/valid/\n\tvalid: function() {\n\t\tvar valid, validator, errorList;\n\n\t\tif ( $( this[ 0 ] ).is( \"form\" ) ) {\n\t\t\tvalid = this.validate().form();\n\t\t} else {\n\t\t\terrorList = [];\n\t\t\tvalid = true;\n\t\t\tvalidator = $( this[ 0 ].form ).validate();\n\t\t\tthis.each( function() {\n\t\t\t\tvalid = validator.element( this ) && valid;\n\t\t\t\tif ( !valid ) {\n\t\t\t\t\terrorList = errorList.concat( validator.errorList );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tvalidator.errorList = errorList;\n\t\t}\n\t\treturn valid;\n\t},\n\n\t// https://jqueryvalidation.org/rules/\n\trules: function( command, argument ) {\n\t\tvar element = this[ 0 ],\n\t\t\tisContentEditable = typeof this.attr( \"contenteditable\" ) !== \"undefined\" && this.attr( \"contenteditable\" ) !== \"false\",\n\t\t\tsettings, staticRules, existingRules, data, param, filtered;\n\n\t\t// If nothing is selected, return empty object; can't chain anyway\n\t\tif ( element == null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !element.form && isContentEditable ) {\n\t\t\telement.form = this.closest( \"form\" )[ 0 ];\n\t\t\telement.name = this.attr( \"name\" );\n\t\t}\n\n\t\tif ( element.form == null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( command ) {\n\t\t\tsettings = $.data( element.form, \"validator\" ).settings;\n\t\t\tstaticRules = settings.rules;\n\t\t\texistingRules = $.validator.staticRules( element );\n\t\t\tswitch ( command ) {\n\t\t\tcase \"add\":\n\t\t\t\t$.extend( existingRules, $.validator.normalizeRule( argument ) );\n\n\t\t\t\t// Remove messages from rules, but allow them to be set separately\n\t\t\t\tdelete existingRules.messages;\n\t\t\t\tstaticRules[ element.name ] = existingRules;\n\t\t\t\tif ( argument.messages ) {\n\t\t\t\t\tsettings.messages[ element.name ] = $.extend( settings.messages[ element.name ], argument.messages );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase \"remove\":\n\t\t\t\tif ( !argument ) {\n\t\t\t\t\tdelete staticRules[ element.name ];\n\t\t\t\t\treturn existingRules;\n\t\t\t\t}\n\t\t\t\tfiltered = {};\n\t\t\t\t$.each( argument.split( /\\s/ ), function( index, method ) {\n\t\t\t\t\tfiltered[ method ] = existingRules[ method ];\n\t\t\t\t\tdelete existingRules[ method ];\n\t\t\t\t} );\n\t\t\t\treturn filtered;\n\t\t\t}\n\t\t}\n\n\t\tdata = $.validator.normalizeRules(\n\t\t$.extend(\n\t\t\t{},\n\t\t\t$.validator.classRules( element ),\n\t\t\t$.validator.attributeRules( element ),\n\t\t\t$.validator.dataRules( element ),\n\t\t\t$.validator.staticRules( element )\n\t\t), element );\n\n\t\t// Make sure required is at front\n\t\tif ( data.required ) {\n\t\t\tparam = data.required;\n\t\t\tdelete data.required;\n\t\t\tdata = $.extend( { required: param }, data );\n\t\t}\n\n\t\t// Make sure remote is at back\n\t\tif ( data.remote ) {\n\t\t\tparam = data.remote;\n\t\t\tdelete data.remote;\n\t\t\tdata = $.extend( data, { remote: param } );\n\t\t}\n\n\t\treturn data;\n\t}\n} );\n\n// JQuery trim is deprecated, provide a trim method based on String.prototype.trim\nvar trim = function( str ) {\n\n\t// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim#Polyfill\n\treturn str.replace( /^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, \"\" );\n};\n\n// Custom selectors\n$.extend( $.expr.pseudos || $.expr[ \":\" ], {\t\t// '|| $.expr[ \":\" ]' here enables backwards compatibility to jQuery 1.7. Can be removed when dropping jQ 1.7.x support\n\n\t// https://jqueryvalidation.org/blank-selector/\n\tblank: function( a ) {\n\t\treturn !trim( \"\" + $( a ).val() );\n\t},\n\n\t// https://jqueryvalidation.org/filled-selector/\n\tfilled: function( a ) {\n\t\tvar val = $( a ).val();\n\t\treturn val !== null && !!trim( \"\" + val );\n\t},\n\n\t// https://jqueryvalidation.org/unchecked-selector/\n\tunchecked: function( a ) {\n\t\treturn !$( a ).prop( \"checked\" );\n\t}\n} );\n\n// Constructor for validator\n$.validator = function( options, form ) {\n\tthis.settings = $.extend( true, {}, $.validator.defaults, options );\n\tthis.currentForm = form;\n\tthis.init();\n};\n\n// https://jqueryvalidation.org/jQuery.validator.format/\n$.validator.format = function( source, params ) {\n\tif ( arguments.length === 1 ) {\n\t\treturn function() {\n\t\t\tvar args = $.makeArray( arguments );\n\t\t\targs.unshift( source );\n\t\t\treturn $.validator.format.apply( this, args );\n\t\t};\n\t}\n\tif ( params === undefined ) {\n\t\treturn source;\n\t}\n\tif ( arguments.length > 2 && params.constructor !== Array ) {\n\t\tparams = $.makeArray( arguments ).slice( 1 );\n\t}\n\tif ( params.constructor !== Array ) {\n\t\tparams = [ params ];\n\t}\n\t$.each( params, function( i, n ) {\n\t\tsource = source.replace( new RegExp( \"\\\\{\" + i + \"\\\\}\", \"g\" ), function() {\n\t\t\treturn n;\n\t\t} );\n\t} );\n\treturn source;\n};\n\n$.extend( $.validator, {\n\n\tdefaults: {\n\t\tmessages: {},\n\t\tgroups: {},\n\t\trules: {},\n\t\terrorClass: \"error\",\n\t\tpendingClass: \"pending\",\n\t\tvalidClass: \"valid\",\n\t\terrorElement: \"label\",\n\t\tfocusCleanup: false,\n\t\tfocusInvalid: true,\n\t\terrorContainer: $( [] ),\n\t\terrorLabelContainer: $( [] ),\n\t\tonsubmit: true,\n\t\tignore: \":hidden\",\n\t\tignoreTitle: false,\n\t\tcustomElements: [],\n\t\tonfocusin: function( element ) {\n\t\t\tthis.lastActive = element;\n\n\t\t\t// Hide error label and remove error class on focus if enabled\n\t\t\tif ( this.settings.focusCleanup ) {\n\t\t\t\tif ( this.settings.unhighlight ) {\n\t\t\t\t\tthis.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass );\n\t\t\t\t}\n\t\t\t\tthis.hideThese( this.errorsFor( element ) );\n\t\t\t}\n\t\t},\n\t\tonfocusout: function( element ) {\n\t\t\tif ( !this.checkable( element ) && ( element.name in this.submitted || !this.optional( element ) ) ) {\n\t\t\t\tthis.element( element );\n\t\t\t}\n\t\t},\n\t\tonkeyup: function( element, event ) {\n\n\t\t\t// Avoid revalidate the field when pressing one of the following keys\n\t\t\t// Shift => 16\n\t\t\t// Ctrl => 17\n\t\t\t// Alt => 18\n\t\t\t// Caps lock => 20\n\t\t\t// End => 35\n\t\t\t// Home => 36\n\t\t\t// Left arrow => 37\n\t\t\t// Up arrow => 38\n\t\t\t// Right arrow => 39\n\t\t\t// Down arrow => 40\n\t\t\t// Insert => 45\n\t\t\t// Num lock => 144\n\t\t\t// AltGr key => 225\n\t\t\tvar excludedKeys = [\n\t\t\t\t16, 17, 18, 20, 35, 36, 37,\n\t\t\t\t38, 39, 40, 45, 144, 225\n\t\t\t];\n\n\t\t\tif ( event.which === 9 && this.elementValue( element ) === \"\" || $.inArray( event.keyCode, excludedKeys ) !== -1 ) {\n\t\t\t\treturn;\n\t\t\t} else if ( element.name in this.submitted || element.name in this.invalid ) {\n\t\t\t\tthis.element( element );\n\t\t\t}\n\t\t},\n\t\tonclick: function( element ) {\n\n\t\t\t// Click on selects, radiobuttons and checkboxes\n\t\t\tif ( element.name in this.submitted ) {\n\t\t\t\tthis.element( element );\n\n\t\t\t// Or option elements, check parent select in that case\n\t\t\t} else if ( element.parentNode.name in this.submitted ) {\n\t\t\t\tthis.element( element.parentNode );\n\t\t\t}\n\t\t},\n\t\thighlight: function( element, errorClass, validClass ) {\n\t\t\tif ( element.type === \"radio\" ) {\n\t\t\t\tthis.findByName( element.name ).addClass( errorClass ).removeClass( validClass );\n\t\t\t} else {\n\t\t\t\t$( element ).addClass( errorClass ).removeClass( validClass );\n\t\t\t}\n\t\t},\n\t\tunhighlight: function( element, errorClass, validClass ) {\n\t\t\tif ( element.type === \"radio\" ) {\n\t\t\t\tthis.findByName( element.name ).removeClass( errorClass ).addClass( validClass );\n\t\t\t} else {\n\t\t\t\t$( element ).removeClass( errorClass ).addClass( validClass );\n\t\t\t}\n\t\t}\n\t},\n\n\t// https://jqueryvalidation.org/jQuery.validator.setDefaults/\n\tsetDefaults: function( settings ) {\n\t\t$.extend( $.validator.defaults, settings );\n\t},\n\n\tmessages: {\n\t\trequired: \"This field is required.\",\n\t\tremote: \"Please fix this field.\",\n\t\temail: \"Please enter a valid email address.\",\n\t\turl: \"Please enter a valid URL.\",\n\t\tdate: \"Please enter a valid date.\",\n\t\tdateISO: \"Please enter a valid date (ISO).\",\n\t\tnumber: \"Please enter a valid number.\",\n\t\tdigits: \"Please enter only digits.\",\n\t\tequalTo: \"Please enter the same value again.\",\n\t\tmaxlength: $.validator.format( \"Please enter no more than {0} characters.\" ),\n\t\tminlength: $.validator.format( \"Please enter at least {0} characters.\" ),\n\t\trangelength: $.validator.format( \"Please enter a value between {0} and {1} characters long.\" ),\n\t\trange: $.validator.format( \"Please enter a value between {0} and {1}.\" ),\n\t\tmax: $.validator.format( \"Please enter a value less than or equal to {0}.\" ),\n\t\tmin: $.validator.format( \"Please enter a value greater than or equal to {0}.\" ),\n\t\tstep: $.validator.format( \"Please enter a multiple of {0}.\" )\n\t},\n\n\tautoCreateRanges: false,\n\n\tprototype: {\n\n\t\tinit: function() {\n\t\t\tthis.labelContainer = $( this.settings.errorLabelContainer );\n\t\t\tthis.errorContext = this.labelContainer.length && this.labelContainer || $( this.currentForm );\n\t\t\tthis.containers = $( this.settings.errorContainer ).add( this.settings.errorLabelContainer );\n\t\t\tthis.submitted = {};\n\t\t\tthis.valueCache = {};\n\t\t\tthis.pendingRequest = 0;\n\t\t\tthis.pending = {};\n\t\t\tthis.invalid = {};\n\t\t\tthis.reset();\n\n\t\t\tvar currentForm = this.currentForm,\n\t\t\t\tgroups = ( this.groups = {} ),\n\t\t\t\trules;\n\t\t\t$.each( this.settings.groups, function( key, value ) {\n\t\t\t\tif ( typeof value === \"string\" ) {\n\t\t\t\t\tvalue = value.split( /\\s/ );\n\t\t\t\t}\n\t\t\t\t$.each( value, function( index, name ) {\n\t\t\t\t\tgroups[ name ] = key;\n\t\t\t\t} );\n\t\t\t} );\n\t\t\trules = this.settings.rules;\n\t\t\t$.each( rules, function( key, value ) {\n\t\t\t\trules[ key ] = $.validator.normalizeRule( value );\n\t\t\t} );\n\n\t\t\tfunction delegate( event ) {\n\t\t\t\tvar isContentEditable = typeof $( this ).attr( \"contenteditable\" ) !== \"undefined\" && $( this ).attr( \"contenteditable\" ) !== \"false\";\n\n\t\t\t\t// Set form expando on contenteditable\n\t\t\t\tif ( !this.form && isContentEditable ) {\n\t\t\t\t\tthis.form = $( this ).closest( \"form\" )[ 0 ];\n\t\t\t\t\tthis.name = $( this ).attr( \"name\" );\n\t\t\t\t}\n\n\t\t\t\t// Ignore the element if it belongs to another form. This will happen mainly\n\t\t\t\t// when setting the `form` attribute of an input to the id of another form.\n\t\t\t\tif ( currentForm !== this.form ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar validator = $.data( this.form, \"validator\" ),\n\t\t\t\t\teventType = \"on\" + event.type.replace( /^validate/, \"\" ),\n\t\t\t\t\tsettings = validator.settings;\n\t\t\t\tif ( settings[ eventType ] && !$( this ).is( settings.ignore ) ) {\n\t\t\t\t\tsettings[ eventType ].call( validator, this, event );\n\t\t\t\t}\n\t\t\t}\n\t\t\tvar focusListeners = [ \":text\", \"[type='password']\", \"[type='file']\", \"select\", \"textarea\", \"[type='number']\", \"[type='search']\",\n\t\t\t\t\t\t\t\t\"[type='tel']\", \"[type='url']\", \"[type='email']\", \"[type='datetime']\", \"[type='date']\", \"[type='month']\",\n\t\t\t\t\t\t\t\t\"[type='week']\", \"[type='time']\", \"[type='datetime-local']\", \"[type='range']\", \"[type='color']\",\n\t\t\t\t\t\t\t\t\"[type='radio']\", \"[type='checkbox']\", \"[contenteditable]\", \"[type='button']\" ];\n\t\t\tvar clickListeners = [ \"select\", \"option\", \"[type='radio']\", \"[type='checkbox']\" ];\n\t\t\t$( this.currentForm )\n\t\t\t\t.on( \"focusin.validate focusout.validate keyup.validate\", focusListeners.concat( this.settings.customElements ).join( \", \" ), delegate )\n\n\t\t\t\t// Support: Chrome, oldIE\n\t\t\t\t// \"select\" is provided as event.target when clicking a option\n\t\t\t\t.on( \"click.validate\", clickListeners.concat( this.settings.customElements ).join( \", \" ), delegate );\n\n\t\t\tif ( this.settings.invalidHandler ) {\n\t\t\t\t$( this.currentForm ).on( \"invalid-form.validate\", this.settings.invalidHandler );\n\t\t\t}\n\t\t},\n\n\t\t// https://jqueryvalidation.org/Validator.form/\n\t\tform: function() {\n\t\t\tthis.checkForm();\n\t\t\t$.extend( this.submitted, this.errorMap );\n\t\t\tthis.invalid = $.extend( {}, this.errorMap );\n\t\t\tif ( !this.valid() ) {\n\t\t\t\t$( this.currentForm ).triggerHandler( \"invalid-form\", [ this ] );\n\t\t\t}\n\t\t\tthis.showErrors();\n\t\t\treturn this.valid();\n\t\t},\n\n\t\tcheckForm: function() {\n\t\t\tthis.prepareForm();\n\t\t\tfor ( var i = 0, elements = ( this.currentElements = this.elements() ); elements[ i ]; i++ ) {\n\t\t\t\tthis.check( elements[ i ] );\n\t\t\t}\n\t\t\treturn this.valid();\n\t\t},\n\n\t\t// https://jqueryvalidation.org/Validator.element/\n\t\telement: function( element ) {\n\t\t\tvar cleanElement = this.clean( element ),\n\t\t\t\tcheckElement = this.validationTargetFor( cleanElement ),\n\t\t\t\tv = this,\n\t\t\t\tresult = true,\n\t\t\t\trs, group;\n\n\t\t\tif ( checkElement === undefined ) {\n\t\t\t\tdelete this.invalid[ cleanElement.name ];\n\t\t\t} else {\n\t\t\t\tthis.prepareElement( checkElement );\n\t\t\t\tthis.currentElements = $( checkElement );\n\n\t\t\t\t// If this element is grouped, then validate all group elements already\n\t\t\t\t// containing a value\n\t\t\t\tgroup = this.groups[ checkElement.name ];\n\t\t\t\tif ( group ) {\n\t\t\t\t\t$.each( this.groups, function( name, testgroup ) {\n\t\t\t\t\t\tif ( testgroup === group && name !== checkElement.name ) {\n\t\t\t\t\t\t\tcleanElement = v.validationTargetFor( v.clean( v.findByName( name ) ) );\n\t\t\t\t\t\t\tif ( cleanElement && cleanElement.name in v.invalid ) {\n\t\t\t\t\t\t\t\tv.currentElements.push( cleanElement );\n\t\t\t\t\t\t\t\tresult = v.check( cleanElement ) && result;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\trs = this.check( checkElement ) !== false;\n\t\t\t\tresult = result && rs;\n\t\t\t\tif ( rs ) {\n\t\t\t\t\tthis.invalid[ checkElement.name ] = false;\n\t\t\t\t} else {\n\t\t\t\t\tthis.invalid[ checkElement.name ] = true;\n\t\t\t\t}\n\n\t\t\t\tif ( !this.numberOfInvalids() ) {\n\n\t\t\t\t\t// Hide error containers on last error\n\t\t\t\t\tthis.toHide = this.toHide.add( this.containers );\n\t\t\t\t}\n\t\t\t\tthis.showErrors();\n\n\t\t\t\t// Add aria-invalid status for screen readers\n\t\t\t\t$( element ).attr( \"aria-invalid\", !rs );\n\t\t\t}\n\n\t\t\treturn result;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/Validator.showErrors/\n\t\tshowErrors: function( errors ) {\n\t\t\tif ( errors ) {\n\t\t\t\tvar validator = this;\n\n\t\t\t\t// Add items to error list and map\n\t\t\t\t$.extend( this.errorMap, errors );\n\t\t\t\tthis.errorList = $.map( this.errorMap, function( message, name ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tmessage: message,\n\t\t\t\t\t\telement: validator.findByName( name )[ 0 ]\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\t// Remove items from success list\n\t\t\t\tthis.successList = $.grep( this.successList, function( element ) {\n\t\t\t\t\treturn !( element.name in errors );\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( this.settings.showErrors ) {\n\t\t\t\tthis.settings.showErrors.call( this, this.errorMap, this.errorList );\n\t\t\t} else {\n\t\t\t\tthis.defaultShowErrors();\n\t\t\t}\n\t\t},\n\n\t\t// https://jqueryvalidation.org/Validator.resetForm/\n\t\tresetForm: function() {\n\t\t\tif ( $.fn.resetForm ) {\n\t\t\t\t$( this.currentForm ).resetForm();\n\t\t\t}\n\t\t\tthis.invalid = {};\n\t\t\tthis.submitted = {};\n\t\t\tthis.prepareForm();\n\t\t\tthis.hideErrors();\n\t\t\tvar elements = this.elements()\n\t\t\t\t.removeData( \"previousValue\" )\n\t\t\t\t.removeAttr( \"aria-invalid\" );\n\n\t\t\tthis.resetElements( elements );\n\t\t},\n\n\t\tresetElements: function( elements ) {\n\t\t\tvar i;\n\n\t\t\tif ( this.settings.unhighlight ) {\n\t\t\t\tfor ( i = 0; elements[ i ]; i++ ) {\n\t\t\t\t\tthis.settings.unhighlight.call( this, elements[ i ],\n\t\t\t\t\t\tthis.settings.errorClass, \"\" );\n\t\t\t\t\tthis.findByName( elements[ i ].name ).removeClass( this.settings.validClass );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\telements\n\t\t\t\t\t.removeClass( this.settings.errorClass )\n\t\t\t\t\t.removeClass( this.settings.validClass );\n\t\t\t}\n\t\t},\n\n\t\tnumberOfInvalids: function() {\n\t\t\treturn this.objectLength( this.invalid );\n\t\t},\n\n\t\tobjectLength: function( obj ) {\n\t\t\t/* jshint unused: false */\n\t\t\tvar count = 0,\n\t\t\t\ti;\n\t\t\tfor ( i in obj ) {\n\n\t\t\t\t// This check allows counting elements with empty error\n\t\t\t\t// message as invalid elements\n\t\t\t\tif ( obj[ i ] !== undefined && obj[ i ] !== null && obj[ i ] !== false ) {\n\t\t\t\t\tcount++;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn count;\n\t\t},\n\n\t\thideErrors: function() {\n\t\t\tthis.hideThese( this.toHide );\n\t\t},\n\n\t\thideThese: function( errors ) {\n\t\t\terrors.not( this.containers ).text( \"\" );\n\t\t\tthis.addWrapper( errors ).hide();\n\t\t},\n\n\t\tvalid: function() {\n\t\t\treturn this.size() === 0;\n\t\t},\n\n\t\tsize: function() {\n\t\t\treturn this.errorList.length;\n\t\t},\n\n\t\tfocusInvalid: function() {\n\t\t\tif ( this.settings.focusInvalid ) {\n\t\t\t\ttry {\n\t\t\t\t\t$( this.findLastActive() || this.errorList.length && this.errorList[ 0 ].element || [] )\n\t\t\t\t\t.filter( \":visible\" )\n\t\t\t\t\t.trigger( \"focus\" )\n\n\t\t\t\t\t// Manually trigger focusin event; without it, focusin handler isn't called, findLastActive won't have anything to find\n\t\t\t\t\t.trigger( \"focusin\" );\n\t\t\t\t} catch ( e ) {\n\n\t\t\t\t\t// Ignore IE throwing errors when focusing hidden elements\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tfindLastActive: function() {\n\t\t\tvar lastActive = this.lastActive;\n\t\t\treturn lastActive && $.grep( this.errorList, function( n ) {\n\t\t\t\treturn n.element.name === lastActive.name;\n\t\t\t} ).length === 1 && lastActive;\n\t\t},\n\n\t\telements: function() {\n\t\t\tvar validator = this,\n\t\t\t\trulesCache = {},\n\t\t\t\tselectors = [ \"input\", \"select\", \"textarea\", \"[contenteditable]\" ];\n\n\t\t\t// Select all valid inputs inside the form (no submit or reset buttons)\n\t\t\treturn $( this.currentForm )\n\t\t\t.find( selectors.concat( this.settings.customElements ).join( \", \" ) )\n\t\t\t.not( \":submit, :reset, :image, :disabled\" )\n\t\t\t.not( this.settings.ignore )\n\t\t\t.filter( function() {\n\t\t\t\tvar name = this.name || $( this ).attr( \"name\" ); // For contenteditable\n\t\t\t\tvar isContentEditable = typeof $( this ).attr( \"contenteditable\" ) !== \"undefined\" && $( this ).attr( \"contenteditable\" ) !== \"false\";\n\n\t\t\t\tif ( !name && validator.settings.debug && window.console ) {\n\t\t\t\t\tconsole.error( \"%o has no name assigned\", this );\n\t\t\t\t}\n\n\t\t\t\t// Set form expando on contenteditable\n\t\t\t\tif ( isContentEditable ) {\n\t\t\t\t\tthis.form = $( this ).closest( \"form\" )[ 0 ];\n\t\t\t\t\tthis.name = name;\n\t\t\t\t}\n\n\t\t\t\t// Ignore elements that belong to other/nested forms\n\t\t\t\tif ( this.form !== validator.currentForm ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\t// Select only the first element for each name, and only those with rules specified\n\t\t\t\tif ( name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\trulesCache[ name ] = true;\n\t\t\t\treturn true;\n\t\t\t} );\n\t\t},\n\n\t\tclean: function( selector ) {\n\t\t\treturn $( selector )[ 0 ];\n\t\t},\n\n\t\terrors: function() {\n\t\t\tvar errorClass = this.settings.errorClass.split( \" \" ).join( \".\" );\n\t\t\treturn $( this.settings.errorElement + \".\" + errorClass, this.errorContext );\n\t\t},\n\n\t\tresetInternals: function() {\n\t\t\tthis.successList = [];\n\t\t\tthis.errorList = [];\n\t\t\tthis.errorMap = {};\n\t\t\tthis.toShow = $( [] );\n\t\t\tthis.toHide = $( [] );\n\t\t},\n\n\t\treset: function() {\n\t\t\tthis.resetInternals();\n\t\t\tthis.currentElements = $( [] );\n\t\t},\n\n\t\tprepareForm: function() {\n\t\t\tthis.reset();\n\t\t\tthis.toHide = this.errors().add( this.containers );\n\t\t},\n\n\t\tprepareElement: function( element ) {\n\t\t\tthis.reset();\n\t\t\tthis.toHide = this.errorsFor( element );\n\t\t},\n\n\t\telementValue: function( element ) {\n\t\t\tvar $element = $( element ),\n\t\t\t\ttype = element.type,\n\t\t\t\tisContentEditable = typeof $element.attr( \"contenteditable\" ) !== \"undefined\" && $element.attr( \"contenteditable\" ) !== \"false\",\n\t\t\t\tval, idx;\n\n\t\t\tif ( type === \"radio\" || type === \"checkbox\" ) {\n\t\t\t\treturn this.findByName( element.name ).filter( \":checked\" ).val();\n\t\t\t} else if ( type === \"number\" && typeof element.validity !== \"undefined\" ) {\n\t\t\t\treturn element.validity.badInput ? \"NaN\" : $element.val();\n\t\t\t}\n\n\t\t\tif ( isContentEditable ) {\n\t\t\t\tval = $element.text();\n\t\t\t} else {\n\t\t\t\tval = $element.val();\n\t\t\t}\n\n\t\t\tif ( type === \"file\" ) {\n\n\t\t\t\t// Modern browser (chrome & safari)\n\t\t\t\tif ( val.substr( 0, 12 ) === \"C:\\\\fakepath\\\\\" ) {\n\t\t\t\t\treturn val.substr( 12 );\n\t\t\t\t}\n\n\t\t\t\t// Legacy browsers\n\t\t\t\t// Unix-based path\n\t\t\t\tidx = val.lastIndexOf( \"/\" );\n\t\t\t\tif ( idx >= 0 ) {\n\t\t\t\t\treturn val.substr( idx + 1 );\n\t\t\t\t}\n\n\t\t\t\t// Windows-based path\n\t\t\t\tidx = val.lastIndexOf( \"\\\\\" );\n\t\t\t\tif ( idx >= 0 ) {\n\t\t\t\t\treturn val.substr( idx + 1 );\n\t\t\t\t}\n\n\t\t\t\t// Just the file name\n\t\t\t\treturn val;\n\t\t\t}\n\n\t\t\tif ( typeof val === \"string\" ) {\n\t\t\t\treturn val.replace( /\\r/g, \"\" );\n\t\t\t}\n\t\t\treturn val;\n\t\t},\n\n\t\tcheck: function( element ) {\n\t\t\telement = this.validationTargetFor( this.clean( element ) );\n\n\t\t\tvar rules = $( element ).rules(),\n\t\t\t\trulesCount = $.map( rules, function( n, i ) {\n\t\t\t\t\treturn i;\n\t\t\t\t} ).length,\n\t\t\t\tdependencyMismatch = false,\n\t\t\t\tval = this.elementValue( element ),\n\t\t\t\tresult, method, rule, normalizer;\n\n\t\t\t// Abort any pending Ajax request from a previous call to this method.\n\t\t\tthis.abortRequest( element );\n\n\t\t\t// Prioritize the local normalizer defined for this element over the global one\n\t\t\t// if the former exists, otherwise user the global one in case it exists.\n\t\t\tif ( typeof rules.normalizer === \"function\" ) {\n\t\t\t\tnormalizer = rules.normalizer;\n\t\t\t} else if (\ttypeof this.settings.normalizer === \"function\" ) {\n\t\t\t\tnormalizer = this.settings.normalizer;\n\t\t\t}\n\n\t\t\t// If normalizer is defined, then call it to retreive the changed value instead\n\t\t\t// of using the real one.\n\t\t\t// Note that `this` in the normalizer is `element`.\n\t\t\tif ( normalizer ) {\n\t\t\t\tval = normalizer.call( element, val );\n\n\t\t\t\t// Delete the normalizer from rules to avoid treating it as a pre-defined method.\n\t\t\t\tdelete rules.normalizer;\n\t\t\t}\n\n\t\t\tfor ( method in rules ) {\n\t\t\t\trule = { method: method, parameters: rules[ method ] };\n\t\t\t\ttry {\n\t\t\t\t\tresult = $.validator.methods[ method ].call( this, val, element, rule.parameters );\n\n\t\t\t\t\t// If a method indicates that the field is optional and therefore valid,\n\t\t\t\t\t// don't mark it as valid when there are no other rules\n\t\t\t\t\tif ( result === \"dependency-mismatch\" && rulesCount === 1 ) {\n\t\t\t\t\t\tdependencyMismatch = true;\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t\tdependencyMismatch = false;\n\n\t\t\t\t\tif ( result === \"pending\" ) {\n\t\t\t\t\t\tthis.toHide = this.toHide.not( this.errorsFor( element ) );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( !result ) {\n\t\t\t\t\t\tthis.formatAndAdd( element, rule );\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t} catch ( e ) {\n\t\t\t\t\tif ( this.settings.debug && window.console ) {\n\t\t\t\t\t\tconsole.log( \"Exception occurred when checking element \" + element.id + \", check the '\" + rule.method + \"' method.\", e );\n\t\t\t\t\t}\n\t\t\t\t\tif ( e instanceof TypeError ) {\n\t\t\t\t\t\te.message += \". Exception occurred when checking element \" + element.id + \", check the '\" + rule.method + \"' method.\";\n\t\t\t\t\t}\n\n\t\t\t\t\tthrow e;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ( dependencyMismatch ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( this.objectLength( rules ) ) {\n\t\t\t\tthis.successList.push( element );\n\t\t\t}\n\t\t\treturn true;\n\t\t},\n\n\t\t// Return the custom message for the given element and validation method\n\t\t// specified in the element's HTML5 data attribute\n\t\t// return the generic message if present and no method specific message is present\n\t\tcustomDataMessage: function( element, method ) {\n\t\t\treturn $( element ).data( \"msg\" + method.charAt( 0 ).toUpperCase() +\n\t\t\t\tmethod.substring( 1 ).toLowerCase() ) || $( element ).data( \"msg\" );\n\t\t},\n\n\t\t// Return the custom message for the given element name and validation method\n\t\tcustomMessage: function( name, method ) {\n\t\t\tvar m = this.settings.messages[ name ];\n\t\t\treturn m && ( m.constructor === String ? m : m[ method ] );\n\t\t},\n\n\t\t// Return the first defined argument, allowing empty strings\n\t\tfindDefined: function() {\n\t\t\tfor ( var i = 0; i < arguments.length; i++ ) {\n\t\t\t\tif ( arguments[ i ] !== undefined ) {\n\t\t\t\t\treturn arguments[ i ];\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn undefined;\n\t\t},\n\n\t\t// The second parameter 'rule' used to be a string, and extended to an object literal\n\t\t// of the following form:\n\t\t// rule = {\n\t\t// method: \"method name\",\n\t\t// parameters: \"the given method parameters\"\n\t\t// }\n\t\t//\n\t\t// The old behavior still supported, kept to maintain backward compatibility with\n\t\t// old code, and will be removed in the next major release.\n\t\tdefaultMessage: function( element, rule ) {\n\t\t\tif ( typeof rule === \"string\" ) {\n\t\t\t\trule = { method: rule };\n\t\t\t}\n\n\t\t\tvar message = this.findDefined(\n\t\t\t\t\tthis.customMessage( element.name, rule.method ),\n\t\t\t\t\tthis.customDataMessage( element, rule.method ),\n\n\t\t\t\t\t// 'title' is never undefined, so handle empty string as undefined\n\t\t\t\t\t!this.settings.ignoreTitle && element.title || undefined,\n\t\t\t\t\t$.validator.messages[ rule.method ],\n\t\t\t\t\t\"Warning: No message defined for \" + element.name + \"\"\n\t\t\t\t),\n\t\t\t\ttheregex = /\\$?\\{(\\d+)\\}/g;\n\t\t\tif ( typeof message === \"function\" ) {\n\t\t\t\tmessage = message.call( this, rule.parameters, element );\n\t\t\t} else if ( theregex.test( message ) ) {\n\t\t\t\tmessage = $.validator.format( message.replace( theregex, \"{$1}\" ), rule.parameters );\n\t\t\t}\n\n\t\t\treturn message;\n\t\t},\n\n\t\tformatAndAdd: function( element, rule ) {\n\t\t\tvar message = this.defaultMessage( element, rule );\n\n\t\t\tthis.errorList.push( {\n\t\t\t\tmessage: message,\n\t\t\t\telement: element,\n\t\t\t\tmethod: rule.method\n\t\t\t} );\n\n\t\t\tthis.errorMap[ element.name ] = message;\n\t\t\tthis.submitted[ element.name ] = message;\n\t\t},\n\n\t\taddWrapper: function( toToggle ) {\n\t\t\tif ( this.settings.wrapper ) {\n\t\t\t\ttoToggle = toToggle.add( toToggle.parent( this.settings.wrapper ) );\n\t\t\t}\n\t\t\treturn toToggle;\n\t\t},\n\n\t\tdefaultShowErrors: function() {\n\t\t\tvar i, elements, error;\n\t\t\tfor ( i = 0; this.errorList[ i ]; i++ ) {\n\t\t\t\terror = this.errorList[ i ];\n\t\t\t\tif ( this.settings.highlight ) {\n\t\t\t\t\tthis.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass );\n\t\t\t\t}\n\t\t\t\tthis.showLabel( error.element, error.message );\n\t\t\t}\n\t\t\tif ( this.errorList.length ) {\n\t\t\t\tthis.toShow = this.toShow.add( this.containers );\n\t\t\t}\n\t\t\tif ( this.settings.success ) {\n\t\t\t\tfor ( i = 0; this.successList[ i ]; i++ ) {\n\t\t\t\t\tthis.showLabel( this.successList[ i ] );\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ( this.settings.unhighlight ) {\n\t\t\t\tfor ( i = 0, elements = this.validElements(); elements[ i ]; i++ ) {\n\t\t\t\t\tthis.settings.unhighlight.call( this, elements[ i ], this.settings.errorClass, this.settings.validClass );\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.toHide = this.toHide.not( this.toShow );\n\t\t\tthis.hideErrors();\n\t\t\tthis.addWrapper( this.toShow ).show();\n\t\t},\n\n\t\tvalidElements: function() {\n\t\t\treturn this.currentElements.not( this.invalidElements() );\n\t\t},\n\n\t\tinvalidElements: function() {\n\t\t\treturn $( this.errorList ).map( function() {\n\t\t\t\treturn this.element;\n\t\t\t} );\n\t\t},\n\n\t\tshowLabel: function( element, message ) {\n\t\t\tvar place, group, errorID, v,\n\t\t\t\terror = this.errorsFor( element ),\n\t\t\t\telementID = this.idOrName( element ),\n\t\t\t\tdescribedBy = $( element ).attr( \"aria-describedby\" );\n\n\t\t\tif ( error.length ) {\n\n\t\t\t\t// Refresh error/success class\n\t\t\t\terror.removeClass( this.settings.validClass ).addClass( this.settings.errorClass );\n\n\t\t\t\t// Replace message on existing label\n\t\t\t\tif ( this.settings && this.settings.escapeHtml ) {\n\t\t\t\t\terror.text( message || \"\" );\n\t\t\t\t} else {\n\t\t\t\t\terror.html( message || \"\" );\n\t\t\t\t}\n\t\t\t} else {\n\n\t\t\t\t// Create error element\n\t\t\t\terror = $( \"<\" + this.settings.errorElement + \">\" )\n\t\t\t\t\t.attr( \"id\", elementID + \"-error\" )\n\t\t\t\t\t.addClass( this.settings.errorClass );\n\n\t\t\t\tif ( this.settings && this.settings.escapeHtml ) {\n\t\t\t\t\terror.text( message || \"\" );\n\t\t\t\t} else {\n\t\t\t\t\terror.html( message || \"\" );\n\t\t\t\t}\n\n\t\t\t\t// Maintain reference to the element to be placed into the DOM\n\t\t\t\tplace = error;\n\t\t\t\tif ( this.settings.wrapper ) {\n\n\t\t\t\t\t// Make sure the element is visible, even in IE\n\t\t\t\t\t// actually showing the wrapped element is handled elsewhere\n\t\t\t\t\tplace = error.hide().show().wrap( \"<\" + this.settings.wrapper + \"/>\" ).parent();\n\t\t\t\t}\n\t\t\t\tif ( this.labelContainer.length ) {\n\t\t\t\t\tthis.labelContainer.append( place );\n\t\t\t\t} else if ( this.settings.errorPlacement ) {\n\t\t\t\t\tthis.settings.errorPlacement.call( this, place, $( element ) );\n\t\t\t\t} else {\n\t\t\t\t\tplace.insertAfter( element );\n\t\t\t\t}\n\n\t\t\t\t// Link error back to the element\n\t\t\t\tif ( error.is( \"label\" ) ) {\n\n\t\t\t\t\t// If the error is a label, then associate using 'for'\n\t\t\t\t\terror.attr( \"for\", elementID );\n\n\t\t\t\t\t// If the element is not a child of an associated label, then it's necessary\n\t\t\t\t\t// to explicitly apply aria-describedby\n\t\t\t\t} else if ( error.parents( \"label[for='\" + this.escapeCssMeta( elementID ) + \"']\" ).length === 0 ) {\n\t\t\t\t\terrorID = error.attr( \"id\" );\n\n\t\t\t\t\t// Respect existing non-error aria-describedby\n\t\t\t\t\tif ( !describedBy ) {\n\t\t\t\t\t\tdescribedBy = errorID;\n\t\t\t\t\t} else if ( !describedBy.match( new RegExp( \"\\\\b\" + this.escapeCssMeta( errorID ) + \"\\\\b\" ) ) ) {\n\n\t\t\t\t\t\t// Add to end of list if not already present\n\t\t\t\t\t\tdescribedBy += \" \" + errorID;\n\t\t\t\t\t}\n\t\t\t\t\t$( element ).attr( \"aria-describedby\", describedBy );\n\n\t\t\t\t\t// If this element is grouped, then assign to all elements in the same group\n\t\t\t\t\tgroup = this.groups[ element.name ];\n\t\t\t\t\tif ( group ) {\n\t\t\t\t\t\tv = this;\n\t\t\t\t\t\t$.each( v.groups, function( name, testgroup ) {\n\t\t\t\t\t\t\tif ( testgroup === group ) {\n\t\t\t\t\t\t\t\t$( \"[name='\" + v.escapeCssMeta( name ) + \"']\", v.currentForm )\n\t\t\t\t\t\t\t\t\t.attr( \"aria-describedby\", error.attr( \"id\" ) );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ( !message && this.settings.success ) {\n\t\t\t\terror.text( \"\" );\n\t\t\t\tif ( typeof this.settings.success === \"string\" ) {\n\t\t\t\t\terror.addClass( this.settings.success );\n\t\t\t\t} else {\n\t\t\t\t\tthis.settings.success( error, element );\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.toShow = this.toShow.add( error );\n\t\t},\n\n\t\terrorsFor: function( element ) {\n\t\t\tvar name = this.escapeCssMeta( this.idOrName( element ) ),\n\t\t\t\tdescriber = $( element ).attr( \"aria-describedby\" ),\n\t\t\t\tselector = \"label[for='\" + name + \"'], label[for='\" + name + \"'] *\";\n\n\t\t\t// 'aria-describedby' should directly reference the error element\n\t\t\tif ( describer ) {\n\t\t\t\tselector = selector + \", #\" + this.escapeCssMeta( describer )\n\t\t\t\t\t.replace( /\\s+/g, \", #\" );\n\t\t\t}\n\n\t\t\treturn this\n\t\t\t\t.errors()\n\t\t\t\t.filter( selector );\n\t\t},\n\n\t\t// See https://api.jquery.com/category/selectors/, for CSS\n\t\t// meta-characters that should be escaped in order to be used with JQuery\n\t\t// as a literal part of a name/id or any selector.\n\t\tescapeCssMeta: function( string ) {\n\t\t\tif ( string === undefined ) {\n\t\t\t\treturn \"\";\n\t\t\t}\n\n\t\t\treturn string.replace( /([\\\\!\"#$%&'()*+,./:;<=>?@\\[\\]^`{|}~])/g, \"\\\\$1\" );\n\t\t},\n\n\t\tidOrName: function( element ) {\n\t\t\treturn this.groups[ element.name ] || ( this.checkable( element ) ? element.name : element.id || element.name );\n\t\t},\n\n\t\tvalidationTargetFor: function( element ) {\n\n\t\t\t// If radio/checkbox, validate first element in group instead\n\t\t\tif ( this.checkable( element ) ) {\n\t\t\t\telement = this.findByName( element.name );\n\t\t\t}\n\n\t\t\t// Always apply ignore filter\n\t\t\treturn $( element ).not( this.settings.ignore )[ 0 ];\n\t\t},\n\n\t\tcheckable: function( element ) {\n\t\t\treturn ( /radio|checkbox/i ).test( element.type );\n\t\t},\n\n\t\tfindByName: function( name ) {\n\t\t\treturn $( this.currentForm ).find( \"[name='\" + this.escapeCssMeta( name ) + \"']\" );\n\t\t},\n\n\t\tgetLength: function( value, element ) {\n\t\t\tswitch ( element.nodeName.toLowerCase() ) {\n\t\t\tcase \"select\":\n\t\t\t\treturn $( \"option:selected\", element ).length;\n\t\t\tcase \"input\":\n\t\t\t\tif ( this.checkable( element ) ) {\n\t\t\t\t\treturn this.findByName( element.name ).filter( \":checked\" ).length;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn value.length;\n\t\t},\n\n\t\tdepend: function( param, element ) {\n\t\t\treturn this.dependTypes[ typeof param ] ? this.dependTypes[ typeof param ]( param, element ) : true;\n\t\t},\n\n\t\tdependTypes: {\n\t\t\t\"boolean\": function( param ) {\n\t\t\t\treturn param;\n\t\t\t},\n\t\t\t\"string\": function( param, element ) {\n\t\t\t\treturn !!$( param, element.form ).length;\n\t\t\t},\n\t\t\t\"function\": function( param, element ) {\n\t\t\t\treturn param( element );\n\t\t\t}\n\t\t},\n\n\t\toptional: function( element ) {\n\t\t\tvar val = this.elementValue( element );\n\t\t\treturn !$.validator.methods.required.call( this, val, element ) && \"dependency-mismatch\";\n\t\t},\n\n\t\telementAjaxPort: function( element ) {\n\t\t\treturn \"validate\" + element.name;\n\t\t},\n\n\t\tstartRequest: function( element ) {\n\t\t\tif ( !this.pending[ element.name ] ) {\n\t\t\t\tthis.pendingRequest++;\n\t\t\t\t$( element ).addClass( this.settings.pendingClass );\n\t\t\t\tthis.pending[ element.name ] = true;\n\t\t\t}\n\t\t},\n\n\t\tstopRequest: function( element, valid ) {\n\t\t\tthis.pendingRequest--;\n\n\t\t\t// Sometimes synchronization fails, make sure pendingRequest is never < 0\n\t\t\tif ( this.pendingRequest < 0 ) {\n\t\t\t\tthis.pendingRequest = 0;\n\t\t\t}\n\t\t\tdelete this.pending[ element.name ];\n\t\t\t$( element ).removeClass( this.settings.pendingClass );\n\t\t\tif ( valid && this.pendingRequest === 0 && this.formSubmitted && this.form() && this.pendingRequest === 0 ) {\n\t\t\t\t$( this.currentForm ).trigger( \"submit\" );\n\n\t\t\t\t// Remove the hidden input that was used as a replacement for the\n\t\t\t\t// missing submit button. The hidden input is added by `handle()`\n\t\t\t\t// to ensure that the value of the used submit button is passed on\n\t\t\t\t// for scripted submits triggered by this method\n\t\t\t\tif ( this.submitButton ) {\n\t\t\t\t\t$( \"input:hidden[name='\" + this.submitButton.name + \"']\", this.currentForm ).remove();\n\t\t\t\t}\n\n\t\t\t\tthis.formSubmitted = false;\n\t\t\t} else if ( !valid && this.pendingRequest === 0 && this.formSubmitted ) {\n\t\t\t\t$( this.currentForm ).triggerHandler( \"invalid-form\", [ this ] );\n\t\t\t\tthis.formSubmitted = false;\n\t\t\t}\n\t\t},\n\n\t\tabortRequest: function( element ) {\n\t\t\tvar port;\n\n\t\t\tif ( this.pending[ element.name ] ) {\n\t\t\t\tport = this.elementAjaxPort( element );\n\t\t\t\t$.ajaxAbort( port );\n\n\t\t\t\tthis.pendingRequest--;\n\n\t\t\t\t// Sometimes synchronization fails, make sure pendingRequest is never < 0\n\t\t\t\tif ( this.pendingRequest < 0 ) {\n\t\t\t\t\tthis.pendingRequest = 0;\n\t\t\t\t}\n\n\t\t\t\tdelete this.pending[ element.name ];\n\t\t\t\t$( element ).removeClass( this.settings.pendingClass );\n\t\t\t}\n\t\t},\n\n\t\tpreviousValue: function( element, method ) {\n\t\t\tmethod = typeof method === \"string\" && method || \"remote\";\n\n\t\t\treturn $.data( element, \"previousValue\" ) || $.data( element, \"previousValue\", {\n\t\t\t\told: null,\n\t\t\t\tvalid: true,\n\t\t\t\tmessage: this.defaultMessage( element, { method: method } )\n\t\t\t} );\n\t\t},\n\n\t\t// Cleans up all forms and elements, removes validator-specific events\n\t\tdestroy: function() {\n\t\t\tthis.resetForm();\n\n\t\t\t$( this.currentForm )\n\t\t\t\t.off( \".validate\" )\n\t\t\t\t.removeData( \"validator\" )\n\t\t\t\t.find( \".validate-equalTo-blur\" )\n\t\t\t\t\t.off( \".validate-equalTo\" )\n\t\t\t\t\t.removeClass( \"validate-equalTo-blur\" )\n\t\t\t\t.find( \".validate-lessThan-blur\" )\n\t\t\t\t\t.off( \".validate-lessThan\" )\n\t\t\t\t\t.removeClass( \"validate-lessThan-blur\" )\n\t\t\t\t.find( \".validate-lessThanEqual-blur\" )\n\t\t\t\t\t.off( \".validate-lessThanEqual\" )\n\t\t\t\t\t.removeClass( \"validate-lessThanEqual-blur\" )\n\t\t\t\t.find( \".validate-greaterThanEqual-blur\" )\n\t\t\t\t\t.off( \".validate-greaterThanEqual\" )\n\t\t\t\t\t.removeClass( \"validate-greaterThanEqual-blur\" )\n\t\t\t\t.find( \".validate-greaterThan-blur\" )\n\t\t\t\t\t.off( \".validate-greaterThan\" )\n\t\t\t\t\t.removeClass( \"validate-greaterThan-blur\" );\n\t\t}\n\n\t},\n\n\tclassRuleSettings: {\n\t\trequired: { required: true },\n\t\temail: { email: true },\n\t\turl: { url: true },\n\t\tdate: { date: true },\n\t\tdateISO: { dateISO: true },\n\t\tnumber: { number: true },\n\t\tdigits: { digits: true },\n\t\tcreditcard: { creditcard: true }\n\t},\n\n\taddClassRules: function( className, rules ) {\n\t\tif ( className.constructor === String ) {\n\t\t\tthis.classRuleSettings[ className ] = rules;\n\t\t} else {\n\t\t\t$.extend( this.classRuleSettings, className );\n\t\t}\n\t},\n\n\tclassRules: function( element ) {\n\t\tvar rules = {},\n\t\t\tclasses = $( element ).attr( \"class\" );\n\n\t\tif ( classes ) {\n\t\t\t$.each( classes.split( \" \" ), function() {\n\t\t\t\tif ( this in $.validator.classRuleSettings ) {\n\t\t\t\t\t$.extend( rules, $.validator.classRuleSettings[ this ] );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn rules;\n\t},\n\n\tnormalizeAttributeRule: function( rules, type, method, value ) {\n\n\t\t// Convert the value to a number for number inputs, and for text for backwards compability\n\t\t// allows type=\"date\" and others to be compared as strings\n\t\tif ( /min|max|step/.test( method ) && ( type === null || /number|range|text/.test( type ) ) ) {\n\t\t\tvalue = Number( value );\n\n\t\t\t// Support Opera Mini, which returns NaN for undefined minlength\n\t\t\tif ( isNaN( value ) ) {\n\t\t\t\tvalue = undefined;\n\t\t\t}\n\t\t}\n\n\t\tif ( value || value === 0 ) {\n\t\t\trules[ method ] = value;\n\t\t} else if ( type === method && type !== \"range\" ) {\n\n\t\t\t// Exception: the jquery validate 'range' method\n\t\t\t// does not test for the html5 'range' type\n\t\t\trules[ type === \"date\" ? \"dateISO\" : method ] = true;\n\t\t}\n\t},\n\n\tattributeRules: function( element ) {\n\t\tvar rules = {},\n\t\t\t$element = $( element ),\n\t\t\ttype = element.getAttribute( \"type\" ),\n\t\t\tmethod, value;\n\n\t\tfor ( method in $.validator.methods ) {\n\n\t\t\t// Support for in both html5 and older browsers\n\t\t\tif ( method === \"required\" ) {\n\t\t\t\tvalue = element.getAttribute( method );\n\n\t\t\t\t// Some browsers return an empty string for the required attribute\n\t\t\t\t// and non-HTML5 browsers might have required=\"\" markup\n\t\t\t\tif ( value === \"\" ) {\n\t\t\t\t\tvalue = true;\n\t\t\t\t}\n\n\t\t\t\t// Force non-HTML5 browsers to return bool\n\t\t\t\tvalue = !!value;\n\t\t\t} else {\n\t\t\t\tvalue = $element.attr( method );\n\t\t\t}\n\n\t\t\tthis.normalizeAttributeRule( rules, type, method, value );\n\t\t}\n\n\t\t// 'maxlength' may be returned as -1, 2147483647 ( IE ) and 524288 ( safari ) for text inputs\n\t\tif ( rules.maxlength && /-1|2147483647|524288/.test( rules.maxlength ) ) {\n\t\t\tdelete rules.maxlength;\n\t\t}\n\n\t\treturn rules;\n\t},\n\n\tdataRules: function( element ) {\n\t\tvar rules = {},\n\t\t\t$element = $( element ),\n\t\t\ttype = element.getAttribute( \"type\" ),\n\t\t\tmethod, value;\n\n\t\tfor ( method in $.validator.methods ) {\n\t\t\tvalue = $element.data( \"rule\" + method.charAt( 0 ).toUpperCase() + method.substring( 1 ).toLowerCase() );\n\n\t\t\t// Cast empty attributes like `data-rule-required` to `true`\n\t\t\tif ( value === \"\" ) {\n\t\t\t\tvalue = true;\n\t\t\t}\n\n\t\t\tthis.normalizeAttributeRule( rules, type, method, value );\n\t\t}\n\t\treturn rules;\n\t},\n\n\tstaticRules: function( element ) {\n\t\tvar rules = {},\n\t\t\tvalidator = $.data( element.form, \"validator\" );\n\n\t\tif ( validator.settings.rules ) {\n\t\t\trules = $.validator.normalizeRule( validator.settings.rules[ element.name ] ) || {};\n\t\t}\n\t\treturn rules;\n\t},\n\n\tnormalizeRules: function( rules, element ) {\n\n\t\t// Handle dependency check\n\t\t$.each( rules, function( prop, val ) {\n\n\t\t\t// Ignore rule when param is explicitly false, eg. required:false\n\t\t\tif ( val === false ) {\n\t\t\t\tdelete rules[ prop ];\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( val.param || val.depends ) {\n\t\t\t\tvar keepRule = true;\n\t\t\t\tswitch ( typeof val.depends ) {\n\t\t\t\tcase \"string\":\n\t\t\t\t\tkeepRule = !!$( val.depends, element.form ).length;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"function\":\n\t\t\t\t\tkeepRule = val.depends.call( element, element );\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tif ( keepRule ) {\n\t\t\t\t\trules[ prop ] = val.param !== undefined ? val.param : true;\n\t\t\t\t} else {\n\t\t\t\t\t$.data( element.form, \"validator\" ).resetElements( $( element ) );\n\t\t\t\t\tdelete rules[ prop ];\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Evaluate parameters\n\t\t$.each( rules, function( rule, parameter ) {\n\t\t\trules[ rule ] = typeof parameter === \"function\" && rule !== \"normalizer\" ? parameter( element ) : parameter;\n\t\t} );\n\n\t\t// Clean number parameters\n\t\t$.each( [ \"minlength\", \"maxlength\" ], function() {\n\t\t\tif ( rules[ this ] ) {\n\t\t\t\trules[ this ] = Number( rules[ this ] );\n\t\t\t}\n\t\t} );\n\t\t$.each( [ \"rangelength\", \"range\" ], function() {\n\t\t\tvar parts;\n\t\t\tif ( rules[ this ] ) {\n\t\t\t\tif ( Array.isArray( rules[ this ] ) ) {\n\t\t\t\t\trules[ this ] = [ Number( rules[ this ][ 0 ] ), Number( rules[ this ][ 1 ] ) ];\n\t\t\t\t} else if ( typeof rules[ this ] === \"string\" ) {\n\t\t\t\t\tparts = rules[ this ].replace( /[\\[\\]]/g, \"\" ).split( /[\\s,]+/ );\n\t\t\t\t\trules[ this ] = [ Number( parts[ 0 ] ), Number( parts[ 1 ] ) ];\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tif ( $.validator.autoCreateRanges ) {\n\n\t\t\t// Auto-create ranges\n\t\t\tif ( rules.min != null && rules.max != null ) {\n\t\t\t\trules.range = [ rules.min, rules.max ];\n\t\t\t\tdelete rules.min;\n\t\t\t\tdelete rules.max;\n\t\t\t}\n\t\t\tif ( rules.minlength != null && rules.maxlength != null ) {\n\t\t\t\trules.rangelength = [ rules.minlength, rules.maxlength ];\n\t\t\t\tdelete rules.minlength;\n\t\t\t\tdelete rules.maxlength;\n\t\t\t}\n\t\t}\n\n\t\treturn rules;\n\t},\n\n\t// Converts a simple string to a {string: true} rule, e.g., \"required\" to {required:true}\n\tnormalizeRule: function( data ) {\n\t\tif ( typeof data === \"string\" ) {\n\t\t\tvar transformed = {};\n\t\t\t$.each( data.split( /\\s/ ), function() {\n\t\t\t\ttransformed[ this ] = true;\n\t\t\t} );\n\t\t\tdata = transformed;\n\t\t}\n\t\treturn data;\n\t},\n\n\t// https://jqueryvalidation.org/jQuery.validator.addMethod/\n\taddMethod: function( name, method, message ) {\n\t\t$.validator.methods[ name ] = method;\n\t\t$.validator.messages[ name ] = message !== undefined ? message : $.validator.messages[ name ];\n\t\tif ( method.length < 3 ) {\n\t\t\t$.validator.addClassRules( name, $.validator.normalizeRule( name ) );\n\t\t}\n\t},\n\n\t// https://jqueryvalidation.org/jQuery.validator.methods/\n\tmethods: {\n\n\t\t// https://jqueryvalidation.org/required-method/\n\t\trequired: function( value, element, param ) {\n\n\t\t\t// Check if dependency is met\n\t\t\tif ( !this.depend( param, element ) ) {\n\t\t\t\treturn \"dependency-mismatch\";\n\t\t\t}\n\t\t\tif ( element.nodeName.toLowerCase() === \"select\" ) {\n\n\t\t\t\t// Could be an array for select-multiple or a string, both are fine this way\n\t\t\t\tvar val = $( element ).val();\n\t\t\t\treturn val && val.length > 0;\n\t\t\t}\n\t\t\tif ( this.checkable( element ) ) {\n\t\t\t\treturn this.getLength( value, element ) > 0;\n\t\t\t}\n\t\t\treturn value !== undefined && value !== null && value.length > 0;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/email-method/\n\t\temail: function( value, element ) {\n\n\t\t\t// From https://html.spec.whatwg.org/multipage/forms.html#valid-e-mail-address\n\t\t\t// Retrieved 2014-01-14\n\t\t\t// If you have a problem with this implementation, report a bug against the above spec\n\t\t\t// Or use custom methods to implement your own email validation\n\t\t\treturn this.optional( element ) || /^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test( value );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/url-method/\n\t\turl: function( value, element ) {\n\n\t\t\t// Copyright (c) 2010-2013 Diego Perini, MIT licensed\n\t\t\t// https://gist.github.com/dperini/729294\n\t\t\t// see also https://mathiasbynens.be/demo/url-regex\n\t\t\t// modified to allow protocol-relative URLs\n\t\t\treturn this.optional( element ) || /^(?:(?:(?:https?|ftp):)?\\/\\/)(?:(?:[^\\]\\[?\\/<~#`!@$^&*()+=}|:\";',>{ ]|%[0-9A-Fa-f]{2})+(?::(?:[^\\]\\[?\\/<~#`!@$^&*()+=}|:\";',>{ ]|%[0-9A-Fa-f]{2})*)?@)?(?:(?!(?:10|127)(?:\\.\\d{1,3}){3})(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff]\\.)+(?:[a-z\\u00a1-\\uffff]{2,}\\.?))(?::\\d{2,5})?(?:[/?#]\\S*)?$/i.test( value );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/date-method/\n\t\tdate: ( function() {\n\t\t\tvar called = false;\n\n\t\t\treturn function( value, element ) {\n\t\t\t\tif ( !called ) {\n\t\t\t\t\tcalled = true;\n\t\t\t\t\tif ( this.settings.debug && window.console ) {\n\t\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t\t\"The `date` method is deprecated and will be removed in version '2.0.0'.\\n\" +\n\t\t\t\t\t\t\t\"Please don't use it, since it relies on the Date constructor, which\\n\" +\n\t\t\t\t\t\t\t\"behaves very differently across browsers and locales. Use `dateISO`\\n\" +\n\t\t\t\t\t\t\t\"instead or one of the locale specific methods in `localizations/`\\n\" +\n\t\t\t\t\t\t\t\"and `additional-methods.js`.\"\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn this.optional( element ) || !/Invalid|NaN/.test( new Date( value ).toString() );\n\t\t\t};\n\t\t}() ),\n\n\t\t// https://jqueryvalidation.org/dateISO-method/\n\t\tdateISO: function( value, element ) {\n\t\t\treturn this.optional( element ) || /^\\d{4}[\\/\\-](0?[1-9]|1[012])[\\/\\-](0?[1-9]|[12][0-9]|3[01])$/.test( value );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/number-method/\n\t\tnumber: function( value, element ) {\n\t\t\treturn this.optional( element ) || /^(?:-?\\d+|-?\\d{1,3}(?:,\\d{3})+)?(?:-?\\.\\d+)?$/.test( value );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/digits-method/\n\t\tdigits: function( value, element ) {\n\t\t\treturn this.optional( element ) || /^\\d+$/.test( value );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/minlength-method/\n\t\tminlength: function( value, element, param ) {\n\t\t\tvar length = Array.isArray( value ) ? value.length : this.getLength( value, element );\n\t\t\treturn this.optional( element ) || length >= param;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/maxlength-method/\n\t\tmaxlength: function( value, element, param ) {\n\t\t\tvar length = Array.isArray( value ) ? value.length : this.getLength( value, element );\n\t\t\treturn this.optional( element ) || length <= param;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/rangelength-method/\n\t\trangelength: function( value, element, param ) {\n\t\t\tvar length = Array.isArray( value ) ? value.length : this.getLength( value, element );\n\t\t\treturn this.optional( element ) || ( length >= param[ 0 ] && length <= param[ 1 ] );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/min-method/\n\t\tmin: function( value, element, param ) {\n\t\t\treturn this.optional( element ) || value >= param;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/max-method/\n\t\tmax: function( value, element, param ) {\n\t\t\treturn this.optional( element ) || value <= param;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/range-method/\n\t\trange: function( value, element, param ) {\n\t\t\treturn this.optional( element ) || ( value >= param[ 0 ] && value <= param[ 1 ] );\n\t\t},\n\n\t\t// https://jqueryvalidation.org/step-method/\n\t\tstep: function( value, element, param ) {\n\t\t\tvar type = $( element ).attr( \"type\" ),\n\t\t\t\terrorMessage = \"Step attribute on input type \" + type + \" is not supported.\",\n\t\t\t\tsupportedTypes = [ \"text\", \"number\", \"range\" ],\n\t\t\t\tre = new RegExp( \"\\\\b\" + type + \"\\\\b\" ),\n\t\t\t\tnotSupported = type && !re.test( supportedTypes.join() ),\n\t\t\t\tdecimalPlaces = function( num ) {\n\t\t\t\t\tvar match = ( \"\" + num ).match( /(?:\\.(\\d+))?$/ );\n\t\t\t\t\tif ( !match ) {\n\t\t\t\t\t\treturn 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Number of digits right of decimal point.\n\t\t\t\t\treturn match[ 1 ] ? match[ 1 ].length : 0;\n\t\t\t\t},\n\t\t\t\ttoInt = function( num ) {\n\t\t\t\t\treturn Math.round( num * Math.pow( 10, decimals ) );\n\t\t\t\t},\n\t\t\t\tvalid = true,\n\t\t\t\tdecimals;\n\n\t\t\t// Works only for text, number and range input types\n\t\t\t// TODO find a way to support input types date, datetime, datetime-local, month, time and week\n\t\t\tif ( notSupported ) {\n\t\t\t\tthrow new Error( errorMessage );\n\t\t\t}\n\n\t\t\tdecimals = decimalPlaces( param );\n\n\t\t\t// Value can't have too many decimals\n\t\t\tif ( decimalPlaces( value ) > decimals || toInt( value ) % toInt( param ) !== 0 ) {\n\t\t\t\tvalid = false;\n\t\t\t}\n\n\t\t\treturn this.optional( element ) || valid;\n\t\t},\n\n\t\t// https://jqueryvalidation.org/equalTo-method/\n\t\tequalTo: function( value, element, param ) {\n\n\t\t\t// Bind to the blur event of the target in order to revalidate whenever the target field is updated\n\t\t\tvar target = $( param );\n\t\t\tif ( this.settings.onfocusout && target.not( \".validate-equalTo-blur\" ).length ) {\n\t\t\t\ttarget.addClass( \"validate-equalTo-blur\" ).on( \"blur.validate-equalTo\", function() {\n\t\t\t\t\t$( element ).valid();\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn value === target.val();\n\t\t},\n\n\t\t// https://jqueryvalidation.org/remote-method/\n\t\tremote: function( value, element, param, method ) {\n\t\t\tif ( this.optional( element ) ) {\n\t\t\t\treturn \"dependency-mismatch\";\n\t\t\t}\n\n\t\t\tmethod = typeof method === \"string\" && method || \"remote\";\n\n\t\t\tvar previous = this.previousValue( element, method ),\n\t\t\t\tvalidator, data, optionDataString;\n\n\t\t\tif ( !this.settings.messages[ element.name ] ) {\n\t\t\t\tthis.settings.messages[ element.name ] = {};\n\t\t\t}\n\t\t\tprevious.originalMessage = previous.originalMessage || this.settings.messages[ element.name ][ method ];\n\t\t\tthis.settings.messages[ element.name ][ method ] = previous.message;\n\n\t\t\tparam = typeof param === \"string\" && { url: param } || param;\n\t\t\toptionDataString = $.param( $.extend( { data: value }, param.data ) );\n\t\t\tif ( previous.valid !== null && previous.old === optionDataString ) {\n\t\t\t\treturn previous.valid;\n\t\t\t}\n\n\t\t\tprevious.old = optionDataString;\n\t\t\tprevious.valid = null;\n\t\t\tvalidator = this;\n\t\t\tthis.startRequest( element );\n\t\t\tdata = {};\n\t\t\tdata[ element.name ] = value;\n\t\t\t$.ajax( $.extend( true, {\n\t\t\t\tmode: \"abort\",\n\t\t\t\tport: this.elementAjaxPort( element ),\n\t\t\t\tdataType: \"json\",\n\t\t\t\tdata: data,\n\t\t\t\tcontext: validator.currentForm,\n\t\t\t\tsuccess: function( response ) {\n\t\t\t\t\tvar valid = response === true || response === \"true\",\n\t\t\t\t\t\terrors, message, submitted;\n\n\t\t\t\t\tvalidator.settings.messages[ element.name ][ method ] = previous.originalMessage;\n\t\t\t\t\tif ( valid ) {\n\t\t\t\t\t\tsubmitted = validator.formSubmitted;\n\t\t\t\t\t\tvalidator.toHide = validator.errorsFor( element );\n\t\t\t\t\t\tvalidator.formSubmitted = submitted;\n\t\t\t\t\t\tvalidator.successList.push( element );\n\t\t\t\t\t\tvalidator.invalid[ element.name ] = false;\n\t\t\t\t\t\tvalidator.showErrors();\n\t\t\t\t\t} else {\n\t\t\t\t\t\terrors = {};\n\t\t\t\t\t\tmessage = response || validator.defaultMessage( element, { method: method, parameters: value } );\n\t\t\t\t\t\terrors[ element.name ] = previous.message = message;\n\t\t\t\t\t\tvalidator.invalid[ element.name ] = true;\n\t\t\t\t\t\tvalidator.showErrors( errors );\n\t\t\t\t\t}\n\t\t\t\t\tprevious.valid = valid;\n\t\t\t\t\tvalidator.stopRequest( element, valid );\n\t\t\t\t}\n\t\t\t}, param ) );\n\t\t\treturn \"pending\";\n\t\t}\n\t}\n\n} );\n\n// Ajax mode: abort\n// usage: $.ajax({ mode: \"abort\"[, port: \"uniqueport\"]});\n// $.ajaxAbort( port );\n// if mode:\"abort\" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort()\n\nvar pendingRequests = {},\n\tajax;\n\n// Use a prefilter if available (1.5+)\nif ( $.ajaxPrefilter ) {\n\t$.ajaxPrefilter( function( settings, _, xhr ) {\n\t\tvar port = settings.port;\n\t\tif ( settings.mode === \"abort\" ) {\n\t\t\t$.ajaxAbort( port );\n\t\t\tpendingRequests[ port ] = xhr;\n\t\t}\n\t} );\n} else {\n\n\t// Proxy ajax\n\tajax = $.ajax;\n\t$.ajax = function( settings ) {\n\t\tvar mode = ( \"mode\" in settings ? settings : $.ajaxSettings ).mode,\n\t\t\tport = ( \"port\" in settings ? settings : $.ajaxSettings ).port;\n\t\tif ( mode === \"abort\" ) {\n\t\t\t$.ajaxAbort( port );\n\t\t\tpendingRequests[ port ] = ajax.apply( this, arguments );\n\t\t\treturn pendingRequests[ port ];\n\t\t}\n\t\treturn ajax.apply( this, arguments );\n\t};\n}\n\n// Abort the previous request without sending a new one\n$.ajaxAbort = function( port ) {\n\tif ( pendingRequests[ port ] ) {\n\t\tpendingRequests[ port ].abort();\n\t\tdelete pendingRequests[ port ];\n\t}\n};\nreturn $;\n}));","/*!\n * jQuery Cookie Plugin v1.4.1\n * https://github.com/carhartl/jquery-cookie\n *\n * Copyright 2013 Klaus Hartl\n * Released under the MIT license\n */\n(function (factory) {\n\tif (typeof define === 'function' && define.amd) {\n\t\t// AMD\n\t\tdefine(['jquery'], factory);\n\t} else if (typeof exports === 'object') {\n\t\t// CommonJS\n\t\tfactory(require('jquery'));\n\t} else {\n\t\t// Browser globals\n\t\tfactory(jQuery);\n\t}\n}(function ($) {\n\n\tvar pluses = /\\+/g;\n\n\tfunction encode(s) {\n\t\treturn config.raw ? s : encodeURIComponent(s);\n\t}\n\n\tfunction decode(s) {\n\t\treturn config.raw ? s : decodeURIComponent(s);\n\t}\n\n\tfunction stringifyCookieValue(value) {\n\t\treturn encode(config.json ? JSON.stringify(value) : String(value));\n\t}\n\n\tfunction parseCookieValue(s) {\n\t\tif (s.indexOf('\"') === 0) {\n\t\t\t// This is a quoted cookie as according to RFC2068, unescape...\n\t\t\ts = s.slice(1, -1).replace(/\\\\\"/g, '\"').replace(/\\\\\\\\/g, '\\\\');\n\t\t}\n\n\t\ttry {\n\t\t\t// Replace server-side written pluses with spaces.\n\t\t\t// If we can't decode the cookie, ignore it, it's unusable.\n\t\t\t// If we can't parse the cookie, ignore it, it's unusable.\n\t\t\ts = decodeURIComponent(s.replace(pluses, ' '));\n\t\t\treturn config.json ? JSON.parse(s) : s;\n\t\t} catch(e) {}\n\t}\n\n\tfunction read(s, converter) {\n\t\tvar value = config.raw ? s : parseCookieValue(s);\n\t\treturn $.isFunction(converter) ? converter(value) : value;\n\t}\n\n\tvar config = $.cookie = function (key, value, options) {\n\n\t\t// Write\n\n\t\tif (value !== undefined && !$.isFunction(value)) {\n\t\t\toptions = $.extend({}, config.defaults, options);\n\n\t\t\tif (typeof options.expires === 'number') {\n\t\t\t\tvar days = options.expires, t = options.expires = new Date();\n\t\t\t\tt.setTime(+t + days * 864e+5);\n\t\t\t}\n\n\t\t\treturn (document.cookie = [\n\t\t\t\tencode(key), '=', stringifyCookieValue(value),\n\t\t\t\toptions.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE\n\t\t\t\toptions.path ? '; path=' + options.path : '',\n\t\t\t\toptions.domain ? '; domain=' + options.domain : '',\n\t\t\t\toptions.secure ? '; secure' : ''\n\t\t\t].join(''));\n\t\t}\n\n\t\t// Read\n\n\t\tvar result = key ? undefined : {};\n\n\t\t// To prevent the for loop in the first place assign an empty array\n\t\t// in case there are no cookies at all. Also prevents odd result when\n\t\t// calling $.cookie().\n\t\tvar cookies = document.cookie ? document.cookie.split('; ') : [];\n\n\t\tfor (var i = 0, l = cookies.length; i < l; i++) {\n\t\t\tvar parts = cookies[i].split('=');\n\t\t\tvar name = decode(parts.shift());\n\t\t\tvar cookie = parts.join('=');\n\n\t\t\tif (key && key === name) {\n\t\t\t\t// If second argument (value) is a function it's a converter...\n\t\t\t\tresult = read(cookie, value);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\t// Prevent storing a cookie that we couldn't decode.\n\t\t\tif (!key && (cookie = read(cookie)) !== undefined) {\n\t\t\t\tresult[name] = cookie;\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\tconfig.defaults = {};\n\n\t$.removeCookie = function (key, options) {\n\t\tif ($.cookie(key) === undefined) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Must not alter options, thus extending a fresh object...\n\t\t$.cookie(key, '', $.extend({}, options, { expires: -1 }));\n\t\treturn !$.cookie(key);\n\t};\n\n}));\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","const nativeHints = [\n 'native code',\n '[object MutationObserverConstructor]', // for mobile safari iOS 9.0\n];\n\n/**\n * Determine if a function is implemented natively (as opposed to a polyfill).\n * @method\n * @memberof Popper.Utils\n * @argument {Function | undefined} fn the function to check\n * @returns {Boolean}\n */\nexport default fn =>\n nativeHints.some(hint => (fn || '').toString().indexOf(hint) > -1);\n","import isNative from './isNative';\n\nconst isBrowser = typeof window !== 'undefined';\nconst longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];\nlet timeoutDuration = 0;\nfor (let i = 0; i < longerTimeoutBrowsers.length; i += 1) {\n if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {\n timeoutDuration = 1;\n break;\n }\n}\n\nexport function microtaskDebounce(fn) {\n let scheduled = false;\n let i = 0;\n const elem = document.createElement('span');\n\n // MutationObserver provides a mechanism for scheduling microtasks, which\n // are scheduled *before* the next task. This gives us a way to debounce\n // a function but ensure it's called *before* the next paint.\n const observer = new MutationObserver(() => {\n fn();\n scheduled = false;\n });\n\n observer.observe(elem, { attributes: true });\n\n return () => {\n if (!scheduled) {\n scheduled = true;\n elem.setAttribute('x-index', i);\n i = i + 1; // don't use compund (+=) because it doesn't get optimized in V8\n }\n };\n}\n\nexport function taskDebounce(fn) {\n let scheduled = false;\n return () => {\n if (!scheduled) {\n scheduled = true;\n setTimeout(() => {\n scheduled = false;\n fn();\n }, timeoutDuration);\n }\n };\n}\n\n// It's common for MutationObserver polyfills to be seen in the wild, however\n// these rely on Mutation Events which only occur when an element is connected\n// to the DOM. The algorithm used in this module does not use a connected element,\n// and so we must ensure that a *native* MutationObserver is available.\nconst supportsNativeMutationObserver =\n isBrowser && isNative(window.MutationObserver);\n\n/**\n* Create a debounced version of a method, that's asynchronously deferred\n* but called in the minimum time possible.\n*\n* @method\n* @memberof Popper.Utils\n* @argument {Function} fn\n* @returns {Function}\n*/\nexport default (supportsNativeMutationObserver\n ? microtaskDebounce\n : taskDebounce);\n","/**\n * Check if the given variable is a function\n * @method\n * @memberof Popper.Utils\n * @argument {Any} functionToCheck - variable to check\n * @returns {Boolean} answer to: is a function?\n */\nexport default function isFunction(functionToCheck) {\n const getType = {};\n return (\n functionToCheck &&\n getType.toString.call(functionToCheck) === '[object Function]'\n );\n}\n","/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\nexport default function getStyleComputedProperty(element, property) {\n if (element.nodeType !== 1) {\n return [];\n }\n // NOTE: 1 DOM access here\n const css = window.getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n","/**\n * Returns the parentNode or the host of the element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} parent\n */\nexport default function getParentNode(element) {\n if (element.nodeName === 'HTML') {\n return element;\n }\n return element.parentNode || element.host;\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport getParentNode from './getParentNode';\n\n/**\n * Returns the scrolling parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} scroll parent\n */\nexport default function getScrollParent(element) {\n // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n if (\n !element ||\n ['HTML', 'BODY', '#document'].indexOf(element.nodeName) !== -1\n ) {\n return window.document.body;\n }\n\n // Firefox want us to check `-x` and `-y` variations as well\n const { overflow, overflowX, overflowY } = getStyleComputedProperty(element);\n if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) {\n return element;\n }\n\n return getScrollParent(getParentNode(element));\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\n/**\n * Returns the offset parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} offset parent\n */\nexport default function getOffsetParent(element) {\n // NOTE: 1 DOM access here\n const offsetParent = element && element.offsetParent;\n const nodeName = offsetParent && offsetParent.nodeName;\n\n if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {\n return window.document.documentElement;\n }\n\n // .offsetParent will return the closest TD or TABLE in case\n // no offsetParent is present, I hate this job...\n if (\n ['TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 &&\n getStyleComputedProperty(offsetParent, 'position') === 'static'\n ) {\n return getOffsetParent(offsetParent);\n }\n\n return offsetParent;\n}\n","import getOffsetParent from './getOffsetParent';\n\nexport default function isOffsetContainer(element) {\n const { nodeName } = element;\n if (nodeName === 'BODY') {\n return false;\n }\n return (\n nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element\n );\n}\n","/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} node\n * @returns {Element} root node\n */\nexport default function getRoot(node) {\n if (node.parentNode !== null) {\n return getRoot(node.parentNode);\n }\n\n return node;\n}\n","import isOffsetContainer from './isOffsetContainer';\nimport getRoot from './getRoot';\nimport getOffsetParent from './getOffsetParent';\n\n/**\n * Finds the offset parent common to the two provided nodes\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element1\n * @argument {Element} element2\n * @returns {Element} common offset parent\n */\nexport default function findCommonOffsetParent(element1, element2) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {\n return window.document.documentElement;\n }\n\n // Here we make sure to give as \"start\" the element that comes first in the DOM\n const order =\n element1.compareDocumentPosition(element2) &\n Node.DOCUMENT_POSITION_FOLLOWING;\n const start = order ? element1 : element2;\n const end = order ? element2 : element1;\n\n // Get common ancestor container\n const range = document.createRange();\n range.setStart(start, 0);\n range.setEnd(end, 0);\n const { commonAncestorContainer } = range;\n\n // Both nodes are inside #document\n if (\n (element1 !== commonAncestorContainer &&\n element2 !== commonAncestorContainer) ||\n start.contains(end)\n ) {\n if (isOffsetContainer(commonAncestorContainer)) {\n return commonAncestorContainer;\n }\n\n return getOffsetParent(commonAncestorContainer);\n }\n\n // one of the nodes is inside shadowDOM, find which one\n const element1root = getRoot(element1);\n if (element1root.host) {\n return findCommonOffsetParent(element1root.host, element2);\n } else {\n return findCommonOffsetParent(element1, getRoot(element2).host);\n }\n}\n","/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} side `top` or `left`\n * @returns {number} amount of scrolled pixels\n */\nexport default function getScroll(element, side = 'top') {\n const upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';\n const nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n const html = window.document.documentElement;\n const scrollingElement = window.document.scrollingElement || html;\n return scrollingElement[upperSide];\n }\n\n return element[upperSide];\n}\n","import getScroll from './getScroll';\n\n/*\n * Sum or subtract the element scroll values (left and top) from a given rect object\n * @method\n * @memberof Popper.Utils\n * @param {Object} rect - Rect object you want to change\n * @param {HTMLElement} element - The element from the function reads the scroll values\n * @param {Boolean} subtract - set to true if you want to subtract the scroll values\n * @return {Object} rect - The modifier rect object\n */\nexport default function includeScroll(rect, element, subtract = false) {\n const scrollTop = getScroll(element, 'top');\n const scrollLeft = getScroll(element, 'left');\n const modifier = subtract ? -1 : 1;\n rect.top += scrollTop * modifier;\n rect.bottom += scrollTop * modifier;\n rect.left += scrollLeft * modifier;\n rect.right += scrollLeft * modifier;\n return rect;\n}\n","/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles\n * Result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {number} borders - The borders size of the given axis\n */\n\nexport default function getBordersSize(styles, axis) {\n const sideA = axis === 'x' ? 'Left' : 'Top';\n const sideB = sideA === 'Left' ? 'Right' : 'Bottom';\n\n return (\n +styles[`border${sideA}Width`].split('px')[0] +\n +styles[`border${sideB}Width`].split('px')[0]\n );\n}\n","/**\n * Tells if you are running Internet Explorer 10\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean} isIE10\n */\nlet isIE10 = undefined;\n\nexport default function() {\n if (isIE10 === undefined) {\n isIE10 = navigator.appVersion.indexOf('MSIE 10') !== -1;\n }\n return isIE10;\n}\n","import isIE10 from './isIE10';\n\nfunction getSize(axis, body, html, computedStyle) {\n return Math.max(\n body[`offset${axis}`],\n body[`scroll${axis}`],\n html[`client${axis}`],\n html[`offset${axis}`],\n html[`scroll${axis}`],\n isIE10()\n ? html[`offset${axis}`] +\n computedStyle[`margin${axis === 'Height' ? 'Top' : 'Left'}`] +\n computedStyle[`margin${axis === 'Height' ? 'Bottom' : 'Right'}`]\n : 0\n );\n}\n\nexport default function getWindowSizes() {\n const body = window.document.body;\n const html = window.document.documentElement;\n const computedStyle = isIE10() && window.getComputedStyle(html);\n\n return {\n height: getSize('Height', body, html, computedStyle),\n width: getSize('Width', body, html, computedStyle),\n };\n}\n","/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\nexport default function getClientRect(offsets) {\n return {\n ...offsets,\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height,\n };\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport getBordersSize from './getBordersSize';\nimport getWindowSizes from './getWindowSizes';\nimport getScroll from './getScroll';\nimport getClientRect from './getClientRect';\nimport isIE10 from './isIE10';\n\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\nexport default function getBoundingClientRect(element) {\n let rect = {};\n\n // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n if (isIE10()) {\n try {\n rect = element.getBoundingClientRect();\n const scrollTop = getScroll(element, 'top');\n const scrollLeft = getScroll(element, 'left');\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } catch (err) {}\n } else {\n rect = element.getBoundingClientRect();\n }\n\n const result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top,\n };\n\n // subtract scrollbar size from sizes\n const sizes = element.nodeName === 'HTML' ? getWindowSizes() : {};\n const width =\n sizes.width || element.clientWidth || result.right - result.left;\n const height =\n sizes.height || element.clientHeight || result.bottom - result.top;\n\n let horizScrollbar = element.offsetWidth - width;\n let vertScrollbar = element.offsetHeight - height;\n\n // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n if (horizScrollbar || vertScrollbar) {\n const styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result);\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport includeScroll from './includeScroll';\nimport getScrollParent from './getScrollParent';\nimport getBoundingClientRect from './getBoundingClientRect';\nimport runIsIE10 from './isIE10';\nimport getClientRect from './getClientRect';\n\nexport default function getOffsetRectRelativeToArbitraryNode(children, parent) {\n const isIE10 = runIsIE10();\n const isHTML = parent.nodeName === 'HTML';\n const childrenRect = getBoundingClientRect(children);\n const parentRect = getBoundingClientRect(parent);\n const scrollParent = getScrollParent(children);\n\n const styles = getStyleComputedProperty(parent);\n const borderTopWidth = +styles.borderTopWidth.split('px')[0];\n const borderLeftWidth = +styles.borderLeftWidth.split('px')[0];\n\n let offsets = getClientRect({\n top: childrenRect.top - parentRect.top - borderTopWidth,\n left: childrenRect.left - parentRect.left - borderLeftWidth,\n width: childrenRect.width,\n height: childrenRect.height,\n });\n offsets.marginTop = 0;\n offsets.marginLeft = 0;\n\n // Subtract margins of documentElement in case it's being used as parent\n // we do this only on HTML because it's the only element that behaves\n // differently when margins are applied to it. The margins are included in\n // the box of the documentElement, in the other cases not.\n if (!isIE10 && isHTML) {\n const marginTop = +styles.marginTop.split('px')[0];\n const marginLeft = +styles.marginLeft.split('px')[0];\n\n offsets.top -= borderTopWidth - marginTop;\n offsets.bottom -= borderTopWidth - marginTop;\n offsets.left -= borderLeftWidth - marginLeft;\n offsets.right -= borderLeftWidth - marginLeft;\n\n // Attach marginTop and marginLeft because in some circumstances we may need them\n offsets.marginTop = marginTop;\n offsets.marginLeft = marginLeft;\n }\n\n if (\n isIE10\n ? parent.contains(scrollParent)\n : parent === scrollParent && scrollParent.nodeName !== 'BODY'\n ) {\n offsets = includeScroll(offsets, parent);\n }\n\n return offsets;\n}\n","import getOffsetRectRelativeToArbitraryNode from './getOffsetRectRelativeToArbitraryNode';\nimport getScroll from './getScroll';\nimport getClientRect from './getClientRect';\n\nexport default function getViewportOffsetRectRelativeToArtbitraryNode(element) {\n const html = window.document.documentElement;\n const relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);\n const width = Math.max(html.clientWidth, window.innerWidth || 0);\n const height = Math.max(html.clientHeight, window.innerHeight || 0);\n\n const scrollTop = getScroll(html);\n const scrollLeft = getScroll(html, 'left');\n\n const offset = {\n top: scrollTop - relativeOffset.top + relativeOffset.marginTop,\n left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,\n width,\n height,\n };\n\n return getClientRect(offset);\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport getParentNode from './getParentNode';\n\n/**\n * Check if the given element is fixed or is inside a fixed parent\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {Element} customContainer\n * @returns {Boolean} answer to \"isFixed?\"\n */\nexport default function isFixed(element) {\n const nodeName = element.nodeName;\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n return false;\n }\n if (getStyleComputedProperty(element, 'position') === 'fixed') {\n return true;\n }\n return isFixed(getParentNode(element));\n}\n","import getScrollParent from './getScrollParent';\nimport getParentNode from './getParentNode';\nimport findCommonOffsetParent from './findCommonOffsetParent';\nimport getOffsetRectRelativeToArbitraryNode from './getOffsetRectRelativeToArbitraryNode';\nimport getViewportOffsetRectRelativeToArtbitraryNode from './getViewportOffsetRectRelativeToArtbitraryNode';\nimport getWindowSizes from './getWindowSizes';\nimport isFixed from './isFixed';\n\n/**\n * Computed the boundaries limits and return them\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} popper\n * @param {HTMLElement} reference\n * @param {number} padding\n * @param {HTMLElement} boundariesElement - Element used to define the boundaries\n * @returns {Object} Coordinates of the boundaries\n */\nexport default function getBoundaries(\n popper,\n reference,\n padding,\n boundariesElement\n) {\n // NOTE: 1 DOM access here\n let boundaries = { top: 0, left: 0 };\n const offsetParent = findCommonOffsetParent(popper, reference);\n\n // Handle viewport case\n if (boundariesElement === 'viewport') {\n boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent);\n } else {\n // Handle other cases based on DOM element used as boundaries\n let boundariesNode;\n if (boundariesElement === 'scrollParent') {\n boundariesNode = getScrollParent(getParentNode(popper));\n if (boundariesNode.nodeName === 'BODY') {\n boundariesNode = window.document.documentElement;\n }\n } else if (boundariesElement === 'window') {\n boundariesNode = window.document.documentElement;\n } else {\n boundariesNode = boundariesElement;\n }\n\n const offsets = getOffsetRectRelativeToArbitraryNode(\n boundariesNode,\n offsetParent\n );\n\n // In case of HTML, we need a different computation\n if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {\n const { height, width } = getWindowSizes();\n boundaries.top += offsets.top - offsets.marginTop;\n boundaries.bottom = height + offsets.top;\n boundaries.left += offsets.left - offsets.marginLeft;\n boundaries.right = width + offsets.left;\n } else {\n // for all the other DOM elements, this one is good\n boundaries = offsets;\n }\n }\n\n // Add paddings\n boundaries.left += padding;\n boundaries.top += padding;\n boundaries.right -= padding;\n boundaries.bottom -= padding;\n\n return boundaries;\n}\n","import getBoundaries from '../utils/getBoundaries';\n\nfunction getArea({ width, height }) {\n return width * height;\n}\n\n/**\n * Utility used to transform the `auto` placement to the placement with more\n * available space.\n * @method\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function computeAutoPlacement(\n placement,\n refRect,\n popper,\n reference,\n boundariesElement,\n padding = 0\n) {\n if (placement.indexOf('auto') === -1) {\n return placement;\n }\n\n const boundaries = getBoundaries(\n popper,\n reference,\n padding,\n boundariesElement\n );\n\n const rects = {\n top: {\n width: boundaries.width,\n height: refRect.top - boundaries.top,\n },\n right: {\n width: boundaries.right - refRect.right,\n height: boundaries.height,\n },\n bottom: {\n width: boundaries.width,\n height: boundaries.bottom - refRect.bottom,\n },\n left: {\n width: refRect.left - boundaries.left,\n height: boundaries.height,\n },\n };\n\n const sortedAreas = Object.keys(rects)\n .map(key => ({\n key,\n ...rects[key],\n area: getArea(rects[key]),\n }))\n .sort((a, b) => b.area - a.area);\n\n const filteredAreas = sortedAreas.filter(\n ({ width, height }) =>\n width >= popper.clientWidth && height >= popper.clientHeight\n );\n\n const computedPlacement = filteredAreas.length > 0\n ? filteredAreas[0].key\n : sortedAreas[0].key;\n\n const variation = placement.split('-')[1];\n\n return computedPlacement + (variation ? `-${variation}` : '');\n}\n","import findCommonOffsetParent from './findCommonOffsetParent';\nimport getOffsetRectRelativeToArbitraryNode from './getOffsetRectRelativeToArbitraryNode';\n\n/**\n * Get offsets to the reference element\n * @method\n * @memberof Popper.Utils\n * @param {Object} state\n * @param {Element} popper - the popper element\n * @param {Element} reference - the reference element (the popper will be relative to this)\n * @returns {Object} An object containing the offsets which will be applied to the popper\n */\nexport default function getReferenceOffsets(state, popper, reference) {\n const commonOffsetParent = findCommonOffsetParent(popper, reference);\n return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent);\n}\n","/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\nexport default function getOuterSizes(element) {\n const styles = window.getComputedStyle(element);\n const x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);\n const y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);\n const result = {\n width: element.offsetWidth + y,\n height: element.offsetHeight + x,\n };\n return result;\n}\n","/**\n * Get the opposite placement of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement\n * @returns {String} flipped placement\n */\nexport default function getOppositePlacement(placement) {\n const hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };\n return placement.replace(/left|right|bottom|top/g, matched => hash[matched]);\n}\n","import getOuterSizes from './getOuterSizes';\nimport getOppositePlacement from './getOppositePlacement';\n\n/**\n * Get offsets to the popper\n * @method\n * @memberof Popper.Utils\n * @param {Object} position - CSS position the Popper will get applied\n * @param {HTMLElement} popper - the popper element\n * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)\n * @param {String} placement - one of the valid placement options\n * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper\n */\nexport default function getPopperOffsets(popper, referenceOffsets, placement) {\n placement = placement.split('-')[0];\n\n // Get popper node sizes\n const popperRect = getOuterSizes(popper);\n\n // Add position, width and height to our offsets object\n const popperOffsets = {\n width: popperRect.width,\n height: popperRect.height,\n };\n\n // depending by the popper placement we have to compute its offsets slightly differently\n const isHoriz = ['right', 'left'].indexOf(placement) !== -1;\n const mainSide = isHoriz ? 'top' : 'left';\n const secondarySide = isHoriz ? 'left' : 'top';\n const measurement = isHoriz ? 'height' : 'width';\n const secondaryMeasurement = !isHoriz ? 'height' : 'width';\n\n popperOffsets[mainSide] =\n referenceOffsets[mainSide] +\n referenceOffsets[measurement] / 2 -\n popperRect[measurement] / 2;\n if (placement === secondarySide) {\n popperOffsets[secondarySide] =\n referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];\n } else {\n popperOffsets[secondarySide] =\n referenceOffsets[getOppositePlacement(secondarySide)];\n }\n\n return popperOffsets;\n}\n","/**\n * Mimics the `find` method of Array\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nexport default function find(arr, check) {\n // use native find if supported\n if (Array.prototype.find) {\n return arr.find(check);\n }\n\n // use `filter` to obtain the same behavior of `find`\n return arr.filter(check)[0];\n}\n","import find from './find';\n\n/**\n * Return the index of the matching object\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nexport default function findIndex(arr, prop, value) {\n // use native findIndex if supported\n if (Array.prototype.findIndex) {\n return arr.findIndex(cur => cur[prop] === value);\n }\n\n // use `find` + `indexOf` if `findIndex` isn't supported\n const match = find(arr, obj => obj[prop] === value);\n return arr.indexOf(match);\n}\n","import isFunction from './isFunction';\nimport findIndex from './findIndex';\nimport getClientRect from '../utils/getClientRect';\n\n/**\n * Loop trough the list of modifiers and run them in order,\n * each of them will then edit the data object.\n * @method\n * @memberof Popper.Utils\n * @param {dataObject} data\n * @param {Array} modifiers\n * @param {String} ends - Optional modifier name used as stopper\n * @returns {dataObject}\n */\nexport default function runModifiers(modifiers, data, ends) {\n const modifiersToRun = ends === undefined\n ? modifiers\n : modifiers.slice(0, findIndex(modifiers, 'name', ends));\n\n modifiersToRun.forEach(modifier => {\n if (modifier.function) {\n console.warn('`modifier.function` is deprecated, use `modifier.fn`!');\n }\n const fn = modifier.function || modifier.fn;\n if (modifier.enabled && isFunction(fn)) {\n // Add properties to offsets to make them a complete clientRect object\n // we do this before each modifier to make sure the previous one doesn't\n // mess with these values\n data.offsets.popper = getClientRect(data.offsets.popper);\n data.offsets.reference = getClientRect(data.offsets.reference);\n\n data = fn(data, modifier);\n }\n });\n\n return data;\n}\n","import computeAutoPlacement from '../utils/computeAutoPlacement';\nimport getReferenceOffsets from '../utils/getReferenceOffsets';\nimport getPopperOffsets from '../utils/getPopperOffsets';\nimport runModifiers from '../utils/runModifiers';\n\n/**\n * Updates the position of the popper, computing the new offsets and applying\n * the new style.
\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\nexport default function update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n let data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {},\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(\n this.state,\n this.popper,\n this.reference\n );\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(\n this.options.placement,\n data.offsets.reference,\n this.popper,\n this.reference,\n this.options.modifiers.flip.boundariesElement,\n this.options.modifiers.flip.padding\n );\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = data.placement;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(\n this.popper,\n data.offsets.reference,\n data.placement\n );\n data.offsets.popper.position = 'absolute';\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n","/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nexport default function isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(\n ({ name, enabled }) => enabled && name === modifierName\n );\n}\n","/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\nexport default function getSupportedPropertyName(property) {\n const prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n const upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (let i = 0; i < prefixes.length - 1; i++) {\n const prefix = prefixes[i];\n const toCheck = prefix ? `${prefix}${upperProp}` : property;\n if (typeof window.document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n","import isModifierEnabled from '../utils/isModifierEnabled';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * Destroy the popper\n * @method\n * @memberof Popper\n */\nexport default function destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.left = '';\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicity asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n}\n","import getScrollParent from './getScrollParent';\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n const isBody = scrollParent.nodeName === 'BODY';\n const target = isBody ? window : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(\n getScrollParent(target.parentNode),\n event,\n callback,\n scrollParents\n );\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function setupEventListeners(\n reference,\n options,\n state,\n updateBound\n) {\n // Resize event listener on window\n state.updateBound = updateBound;\n window.addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n const scrollElement = getScrollParent(reference);\n attachToScrollParents(\n scrollElement,\n 'scroll',\n state.updateBound,\n state.scrollParents\n );\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n","import setupEventListeners from '../utils/setupEventListeners';\n\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\nexport default function enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(\n this.reference,\n this.options,\n this.state,\n this.scheduleUpdate\n );\n }\n}\n","/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function removeEventListeners(reference, state) {\n // Remove resize event listener on window\n window.removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(target => {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n","import removeEventListeners from '../utils/removeEventListeners';\n\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger onUpdate callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\nexport default function disableEventListeners() {\n if (this.state.eventsEnabled) {\n window.cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n","/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nexport default function isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n","import isNumeric from './isNumeric';\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setStyles(element, styles) {\n Object.keys(styles).forEach(prop => {\n let unit = '';\n // add unit if the value is numeric and is one of the following\n if (\n ['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !==\n -1 &&\n isNumeric(styles[prop])\n ) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n","/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function(prop) {\n const value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n","import setStyles from '../utils/setStyles';\nimport setAttributes from '../utils/setAttributes';\nimport getReferenceOffsets from '../utils/getReferenceOffsets';\nimport computeAutoPlacement from '../utils/computeAutoPlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nexport default function applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles);\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, data.attributes);\n\n // if arrowElement is defined and arrowStyles has some properties\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Popper.js options\n */\nexport function applyStyleOnLoad(\n reference,\n popper,\n options,\n modifierOptions,\n state\n) {\n // compute reference element offsets\n const referenceOffsets = getReferenceOffsets(state, popper, reference);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n const placement = computeAutoPlacement(\n options.placement,\n referenceOffsets,\n popper,\n reference,\n options.modifiers.flip.boundariesElement,\n options.modifiers.flip.padding\n );\n\n popper.setAttribute('x-placement', placement);\n\n // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n setStyles(popper, { position: 'absolute' });\n\n return options;\n}\n","import getSupportedPropertyName from '../utils/getSupportedPropertyName';\nimport find from '../utils/find';\nimport getOffsetParent from '../utils/getOffsetParent';\nimport getBoundingClientRect from '../utils/getBoundingClientRect';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function computeStyle(data, options) {\n const { x, y } = options;\n const { popper } = data.offsets;\n\n // Remove this legacy support in Popper.js v2\n const legacyGpuAccelerationOption = find(\n data.instance.modifiers,\n modifier => modifier.name === 'applyStyle'\n ).gpuAcceleration;\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn(\n 'WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!'\n );\n }\n const gpuAcceleration =\n legacyGpuAccelerationOption !== undefined\n ? legacyGpuAccelerationOption\n : options.gpuAcceleration;\n\n const offsetParent = getOffsetParent(data.instance.popper);\n const offsetParentRect = getBoundingClientRect(offsetParent);\n\n // Styles\n const styles = {\n position: popper.position,\n };\n\n // floor sides to avoid blurry text\n const offsets = {\n left: Math.floor(popper.left),\n top: Math.floor(popper.top),\n bottom: Math.floor(popper.bottom),\n right: Math.floor(popper.right),\n };\n\n const sideA = x === 'bottom' ? 'top' : 'bottom';\n const sideB = y === 'right' ? 'left' : 'right';\n\n // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n const prefixedProperty = getSupportedPropertyName('transform');\n\n // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n let left, top;\n if (sideA === 'bottom') {\n top = -offsetParentRect.height + offsets.bottom;\n } else {\n top = offsets.top;\n }\n if (sideB === 'right') {\n left = -offsetParentRect.width + offsets.right;\n } else {\n left = offsets.left;\n }\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`;\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n const invertTop = sideA === 'bottom' ? -1 : 1;\n const invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = `${sideA}, ${sideB}`;\n }\n\n // Attributes\n const attributes = {\n 'x-placement': data.placement,\n };\n\n // Update `data` attributes, styles and arrowStyles\n data.attributes = { ...attributes, ...data.attributes };\n data.styles = { ...styles, ...data.styles };\n data.arrowStyles = { ...data.offsets.arrow, ...data.arrowStyles };\n\n return data;\n}\n","import find from './find';\n\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nexport default function isModifierRequired(\n modifiers,\n requestingName,\n requestedName\n) {\n const requesting = find(modifiers, ({ name }) => name === requestingName);\n\n const isRequired =\n !!requesting &&\n modifiers.some(modifier => {\n return (\n modifier.name === requestedName &&\n modifier.enabled &&\n modifier.order < requesting.order\n );\n });\n\n if (!isRequired) {\n const requesting = `\\`${requestingName}\\``;\n const requested = `\\`${requestedName}\\``;\n console.warn(\n `${requested} modifier is required by ${requesting} modifier in order to work, be sure to include it before ${requesting}!`\n );\n }\n return isRequired;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOuterSizes from '../utils/getOuterSizes';\nimport isModifierRequired from '../utils/isModifierRequired';\nimport getStyleComputedProperty from '../utils/getStyleComputedProperty';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function arrow(data, options) {\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n let arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn(\n 'WARNING: `arrow.element` must be child of its popper element!'\n );\n return data;\n }\n }\n\n const placement = data.placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n const len = isVertical ? 'height' : 'width';\n const sideCapitalized = isVertical ? 'Top' : 'Left';\n const side = sideCapitalized.toLowerCase();\n const altSide = isVertical ? 'left' : 'top';\n const opSide = isVertical ? 'bottom' : 'right';\n const arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjuction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -=\n popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] +=\n reference[side] + arrowElementSize - popper[opSide];\n }\n\n // compute center of the popper\n const center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n const popperMarginSide = getStyleComputedProperty(\n data.instance.popper,\n `margin${sideCapitalized}`\n ).replace('px', '');\n let sideValue =\n center - getClientRect(data.offsets.popper)[side] - popperMarginSide;\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = {};\n data.offsets.arrow[side] = Math.round(sideValue);\n data.offsets.arrow[altSide] = ''; // make sure to unset any eventual altSide value from the DOM node\n\n return data;\n}\n","/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nexport default function getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n","/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-right` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\nexport default [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n","import placements from '../methods/placements';\n\n// Get rid of `auto` `auto-start` and `auto-end`\nconst validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nexport default function clockwise(placement, counter = false) {\n const index = validPlacements.indexOf(placement);\n const arr = validPlacements\n .slice(index + 1)\n .concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n","import getOppositePlacement from '../utils/getOppositePlacement';\nimport getOppositeVariation from '../utils/getOppositeVariation';\nimport getPopperOffsets from '../utils/getPopperOffsets';\nimport runModifiers from '../utils/runModifiers';\nimport getBoundaries from '../utils/getBoundaries';\nimport isModifierEnabled from '../utils/isModifierEnabled';\nimport clockwise from '../utils/clockwise';\n\nconst BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise',\n};\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n options.boundariesElement\n );\n\n let placement = data.placement.split('-')[0];\n let placementOpposite = getOppositePlacement(placement);\n let variation = data.placement.split('-')[1] || '';\n\n let flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach((step, index) => {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n const popperOffsets = data.offsets.popper;\n const refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n const floor = Math.floor;\n const overlapsRef =\n (placement === 'left' &&\n floor(popperOffsets.right) > floor(refOffsets.left)) ||\n (placement === 'right' &&\n floor(popperOffsets.left) < floor(refOffsets.right)) ||\n (placement === 'top' &&\n floor(popperOffsets.bottom) > floor(refOffsets.top)) ||\n (placement === 'bottom' &&\n floor(popperOffsets.top) < floor(refOffsets.bottom));\n\n const overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n const overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n const overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n const overflowsBottom =\n floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n const overflowsBoundaries =\n (placement === 'left' && overflowsLeft) ||\n (placement === 'right' && overflowsRight) ||\n (placement === 'top' && overflowsTop) ||\n (placement === 'bottom' && overflowsBottom);\n\n // flip the variation if required\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const flippedVariation =\n !!options.flipVariations &&\n ((isVertical && variation === 'start' && overflowsLeft) ||\n (isVertical && variation === 'end' && overflowsRight) ||\n (!isVertical && variation === 'start' && overflowsTop) ||\n (!isVertical && variation === 'end' && overflowsBottom));\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n\n // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n data.offsets.popper = {\n ...data.offsets.popper,\n ...getPopperOffsets(\n data.instance.popper,\n data.offsets.reference,\n data.placement\n ),\n };\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function keepTogether(data) {\n const { popper, reference } = data.offsets;\n const placement = data.placement.split('-')[0];\n const floor = Math.floor;\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const side = isVertical ? 'right' : 'bottom';\n const opSide = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] =\n floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n","import isNumeric from '../utils/isNumeric';\nimport getClientRect from '../utils/getClientRect';\nimport find from '../utils/find';\n\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\nexport function toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n const split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n const value = +split[1];\n const unit = split[2];\n\n // If it's not a number it's an operator, I guess\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n let element;\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n const rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n let size;\n if (unit === 'vh') {\n size = Math.max(\n document.documentElement.clientHeight,\n window.innerHeight || 0\n );\n } else {\n size = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n );\n }\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\nexport function parseOffset(\n offset,\n popperOffsets,\n referenceOffsets,\n basePlacement\n) {\n const offsets = [0, 0];\n\n // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n const useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;\n\n // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n const fragments = offset.split(/(\\+|\\-)/).map(frag => frag.trim());\n\n // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n const divider = fragments.indexOf(\n find(fragments, frag => frag.search(/,|\\s/) !== -1)\n );\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn(\n 'Offsets separated by white space(s) are deprecated, use a comma (,) instead.'\n );\n }\n\n // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n const splitRegex = /\\s*,\\s*|\\s+/;\n let ops = divider !== -1\n ? [\n fragments\n .slice(0, divider)\n .concat([fragments[divider].split(splitRegex)[0]]),\n [fragments[divider].split(splitRegex)[1]].concat(\n fragments.slice(divider + 1)\n ),\n ]\n : [fragments];\n\n // Convert the values with units to absolute pixels to allow our computations\n ops = ops.map((op, index) => {\n // Most of the units rely on the orientation of the popper\n const measurement = (index === 1 ? !useHeight : useHeight)\n ? 'height'\n : 'width';\n let mergeWithPrevious = false;\n return (\n op\n // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce((a, b) => {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, [])\n // Here we convert the string values into number values (in px)\n .map(str => toValue(str, measurement, popperOffsets, referenceOffsets))\n );\n });\n\n // Loop trough the offsets arrays and execute the operations\n ops.forEach((op, index) => {\n op.forEach((frag, index2) => {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\nexport default function offset(data, { offset }) {\n const { placement, offsets: { popper, reference } } = data;\n const basePlacement = placement.split('-')[0];\n\n let offsets;\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n","import getOffsetParent from '../utils/getOffsetParent';\nimport getBoundaries from '../utils/getBoundaries';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function preventOverflow(data, options) {\n let boundariesElement =\n options.boundariesElement || getOffsetParent(data.instance.popper);\n\n // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n }\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n boundariesElement\n );\n options.boundaries = boundaries;\n\n const order = options.priority;\n let popper = data.offsets.popper;\n\n const check = {\n primary(placement) {\n let value = popper[placement];\n if (\n popper[placement] < boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return { [placement]: value };\n },\n secondary(placement) {\n const mainSide = placement === 'right' ? 'left' : 'top';\n let value = popper[mainSide];\n if (\n popper[placement] > boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.min(\n popper[mainSide],\n boundaries[placement] -\n (placement === 'right' ? popper.width : popper.height)\n );\n }\n return { [mainSide]: value };\n },\n };\n\n order.forEach(placement => {\n const side = ['left', 'top'].indexOf(placement) !== -1\n ? 'primary'\n : 'secondary';\n popper = { ...popper, ...check[side](placement) };\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function shift(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n const { reference, popper } = data.offsets;\n const isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n const side = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n const shiftOffsets = {\n start: { [side]: reference[side] },\n end: {\n [side]: reference[side] + reference[measurement] - popper[measurement],\n },\n };\n\n data.offsets.popper = { ...popper, ...shiftOffsets[shiftvariation] };\n }\n\n return data;\n}\n","import isModifierRequired from '../utils/isModifierRequired';\nimport find from '../utils/find';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n const refRect = data.offsets.reference;\n const bound = find(\n data.instance.modifiers,\n modifier => modifier.name === 'preventOverflow'\n ).boundaries;\n\n if (\n refRect.bottom < bound.top ||\n refRect.left > bound.right ||\n refRect.top > bound.bottom ||\n refRect.right < bound.left\n ) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOppositePlacement from '../utils/getOppositePlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function inner(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n const subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] =\n reference[basePlacement] -\n (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n","import applyStyle, { applyStyleOnLoad } from './applyStyle';\nimport computeStyle from './computeStyle';\nimport arrow from './arrow';\nimport flip from './flip';\nimport keepTogether from './keepTogether';\nimport offset from './offset';\nimport preventOverflow from './preventOverflow';\nimport shift from './shift';\nimport hide from './hide';\nimport inner from './inner';\n\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nexport default {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: shift,\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unitless, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the height.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > More on this [reading this issue](https://github.com/FezVrasta/popper.js/issues/373)\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: offset,\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0,\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * An scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper this makes sure the popper has always a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier, can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent',\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near eachothers\n * without leaving any gap between the two. Expecially useful when the arrow is\n * enabled and you want to assure it to point to its reference element.\n * It cares only about the first axis, you can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: keepTogether,\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjuction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]',\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations).\n */\n behavior: 'flip',\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position,\n * the popper will never be placed outside of the defined boundaries\n * (except if keepTogether is enabled)\n */\n boundariesElement: 'viewport',\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {ModifierFn} */\n fn: inner,\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: hide,\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: computeStyle,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: true,\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right',\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define you own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: undefined,\n },\n};\n\n/**\n * The `dataObject` is an object containing all the informations used by Popper.js\n * this object get passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper.\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements.\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n","import modifiers from '../modifiers/index';\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overriden using the `options` argument of Popper.js.
\n * To override an option, simply pass as 3rd argument an object with the same\n * structure of this object, example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\nexport default {\n /**\n * Popper's placement\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Whether events (resize, scroll) are initially enabled\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: () => {},\n\n /**\n * Callback called when the popper is updated, this callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: () => {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js\n * @prop {modifiers}\n */\n modifiers,\n};\n\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n","// Utils\nimport debounce from './utils/debounce';\nimport isFunction from './utils/isFunction';\n\n// Methods\nimport update from './methods/update';\nimport destroy from './methods/destroy';\nimport enableEventListeners from './methods/enableEventListeners';\nimport disableEventListeners from './methods/disableEventListeners';\nimport Defaults from './methods/defaults';\nimport placements from './methods/placements';\n\nexport default class Popper {\n /**\n * Create a new Popper.js instance\n * @class Popper\n * @param {HTMLElement|referenceObject} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n constructor(reference, popper, options = {}) {\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = { ...Popper.Defaults, ...options };\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: [],\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference.jquery ? reference[0] : reference;\n this.popper = popper.jquery ? popper[0] : popper;\n\n // Deep merge modifiers options\n this.options.modifiers = {};\n Object.keys({\n ...Popper.Defaults.modifiers,\n ...options.modifiers,\n }).forEach(name => {\n this.options.modifiers[name] = {\n // If it's a built-in modifier, use it as base\n ...(Popper.Defaults.modifiers[name] || {}),\n // If there are custom options, override and merge with default ones\n ...(options.modifiers ? options.modifiers[name] : {}),\n };\n });\n\n // Refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(this.options.modifiers)\n .map(name => ({\n name,\n ...this.options.modifiers[name],\n }))\n // sort the modifiers by order\n .sort((a, b) => a.order - b.order);\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(modifierOptions => {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(\n this.reference,\n this.popper,\n this.options,\n modifierOptions,\n this.state\n );\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n const eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n update() {\n return update.call(this);\n }\n destroy() {\n return destroy.call(this);\n }\n enableEventListeners() {\n return enableEventListeners.call(this);\n }\n disableEventListeners() {\n return disableEventListeners.call(this);\n }\n\n /**\n * Schedule an update, it will run on the next UI update available\n * @method scheduleUpdate\n * @memberof Popper\n */\n scheduleUpdate = () => requestAnimationFrame(this.update);\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n static Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\n\n static placements = placements;\n\n static Defaults = Defaults;\n}\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n","'use strict';\n\nvar has = Object.prototype.hasOwnProperty\n , undef;\n\n/**\n * Decode a URI encoded string.\n *\n * @param {String} input The URI encoded string.\n * @returns {String|Null} The decoded string.\n * @api private\n */\nfunction decode(input) {\n try {\n return decodeURIComponent(input.replace(/\\+/g, ' '));\n } catch (e) {\n return null;\n }\n}\n\n/**\n * Attempts to encode a given input.\n *\n * @param {String} input The string that needs to be encoded.\n * @returns {String|Null} The encoded string.\n * @api private\n */\nfunction encode(input) {\n try {\n return encodeURIComponent(input);\n } catch (e) {\n return null;\n }\n}\n\n/**\n * Simple query string parser.\n *\n * @param {String} query The query string that needs to be parsed.\n * @returns {Object}\n * @api public\n */\nfunction querystring(query) {\n var parser = /([^=?#&]+)=?([^&]*)/g\n , result = {}\n , part;\n\n while (part = parser.exec(query)) {\n var key = decode(part[1])\n , value = decode(part[2]);\n\n //\n // Prevent overriding of existing properties. This ensures that build-in\n // methods like `toString` or __proto__ are not overriden by malicious\n // querystrings.\n //\n // In the case if failed decoding, we want to omit the key/value pairs\n // from the result.\n //\n if (key === null || value === null || key in result) continue;\n result[key] = value;\n }\n\n return result;\n}\n\n/**\n * Transform a query string to an object.\n *\n * @param {Object} obj Object that should be transformed.\n * @param {String} prefix Optional prefix.\n * @returns {String}\n * @api public\n */\nfunction querystringify(obj, prefix) {\n prefix = prefix || '';\n\n var pairs = []\n , value\n , key;\n\n //\n // Optionally prefix with a '?' if needed\n //\n if ('string' !== typeof prefix) prefix = '?';\n\n for (key in obj) {\n if (has.call(obj, key)) {\n value = obj[key];\n\n //\n // Edge cases where we actually want to encode the value to an empty\n // string instead of the stringified value.\n //\n if (!value && (value === null || value === undef || isNaN(value))) {\n value = '';\n }\n\n key = encode(key);\n value = encode(value);\n\n //\n // If we failed to encode the strings, we should bail out as we don't\n // want to add invalid strings to the query.\n //\n if (key === null || value === null) continue;\n pairs.push(key +'='+ value);\n }\n }\n\n return pairs.length ? prefix + pairs.join('&') : '';\n}\n\n//\n// Expose the module.\n//\nexports.stringify = querystringify;\nexports.parse = querystring;\n","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nvar runtime = (function (exports) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; };\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function define(obj, key, value) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n return obj[key];\n }\n try {\n // IE 8 has a broken Object.defineProperty that only works on DOM objects.\n define({}, \"\");\n } catch (err) {\n define = function(obj, key, value) {\n return obj[key] = value;\n };\n }\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n defineProperty(generator, \"_invoke\", { value: makeInvokeMethod(innerFn, self, context) });\n\n return generator;\n }\n exports.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n define(IteratorPrototype, iteratorSymbol, function () {\n return this;\n });\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = GeneratorFunctionPrototype;\n defineProperty(Gp, \"constructor\", { value: GeneratorFunctionPrototype, configurable: true });\n defineProperty(\n GeneratorFunctionPrototype,\n \"constructor\",\n { value: GeneratorFunction, configurable: true }\n );\n GeneratorFunction.displayName = define(\n GeneratorFunctionPrototype,\n toStringTagSymbol,\n \"GeneratorFunction\"\n );\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n define(prototype, method, function(arg) {\n return this._invoke(method, arg);\n });\n });\n }\n\n exports.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n exports.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n define(genFun, toStringTagSymbol, \"GeneratorFunction\");\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n exports.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function(error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n defineProperty(this, \"_invoke\", { value: enqueue });\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n define(AsyncIterator.prototype, asyncIteratorSymbol, function () {\n return this;\n });\n exports.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList),\n PromiseImpl\n );\n\n return exports.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per GeneratorResume behavior specified since ES2015:\n // ES2015 spec, step 3: https://262.ecma-international.org/6.0/#sec-generatorresume\n // Latest spec, step 2: https://tc39.es/ecma262/#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var methodName = context.method;\n var method = delegate.iterator[methodName];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method, or a missing .next method, always terminate the\n // yield* loop.\n context.delegate = null;\n\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (methodName === \"throw\" && delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n if (methodName !== \"return\") {\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a '\" + methodName + \"' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n define(Gp, toStringTagSymbol, \"Generator\");\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n define(Gp, iteratorSymbol, function() {\n return this;\n });\n\n define(Gp, \"toString\", function() {\n return \"[object Generator]\";\n });\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function(val) {\n var object = Object(val);\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable != null) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n throw new TypeError(typeof iterable + \" is not iterable\");\n }\n exports.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n\n // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n return exports;\n\n}(\n // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n typeof module === \"object\" ? module.exports : {}\n));\n\ntry {\n regeneratorRuntime = runtime;\n} catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, in modern engines\n // we can explicitly access globalThis. In older engines we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n if (typeof globalThis === \"object\") {\n globalThis.regeneratorRuntime = runtime;\n } else {\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n }\n}\n","'use strict';\n\n/**\n * Check if we're required to add a port number.\n *\n * @see https://url.spec.whatwg.org/#default-port\n * @param {Number|String} port Port number we need to check\n * @param {String} protocol Protocol we need to check against.\n * @returns {Boolean} Is it a default port for the given protocol\n * @api private\n */\nmodule.exports = function required(port, protocol) {\n protocol = protocol.split(':')[0];\n port = +port;\n\n if (!port) return false;\n\n switch (protocol) {\n case 'http':\n case 'ws':\n return port !== 80;\n\n case 'https':\n case 'wss':\n return port !== 443;\n\n case 'ftp':\n return port !== 21;\n\n case 'gopher':\n return port !== 70;\n\n case 'file':\n return false;\n }\n\n return port !== 0;\n};\n","'use strict';\n\nvar required = require('requires-port')\n , qs = require('querystringify')\n , controlOrWhitespace = /^[\\x00-\\x20\\u00a0\\u1680\\u2000-\\u200a\\u2028\\u2029\\u202f\\u205f\\u3000\\ufeff]+/\n , CRHTLF = /[\\n\\r\\t]/g\n , slashes = /^[A-Za-z][A-Za-z0-9+-.]*:\\/\\//\n , port = /:\\d+$/\n , protocolre = /^([a-z][a-z0-9.+-]*:)?(\\/\\/)?([\\\\/]+)?([\\S\\s]*)/i\n , windowsDriveLetter = /^[a-zA-Z]:/;\n\n/**\n * Remove control characters and whitespace from the beginning of a string.\n *\n * @param {Object|String} str String to trim.\n * @returns {String} A new string representing `str` stripped of control\n * characters and whitespace from its beginning.\n * @public\n */\nfunction trimLeft(str) {\n return (str ? str : '').toString().replace(controlOrWhitespace, '');\n}\n\n/**\n * These are the parse rules for the URL parser, it informs the parser\n * about:\n *\n * 0. The char it Needs to parse, if it's a string it should be done using\n * indexOf, RegExp using exec and NaN means set as current value.\n * 1. The property we should set when parsing this value.\n * 2. Indication if it's backwards or forward parsing, when set as number it's\n * the value of extra chars that should be split off.\n * 3. Inherit from location if non existing in the parser.\n * 4. `toLowerCase` the resulting value.\n */\nvar rules = [\n ['#', 'hash'], // Extract from the back.\n ['?', 'query'], // Extract from the back.\n function sanitize(address, url) { // Sanitize what is left of the address\n return isSpecial(url.protocol) ? address.replace(/\\\\/g, '/') : address;\n },\n ['/', 'pathname'], // Extract from the back.\n ['@', 'auth', 1], // Extract from the front.\n [NaN, 'host', undefined, 1, 1], // Set left over value.\n [/:(\\d*)$/, 'port', undefined, 1], // RegExp the back.\n [NaN, 'hostname', undefined, 1, 1] // Set left over.\n];\n\n/**\n * These properties should not be copied or inherited from. This is only needed\n * for all non blob URL's as a blob URL does not include a hash, only the\n * origin.\n *\n * @type {Object}\n * @private\n */\nvar ignore = { hash: 1, query: 1 };\n\n/**\n * The location object differs when your code is loaded through a normal page,\n * Worker or through a worker using a blob. And with the blobble begins the\n * trouble as the location object will contain the URL of the blob, not the\n * location of the page where our code is loaded in. The actual origin is\n * encoded in the `pathname` so we can thankfully generate a good \"default\"\n * location from it so we can generate proper relative URL's again.\n *\n * @param {Object|String} loc Optional default location object.\n * @returns {Object} lolcation object.\n * @public\n */\nfunction lolcation(loc) {\n var globalVar;\n\n if (typeof window !== 'undefined') globalVar = window;\n else if (typeof global !== 'undefined') globalVar = global;\n else if (typeof self !== 'undefined') globalVar = self;\n else globalVar = {};\n\n var location = globalVar.location || {};\n loc = loc || location;\n\n var finaldestination = {}\n , type = typeof loc\n , key;\n\n if ('blob:' === loc.protocol) {\n finaldestination = new Url(unescape(loc.pathname), {});\n } else if ('string' === type) {\n finaldestination = new Url(loc, {});\n for (key in ignore) delete finaldestination[key];\n } else if ('object' === type) {\n for (key in loc) {\n if (key in ignore) continue;\n finaldestination[key] = loc[key];\n }\n\n if (finaldestination.slashes === undefined) {\n finaldestination.slashes = slashes.test(loc.href);\n }\n }\n\n return finaldestination;\n}\n\n/**\n * Check whether a protocol scheme is special.\n *\n * @param {String} The protocol scheme of the URL\n * @return {Boolean} `true` if the protocol scheme is special, else `false`\n * @private\n */\nfunction isSpecial(scheme) {\n return (\n scheme === 'file:' ||\n scheme === 'ftp:' ||\n scheme === 'http:' ||\n scheme === 'https:' ||\n scheme === 'ws:' ||\n scheme === 'wss:'\n );\n}\n\n/**\n * @typedef ProtocolExtract\n * @type Object\n * @property {String} protocol Protocol matched in the URL, in lowercase.\n * @property {Boolean} slashes `true` if protocol is followed by \"//\", else `false`.\n * @property {String} rest Rest of the URL that is not part of the protocol.\n */\n\n/**\n * Extract protocol information from a URL with/without double slash (\"//\").\n *\n * @param {String} address URL we want to extract from.\n * @param {Object} location\n * @return {ProtocolExtract} Extracted information.\n * @private\n */\nfunction extractProtocol(address, location) {\n address = trimLeft(address);\n address = address.replace(CRHTLF, '');\n location = location || {};\n\n var match = protocolre.exec(address);\n var protocol = match[1] ? match[1].toLowerCase() : '';\n var forwardSlashes = !!match[2];\n var otherSlashes = !!match[3];\n var slashesCount = 0;\n var rest;\n\n if (forwardSlashes) {\n if (otherSlashes) {\n rest = match[2] + match[3] + match[4];\n slashesCount = match[2].length + match[3].length;\n } else {\n rest = match[2] + match[4];\n slashesCount = match[2].length;\n }\n } else {\n if (otherSlashes) {\n rest = match[3] + match[4];\n slashesCount = match[3].length;\n } else {\n rest = match[4]\n }\n }\n\n if (protocol === 'file:') {\n if (slashesCount >= 2) {\n rest = rest.slice(2);\n }\n } else if (isSpecial(protocol)) {\n rest = match[4];\n } else if (protocol) {\n if (forwardSlashes) {\n rest = rest.slice(2);\n }\n } else if (slashesCount >= 2 && isSpecial(location.protocol)) {\n rest = match[4];\n }\n\n return {\n protocol: protocol,\n slashes: forwardSlashes || isSpecial(protocol),\n slashesCount: slashesCount,\n rest: rest\n };\n}\n\n/**\n * Resolve a relative URL pathname against a base URL pathname.\n *\n * @param {String} relative Pathname of the relative URL.\n * @param {String} base Pathname of the base URL.\n * @return {String} Resolved pathname.\n * @private\n */\nfunction resolve(relative, base) {\n if (relative === '') return base;\n\n var path = (base || '/').split('/').slice(0, -1).concat(relative.split('/'))\n , i = path.length\n , last = path[i - 1]\n , unshift = false\n , up = 0;\n\n while (i--) {\n if (path[i] === '.') {\n path.splice(i, 1);\n } else if (path[i] === '..') {\n path.splice(i, 1);\n up++;\n } else if (up) {\n if (i === 0) unshift = true;\n path.splice(i, 1);\n up--;\n }\n }\n\n if (unshift) path.unshift('');\n if (last === '.' || last === '..') path.push('');\n\n return path.join('/');\n}\n\n/**\n * The actual URL instance. Instead of returning an object we've opted-in to\n * create an actual constructor as it's much more memory efficient and\n * faster and it pleases my OCD.\n *\n * It is worth noting that we should not use `URL` as class name to prevent\n * clashes with the global URL instance that got introduced in browsers.\n *\n * @constructor\n * @param {String} address URL we want to parse.\n * @param {Object|String} [location] Location defaults for relative paths.\n * @param {Boolean|Function} [parser] Parser for the query string.\n * @private\n */\nfunction Url(address, location, parser) {\n address = trimLeft(address);\n address = address.replace(CRHTLF, '');\n\n if (!(this instanceof Url)) {\n return new Url(address, location, parser);\n }\n\n var relative, extracted, parse, instruction, index, key\n , instructions = rules.slice()\n , type = typeof location\n , url = this\n , i = 0;\n\n //\n // The following if statements allows this module two have compatibility with\n // 2 different API:\n //\n // 1. Node.js's `url.parse` api which accepts a URL, boolean as arguments\n // where the boolean indicates that the query string should also be parsed.\n //\n // 2. The `URL` interface of the browser which accepts a URL, object as\n // arguments. The supplied object will be used as default values / fall-back\n // for relative paths.\n //\n if ('object' !== type && 'string' !== type) {\n parser = location;\n location = null;\n }\n\n if (parser && 'function' !== typeof parser) parser = qs.parse;\n\n location = lolcation(location);\n\n //\n // Extract protocol information before running the instructions.\n //\n extracted = extractProtocol(address || '', location);\n relative = !extracted.protocol && !extracted.slashes;\n url.slashes = extracted.slashes || relative && location.slashes;\n url.protocol = extracted.protocol || location.protocol || '';\n address = extracted.rest;\n\n //\n // When the authority component is absent the URL starts with a path\n // component.\n //\n if (\n extracted.protocol === 'file:' && (\n extracted.slashesCount !== 2 || windowsDriveLetter.test(address)) ||\n (!extracted.slashes &&\n (extracted.protocol ||\n extracted.slashesCount < 2 ||\n !isSpecial(url.protocol)))\n ) {\n instructions[3] = [/(.*)/, 'pathname'];\n }\n\n for (; i < instructions.length; i++) {\n instruction = instructions[i];\n\n if (typeof instruction === 'function') {\n address = instruction(address, url);\n continue;\n }\n\n parse = instruction[0];\n key = instruction[1];\n\n if (parse !== parse) {\n url[key] = address;\n } else if ('string' === typeof parse) {\n index = parse === '@'\n ? address.lastIndexOf(parse)\n : address.indexOf(parse);\n\n if (~index) {\n if ('number' === typeof instruction[2]) {\n url[key] = address.slice(0, index);\n address = address.slice(index + instruction[2]);\n } else {\n url[key] = address.slice(index);\n address = address.slice(0, index);\n }\n }\n } else if ((index = parse.exec(address))) {\n url[key] = index[1];\n address = address.slice(0, index.index);\n }\n\n url[key] = url[key] || (\n relative && instruction[3] ? location[key] || '' : ''\n );\n\n //\n // Hostname, host and protocol should be lowercased so they can be used to\n // create a proper `origin`.\n //\n if (instruction[4]) url[key] = url[key].toLowerCase();\n }\n\n //\n // Also parse the supplied query string in to an object. If we're supplied\n // with a custom parser as function use that instead of the default build-in\n // parser.\n //\n if (parser) url.query = parser(url.query);\n\n //\n // If the URL is relative, resolve the pathname against the base URL.\n //\n if (\n relative\n && location.slashes\n && url.pathname.charAt(0) !== '/'\n && (url.pathname !== '' || location.pathname !== '')\n ) {\n url.pathname = resolve(url.pathname, location.pathname);\n }\n\n //\n // Default to a / for pathname if none exists. This normalizes the URL\n // to always have a /\n //\n if (url.pathname.charAt(0) !== '/' && isSpecial(url.protocol)) {\n url.pathname = '/' + url.pathname;\n }\n\n //\n // We should not add port numbers if they are already the default port number\n // for a given protocol. As the host also contains the port number we're going\n // override it with the hostname which contains no port number.\n //\n if (!required(url.port, url.protocol)) {\n url.host = url.hostname;\n url.port = '';\n }\n\n //\n // Parse down the `auth` for the username and password.\n //\n url.username = url.password = '';\n\n if (url.auth) {\n index = url.auth.indexOf(':');\n\n if (~index) {\n url.username = url.auth.slice(0, index);\n url.username = encodeURIComponent(decodeURIComponent(url.username));\n\n url.password = url.auth.slice(index + 1);\n url.password = encodeURIComponent(decodeURIComponent(url.password))\n } else {\n url.username = encodeURIComponent(decodeURIComponent(url.auth));\n }\n\n url.auth = url.password ? url.username +':'+ url.password : url.username;\n }\n\n url.origin = url.protocol !== 'file:' && isSpecial(url.protocol) && url.host\n ? url.protocol +'//'+ url.host\n : 'null';\n\n //\n // The href is just the compiled result.\n //\n url.href = url.toString();\n}\n\n/**\n * This is convenience method for changing properties in the URL instance to\n * insure that they all propagate correctly.\n *\n * @param {String} part Property we need to adjust.\n * @param {Mixed} value The newly assigned value.\n * @param {Boolean|Function} fn When setting the query, it will be the function\n * used to parse the query.\n * When setting the protocol, double slash will be\n * removed from the final url if it is true.\n * @returns {URL} URL instance for chaining.\n * @public\n */\nfunction set(part, value, fn) {\n var url = this;\n\n switch (part) {\n case 'query':\n if ('string' === typeof value && value.length) {\n value = (fn || qs.parse)(value);\n }\n\n url[part] = value;\n break;\n\n case 'port':\n url[part] = value;\n\n if (!required(value, url.protocol)) {\n url.host = url.hostname;\n url[part] = '';\n } else if (value) {\n url.host = url.hostname +':'+ value;\n }\n\n break;\n\n case 'hostname':\n url[part] = value;\n\n if (url.port) value += ':'+ url.port;\n url.host = value;\n break;\n\n case 'host':\n url[part] = value;\n\n if (port.test(value)) {\n value = value.split(':');\n url.port = value.pop();\n url.hostname = value.join(':');\n } else {\n url.hostname = value;\n url.port = '';\n }\n\n break;\n\n case 'protocol':\n url.protocol = value.toLowerCase();\n url.slashes = !fn;\n break;\n\n case 'pathname':\n case 'hash':\n if (value) {\n var char = part === 'pathname' ? '/' : '#';\n url[part] = value.charAt(0) !== char ? char + value : value;\n } else {\n url[part] = value;\n }\n break;\n\n case 'username':\n case 'password':\n url[part] = encodeURIComponent(value);\n break;\n\n case 'auth':\n var index = value.indexOf(':');\n\n if (~index) {\n url.username = value.slice(0, index);\n url.username = encodeURIComponent(decodeURIComponent(url.username));\n\n url.password = value.slice(index + 1);\n url.password = encodeURIComponent(decodeURIComponent(url.password));\n } else {\n url.username = encodeURIComponent(decodeURIComponent(value));\n }\n }\n\n for (var i = 0; i < rules.length; i++) {\n var ins = rules[i];\n\n if (ins[4]) url[ins[1]] = url[ins[1]].toLowerCase();\n }\n\n url.auth = url.password ? url.username +':'+ url.password : url.username;\n\n url.origin = url.protocol !== 'file:' && isSpecial(url.protocol) && url.host\n ? url.protocol +'//'+ url.host\n : 'null';\n\n url.href = url.toString();\n\n return url;\n}\n\n/**\n * Transform the properties back in to a valid and full URL string.\n *\n * @param {Function} stringify Optional query stringify function.\n * @returns {String} Compiled version of the URL.\n * @public\n */\nfunction toString(stringify) {\n if (!stringify || 'function' !== typeof stringify) stringify = qs.stringify;\n\n var query\n , url = this\n , host = url.host\n , protocol = url.protocol;\n\n if (protocol && protocol.charAt(protocol.length - 1) !== ':') protocol += ':';\n\n var result =\n protocol +\n ((url.protocol && url.slashes) || isSpecial(url.protocol) ? '//' : '');\n\n if (url.username) {\n result += url.username;\n if (url.password) result += ':'+ url.password;\n result += '@';\n } else if (url.password) {\n result += ':'+ url.password;\n result += '@';\n } else if (\n url.protocol !== 'file:' &&\n isSpecial(url.protocol) &&\n !host &&\n url.pathname !== '/'\n ) {\n //\n // Add back the empty userinfo, otherwise the original invalid URL\n // might be transformed into a valid one with `url.pathname` as host.\n //\n result += '@';\n }\n\n //\n // Trailing colon is removed from `url.host` when it is parsed. If it still\n // ends with a colon, then add back the trailing colon that was removed. This\n // prevents an invalid URL from being transformed into a valid one.\n //\n if (host[host.length - 1] === ':' || (port.test(url.hostname) && !url.port)) {\n host += ':';\n }\n\n result += host + url.pathname;\n\n query = 'object' === typeof url.query ? stringify(url.query) : url.query;\n if (query) result += '?' !== query.charAt(0) ? '?'+ query : query;\n\n if (url.hash) result += url.hash;\n\n return result;\n}\n\nUrl.prototype = { set: set, toString: toString };\n\n//\n// Expose the URL parser and some additional properties that might be useful for\n// others or testing.\n//\nUrl.extractProtocol = extractProtocol;\nUrl.location = lolcation;\nUrl.trimLeft = trimLeft;\nUrl.qs = qs;\n\nmodule.exports = Url;\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
- ', {\n class: 'nav-item selected-country',\n role: 'menu-item'\n });\n let selectedCountryLink = $('', {\n class: 'accordion-item list-link',\n href: `${'#'}` // eslint-disable-line no-script-url\n });\n var selectedCountryName2 = $('', { class: 'selected-country-js', 'data-selected-country-code': `${selectedCountryData.countryCode}`, text: `${selectedCountryData.name}` });\n var selectedCountrySymbol2 = '';\n if (selectedCountryData.showCurrencySymbol) {\n selectedCountrySymbol2 = $('', { class: 'selected-currency-js', text: ` (${selectedCountryCode})` });\n }\n\n selectedCountryLink.append(selectedCountryName2, selectedCountrySymbol2);\n selectedCountryItem.append(selectedCountryLink);\n\n let $langs = generateLanguageSelector();\n if ($langs !== undefined) {\n $langs[0].className = 'lang-links';\n selectedCountryItem.append($langs);\n }\n\n availableCountries.append(acHeader, selectedCountryItem);\n $('.header div.country-selector ul li a').each(function () {\n let desktopCountryLink = $(this);\n if (desktopCountryLink.hasClass('change-country-link')) {\n let moreLocations = $('
- ', { class: 'other-header nav-item location-header' });\n let headerContainer = $('');\n let svgPrev = ``;\n let headerVal = $('#location-lang').val();\n let headerName = `${headerVal}`;\n let closeIcon = ``;\n\n headerContainer.append(svgPrev, headerName, closeIcon);\n acHeader.append(headerContainer);\n\n let selectedCountryItem = $('