\", H);return T; }();","var H = require(\"hogan.js\");\nmodule.exports = function() { var T = new H.Template({code: function (c,p,i) { var t=this;t.b(i=i||\"\");t.b(\"
\", H);return T; }();","var H = require(\"hogan.js\");\nmodule.exports = function() { var T = new H.Template({code: function (c,p,i) { var t=this;t.b(i=i||\"\");t.b(\"class=\\\" country-selector__form__field__option \");t.b(t.v(t.d(\"classNames.item\",c,p,0)));t.b(\" \");t.b(t.v(t.d(\"classNames.itemChoice\",c,p,0)));t.b(\" \");if(t.s(t.d(\"data.highlighted\",c,p,1),c,p,0,113,146,\"{{ }}\")){t.rs(c,p,function(c,p,t){t.b(\" \");t.b(t.v(t.d(\"classNames.highlightedState\",c,p,0)));t.b(\" \");});c.pop();}t.b(\" \");if(!t.s(t.d(\"data.highlighted\",c,p,1),c,p,1,0,0,\"\")){t.b(\" \");t.b(t.v(t.d(\"classNames.itemSelectable\",c,p,0)));t.b(\" \");};t.b(\" \");if(t.s(t.d(\"data.disabled\",c,p,1),c,p,0,260,318,\"{{ }}\")){t.rs(c,p,function(c,p,t){t.b(\" \");t.b(t.v(t.d(\"classNames.itemDisabled\",c,p,0)));t.b(\" \");t.b(t.v(t.d(\"classNames.disabledState\",c,p,0)));t.b(\" \");});c.pop();}t.b(\" \\\" data-id=\\\"\");t.b(t.v(t.d(\"data.id\",c,p,0)));t.b(\"\\\" data-value=\\\"\");t.b(t.v(t.d(\"data.value\",c,p,0)));t.b(\"\\\"\");return t.fl(); },partials: {}, subs: { }}, \"class=\\\" country-selector__form__field__option {{classNames.item}} {{classNames.itemChoice}} {{#data.highlighted}} {{classNames.highlightedState}} {{/data.highlighted}} {{^data.highlighted}} {{classNames.itemSelectable}} {{/data.highlighted}} {{#data.disabled}} {{classNames.itemDisabled}} {{classNames.disabledState}} {{/data.disabled}} \\\" data-id=\\\"{{data.id}}\\\" data-value=\\\"{{data.value}}\\\"\", H);return T; }();","var H = require(\"hogan.js\");\nmodule.exports = function() { var T = new H.Template({code: function (c,p,i) { var t=this;t.b(i=i||\"\");t.b(\"\");t.b(t.v(t.d(\"data.label\",c,p,0)));t.b(\"\");return t.fl(); },partials: {}, subs: { }}, \"{{data.label}}\", H);return T; }();","/*\n * International Telephone Input v12.1.3\n * https://github.com/jackocnr/intl-tel-input.git\n * Licensed under the MIT license\n */\n// wrap in UMD - see https://github.com/umdjs/umd/blob/master/jqueryPluginCommonjs.js\n(function (factory) {\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], ($) => {\n factory($, window, document);\n });\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory(require('jquery'), window, document);\n } else {\n factory(jQuery, window, document);\n }\n}(($, window, document, undefined) => {\n // these vars persist through all instances of the plugin\n const pluginName = 'intlTelInput';\n\n\n let id = 1;\n // give each instance it's own id for namespaced event handling\n\n const defaults = {\n // whether or not to allow the dropdown\n allowDropdown: true,\n // if there is just a dial code in the input: remove it on blur, and re-add it on focus\n autoHideDialCode: true,\n // add a placeholder in the input with an example number for the selected country\n autoPlaceholder: 'polite',\n // modify the auto placeholder\n customPlaceholder: null,\n // append menu to a specific element\n dropdownContainer: '',\n // don't display these countries\n excludeCountries: [],\n // format the input value during initialisation and on setNumber\n formatOnDisplay: true,\n // geoIp lookup function\n geoIpLookup: null,\n // inject a hidden input with this name, and on submit, populate it with the result of getNumber\n hiddenInput: '',\n // initial country\n initialCountry: '',\n // don't insert international dial codes\n nationalMode: true,\n // display only these countries\n onlyCountries: [],\n // number type to use for placeholders\n placeholderNumberType: 'MOBILE',\n // the countries at the top of the list. defaults to united states and united kingdom\n preferredCountries: [],\n // display the country dial code next to the selected flag so it's not part of the typed number\n separateDialCode: false,\n // specify the path to the libphonenumber script to enable validation/formatting\n utilsScript: '',\n page: '',\n };\n\n\n const keys = {\n UP: 38,\n DOWN: 40,\n ENTER: 13,\n ESC: 27,\n PLUS: 43,\n A: 65,\n Z: 90,\n SPACE: 32,\n TAB: 9,\n };\n // https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes#Non-geographic_area_codes\n\n const regionlessNanpNumbers = ['800', '822', '833', '844', '855', '866', '877', '880', '881', '882', '883', '884', '885', '886', '887', '888', '889'];\n // keep track of if the window.load event has fired as impossible to check after the fact\n $(window).on('load', () => {\n // UPDATE: use a public static field so we can fudge it in the tests\n $.fn[pluginName].windowLoaded = true;\n });\n function Plugin(element, options) {\n this.telInput = $(element);\n this.options = $.extend({}, defaults, options);\n // event namespace\n this.ns = `.${pluginName}${id++}`;\n // Chrome, FF, Safari, IE9+\n this.isGoodBrowser = Boolean(element.setSelectionRange);\n this.hadInitialPlaceholder = Boolean($(element).attr('placeholder'));\n }\n Plugin.prototype = {\n _init() {\n // if in nationalMode, disable options relating to dial codes\n if (this.options.nationalMode) {\n this.options.autoHideDialCode = false;\n }\n // if separateDialCode then doesn't make sense to A) insert dial code into input (autoHideDialCode), and B) display national numbers (because we're displaying the country dial code next to them)\n if (this.options.separateDialCode) {\n this.options.autoHideDialCode = this.options.nationalMode = false;\n }\n // we cannot just test screen size as some smartphones/website meta tags will report desktop resolutions\n // Note: for some reason jasmine breaks if you put this in the main Plugin function with the rest of these declarations\n // Note: to target Android Mobiles (and not Tablets), we must find \"Android\" and \"Mobile\"\n this.isMobile = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n if (this.isMobile) {\n // trigger the mobile dropdown css\n $('body').addClass(`iti-mobile ${this.options.page}`);\n // on mobile, we want a full screen dropdown, so we must append it to the body\n if (!this.options.dropdownContainer) {\n this.options.dropdownContainer = 'body';\n }\n }\n // we return these deferred objects from the _init() call so they can be watched, and then we resolve them when each specific request returns\n // Note: again, jasmine breaks when I put these in the Plugin function\n this.autoCountryDeferred = new $.Deferred();\n this.utilsScriptDeferred = new $.Deferred();\n // in various situations there could be no country selected initially, but we need to be able to assume this variable exists\n this.selectedCountryData = {};\n // process all the data: onlyCountries, excludeCountries, preferredCountries etc\n this._processCountryData();\n // generate the markup\n this._generateMarkup();\n // set the initial state of the input value and the selected flag\n this._setInitialState();\n document.querySelector('#dialCode').value = document.querySelector('.selected-dial-code').innerHTML;\n\n // start all of the event listeners: autoHideDialCode, input keydown, selectedFlag click\n this._initListeners();\n // utils script, and auto country\n this._initRequests();\n // return the deferreds\n return [this.autoCountryDeferred, this.utilsScriptDeferred];\n },\n /** ******************\n * PRIVATE METHODS\n ******************* */\n // prepare all of the country data, including onlyCountries, excludeCountries and preferredCountries options\n _processCountryData() {\n // process onlyCountries or excludeCountries array if present\n this._processAllCountries();\n // process the countryCodes map\n this._processCountryCodes();\n // process the preferredCountries\n this._processPreferredCountries();\n },\n // add a country code to this.countryCodes\n _addCountryCode(iso2, dialCode, priority) {\n if (!(dialCode in this.countryCodes)) {\n this.countryCodes[dialCode] = [];\n }\n const index = priority || 0;\n this.countryCodes[dialCode][index] = iso2;\n },\n // process onlyCountries or excludeCountries array if present\n _processAllCountries() {\n if (this.options.onlyCountries.length) {\n const lowerCaseOnlyCountries = this.options.onlyCountries.map(country => country.toLowerCase());\n this.countries = allCountries.filter(country => lowerCaseOnlyCountries.indexOf(country.iso2) > -1);\n } else if (this.options.excludeCountries.length) {\n const lowerCaseExcludeCountries = this.options.excludeCountries.map(country => country.toLowerCase());\n this.countries = allCountries.filter(country => lowerCaseExcludeCountries.indexOf(country.iso2) === -1);\n } else {\n this.countries = allCountries;\n }\n },\n // process the countryCodes map\n _processCountryCodes() {\n this.countryCodes = {};\n for (let i = 0; i < this.countries.length; i++) {\n const c = this.countries[i];\n this._addCountryCode(c.iso2, c.dialCode, c.priority);\n // area codes\n if (c.areaCodes) {\n for (let j = 0; j < c.areaCodes.length; j++) {\n // full dial code is country code + dial code\n this._addCountryCode(c.iso2, c.dialCode + c.areaCodes[j]);\n }\n }\n }\n },\n // process preferred countries - iterate through the preferences, fetching the country data for each one\n _processPreferredCountries() {\n this.preferredCountries = [];\n for (let i = 0; i < this.options.preferredCountries.length; i++) {\n const countryCode = this.options.preferredCountries[i].toLowerCase(); const\n countryData = this._getCountryData(countryCode, false, true);\n if (countryData) {\n this.preferredCountries.push(countryData);\n }\n }\n },\n // generate all of the markup for the plugin: the selected flag overlay, and the dropdown\n _generateMarkup() {\n // prevent autocomplete as there's no safe, cross-browser event we can react to, so it can easily put the plugin in an inconsistent state e.g. the wrong flag selected for the autocompleted number, which on submit could mean the wrong number is saved (esp in nationalMode)\n this.telInput.attr('autocomplete', 'off');\n // containers (mostly for positioning)\n let parentClass = 'intl-tel-input';\n if (this.options.allowDropdown) {\n parentClass += ' allow-dropdown';\n }\n if (this.options.separateDialCode) {\n parentClass += ' separate-dial-code';\n }\n this.telInput.wrap($('
', {\n class: 'selected-dial-code',\n }).appendTo(selectedFlag);\n }\n\n if (this.options.allowDropdown) {\n // make element focusable and tab naviagable\n selectedFlag.attr('tabindex', '0');\n // CSS triangle\n $('
', {\n class: 'iti-arrow',\n }).appendTo(selectedFlag);\n // country dropdown: preferred countries, then divider, then all countries\n this.countryList = $('
', {\n class: 'divider',\n }).appendTo(this.countryList);\n }\n this._appendListItems(this.countries, '');\n // this is useful in lots of places\n this.countryListItems = this.countryList.children('.country');\n // create dropdownContainer markup\n if (this.options.dropdownContainer) {\n this.dropdown = $('
', {\n class: 'intl-tel-input iti-container',\n }).append(this.countryList);\n } else {\n this.countryList.appendTo(this.flagsContainer);\n }\n } else {\n // a little hack so we don't break anything\n this.countryListItems = $();\n }\n if (this.options.hiddenInput) {\n this.hiddenInput = $('', {\n type: 'hidden',\n name: this.options.hiddenInput,\n }).insertBefore(this.telInput);\n }\n },\n // add a country
to the countryList
container\n _appendListItems(countries, className) {\n // we create so many DOM elements, it is faster to build a temp string\n // and then add everything to the DOM in one go at the end\n let tmp = '
Countries
';\n // for each country\n for (let i = 0; i < countries.length; i++) {\n const c = countries[i];\n // open the list item\n tmp += `
`;\n // add the flag\n tmp += `
`;\n // and the country name and dial code\n tmp += `${c.name}`;\n // close the list item\n tmp += '
';\n }\n this.countryList.append(tmp);\n },\n // set the initial state of the input value and the selected flag by:\n // 1. extracting a dial code from the given number\n // 2. using explicit initialCountry\n // 3. picking the first preferred country\n // 4. picking the first country\n _setInitialState() {\n const val = this.telInput.val();\n // if we already have a dial code, and it's not a regionlessNanp, we can go ahead and set the flag, else fall back to the default country\n // UPDATE: actually we do want to set the flag for a regionlessNanp in one situation: if we're in nationalMode and there's no initialCountry - otherwise we lose the +1 and we're left with an invalid number\n if (this._getDialCode(val) && (!this._isRegionlessNanp(val) || this.options.nationalMode && !this.options.initialCountry)) {\n this._updateFlagFromNumber(val);\n } else if (this.options.initialCountry !== 'auto') {\n // see if we should select a flag\n if (this.options.initialCountry) {\n this._setFlag(this.options.initialCountry.toLowerCase());\n } else {\n // no dial code and no initialCountry, so default to first in list\n this.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2;\n if (!val) {\n this._setFlag(this.defaultCountry);\n }\n }\n // if empty and no nationalMode and no autoHideDialCode then insert the default dial code\n if (!val && !this.options.nationalMode && !this.options.autoHideDialCode && !this.options.separateDialCode) {\n this.telInput.val(`+${this.selectedCountryData.dialCode}`);\n }\n }\n // NOTE: if initialCountry is set to auto, that will be handled separately\n // format\n if (val) {\n // this wont be run after _updateDialCode as that's only called if no val\n this._updateValFromNumber(val);\n }\n },\n // initialise the main event listeners: input keyup, and click selected flag\n _initListeners() {\n this._initKeyListeners();\n if (this.options.autoHideDialCode) {\n this._initFocusListeners();\n }\n if (this.options.allowDropdown) {\n this._initDropdownListeners();\n }\n if (this.hiddenInput) {\n this._initHiddenInputListener();\n }\n },\n // update hidden input on form submit\n _initHiddenInputListener() {\n const that = this;\n const form = this.telInput.closest('form');\n if (form.length) {\n form.submit(() => {\n that.hiddenInput.val(that.getNumber());\n });\n }\n },\n // initialise the dropdown listeners\n _initDropdownListeners() {\n const that = this;\n // hack for input nested inside label: clicking the selected-flag to open the dropdown would then automatically trigger a 2nd click on the input which would close it again\n const label = this.telInput.closest('label');\n if (label.length) {\n label.on(`click${this.ns}`, (e) => {\n // if the dropdown is closed, then focus the input, else ignore the click\n if (that.countryList.hasClass('hide')) {\n that.telInput.focus();\n } else {\n e.preventDefault();\n }\n });\n }\n // toggle country dropdown on click\n const selectedFlag = this.selectedFlagInner.parent();\n selectedFlag.on(`click${this.ns}`, (e) => {\n // only intercept this event if we're opening the dropdown\n // else let it bubble up to the top (\"click-off-to-close\" listener)\n // we cannot just stopPropagation as it may be needed to close another instance\n if (that.countryList.hasClass('hide') && !that.telInput.prop('disabled') && !that.telInput.prop('readonly')) {\n that._showDropdown();\n }\n });\n // open dropdown list if currently focused\n this.flagsContainer.on(`keydown${that.ns}`, (e) => {\n const isDropdownHidden = that.countryList.hasClass('hide');\n if (isDropdownHidden && (e.which == keys.UP || e.which == keys.DOWN || e.which == keys.SPACE || e.which == keys.ENTER)) {\n // prevent form from being submitted if \"ENTER\" was pressed\n e.preventDefault();\n // prevent event from being handled again by document\n e.stopPropagation();\n that._showDropdown();\n }\n // allow navigation from dropdown to input on TAB\n if (e.which == keys.TAB) {\n that._closeDropdown();\n }\n });\n },\n // init many requests: utils script / geo ip lookup\n _initRequests() {\n const that = this;\n // if the user has specified the path to the utils script, fetch it on window.load, else resolve\n if (this.options.utilsScript) {\n // if the plugin is being initialised after the window.load event has already been fired\n if ($.fn[pluginName].windowLoaded) {\n $.fn[pluginName].loadUtils(this.options.utilsScript, this.utilsScriptDeferred);\n } else {\n // wait until the load event so we don't block any other requests e.g. the flags image\n $(window).on('load', () => {\n $.fn[pluginName].loadUtils(that.options.utilsScript, that.utilsScriptDeferred);\n });\n }\n } else {\n this.utilsScriptDeferred.resolve();\n }\n if (this.options.initialCountry === 'auto') {\n this._loadAutoCountry();\n } else {\n this.autoCountryDeferred.resolve();\n }\n },\n // perform the geo ip lookup\n _loadAutoCountry() {\n const that = this;\n // 3 options:\n // 1) already loaded (we're done)\n // 2) not already started loading (start)\n // 3) already started loading (do nothing - just wait for loading callback to fire)\n if ($.fn[pluginName].autoCountry) {\n this.handleAutoCountry();\n } else if (!$.fn[pluginName].startedLoadingAutoCountry) {\n // don't do this twice!\n $.fn[pluginName].startedLoadingAutoCountry = true;\n if (typeof this.options.geoIpLookup === 'function') {\n this.options.geoIpLookup((countryCode) => {\n $.fn[pluginName].autoCountry = countryCode.toLowerCase();\n // tell all instances the auto country is ready\n // TODO: this should just be the current instances\n // UPDATE: use setTimeout in case their geoIpLookup function calls this callback straight away (e.g. if they have already done the geo ip lookup somewhere else). Using setTimeout means that the current thread of execution will finish before executing this, which allows the plugin to finish initialising.\n setTimeout(() => {\n $('.intl-tel-input input').intlTelInput('handleAutoCountry');\n });\n });\n }\n }\n },\n // initialize any key listeners\n _initKeyListeners() {\n const that = this;\n // update flag on keyup\n // (keep this listener separate otherwise the setTimeout breaks all the tests)\n this.telInput.on(`keyup${this.ns}`, () => {\n if (that._updateFlagFromNumber(that.telInput.val())) {\n that._triggerCountryChange();\n }\n });\n // update flag on cut/paste events (now supported in all major browsers)\n this.telInput.on(`cut${this.ns} paste${this.ns}`, () => {\n // hack because \"paste\" event is fired before input is updated\n setTimeout(() => {\n if (that._updateFlagFromNumber(that.telInput.val())) {\n that._triggerCountryChange();\n }\n });\n });\n },\n // adhere to the input's maxlength attr\n _cap(number) {\n const max = this.telInput.attr('maxlength');\n return max && number.length > max ? number.substr(0, max) : number;\n },\n // listen for mousedown, focus and blur\n _initFocusListeners() {\n const that = this;\n // mousedown decides where the cursor goes, so if we're focusing we must preventDefault as we'll be inserting the dial code, and we want the cursor to be at the end no matter where they click\n this.telInput.on(`mousedown${this.ns}`, (e) => {\n if (!that.telInput.is(':focus') && !that.telInput.val()) {\n e.preventDefault();\n // but this also cancels the focus, so we must trigger that manually\n that.telInput.focus();\n }\n });\n // on focus: if empty, insert the dial code for the currently selected flag\n this.telInput.on(`focus${this.ns}`, (e) => {\n if (!that.telInput.val() && !that.telInput.prop('readonly') && that.selectedCountryData.dialCode) {\n // insert the dial code\n that.telInput.val(`+${that.selectedCountryData.dialCode}`);\n // after auto-inserting a dial code, if the first key they hit is '+' then assume they are entering a new number, so remove the dial code. use keypress instead of keydown because keydown gets triggered for the shift key (required to hit the + key), and instead of keyup because that shows the new '+' before removing the old one\n that.telInput.one(`keypress.plus${that.ns}`, (e) => {\n if (e.which == keys.PLUS) {\n that.telInput.val('');\n }\n });\n // after tabbing in, make sure the cursor is at the end we must use setTimeout to get outside of the focus handler as it seems the selection happens after that\n setTimeout(() => {\n const input = that.telInput[0];\n if (that.isGoodBrowser) {\n const len = that.telInput.val().length;\n input.setSelectionRange(len, len);\n }\n });\n }\n });\n // on blur or form submit: if just a dial code then remove it\n const form = this.telInput.prop('form');\n if (form) {\n $(form).on(`submit${this.ns}`, () => {\n that._removeEmptyDialCode();\n });\n }\n this.telInput.on(`blur${this.ns}`, () => {\n that._removeEmptyDialCode();\n });\n },\n _removeEmptyDialCode() {\n const value = this.telInput.val(); const\n startsPlus = value.charAt(0) == '+';\n if (startsPlus) {\n const numeric = this._getNumeric(value);\n // if just a plus, or if just a dial code\n if (!numeric || this.selectedCountryData.dialCode == numeric) {\n this.telInput.val('');\n }\n }\n // remove the keypress listener we added on focus\n this.telInput.off(`keypress.plus${this.ns}`);\n },\n // extract the numeric digits from the given string\n _getNumeric(s) {\n return s.replace(/\\D/g, '');\n },\n // show the dropdown\n _showDropdown() {\n this._setDropdownPosition();\n // update highlighting and scroll to active list item\n const activeListItem = this.countryList.children('.active');\n if (activeListItem.length) {\n this._highlightListItem(activeListItem);\n this._scrollTo(activeListItem);\n }\n // bind all the dropdown-related listeners: mouseover, click, click-off, keydown\n this._bindDropdownListeners();\n // update the arrow\n this.selectedFlagInner.children('.iti-arrow').addClass('up');\n this.telInput.trigger('open:countrydropdown');\n },\n // decide where to position dropdown (depends on position within viewport, and scroll)\n _setDropdownPosition() {\n const that = this;\n if (this.options.dropdownContainer) {\n this.dropdown.appendTo(this.options.dropdownContainer);\n }\n // show the menu and grab the dropdown height\n this.dropdownHeight = this.countryList.removeClass('hide').outerHeight();\n if (!this.isMobile) {\n const pos = this.telInput.offset(); const inputTop = pos.top; const windowTop = $(window).scrollTop();\n // dropdownFitsBelow = (dropdownBottom < windowBottom)\n\n const dropdownFitsBelow = inputTop + this.telInput.outerHeight() + this.dropdownHeight < windowTop + $(window).height(); const\n dropdownFitsAbove = inputTop - this.dropdownHeight > windowTop;\n // by default, the dropdown will be below the input. If we want to position it above the input, we add the dropup class.\n this.countryList.toggleClass('dropup', !dropdownFitsBelow && dropdownFitsAbove);\n // if dropdownContainer is enabled, calculate postion\n if (this.options.dropdownContainer) {\n // by default the dropdown will be directly over the input because it's not in the flow. If we want to position it below, we need to add some extra top value.\n const extraTop = !dropdownFitsBelow && dropdownFitsAbove ? 0 : this.telInput.innerHeight();\n // calculate placement\n this.dropdown.css({\n top: inputTop + extraTop,\n left: pos.left,\n });\n // close menu on window scroll\n $(window).on(`scroll${this.ns}`, () => {\n that._closeDropdown();\n });\n }\n }\n },\n // we only bind dropdown listeners when the dropdown is open\n _bindDropdownListeners() {\n const that = this;\n // when mouse over a list item, just highlight that one\n // we add the class \"highlight\", so if they hit \"enter\" we know which one to select\n this.countryList.on(`mouseover${this.ns}`, '.country', function (e) {\n that._highlightListItem($(this));\n });\n // listen for country selection\n this.countryList.on(`click${this.ns}`, '.country', function (e) {\n that._selectListItem($(this));\n });\n // click off to close\n // (except when this initial opening click is bubbling up)\n // we cannot just stopPropagation as it may be needed to close another instance\n let isOpening = true;\n $('html').on(`click${this.ns}`, (e) => {\n if (!isOpening) {\n that._closeDropdown();\n }\n isOpening = false;\n });\n // listen for up/down scrolling, enter to select, or letters to jump to country name.\n // use keydown as keypress doesn't fire for non-char keys and we want to catch if they\n // just hit down and hold it to scroll down (no keyup event).\n // listen on the document because that's where key events are triggered if no input has focus\n let query = '';\n\n\n let queryTimer = null;\n $(document).on(`keydown${this.ns}`, (e) => {\n // prevent down key from scrolling the whole page,\n // and enter key from submitting a form etc\n e.preventDefault();\n if (e.which == keys.UP || e.which == keys.DOWN) {\n // up and down to navigate\n that._handleUpDownKey(e.which);\n } else if (e.which == keys.ENTER) {\n // enter to select\n that._handleEnterKey();\n } else if (e.which == keys.ESC) {\n // esc to close\n that._closeDropdown();\n } else if (e.which >= keys.A && e.which <= keys.Z || e.which == keys.SPACE) {\n // upper case letters (note: keyup/keydown only return upper case letters)\n // jump to countries that start with the query string\n if (queryTimer) {\n clearTimeout(queryTimer);\n }\n query += String.fromCharCode(e.which);\n that._searchForCountry(query);\n // if the timer hits 1 second, reset the query\n queryTimer = setTimeout(() => {\n query = '';\n }, 1e3);\n }\n });\n },\n // highlight the next/prev item in the list (and ensure it is visible)\n _handleUpDownKey(key) {\n const current = this.countryList.children('.highlight').first();\n let next = key == keys.UP ? current.prev() : current.next();\n if (next.length) {\n // skip the divider\n if (next.hasClass('divider')) {\n next = key == keys.UP ? next.prev() : next.next();\n }\n this._highlightListItem(next);\n this._scrollTo(next);\n }\n },\n // select the currently highlighted item\n _handleEnterKey() {\n const currentCountry = this.countryList.children('.highlight').first();\n if (currentCountry.length) {\n this._selectListItem(currentCountry);\n }\n },\n // find the first list item whose name starts with the query string\n _searchForCountry(query) {\n for (let i = 0; i < this.countries.length; i++) {\n if (this._startsWith(this.countries[i].name, query)) {\n const listItem = this.countryList.children(`[data-country-code=${this.countries[i].iso2}]`).not('.preferred');\n // update highlighting and scroll\n this._highlightListItem(listItem);\n this._scrollTo(listItem, true);\n break;\n }\n }\n },\n // check if (uppercase) string a starts with string b\n _startsWith(a, b) {\n return a.substr(0, b.length).toUpperCase() == b;\n },\n // update the input's value to the given val (format first if possible)\n // NOTE: this is called from _setInitialState, handleUtils and setNumber\n _updateValFromNumber(number) {\n if (this.options.formatOnDisplay && window.intlTelInputUtils && this.selectedCountryData) {\n const format = !this.options.separateDialCode && (this.options.nationalMode || number.charAt(0) != '+') ? intlTelInputUtils.numberFormat.NATIONAL : intlTelInputUtils.numberFormat.INTERNATIONAL;\n number = intlTelInputUtils.formatNumber(number, this.selectedCountryData.iso2, format);\n }\n number = this._beforeSetNumber(number);\n this.telInput.val(number);\n },\n // check if need to select a new flag based on the given number\n // Note: called from _setInitialState, keyup handler, setNumber\n _updateFlagFromNumber(number) {\n // if we're in nationalMode and we already have US/Canada selected, make sure the number starts with a +1 so _getDialCode will be able to extract the area code\n // update: if we dont yet have selectedCountryData, but we're here (trying to update the flag from the number), that means we're initialising the plugin with a number that already has a dial code, so fine to ignore this bit\n if (number && this.options.nationalMode && this.selectedCountryData.dialCode == '1' && number.charAt(0) != '+') {\n if (number.charAt(0) != '1') {\n number = `1${number}`;\n }\n number = `+${number}`;\n }\n // try and extract valid dial code from input\n const dialCode = this._getDialCode(number); let countryCode = null; const\n numeric = this._getNumeric(number);\n if (dialCode) {\n // check if one of the matching countries is already selected\n const countryCodes = this.countryCodes[this._getNumeric(dialCode)]; const alreadySelected = $.inArray(this.selectedCountryData.iso2, countryCodes) > -1;\n // check if the given number contains a NANP area code i.e. the only dialCode that could be extracted was +1 (instead of say +1204) and the actual number's length is >=4\n\n const isNanpAreaCode = dialCode == '+1' && numeric.length >= 4; const\n nanpSelected = this.selectedCountryData.dialCode == '1';\n // only update the flag if:\n // A) NOT (we currently have a NANP flag selected, and the number is a regionlessNanp)\n // AND\n // B) either a matching country is not already selected OR the number contains a NANP area code (ensure the flag is set to the first matching country)\n if (!(nanpSelected && this._isRegionlessNanp(numeric)) && (!alreadySelected || isNanpAreaCode)) {\n // if using onlyCountries option, countryCodes[0] may be empty, so we must find the first non-empty index\n for (let j = 0; j < countryCodes.length; j++) {\n if (countryCodes[j]) {\n countryCode = countryCodes[j];\n break;\n }\n }\n }\n } else if (number.charAt(0) == '+' && numeric.length) {\n // invalid dial code, so empty\n // Note: use getNumeric here because the number has not been formatted yet, so could contain bad chars\n countryCode = '';\n } else if (!number || number == '+') {\n // empty, or just a plus, so default\n countryCode = this.defaultCountry;\n }\n if (countryCode !== null) {\n return this._setFlag(countryCode);\n }\n return false;\n },\n // check if the given number is a regionless NANP number (expects the number to contain an international dial code)\n _isRegionlessNanp(number) {\n const numeric = this._getNumeric(number);\n if (numeric.charAt(0) == '1') {\n const areaCode = numeric.substr(1, 3);\n return $.inArray(areaCode, regionlessNanpNumbers) > -1;\n }\n return false;\n },\n // remove highlighting from other list items and highlight the given item\n _highlightListItem(listItem) {\n this.countryListItems.removeClass('highlight');\n listItem.addClass('highlight');\n },\n // find the country data for the given country code\n // the ignoreOnlyCountriesOption is only used during init() while parsing the onlyCountries array\n _getCountryData(countryCode, ignoreOnlyCountriesOption, allowFail) {\n const countryList = ignoreOnlyCountriesOption ? allCountries : this.countries;\n for (let i = 0; i < countryList.length; i++) {\n if (countryList[i].iso2 == countryCode) {\n return countryList[i];\n }\n }\n if (allowFail) {\n return null;\n }\n throw new Error(`No country data for '${countryCode}'`);\n },\n // select the given flag, update the placeholder and the active list item\n // Note: called from _setInitialState, _updateFlagFromNumber, _selectListItem, setCountry\n _setFlag(countryCode) {\n const prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};\n // do this first as it will throw an error and stop if countryCode is invalid\n this.selectedCountryData = countryCode ? this._getCountryData(countryCode, false, false) : {};\n // update the defaultCountry - we only need the iso2 from now on, so just store that\n if (this.selectedCountryData.iso2) {\n this.defaultCountry = this.selectedCountryData.iso2;\n }\n this.selectedFlagInner.attr('class', `iti-flag ${countryCode}`);\n // update the selected country's title attribute\n const title = countryCode ? `${this.selectedCountryData.name}: +${this.selectedCountryData.dialCode}` : 'Unknown';\n this.selectedFlagInner.parent().attr('title', title);\n if (this.options.separateDialCode) {\n const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : '';\n\n\n const parent = this.telInput.parent();\n if (prevCountry.dialCode) {\n parent.removeClass(`iti-sdc-${prevCountry.dialCode.length + 1}`);\n }\n if (dialCode) {\n parent.addClass(`iti-sdc-${dialCode.length}`);\n }\n this.selectedDialCode.text(dialCode);\n }\n // and the input's placeholder\n this._updatePlaceholder();\n // update the active list item\n this.countryListItems.removeClass('active');\n if (countryCode) {\n this.countryListItems.find(`.iti-flag.${countryCode}`).first().closest('.country').addClass('active');\n }\n // return if the flag has changed or not\n return prevCountry.iso2 !== countryCode;\n },\n // update the input placeholder to an example number from the currently selected country\n _updatePlaceholder() {\n const shouldSetPlaceholder = this.options.autoPlaceholder === 'aggressive' || !this.hadInitialPlaceholder && (this.options.autoPlaceholder === true || this.options.autoPlaceholder === 'polite');\n if (window.intlTelInputUtils && shouldSetPlaceholder) {\n const numberType = intlTelInputUtils.numberType[this.options.placeholderNumberType]; let\n placeholder = this.selectedCountryData.iso2 ? intlTelInputUtils.getExampleNumber(this.selectedCountryData.iso2, this.options.nationalMode, numberType) : '';\n placeholder = this._beforeSetNumber(placeholder);\n if (typeof this.options.customPlaceholder === 'function') {\n placeholder = this.options.customPlaceholder(placeholder, this.selectedCountryData);\n }\n this.telInput.attr('placeholder', placeholder);\n }\n },\n // called when the user selects a list item from the dropdown\n _selectListItem(listItem) {\n // update selected flag and active list item\n const flagChanged = this._setFlag(listItem.attr('data-country-code'));\n this._closeDropdown();\n this._updateDialCode(listItem.attr('data-dial-code'), true);\n // focus the input\n this.telInput.focus();\n // put cursor at end - this fix is required for FF and IE11 (with nationalMode=false i.e. auto inserting dial code), who try to put the cursor at the beginning the first time\n if (this.isGoodBrowser) {\n const len = this.telInput.val().length;\n this.telInput[0].setSelectionRange(len, len);\n }\n if (flagChanged) {\n this._triggerCountryChange();\n }\n },\n // close the dropdown and unbind any listeners\n _closeDropdown() {\n this.countryList.addClass('hide');\n // update the arrow\n this.selectedFlagInner.children('.iti-arrow').removeClass('up');\n // unbind key events\n $(document).off(this.ns);\n // unbind click-off-to-close\n $('html').off(this.ns);\n // unbind hover and click listeners\n this.countryList.off(this.ns);\n // remove menu from container\n if (this.options.dropdownContainer) {\n if (!this.isMobile) {\n $(window).off(`scroll${this.ns}`);\n }\n this.dropdown.detach();\n }\n this.telInput.trigger('close:countrydropdown');\n },\n // check if an element is visible within it's container, else scroll until it is\n _scrollTo(element, middle) {\n const container = this.countryList; const containerHeight = container.height(); const containerTop = container.offset().top; const containerBottom = containerTop + containerHeight; const elementHeight = element.outerHeight(); const elementTop = element.offset().top; const elementBottom = elementTop + elementHeight; let newScrollTop = elementTop - containerTop + container.scrollTop(); const\n middleOffset = containerHeight / 2 - elementHeight / 2;\n if (elementTop < containerTop) {\n // scroll up\n if (middle) {\n newScrollTop -= middleOffset;\n }\n container.scrollTop(newScrollTop);\n } else if (elementBottom > containerBottom) {\n // scroll down\n if (middle) {\n newScrollTop += middleOffset;\n }\n const heightDifference = containerHeight - elementHeight;\n container.scrollTop(newScrollTop - heightDifference);\n }\n },\n // replace any existing dial code with the new one\n // Note: called from _selectListItem and setCountry\n _updateDialCode(newDialCode, hasSelectedListItem) {\n const inputVal = this.telInput.val(); let\n newNumber;\n // save having to pass this every time\n newDialCode = `+${newDialCode}`;\n if (inputVal.charAt(0) == '+') {\n // there's a plus so we're dealing with a replacement (doesn't matter if nationalMode or not)\n const prevDialCode = this._getDialCode(inputVal);\n if (prevDialCode) {\n // current number contains a valid dial code, so replace it\n newNumber = inputVal.replace(prevDialCode, newDialCode);\n } else {\n // current number contains an invalid dial code, so ditch it\n // (no way to determine where the invalid dial code ends and the rest of the number begins)\n newNumber = newDialCode;\n }\n } else if (this.options.nationalMode || this.options.separateDialCode) {\n // don't do anything\n return;\n } else {\n // nationalMode is disabled\n if (inputVal) {\n // there is an existing value with no dial code: prefix the new dial code\n newNumber = newDialCode + inputVal;\n } else if (hasSelectedListItem || !this.options.autoHideDialCode) {\n // no existing value and either they've just selected a list item, or autoHideDialCode is disabled: insert new dial code\n newNumber = newDialCode;\n } else {\n return;\n }\n }\n this.telInput.val(newNumber);\n },\n // try and extract a valid international dial code from a full telephone number\n // Note: returns the raw string inc plus character and any whitespace/dots etc\n _getDialCode(number) {\n let dialCode = '';\n // only interested in international numbers (starting with a plus)\n if (number.charAt(0) == '+') {\n let numericChars = '';\n // iterate over chars\n for (let i = 0; i < number.length; i++) {\n const c = number.charAt(i);\n // if char is number\n if ($.isNumeric(c)) {\n numericChars += c;\n // if current numericChars make a valid dial code\n if (this.countryCodes[numericChars]) {\n // store the actual raw string (useful for matching later)\n dialCode = number.substr(0, i + 1);\n }\n // longest dial code is 4 chars\n if (numericChars.length == 4) {\n break;\n }\n }\n }\n }\n return dialCode;\n },\n // get the input val, adding the dial code if separateDialCode is enabled\n _getFullNumber() {\n const val = $.trim(this.telInput.val()); const dialCode = this.selectedCountryData.dialCode; let prefix; const numericVal = this._getNumeric(val);\n // normalized means ensure starts with a 1, so we can match against the full dial code\n\n const normalizedVal = numericVal.charAt(0) == '1' ? numericVal : `1${numericVal}`;\n if (this.options.separateDialCode) {\n prefix = `+${dialCode}`;\n } else if (val.charAt(0) != '+' && val.charAt(0) != '1' && dialCode && dialCode.charAt(0) == '1' && dialCode.length == 4 && dialCode != normalizedVal.substr(0, 4)) {\n // if the user has entered a national NANP number, then ensure it includes the full dial code / area code\n prefix = dialCode.substr(1);\n } else {\n prefix = '';\n }\n return prefix + val;\n },\n // remove the dial code if separateDialCode is enabled\n _beforeSetNumber(number) {\n if (this.options.separateDialCode) {\n let dialCode = this._getDialCode(number);\n if (dialCode) {\n // US dialCode is \"+1\", which is what we want\n // CA dialCode is \"+1 123\", which is wrong - should be \"+1\" (as it has multiple area codes)\n // AS dialCode is \"+1 684\", which is what we want\n // Solution: if the country has area codes, then revert to just the dial code\n if (this.selectedCountryData.areaCodes !== null) {\n dialCode = `+${this.selectedCountryData.dialCode}`;\n }\n // a lot of numbers will have a space separating the dial code and the main number, and some NANP numbers will have a hyphen e.g. +1 684-733-1234 - in both cases we want to get rid of it\n // NOTE: don't just trim all non-numerics as may want to preserve an open parenthesis etc\n const start = number[dialCode.length] === ' ' || number[dialCode.length] === '-' ? dialCode.length + 1 : dialCode.length;\n number = number.substr(start);\n }\n }\n return this._cap(number);\n },\n // trigger the 'countrychange' event\n _triggerCountryChange() {\n this.telInput.trigger('countrychange', this.selectedCountryData);\n },\n /** ************************\n * SECRET PUBLIC METHODS\n ************************* */\n // this is called when the geoip call returns\n handleAutoCountry() {\n if (this.options.initialCountry === 'auto') {\n // we must set this even if there is an initial val in the input: in case the initial val is invalid and they delete it - they should see their auto country\n this.defaultCountry = $.fn[pluginName].autoCountry;\n // if there's no initial value in the input, then update the flag\n if (!this.telInput.val()) {\n this.setCountry(this.defaultCountry);\n }\n this.autoCountryDeferred.resolve();\n }\n },\n // this is called when the utils request completes\n handleUtils() {\n // if the request was successful\n if (window.intlTelInputUtils) {\n // if there's an initial value in the input, then format it\n if (this.telInput.val()) {\n this._updateValFromNumber(this.telInput.val());\n }\n this._updatePlaceholder();\n }\n this.utilsScriptDeferred.resolve();\n },\n /** ******************\n * PUBLIC METHODS\n ******************* */\n // remove plugin\n destroy() {\n if (this.allowDropdown) {\n // make sure the dropdown is closed (and unbind listeners)\n this._closeDropdown();\n // click event to open dropdown\n this.selectedFlagInner.parent().off(this.ns);\n // label click hack\n this.telInput.closest('label').off(this.ns);\n }\n // unbind submit event handler on form\n if (this.options.autoHideDialCode) {\n const form = this.telInput.prop('form');\n if (form) {\n $(form).off(this.ns);\n }\n }\n // unbind all events: key events, and focus/blur events if autoHideDialCode=true\n this.telInput.off(this.ns);\n // remove markup (but leave the original input)\n const container = this.telInput.parent();\n container.before(this.telInput).remove();\n },\n // get the extension from the current number\n getExtension() {\n if (window.intlTelInputUtils) {\n return intlTelInputUtils.getExtension(this._getFullNumber(), this.selectedCountryData.iso2);\n }\n return '';\n },\n // format the number to the given format\n getNumber(format) {\n if (window.intlTelInputUtils) {\n return intlTelInputUtils.formatNumber(this._getFullNumber(), this.selectedCountryData.iso2, format);\n }\n return '';\n },\n // get the type of the entered number e.g. landline/mobile\n getNumberType() {\n if (window.intlTelInputUtils) {\n return intlTelInputUtils.getNumberType(this._getFullNumber(), this.selectedCountryData.iso2);\n }\n return -99;\n },\n // get the country data for the currently selected flag\n getSelectedCountryData() {\n return this.selectedCountryData;\n },\n // get the validation error\n getValidationError() {\n if (window.intlTelInputUtils) {\n return intlTelInputUtils.getValidationError(this._getFullNumber(), this.selectedCountryData.iso2);\n }\n return -99;\n },\n // validate the input val - assumes the global function isValidNumber (from utilsScript)\n isValidNumber() {\n const val = $.trim(this._getFullNumber()); const\n countryCode = this.options.nationalMode ? this.selectedCountryData.iso2 : '';\n return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(val, countryCode) : null;\n },\n // update the selected flag, and update the input val accordingly\n setCountry(countryCode) {\n countryCode = countryCode.toLowerCase();\n // check if already selected\n if (!this.selectedFlagInner.hasClass(countryCode)) {\n this._setFlag(countryCode);\n this._updateDialCode(this.selectedCountryData.dialCode, false);\n this._triggerCountryChange();\n }\n },\n // set the input value and update the flag\n setNumber(number) {\n // we must update the flag first, which updates this.selectedCountryData, which is used for formatting the number before displaying it\n const flagChanged = this._updateFlagFromNumber(number);\n this._updateValFromNumber(number);\n if (flagChanged) {\n this._triggerCountryChange();\n }\n },\n // set the placeholder number typ\n setPlaceholderNumberType(type) {\n this.options.placeholderNumberType = type;\n this._updatePlaceholder();\n },\n };\n // using https://github.com/jquery-boilerplate/jquery-boilerplate/wiki/Extending-jQuery-Boilerplate\n // (adapted to allow public functions)\n $.fn[pluginName] = function (options) {\n const args = arguments;\n // Is the first parameter an object (options), or was omitted,\n // instantiate a new instance of the plugin.\n if (options === undefined || typeof options === 'object') {\n // collect all of the deferred objects for all instances created with this selector\n const deferreds = [];\n this.each(function () {\n if (!$.data(this, `plugin_${pluginName}`)) {\n const instance = new Plugin(this, options);\n const instanceDeferreds = instance._init();\n // we now have 2 deffereds: 1 for auto country, 1 for utils script\n deferreds.push(instanceDeferreds[0]);\n deferreds.push(instanceDeferreds[1]);\n $.data(this, `plugin_${pluginName}`, instance);\n }\n });\n // return the promise from the \"master\" deferred object that tracks all the others\n return $.when.apply(null, deferreds);\n } if (typeof options === 'string' && options[0] !== '_') {\n // If the first parameter is a string and it doesn't start\n // with an underscore or \"contains\" the `init`-function,\n // treat this as a call to a public method.\n // Cache the method call to make it possible to return a value\n let returns;\n this.each(function () {\n const instance = $.data(this, `plugin_${pluginName}`);\n // Tests that there's already a plugin-instance\n // and checks that the requested public method exists\n if (instance instanceof Plugin && typeof instance[options] === 'function') {\n // Call the method of our plugin instance,\n // and pass it the supplied arguments.\n returns = instance[options](...Array.prototype.slice.call(args, 1));\n }\n // Allow instances to be destroyed via the 'destroy' method\n if (options === 'destroy') {\n $.data(this, `plugin_${pluginName}`, null);\n }\n });\n // If the earlier cached method gives a value back return the value,\n // otherwise return this to preserve chainability.\n return returns !== undefined ? returns : this;\n }\n };\n /** ******************\n * STATIC METHODS\n ******************* */\n // get the country data object\n $.fn[pluginName].getCountryData = function () {\n return allCountries;\n };\n // load the utils script\n $.fn[pluginName].loadUtils = function (path, utilsScriptDeferred) {\n if (!$.fn[pluginName].loadedUtilsScript) {\n // don't do this twice! (dont just check if window.intlTelInputUtils exists as if init plugin multiple times in quick succession, it may not have finished loading yet)\n $.fn[pluginName].loadedUtilsScript = true;\n // dont use $.getScript as it prevents caching\n $.ajax({\n type: 'GET',\n url: path,\n complete() {\n // tell all instances that the utils request is complete\n $('.intl-tel-input input').intlTelInput('handleUtils');\n },\n dataType: 'script',\n cache: true,\n });\n } else if (utilsScriptDeferred) {\n utilsScriptDeferred.resolve();\n }\n };\n // default options\n $.fn[pluginName].defaults = defaults;\n // version\n $.fn[pluginName].version = '12.1.3';\n // Array of country objects for the flag dropdown.\n // Here is the criteria for the plugin to support a given country/territory\n // - It has an iso2 code: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2\n // - It has it's own country calling code (it is not a sub-region of another country): https://en.wikipedia.org/wiki/List_of_country_calling_codes\n // - It has a flag in the region-flags project: https://github.com/behdad/region-flags/tree/gh-pages/png\n // - It is supported by libphonenumber (it must be listed on this page): https://github.com/googlei18n/libphonenumber/blob/master/resources/ShortNumberMetadata.xml\n // Each country array has the following information:\n // [\n // Country name,\n // iso2 code,\n // International dial code,\n // Order (if >1 country with same dial code),\n // Area codes\n // ]\n var allCountries = [['Afghanistan', 'af', '93'], ['Albania', 'al', '355'], ['Algeria', 'dz', '213'], ['American Samoa', 'as', '1684'], ['Andorra', 'ad', '376'], ['Angola', 'ao', '244'], ['Anguilla', 'ai', '1264'], ['Antigua and Barbuda', 'ag', '1268'], ['Argentina', 'ar', '54'], ['Armenia', 'am', '374'], ['Aruba', 'aw', '297'], ['Australia', 'au', '61', 0], ['Austria', 'at', '43'], ['Azerbaijan', 'az', '994'], ['Bahamas', 'bs', '1242'], ['Bahrain', 'bh', '973'], ['Bangladesh', 'bd', '880'], ['Barbados', 'bb', '1246'], ['Belarus', 'by', '375'], ['Belgium', 'be', '32'], ['Belize', 'bz', '501'], ['Benin', 'bj', '229'], ['Bermuda', 'bm', '1441'], ['Bhutan', 'bt', '975'], ['Bolivia', 'bo', '591'], ['Bosnia and Herzegovina', 'ba', '387'], ['Botswana', 'bw', '267'], ['Brazil', 'br', '55'], ['British Indian Ocean Territory', 'io', '246'], ['British Virgin Islands', 'vg', '1284'], ['Brunei', 'bn', '673'], ['Bulgaria', 'bg', '359'], ['Burkina Faso', 'bf', '226'], ['Burundi', 'bi', '257'], ['Cambodia', 'kh', '855'], ['Cameroon', 'cm', '237'], ['Canada', 'ca', '1', 1, ['204', '226', '236', '249', '250', '289', '306', '343', '365', '387', '403', '416', '418', '431', '437', '438', '450', '506', '514', '519', '548', '579', '581', '587', '604', '613', '639', '647', '672', '705', '709', '742', '778', '780', '782', '807', '819', '825', '867', '873', '902', '905']], ['Cape Verde', 'cv', '238'], ['Caribbean Netherlands', 'bq', '599', 1], ['Cayman Islands', 'ky', '1345'], ['Central African Republic', 'cf', '236'], ['Chad', 'td', '235'], ['Chile', 'cl', '56'], ['China', 'cn', '86'], ['Christmas Island', 'cx', '61', 2], ['Cocos (Keeling) Islands', 'cc', '61', 1], ['Colombia', 'co', '57'], ['Comoros', 'km', '269'], ['Congo (DRC)', 'cd', '243'], ['Congo (Republic)', 'cg', '242'], ['Cook Islands', 'ck', '682'], ['Costa Rica', 'cr', '506'], ['Côte d’Ivoire', 'ci', '225'], ['Croatia', 'hr', '385'], ['Cuba', 'cu', '53'], ['Curaçao', 'cw', '599', 0], ['Cyprus', 'cy', '357'], ['Czech Republic', 'cz', '420'], ['Denmark', 'dk', '45'], ['Djibouti', 'dj', '253'], ['Dominica', 'dm', '1767'], ['Dominican Republic', 'do', '1', 2, ['809', '829', '849']], ['Ecuador', 'ec', '593'], ['Egypt', 'eg', '20'], ['El Salvador', 'sv', '503'], ['Equatorial Guinea', 'gq', '240'], ['Eritrea', 'er', '291'], ['Estonia', 'ee', '372'], ['Ethiopia', 'et', '251'], ['Falkland Islands', 'fk', '500'], ['Faroe Islands', 'fo', '298'], ['Fiji', 'fj', '679'], ['Finland', 'fi', '358', 0], ['France', 'fr', '33'], ['French Guiana', 'gf', '594'], ['French Polynesia', 'pf', '689'], ['Gabon', 'ga', '241'], ['Gambia', 'gm', '220'], ['Georgia', 'ge', '995'], ['Germany', 'de', '49'], ['Ghana', 'gh', '233'], ['Gibraltar', 'gi', '350'], ['Greece', 'gr', '30'], ['Greenland', 'gl', '299'], ['Grenada', 'gd', '1473'], ['Guadeloupe', 'gp', '590', 0], ['Guam', 'gu', '1671'], ['Guatemala', 'gt', '502'], ['Guernsey', 'gg', '44', 1], ['Guinea', 'gn', '224'], ['Guinea-Bissau', 'gw', '245'], ['Guyana', 'gy', '592'], ['Haiti', 'ht', '509'], ['Honduras', 'hn', '504'], ['Hong Kong', 'hk', '852'], ['Hungary', 'hu', '36'], ['Iceland', 'is', '354'], ['India', 'in', '91'], ['Indonesia', 'id', '62'], ['Iran', 'ir', '98'], ['Iraq', 'iq', '964'], ['Ireland', 'ie', '353'], ['Isle of Man', 'im', '44', 2], ['Israel', 'il', '972'], ['Italy', 'it', '39', 0], ['Jamaica', 'jm', '1876'], ['Japan', 'jp', '81'], ['Jersey', 'je', '44', 3], ['Jordan', 'jo', '962'], ['Kazakhstan', 'kz', '7', 1], ['Kenya', 'ke', '254'], ['Kiribati', 'ki', '686'], ['Kosovo', 'xk', '383'], ['Kuwait', 'kw', '965'], ['Kyrgyzstan', 'kg', '996'], ['Laos', 'la', '856'], ['Latvia', 'lv', '371'], ['Lebanon', 'lb', '961'], ['Lesotho', 'ls', '266'], ['Liberia', 'lr', '231'], ['Libya', 'ly', '218'], ['Liechtenstein', 'li', '423'], ['Lithuania', 'lt', '370'], ['Luxembourg', 'lu', '352'], ['Macau', 'mo', '853'], ['Macedonia', 'mk', '389'], ['Madagascar', 'mg', '261'], ['Malawi', 'mw', '265'], ['Malaysia', 'my', '60'], ['Maldives', 'mv', '960'], ['Mali', 'ml', '223'], ['Malta', 'mt', '356'], ['Marshall Islands', 'mh', '692'], ['Martinique', 'mq', '596'], ['Mauritania', 'mr', '222'], ['Mauritius', 'mu', '230'], ['Mayotte', 'yt', '262', 1], ['Mexico', 'mx', '52'], ['Micronesia', 'fm', '691'], ['Moldova', 'md', '373'], ['Monaco', 'mc', '377'], ['Mongolia', 'mn', '976'], ['Montenegro', 'me', '382'], ['Montserrat', 'ms', '1664'], ['Morocco', 'ma', '212', 0], ['Mozambique', 'mz', '258'], ['Myanmar (Burma)', 'mm', '95'], ['Namibia', 'na', '264'], ['Nauru', 'nr', '674'], ['Nepal', 'np', '977'], ['Netherlands', 'nl', '31'], ['New Caledonia', 'nc', '687'], ['New Zealand', 'nz', '64'], ['Nicaragua', 'ni', '505'], ['Niger', 'ne', '227'], ['Nigeria', 'ng', '234'], ['Niue', 'nu', '683'], ['Norfolk Island', 'nf', '672'], ['North Korea', 'kp', '850'], ['Northern Mariana Islands', 'mp', '1670'], ['Norway', 'no', '47', 0], ['Oman', 'om', '968'], ['Pakistan', 'pk', '92'], ['Palau', 'pw', '680'], ['Palestine', 'ps', '970'], ['Panama', 'pa', '507'], ['Papua New Guinea', 'pg', '675'], ['Paraguay', 'py', '595'], ['Peru', 'pe', '51'], ['Philippines', 'ph', '63'], ['Poland', 'pl', '48'], ['Portugal', 'pt', '351'], ['Puerto Rico', 'pr', '1', 3, ['787', '939']], ['Qatar', 'qa', '974'], ['Réunion', 're', '262', 0], ['Romania', 'ro', '40'], ['Russia', 'ru', '7', 0], ['Rwanda', 'rw', '250'], ['Saint Barthélemy', 'bl', '590', 1], ['Saint Helena', 'sh', '290'], ['Saint Kitts and Nevis', 'kn', '1869'], ['Saint Lucia', 'lc', '1758'], ['Saint Martin', 'mf', '590', 2], ['Saint Pierre and Miquelon', 'pm', '508'], ['Saint Vincent and the Grenadines', 'vc', '1784'], ['Samoa', 'ws', '685'], ['San Marino', 'sm', '378'], ['São Tomé and Príncipe', 'st', '239'], ['Saudi Arabia', 'sa', '966'], ['Senegal', 'sn', '221'], ['Serbia', 'rs', '381'], ['Seychelles', 'sc', '248'], ['Sierra Leone', 'sl', '232'], ['Singapore', 'sg', '65'], ['Sint Maarten', 'sx', '1721'], ['Slovakia', 'sk', '421'], ['Slovenia', 'si', '386'], ['Solomon Islands', 'sb', '677'], ['Somalia', 'so', '252'], ['South Africa', 'za', '27'], ['South Korea', 'kr', '82'], ['South Sudan', 'ss', '211'], ['Spain', 'es', '34'], ['Sri Lanka', 'lk', '94'], ['Sudan', 'sd', '249'], ['Suriname', 'sr', '597'], ['Svalbard and Jan Mayen', 'sj', '47', 1], ['Swaziland', 'sz', '268'], ['Sweden', 'se', '46'], ['Switzerland', 'ch', '41'], ['Syria', 'sy', '963'], ['Taiwan', 'tw', '886'], ['Tajikistan', 'tj', '992'], ['Tanzania', 'tz', '255'], ['Thailand', 'th', '66'], ['Timor-Leste', 'tl', '670'], ['Togo', 'tg', '228'], ['Tokelau', 'tk', '690'], ['Tonga', 'to', '676'], ['Trinidad and Tobago', 'tt', '1868'], ['Tunisia', 'tn', '216'], ['Turkey', 'tr', '90'], ['Turkmenistan', 'tm', '993'], ['Turks and Caicos Islands', 'tc', '1649'], ['Tuvalu', 'tv', '688'], ['U.S. Virgin Islands', 'vi', '1340'], ['Uganda', 'ug', '256'], ['Ukraine', 'ua', '380'], ['United Arab Emirates', 'ae', '971'], ['United Kingdom', 'gb', '44', 0], ['United States', 'us', '1', 0], ['Uruguay', 'uy', '598'], ['Uzbekistan', 'uz', '998'], ['Vanuatu', 'vu', '678'], ['Vatican City', 'va', '39', 1], ['Venezuela', 've', '58'], ['Vietnam', 'vn', '84'], ['Wallis and Futuna', 'wf', '681'], ['Western Sahara', 'eh', '212', 1], ['Yemen', 'ye', '967'], ['Zambia', 'zm', '260'], ['Zimbabwe', 'zw', '263'], ['Åland Islands', 'ax', '358', 1]];\n // loop over all of the countries above\n for (let i = 0; i < allCountries.length; i++) {\n const c = allCountries[i];\n allCountries[i] = {\n name: c[0],\n iso2: c[1],\n dialCode: c[2],\n priority: c[3] || 0,\n areaCodes: c[4] || null,\n };\n }\n}));\n","import $ from 'jquery';\nimport { onEvent, isLG } from '../util/domutils'; // eslint-disable-line import/named\nimport { EVENTS as FLYOUT_EVENTS } from './flyoutUnderHeader';\n\nconst CLASSES = {\n MENU: 'nav-menu',\n MENU_LEFT: 'nav-menu--left',\n MENU_RIGHT: 'nav-menu--right',\n MENU_VISIBLE: 'nav-menu--visible',\n MENU_TOGGLED: 'nav-menu--toggled',\n BACKGROUND_VISIBLE: 'show',\n MENU_TOGGLER_ACTIVE: 'expanded',\n BODY_MENU_TOGGLED_LEFT: 'nav-menu-toggled--left',\n BODY_MENU_TOGGLED_RIGHT: 'nav-menu-toggled--right',\n MENU_SLIDE: 'nav-menu--slide',\n TOUCH_FOCUS: 'touch-focus',\n CATEGORY_COLLAPSE: 'collapse',\n};\n\nconst ATTRIBUTES = {\n TOGGLE: 'data-toggle',\n DISABLED_TOGGLE: 'data-mobile-toggle',\n};\n\nconst SELECTORS = {\n MENU: `.${CLASSES.MENU}`,\n MENU_BODY: '.nav-menu__body',\n MENU_LINK: '.nav-menu__item-link',\n BACK_LINK: '.nav-menu__back-link',\n BACK_LINK_CONTAINER: '.nav-menu__back',\n SECOND_LEVEL_CATEGORIES: '.nav-menu__body .nav-menu__items--level-2',\n THIRD_LEVEL_CATEGORIES: '.nav-menu__body .nav-menu__items--level-3',\n MENU_TOGGLES: `[data-toggle='.${CLASSES.MENU}']`,\n BACKGROUND: '.modal-background',\n TOP_LEVEL_LINK: '.nav-menu__body .nav-menu__items--level-1 > .nav-menu__item > .nav-menu__item-link',\n TOGGLE: `[${ATTRIBUTES.TOGGLE}]`,\n DISABLED_TOGGLE: `[${ATTRIBUTES.DISABLED_TOGGLE}]`,\n get TOP_LEVEL_NAV_MENU_LINKS() { return `${this.MENU_LINK}--level-1`; },\n get SECOND_LEVEL_NAV_MENU_LINKS() { return `${this.MENU_LINK}--level-2`; },\n get EXPANDED_NAV_MENU_LINKS() { return `${this.MENU_LINK}[aria-expanded=\"true\"]`; },\n get COLLAPSE_NAV_MENU_LINKS() {\n return `${this.TOP_LEVEL_NAV_MENU_LINKS}, ${this.SECOND_LEVEL_NAV_MENU_LINKS}`;\n },\n};\n\nconst slideMenu = menu => menu.classList.contains(CLASSES.MENU_SLIDE);\n\nconst hasSubMenus = el => el.parentElement.querySelectorAll(SELECTORS.SECOND_LEVEL_CATEGORIES).length > 0;\n\nconst hideMenuOnTypeChange = (menu, menuToggles) => {\n window.addEventListener('resize', () => {\n if (isLG()) {\n const activeCollapseLinks = menu.querySelectorAll(SELECTORS.EXPANDED_NAV_MENU_LINKS);\n\n // Prevents expanded subcategory levels from leaving the desktop-style menu invisible\n activeCollapseLinks.forEach((link) => {\n let action;\n if (link.matches(SELECTORS.TOP_LEVEL_NAV_MENU_LINKS)) {\n action = 'hide';\n } else if (link.matches(SELECTORS.SECOND_LEVEL_NAV_MENU_LINKS)) {\n action = 'show';\n }\n\n if (action) {\n $(link.dataset.target).collapse(action);\n }\n });\n\n // Closest the mobile-style menu\n if (menu.classList.contains(CLASSES.MENU_VISIBLE)) {\n menuToggles[0].click();\n }\n }\n });\n};\n\nconst toggleCollapsesBehavior = (menu) => {\n ['load', 'resize'].forEach((event) => {\n window.addEventListener(event, () => {\n const collapseSelector = slideMenu(menu) ? SELECTORS.COLLAPSE_NAV_MENU_LINKS : SELECTORS.TOP_LEVEL_NAV_MENU_LINKS;\n const collapseTriggers = document.querySelectorAll(collapseSelector);\n const menuSelector = document.querySelector(SELECTORS.MENU);\n const menuCategories = document.querySelectorAll(SELECTORS.THIRD_LEVEL_CATEGORIES);\n\n menuCategories.forEach((categoryList) => {\n if (isLG() || !slideMenu(menu)) {\n categoryList.classList.remove(CLASSES.CATEGORY_COLLAPSE);\n } else {\n categoryList.classList.add(CLASSES.CATEGORY_COLLAPSE);\n }\n });\n\n if (isLG()) {\n menuSelector.classList.remove(CLASSES.MENU_TOGGLED);\n }\n\n collapseTriggers.forEach((trigger) => {\n if (isLG() || !hasSubMenus(trigger)) {\n trigger.setAttribute(ATTRIBUTES.DISABLED_TOGGLE, 'collapse');\n trigger.removeAttribute(ATTRIBUTES.TOGGLE);\n } else {\n trigger.setAttribute(ATTRIBUTES.TOGGLE, 'collapse');\n trigger.removeAttribute(ATTRIBUTES.DISABLED_TOGGLE);\n }\n });\n });\n });\n};\n\nconst initSlideBehavior = (menu) => {\n if (slideMenu(menu)) {\n document.querySelectorAll(SELECTORS.TOP_LEVEL_LINK).forEach((link) => {\n link.addEventListener('click', () => {\n if (!isLG() && hasSubMenus(link)) {\n menu.classList.add(CLASSES.MENU_TOGGLED);\n }\n });\n });\n document.querySelectorAll(SELECTORS.BACK_LINK).forEach((link) => {\n link.addEventListener('click', () => {\n menu.classList.remove(CLASSES.MENU_TOGGLED);\n });\n });\n }\n};\n\nconst getMenuToggledBodyClass = (menu) => {\n switch (true) {\n case menu.classList.contains(CLASSES.MENU_LEFT):\n return CLASSES.BODY_MENU_TOGGLED_LEFT;\n case menu.classList.contains(CLASSES.MENU_RIGHT):\n return CLASSES.BODY_MENU_TOGGLED_RIGHT;\n default:\n return null;\n }\n};\n\nconst restoreMobileMenuInitialState = (menu) => {\n setTimeout(() => {\n if (slideMenu(menu)) {\n menu.classList.remove(CLASSES.MENU_TOGGLED);\n\n $(SELECTORS.BACK_LINK_CONTAINER).collapse('hide');\n $(SELECTORS.SECOND_LEVEL_CATEGORIES).collapse('hide');\n $(SELECTORS.THIRD_LEVEL_CATEGORIES).collapse('show');\n } else {\n $(SELECTORS.COLLAPSE_NAV_MENU_LINKS).collapse('hide');\n }\n }, 500); // Ensures the reset is executed after the menu has closed, so it's not visible to the customer\n};\n\nconst toggleMenuElements = (menu, background, menuToggles, state) => {\n const menuBody = document.querySelector(SELECTORS.MENU_BODY);\n\n if (typeof state !== 'undefined') {\n menu.classList.toggle(CLASSES.MENU_VISIBLE, state);\n background.classList.toggle(CLASSES.BACKGROUND_VISIBLE, state);\n menuToggles.forEach((el) => {\n el.classList.toggle(CLASSES.MENU_TOGGLER_ACTIVE, state);\n });\n\n if (isLG()) {\n document.body.classList.remove(getMenuToggledBodyClass(menu));\n } else {\n document.body.classList.toggle(getMenuToggledBodyClass(menu), state);\n }\n } else {\n menu.classList.toggle(CLASSES.MENU_VISIBLE);\n background.classList.toggle(CLASSES.BACKGROUND_VISIBLE);\n menuToggles.forEach((el) => {\n el.classList.toggle(CLASSES.MENU_TOGGLER_ACTIVE);\n });\n\n if (isLG()) {\n document.body.classList.remove(getMenuToggledBodyClass(menu));\n } else {\n document.body.classList.toggle(getMenuToggledBodyClass(menu));\n }\n }\n\n if (menu.classList.contains(CLASSES.MENU_VISIBLE)) {\n document.dispatchEvent(new CustomEvent(FLYOUT_EVENTS.FLYOUT_OPEN, {\n detail: {\n content: menuBody,\n },\n }));\n } else {\n document.dispatchEvent(new CustomEvent(FLYOUT_EVENTS.FLYOUT_CLOSE, {\n detail: {\n content: menuBody,\n },\n }));\n\n restoreMobileMenuInitialState(menu);\n }\n};\n\nconst initMobileMenu = (menu, menuToggles, background) => {\n initSlideBehavior(menu);\n\n onEvent(document, 'click', SELECTORS.MENU_TOGGLES, () => {\n toggleMenuElements(menu, background, menuToggles);\n });\n\n document.addEventListener(FLYOUT_EVENTS.FLYOUT_OPEN, (e) => {\n const menuBody = document.querySelector(SELECTORS.MENU_BODY);\n\n if (menu.classList.contains(CLASSES.MENU_VISIBLE) && e.detail.content !== menuBody) {\n toggleMenuElements(menu, background, menuToggles, false);\n }\n });\n};\n\nconst initTouchNavigation = () => {\n const links = Array.from(document.querySelectorAll(SELECTORS.TOP_LEVEL_LINK));\n\n links.forEach((link) => {\n if (!hasSubMenus(link)) {\n return;\n }\n\n link.addEventListener('touchstart', (e) => {\n if (!link.getAttribute(ATTRIBUTES.TOGGLE) && !link.classList.contains(CLASSES.TOUCH_FOCUS)) {\n e.preventDefault();\n\n links.forEach((currentLink) => {\n currentLink.classList.toggle(CLASSES.TOUCH_FOCUS, currentLink === link);\n });\n }\n });\n\n link.addEventListener('click', (e) => {\n setTimeout(() => { // Move to the next tick to give time to the touchstart handler to add the class\n if (link.classList.contains(CLASSES.TOUCH_FOCUS)) {\n e.preventDefault();\n\n link.classList.remove(CLASSES.TOUCH_FOCUS);\n }\n });\n });\n });\n};\n\nexport default () => {\n const menu = document.querySelector(SELECTORS.MENU);\n const background = document.querySelector(SELECTORS.BACKGROUND);\n const menuToggles = document.querySelectorAll(SELECTORS.MENU_TOGGLES);\n\n if (menu && background && menuToggles) {\n initMobileMenu(menu, menuToggles, background);\n hideMenuOnTypeChange(menu, menuToggles);\n toggleCollapsesBehavior(menu);\n initTouchNavigation();\n }\n};\n","import $ from 'jquery';\nimport { loadContent, fetchOptionsGet } from '../util/fetchutils'; // eslint-disable-line import/named\nimport { outerHeightWithMargin, onEvent, isLG } from '../util/domutils'; // eslint-disable-line import/named\nimport { initFlyout, EVENTS as FLYOUT_EVENTS } from './flyoutUnderHeader';\nimport { EVENTS as HEADER_EVENTS } from './header';\n\nconst CONSTANTS = {\n TOGGLE_CLASS: 'show',\n MIN_BODY_HEIGHT: 75,\n HOVER_TIMEOUT: 400,\n COUNT_UPDATE_DISPLAY_TIME: 3000,\n};\n\nconst CLASSES = {\n LINK_HIGHLIGHTED: 'minicart-link--active',\n};\n\nconst SELECTORS = {\n PARENT: '.minicart',\n LINK: '.minicart-link',\n CONTAINER: '.minicart__pane',\n CONTAINER_INNER: '.minicart__container',\n CONTENT: '.minicart__content',\n HEADER: '.minicart__header',\n BODY: '.minicart__body',\n FOOTER: '.minicart__footer',\n CART_BTN: '.checkout-btn',\n CLOSE_BUTTON: '.minicart__close-btn',\n OPEN_BUTTON: '.header-element.minicart',\n TOTAL_QUANTITY: '.minicart .minicart-quantity',\n TOTAL_VALUE: '.minicart .minicart-grand-total',\n};\n\nconst NEWPDP = document.querySelector('.new-pdp');\nconst headerEle = document.querySelector('.compact-header');\n\n/**\n * After setting the total height of the minicart in regards to the page header,\n * calculates and sets the height of the minicart body's section\n * so that its footer gets stuck to the bottom of the content container\n *\n * @param {Element} container The minicart container\n * @param {Number} [pageHeaderHeight=] The height of the header to align against\n * @return {Number} The calculated max height for the body\n */\nconst setMiniCartBodyHeights = (container) => {\n const content = container.querySelector(SELECTORS.CONTENT);\n const header = container.querySelector(SELECTORS.HEADER);\n const body = container.querySelector(SELECTORS.BODY);\n const footer = container.querySelector(SELECTORS.FOOTER);\n\n if (header && body && footer) {\n const totalHeight = outerHeightWithMargin(content);\n const headerHeight = outerHeightWithMargin(header);\n const footerHeight = outerHeightWithMargin(footer);\n const bodyMaxHeight = totalHeight - headerHeight - footerHeight;\n\n body.style.maxHeight = `${bodyMaxHeight}px`;\n\n return bodyMaxHeight;\n }\n\n return null;\n};\n\n/**\n * Checks if the target of the passed in event is one of the elements\n * which should cause the minicart to be closed when clicked on\n *\n * @param {Event} e The event to check\n * @return {Boolean} True if the event represents a minicart close click\n */\nconst isClickOnCloseTrigger = (e) => {\n const closeBtn = document.querySelector(SELECTORS.CLOSE_BUTTON);\n\n return (!e.target.closest(SELECTORS.CONTAINER) && !e.target.closest(SELECTORS.PARENT))\n || e.target.closest(SELECTORS.CLOSE_BUTTON)\n || e.target === closeBtn;\n};\n\nconst showFlyout = (container) => {\n // Trigger global events to close any other open flyouts and position the minicart correctly\n document.dispatchEvent(new CustomEvent(HEADER_EVENTS.UPDATE_HEADER));\n\n document.dispatchEvent(new CustomEvent(FLYOUT_EVENTS.FLYOUT_OPEN, {\n detail: {\n flyout: container,\n },\n }));\n\n // Display the flyout\n container.classList.add(CONSTANTS.TOGGLE_CLASS);\n};\n\nconst displayFlyout = async (container, showFlyoutImmediately = true) => {\n const toggle = document.querySelector(SELECTORS.PARENT);\n const { actionUrl } = toggle.dataset;\n const innerContainer = container.querySelector(SELECTORS.CONTAINER_INNER);\n const body = document.querySelector('body');\n body.style.borderRightWidth = '17px';\n if (showFlyoutImmediately) {\n // Clear the stale minicart content before showing the flyout, so only the spinner is visible\n innerContainer.innerHTML = '';\n\n // Start the loading indicator in the flyout\n $(innerContainer).spinner().start();\n\n showFlyout(container);\n }\n\n // Load the minicart content\n const response = await fetch(actionUrl, fetchOptionsGet());\n const data = await response.text();\n\n // Populate the fresh minicart content in the flyout\n innerContainer.innerHTML = data;\n if (NEWPDP && headerEle && !isLG()) {\n headerEle.classList.add('active-flyout');\n }\n // Calculate the heights of the minicart elements so the footer is fixed at the bottom\n const bodyHeight = setMiniCartBodyHeights(container);\n\n if (!showFlyoutImmediately && bodyHeight && bodyHeight >= CONSTANTS.MIN_BODY_HEIGHT) {\n showFlyout(container);\n }\n\n // Remove the loading indicator\n $(innerContainer).spinner().stop();\n};\n\nconst closeFlyout = (container) => {\n const body = document.querySelector('body');\n body.style.borderRightWidth = '';\n container.classList.remove(CONSTANTS.TOGGLE_CLASS);\n if (NEWPDP && headerEle && !isLG()) {\n headerEle.classList.remove('active-flyout');\n }\n document.dispatchEvent(new CustomEvent(FLYOUT_EVENTS.FLYOUT_CLOSE, {\n detail: {\n flyout: container,\n },\n }));\n};\n\n/**\n * Initializes the logic which controls the displaying and closing of the minicart\n *\n * @param {Element} container The minicart container\n */\nconst initMiniCartToggle = (container) => {\n let miniCartDisplayTimeout;\n\n document.addEventListener('click', (e) => {\n if (container.classList.contains(CONSTANTS.TOGGLE_CLASS)) {\n // hide the minicart on click event outside the container or cross-icon click\n if (isClickOnCloseTrigger(e)) {\n closeFlyout(container);\n }\n }\n });\n\n onEvent(document, 'touchstart', SELECTORS.PARENT, (e) => {\n e.target.dataset.touch = true;\n });\n\n onEvent(document, 'mouseover', SELECTORS.PARENT, (e) => {\n const qtyContainer = document.querySelector(SELECTORS.TOTAL_QUANTITY);\n\n const touchEnabled = e.target.dataset.touch === 'true';\n const inMiniCart = e.target.closest(SELECTORS.CONTAINER);\n const miniCartShown = container.classList.contains(CONSTANTS.TOGGLE_CLASS);\n const hasItems = parseInt(qtyContainer.dataset.qt, 10) > 0;\n\n if (!touchEnabled && !inMiniCart && !miniCartShown && hasItems) {\n miniCartDisplayTimeout = setTimeout(() => {\n // show the minicart\n displayFlyout(container);\n }, window.miniCartHoverTimeout || CONSTANTS.HOVER_TIMEOUT);\n }\n\n // Prevent touches from stopping later hovers from working, e.g. on touch-screen laptops\n e.target.dataset.touch = false;\n });\n\n onEvent(document, 'mouseout', SELECTORS.PARENT, () => {\n clearTimeout(miniCartDisplayTimeout);\n });\n};\n\n/**\n * Handles changes to the total number of items in the cart\n */\nconst updateMiniCartTotal = (container) => {\n let closeAfterChangeTimeout;\n\n $(SELECTORS.PARENT).on('count:update', async (event, data) => {\n // update minicart link quantity and total in the header menu\n const cart = data.cart || data.basket || data;\n const countValue = cart.numItems;\n const totalValue = cart.totals.grandTotal;\n const totalAvailable = totalValue && totalValue !== '-' && totalValue !== 'N/A';\n\n const link = document.querySelector(SELECTORS.LINK);\n const qtyContainer = document.querySelector(SELECTORS.TOTAL_QUANTITY);\n const totalContainer = document.querySelector(SELECTORS.TOTAL_VALUE);\n const pageAction = document.querySelector('.page').dataset.action;\n const isFromCart = pageAction === 'Cart-Show';\n qtyContainer.innerHTML = countValue;\n qtyContainer.dataset.qt = countValue;\n\n totalContainer.innerHTML = totalAvailable ? totalValue : '';\n totalContainer.dataset.total = totalValue;\n\n if (countValue > 0 && !isFromCart && $('.ATBOverlayEnable').length < 1) {\n await displayFlyout(container, false);\n\n closeAfterChangeTimeout = setTimeout(() => {\n closeFlyout(container);\n }, CONSTANTS.COUNT_UPDATE_DISPLAY_TIME);\n }\n\n link.classList.toggle(CLASSES.LINK_HIGHLIGHTED, countValue > 0);\n });\n\n onEvent(document, 'mouseover', SELECTORS.CONTAINER_INNER, () => {\n clearTimeout(closeAfterChangeTimeout);\n });\n};\n\nconst updateMiniCart = async () => {\n const minicart = document.querySelector(SELECTORS.PARENT);\n\n if (minicart) {\n const { content } = await loadContent(minicart, null, null, false);\n\n minicart.innerHTML = content;\n\n const container = document.querySelector(SELECTORS.CONTAINER);\n\n if (container) {\n updateMiniCartTotal(container);\n\n if (container.dataset.initFlyoutUnderHeader) {\n initFlyout(container, setMiniCartBodyHeights, CONSTANTS.TOGGLE_CLASS);\n }\n\n initMiniCartToggle(container);\n }\n }\n};\n\nexport default async () => {\n updateMiniCart();\n};\n","import base from '~base';\n\nimport $ from 'jquery';\nimport debounce from '../util/debounce';\nimport { onEvent, visible } from '../util/domutils'; // eslint-disable-line import/named\nimport { functions as headerFunctions } from './header';\nimport { enableBodyScroll, disableBodyScroll } from 'body-scroll-lock';\nimport { loadContent } from '../util/fetchutils'; // eslint-disable-line import/named\n\nconst CLASSES = {\n SEARCH_FIELD: 'search-field',\n CLOSE_SEARCH: 'close-search',\n TRENDING_PANE: 'trending-suggestions',\n get TRENDING_PANE_ACTIVE() { return `${this.TRENDING_PANE}--active`; },\n};\n\nconst SELECTORS = {\n WRAPPER: '.suggestions-wrapper',\n SEARCH_FIELD: `.${CLASSES.SEARCH_FIELD}`,\n CLEAR_SEARCH: '.clear-search',\n TRENDING_PANE: `.${CLASSES.TRENDING_PANE}`,\n SEARCHESUGGESTIONS_PANE: '.suggestions',\n SUGGESTIONS_CLOSE: '.suggestions .close-search',\n LOAD_RECENT_SEARCH: '.trending-suggestions .js-load-recent-search',\n LOAD_POP_SEARCH: '.js-load-pop-search',\n};\n\nconst handleSuggestionsDisplay = () => {\n const headerHeight = headerFunctions.getHeaderHeight();\n const panes = document.querySelectorAll(SELECTORS.SEARCHESUGGESTIONS_PANE);\n\n panes.forEach((pane) => {\n const isVisible = visible(pane);\n const maxHeight = window.innerHeight - headerHeight;\n const isTallerThanWindow = pane.scrollHeight >= maxHeight;\n\n if (isVisible) {\n pane.style.maxHeight = `${maxHeight}px`;\n }\n\n if (isVisible && isTallerThanWindow) {\n disableBodyScroll(pane);\n } else {\n enableBodyScroll(pane);\n }\n });\n};\n\nconst loadRecentSearches = async () => {\n const recentSearch = document.querySelector(SELECTORS.LOAD_RECENT_SEARCH);\n if (recentSearch && recentSearch.children.length <= 0) {\n const { content } = await loadContent(recentSearch, null, null, false);\n\n recentSearch.innerHTML = content;\n }\n};\n\nconst toggleTrendingSuggestions = (field, trendingPane) => {\n loadRecentSearches();\n if (!field.value || field.value.length < 3) {\n trendingPane.classList.add(CLASSES.TRENDING_PANE_ACTIVE);\n } else {\n trendingPane.classList.remove(CLASSES.TRENDING_PANE_ACTIVE);\n }\n\n handleSuggestionsDisplay();\n};\n\nconst clearSearchField = () => {\n const clearSearchToggles = document.querySelectorAll(SELECTORS.CLEAR_SEARCH);\n\n clearSearchToggles.forEach((clearSearch) => {\n clearSearch.addEventListener('click', () => {\n const searchField = clearSearch.parentElement.parentElement.querySelector(SELECTORS.SEARCH_FIELD);\n\n if (searchField) {\n searchField.value = '';\n searchField.focus();\n searchField.click();\n }\n });\n });\n};\n\nconst trendingSuggestions = () => {\n const trendingPane = document.querySelector(SELECTORS.TRENDING_PANE);\n\n if (trendingPane) {\n const searchField = trendingPane.parentElement.querySelector(SELECTORS.SEARCH_FIELD);\n\n if (searchField) {\n const debounceTrending = debounce(toggleTrendingSuggestions, 300);\n\n ['keyup', 'click'].forEach((evt) => {\n searchField.addEventListener(evt, () => {\n debounceTrending(searchField, trendingPane);\n });\n });\n\n document.body.addEventListener('click', (e) => {\n if (\n e.target !== trendingPane\n && !trendingPane.contains(e.target)\n && !e.target.classList.contains(CLASSES.SEARCH_FIELD)\n ) {\n trendingPane.classList.remove(CLASSES.TRENDING_PANE_ACTIVE);\n }\n\n setTimeout(handleSuggestionsDisplay);\n });\n }\n }\n};\n\nconst closeSuggestions = () => {\n onEvent(document, 'click', SELECTORS.SUGGESTIONS_CLOSE, () => {\n const searchField = document.querySelector(SELECTORS.SEARCH_FIELD);\n\n if (searchField) {\n searchField.blur();\n searchField.parentElement.click();\n }\n });\n};\n\nconst handleSuggestionsVisibility = () => {\n const wrapper = document.querySelector(SELECTORS.WRAPPER);\n const url = wrapper && wrapper.dataset.url;\n\n $(document).ajaxComplete((e, xhr, options) => {\n if (url && options.url && options.url.indexOf(url) >= 0) {\n handleSuggestionsDisplay();\n }\n });\n\n window.addEventListener('resize', debounce(handleSuggestionsDisplay));\n};\n\nconst loadPopularSearches = async () => {\n const loadPopSearch = document.querySelector(SELECTORS.LOAD_POP_SEARCH);\n\n if (loadPopSearch) {\n const { content } = await loadContent(loadPopSearch, null, null, false);\n\n loadPopSearch.innerHTML = content;\n }\n};\n\nexport default () => {\n base();\n loadPopularSearches();\n clearSearchField();\n trendingSuggestions();\n closeSuggestions();\n handleSuggestionsVisibility();\n};\n","import { getJSONData } from '../util/domutils'; // eslint-disable-line import/named\nimport { handleSizeConversion } from '../../../../scripts/helpers/sizeHelpers';\n\nconst SELECTORS = {\n CONVERSION_DETAILS_SOURCE: '[data-size-conversions]',\n LABEL_CONVERSIONS: '[data-convert-label]',\n VALUE_CONVERSIONS: '[data-convert-value]',\n};\n\nexport default () => {\n const conversionDetailsSource = document.querySelector(SELECTORS.CONVERSION_DETAILS_SOURCE);\n const isShoe = document.getElementsByName('isShoeProduct').length > 0\n ? document.getElementsByName('isShoeProduct')[0] : null;\n\n if (conversionDetailsSource) {\n let conversionDetails = getJSONData(conversionDetailsSource, 'sizeConversions', null);\n if (isShoe && isShoe.value === 'true') { // this logic added for shoe size conversion.\n conversionDetails = getJSONData(conversionDetailsSource, 'shoeSizeConversions', null);\n }\n\n if (conversionDetails) {\n const labelConversions = document.querySelectorAll(SELECTORS.LABEL_CONVERSIONS);\n const valueConversions = document.querySelectorAll(SELECTORS.VALUE_CONVERSIONS);\n\n labelConversions.forEach((conversionEl) => {\n const isRemoveSizePrefix = conversionEl && conversionEl.classList.contains('remove-size-prefix');\n // eslint-disable-next-line max-len\n let targetText = isRemoveSizePrefix ? `${conversionEl.dataset.convertLabel}` : `${conversionDetails.prefix} ${conversionEl.dataset.convertLabel}`;\n\n if (conversionEl.dataset.convertLabel.indexOf('{0}') >= 0) {\n targetText = conversionEl.dataset.convertLabel.replace('{0}', conversionDetails.prefix);\n }\n\n conversionEl.innerText = targetText;\n });\n\n valueConversions.forEach((conversionEl) => {\n const baseValue = conversionEl.dataset.convertValue;\n // add some logic for shoe size conversion for PLP.\n const sibling = conversionEl.nextElementSibling;\n if (sibling && sibling.getAttribute('name') === 'isShoeProduct' && sibling.value === 'true') {\n conversionDetails = getJSONData(conversionDetailsSource, 'shoeSizeConversions', null);\n }\n conversionEl.innerText = handleSizeConversion(\n baseValue,\n conversionDetails.sizes.default,\n conversionDetails.sizes.current,\n window.beesfra && window.beesfra.config && window.beesfra.config.sizeConversionZeroPad,\n );\n });\n }\n }\n};\n","import '~base';\n\nimport $ from 'jquery';\n\nconst baseSpinner = $.fn.spinner;\n\nif (baseSpinner) {\n $.fn.spinner = function (...args) {\n const $element = $(this);\n\n const fn = baseSpinner.call(this, ...args);\n const fnStop = fn && fn.stop;\n\n if (fnStop) {\n /**\n * The base spinner plugin attaches a 'veiled' class on the parent element\n * when starting but checks the element itself for the class when stopping\n */\n fn.stop = function () {\n const $veil = $('.veil');\n\n /* eslint-disable jquery/no-class, jquery/no-parent, jquery/no-css */\n if ($element.length && $veil.parent().parent().hasClass('veiled')) {\n $veil.parent().parent().css('position', '');\n $veil.parent().parent().removeClass('veiled');\n }\n /* eslint-enable */\n\n fnStop.call(this);\n };\n }\n\n return fn;\n };\n}\n","import $ from 'jquery';\nimport { isLG } from '../util/domutils';\nimport throttle from './throttle';\n\nconst SELECTORS = {\n HEADER: '.header-sticky',\n PDP: '.rd_PDP',\n PRDDETAIL: 'product-detail',\n PRDSETDETAIL: 'product-set-detail',\n NEWPDP: '.new-pdp',\n BREADCRUMB: '.product-detail__top-row-container',\n PRODUCTDETAIL: '.product-detail__details-section',\n};\n\nconst CONSTANTS = {\n SCROLL_INTERVAL: 150,\n};\nlet PRD_DETAIL = document.getElementsByClassName(SELECTORS.PRDDETAIL);\nif (document.getElementsByClassName(SELECTORS.PRDSETDETAIL).length > 0) {\n PRD_DETAIL = document.getElementsByClassName(SELECTORS.PRDSETDETAIL);\n}\nconst PDP = document.querySelector(SELECTORS.PDP);\nconst NEWPDP = document.querySelector(SELECTORS.NEWPDP);\nconst header = document.querySelector(SELECTORS.HEADER);\nconst headerBanner = document.querySelector('.header-banner');\n\nexport const stickyHeaderScrollHandle = () => {\n let previousScrollPosition = 0;\n const isScrollingDown = () => {\n let goingDown = false;\n const scrollPosition = window.pageYOffset;\n if (scrollPosition >= header.offsetHeight && scrollPosition > previousScrollPosition) {\n goingDown = true;\n }\n previousScrollPosition = scrollPosition;\n return goingDown;\n };\n const handleScroll = () => {\n if (isScrollingDown()) {\n header.classList.add('scroll-down');\n header.classList.remove('scroll-up');\n } else {\n header.classList.add('scroll-up');\n header.classList.remove('scroll-down');\n }\n };\n const scrollThrottle = throttle(handleScroll, CONSTANTS.SCROLL_INTERVAL);\n if (header) {\n window.addEventListener('scroll', scrollThrottle);\n }\n};\n\nexport const stickyHeaderScrollHandlePDP = () => {\n const banner = document.querySelector('.header-banner');\n const PDPgallary = document.querySelector('#cld-gallery');\n let previousScrollPosition = 0;\n const isScrollingDown = () => {\n let goingDown = false;\n const scrollPosition = window.pageYOffset;\n if (scrollPosition >= banner.offsetHeight) {\n header.classList.add('scroll-up-top-bar');\n }\n const scrollDownFadeEffect = scrollPosition >= PDPgallary.offsetHeight - PRD_DETAIL[0].dataset.scrolldown;\n if (scrollPosition > previousScrollPosition && scrollDownFadeEffect) {\n goingDown = true;\n }\n const ScrollUpTransparentEffect = PDPgallary.offsetHeight - scrollPosition >= PRD_DETAIL[0].dataset.scrollup;\n if (PDPgallary.offsetHeight > scrollPosition && ScrollUpTransparentEffect && $('.rd_PDP').length === 0) {\n PDP.classList.add('rd_PDP');\n }\n previousScrollPosition = scrollPosition;\n return goingDown;\n };\n\n const handleHeader = () => {\n const scrollPosition = window.pageYOffset;\n const headerEle = document.querySelector('.compact-header');\n const globalebanner = document.querySelector('.fsbloaded') || document.querySelector('#FreeShippingBanner');\n let headerBannerHeight = headerBanner && headerBanner.getBoundingClientRect().height;\n const globalBannerHeight = globalebanner && globalebanner.getBoundingClientRect().height;\n const isGLobaleBanner = $('#FreeShippingBanner').length > 0 || $('.fsbloaded').lengh > 0;\n if (isLG()) {\n headerEle.style.top = 0;\n } else if (isGLobaleBanner || $('.new-promo-banner').length > 0) {\n if (isGLobaleBanner) {\n // eslint-disable-next-line no-const-assign\n const geBanPos = headerBanner.querySelector('.fsbloaded') || headerBanner.querySelector('#FreeShippingBanner');\n if (!(headerBanner && geBanPos)) {\n headerBannerHeight += globalBannerHeight;\n }\n }\n if (scrollPosition > headerBannerHeight) {\n // eslint-disable-next-line jquery/no-css\n $('.compact-header').css('top', 0);\n } else {\n headerEle.style.top = `${headerBannerHeight - $(window).scrollTop()}px`;\n }\n }\n };\n\n const handleScroll = () => {\n if (NEWPDP && !isLG()) {\n handleHeader();\n }\n if (isScrollingDown()) {\n header.classList.add('scroll-down');\n header.classList.remove('scroll-up');\n // eslint-disable-next-line jquery/no-class\n $('body').removeClass('rd_PDP');\n } else {\n if (window.pageYOffset >= PDPgallary.offsetHeight) {\n PDP.classList.remove('rd_PDP');\n }\n header.classList.add('scroll-up');\n header.classList.remove('scroll-down');\n }\n };\n\n if (header) {\n window.addEventListener('scroll', handleScroll);\n if (NEWPDP) {\n window.addEventListener('resize', handleHeader);\n }\n if (('.header-banner-bottom').length > 0) {\n $('.header-banner-bottom').remove();\n }\n }\n const checkPositionOfbanner = headerBanner && (window.pageYOffset <= headerBanner.getBoundingClientRect().height);\n if (('.new-promo-banner').length > 0 && !isLG() && checkPositionOfbanner) {\n // eslint-disable-next-line jquery/no-css\n $('.compact-header').css('top', headerBanner.getBoundingClientRect().height);\n }\n};\n\nfunction headerInit() {\n const globalebanner = document.querySelector('#FreeShippingBanner');\n const globaleBannerClass = document.querySelector('.fsbloaded');\n const headerBannerHeight = headerBanner && headerBanner.getBoundingClientRect().height;\n const isGLobaleBanner = $('#FreeShippingBanner').length > 0 || $('.fsbloaded').lengh > 0;\n let globalbanner;\n const geBanPos = headerBanner.querySelector('.fsbloaded') || headerBanner.querySelector('#FreeShippingBanner');\n if (globalebanner) {\n globalbanner = globalebanner && globalebanner.getBoundingClientRect().height;\n if (headerBanner && geBanPos) {\n globalbanner = 0;\n }\n }\n if (globaleBannerClass) {\n globalbanner = globaleBannerClass && globaleBannerClass.getBoundingClientRect().height;\n if (headerBanner && geBanPos) {\n globalbanner = 0;\n }\n }\n const totalBannerHeight = headerBannerHeight + globalbanner;\n if (isGLobaleBanner > 0) {\n // eslint-disable-next-line jquery/no-css\n if (('.new-promo-banner').length > 0) {\n // eslint-disable-next-line jquery/no-css\n $('.compact-header').css('top', totalBannerHeight);\n } else {\n // eslint-disable-next-line jquery/no-css\n $('.compact-header').css('top', globalbanner);\n }\n } else {\n // eslint-disable-next-line jquery/no-css\n $('.compact-header').css('top', headerBannerHeight);\n }\n}\n\nfunction dockImageCarouselToTop() {\n const headerHeight = header ? header.offsetHeight : 0;\n const productImages = document.querySelector('.product-detail__product-images');\n const productSetitem = document.querySelector('.set-items .product-detail__product-images');\n if (productSetitem && productSetitem.lengh === 0) {\n if (productImages && isLG()) {\n productImages.style.top = `${headerHeight + 15}px`;\n productImages.style.position = 'sticky';\n productImages.style.height = 'fit-content';\n } else {\n productImages.style.position = 'static';\n }\n }\n}\n\n// eslint-disable-next-line no-unused-vars\nfunction checkForGEBanner(mutations, observer) {\n // eslint-disable-next-line arrow-parens\n mutations.forEach(mutation => {\n mutation.addedNodes.forEach((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n // Check if the node has the desired ID or class\n if ((node.id === 'FreeShippingBanner' || node.classList.contains('fsbloaded')) && !isLG()) {\n headerInit();\n }\n }\n });\n });\n}\n\n// Create a MutationObserver instance\nif (NEWPDP) {\n const observer = new MutationObserver(checkForGEBanner);\n // Start observing the document's body for child list changes\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n });\n}\n\nexport default () => {\n if (PRD_DETAIL.length && PDP) {\n stickyHeaderScrollHandlePDP();\n } else {\n stickyHeaderScrollHandle();\n }\n\n if (PRD_DETAIL.length > 0 && PRD_DETAIL[0].dataset.imagecarouselsticky === 'true' && NEWPDP) {\n dockImageCarouselToTop();\n window.addEventListener('resize', dockImageCarouselToTop);\n }\n};\n","/* eslint-disable no-multi-assign */\n/* eslint-disable no-param-reassign */\n/* eslint-disable vars-on-top */\nexport default function (func, wait, options) {\n let timeout;\n let context;\n let args;\n let result;\n let previous = 0;\n if (!options) options = {};\n\n const later = function () {\n previous = options.leading === false ? 0 : Date.now();\n timeout = null;\n result = func.apply(context, args);\n if (!timeout) context = args = null;\n };\n\n const throttled = function () {\n const nowTime = Date.now();\n if (!previous && options.leading === false) previous = nowTime;\n const remaining = wait - (nowTime - previous);\n context = this;\n // eslint-disable-next-line prefer-rest-params\n args = arguments;\n if (remaining <= 0 || remaining > wait) {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n previous = nowTime;\n result = func.apply(context, args);\n if (!timeout) context = args = null;\n } else if (!timeout && options.trailing !== false) {\n timeout = setTimeout(later, remaining);\n }\n return result;\n };\n\n throttled.cancel = function () {\n clearTimeout(timeout);\n previous = 0;\n timeout = context = args = null;\n };\n\n return throttled;\n}\n","/* eslint-disable jquery/no-class */\n/* eslint-disable max-len */\nimport $ from 'jquery';\nimport convertSizes from '../components/sizeConversions';\nimport { getSiblings, onEvent } from '../util/domutils'; // eslint-disable-line import/named\nimport { appendToUrl } from '../util/urlutils'; // eslint-disable-line import/named\nimport { loadContent, CONTENT_TYPES } from '../util/fetchutils'; // eslint-disable-line import/named\n\nconst CLASSES = {\n SWATCH: 'product-tile__swatch',\n TILE_IMAGE_CONTAINER: 'product-tile__image',\n TILE_IMAGE_CONTAINER_OVERLAY_SHOWN: 'product-tile__image--add-overlay',\n SWATCH_CURRENT: 'product-tile__swatch--current',\n OUT_OF_STOCK: 'outofstock',\n};\n\nconst SELECTORS = {\n TILE: '.product-tile',\n SWATCH: `.${CLASSES.SWATCH}`,\n TILE_IMAGE_CONTAINER: `.${CLASSES.TILE_IMAGE_CONTAINER}`,\n TILE_IMAGE: `.${CLASSES.TILE_IMAGE_CONTAINER} .tile-image`,\n PRIMARY_IMAGE: `.${CLASSES.TILE_IMAGE_CONTAINER} .primary-image`,\n ALTERNATE_IMAGE: `.${CLASSES.TILE_IMAGE_CONTAINER} .alternate-image`,\n ALTERNATE_TILE_IMAGE: `.${CLASSES.TILE_IMAGE_CONTAINER} img.alternate-image`,\n PDP_LINK: '.pdp-link .primary-image.link',\n ALTERNATE_PDP_LINK: '.pdp-link .alternate-image.link',\n ADD_TO_BAG_LINK: '.product-tile__action-add',\n ADD_TO_BAG_OVERLAY: '.product-tile__add-overlay',\n ADD_TO_BAG_OVERLAY_CLOSE: '.product-tile__add-overlay-close',\n PRICE_CONTAINER: '.product-tile__price .link',\n PROMO_CONTAINER: '.product-tile__promotions .link',\n SUGGESTIONS_LINK: '.suggestions-categories .product .link',\n};\n\nexport const EVENTS = {\n SWATCH_CHANGE: 'tile:swatch-changed',\n ADD_TO_BAG_OVERLAY_TOGGLE: 'tile:overlay-toggle',\n};\n\n/**\n * Retrieves all sibling color swatches of the parameter\n *\n * @param {Element} swatch The swatch whose siblings to retrieve\n * @return {Element[]} The sibling swatches\n */\nconst getSwatchSiblings = (swatch) => {\n const otherSwatches = getSiblings(swatch, (el) => {\n const isNode = !!el.classList;\n const isSwatch = isNode && el.classList.contains(CLASSES.SWATCH);\n const isOtherSwatch = isSwatch && el !== swatch;\n\n return isOtherSwatch;\n });\n\n return otherSwatches;\n};\n\n/**\n * Handles the necessary changes to a product tile whose color swatch has been clicked\n *\n * @param {Element} tile The tile to update\n * @param {Element} clickedSwatch The color swatch whose click needs to be handled\n */\nconst updateTileElements = (tile, clickedSwatch) => {\n const image = tile.querySelector(SELECTORS.TILE_IMAGE);\n const links = tile.querySelectorAll(SELECTORS.PDP_LINK);\n const addToBag = tile.querySelector(SELECTORS.ADD_TO_BAG_LINK);\n const priceContainer = tile.querySelector(SELECTORS.PRICE_CONTAINER);\n const promoContainer = tile.querySelector(SELECTORS.PROMO_CONTAINER);\n\n image.src = clickedSwatch.dataset.image;\n image.dataset.src = clickedSwatch.dataset.image;\n\n links.forEach((link) => {\n const hash = link.href.split('#')[1];\n\n link.href = clickedSwatch.href;\n\n if (hash) {\n link.href += `#${hash}`;\n }\n });\n\n if (addToBag) {\n addToBag.dataset.action = clickedSwatch.dataset.addToBagUrl;\n }\n\n if (priceContainer) {\n priceContainer.innerHTML = clickedSwatch.dataset.priceHtml;\n }\n\n if (promoContainer) {\n promoContainer.innerHTML = clickedSwatch.dataset.promoCalloutsHtml;\n }\n};\n\nconst updateTileElementsforAlternateImage = (tile, clickedSwatch) => {\n const alternateImage = tile.querySelector(SELECTORS.ALTERNATE_TILE_IMAGE);\n const links = tile.querySelectorAll(SELECTORS.ALTERNATE_PDP_LINK);\n const primaryImageCarouselItem = tile.querySelector(SELECTORS.PRIMARY_IMAGE);\n const AlternateImageCarouselItem = tile.querySelector(SELECTORS.ALTERNATE_IMAGE);\n\n if (alternateImage) {\n alternateImage.src = clickedSwatch.dataset.alternateImageUrl;\n alternateImage.dataset.src = clickedSwatch.dataset.alternateImageUrl;\n alternateImage.srcset = clickedSwatch.dataset.alternateImageSrcset;\n primaryImageCarouselItem.classList.add('active');\n AlternateImageCarouselItem.classList.remove('active');\n }\n\n if (links) {\n links.forEach((link) => {\n const hash = link.href.split('#')[1];\n\n link.href = clickedSwatch.href;\n\n if (hash) {\n link.href += `#${hash}`;\n }\n });\n }\n};\n\n/**\n * Ensures that the provided swatch gets marked as selected,\n * and all other swatches get marked as unselected\n *\n * @param {Element} clickedSwatch The swatch to select\n */\nconst handleSwatchSelection = (clickedSwatch) => {\n const otherSwatches = getSwatchSiblings(clickedSwatch);\n\n otherSwatches.forEach((otherSwatch) => {\n otherSwatch.classList.remove(CLASSES.SWATCH_CURRENT);\n });\n\n clickedSwatch.classList.add(CLASSES.SWATCH_CURRENT);\n};\n\nconst dispatchColorChangeEvent = (tile, selectedSwatch) => {\n const evt = new CustomEvent(EVENTS.SWATCH_CHANGE, {\n detail: {\n tile,\n selectedSwatch,\n },\n });\n\n document.dispatchEvent(evt);\n};\n\nconst dispatchAddToBagOverlayEvent = (tile, shown) => {\n const evt = new CustomEvent(EVENTS.ADD_TO_BAG_OVERLAY_TOGGLE, {\n detail: {\n tile,\n shown,\n },\n });\n\n document.dispatchEvent(evt);\n};\n\nconst displayAddToBagOverlay = async (addToBagLink) => {\n const { type: contentType, content } = await loadContent(addToBagLink);\n\n if (contentType === CONTENT_TYPES.TEXT) {\n const imageContainer = addToBagLink.closest(SELECTORS.TILE_IMAGE_CONTAINER);\n const existingOverlay = imageContainer.querySelector(SELECTORS.ADD_TO_BAG_OVERLAY);\n\n if (!existingOverlay) {\n imageContainer.innerHTML += content;\n imageContainer.classList.add(CLASSES.TILE_IMAGE_CONTAINER_OVERLAY_SHOWN);\n\n convertSizes();\n\n dispatchAddToBagOverlayEvent(imageContainer.closest(SELECTORS.TILE), true);\n }\n } else if (contentType === CONTENT_TYPES.JSON) {\n if (!content.error) {\n // eslint-disable-next-line jquery/no-trigger\n $('.minicart').trigger('count:update', content);\n if ($('.cart-page').length > 0 || $('#ATBRecommendationsModal').length > 0) {\n // eslint-disable-next-line jquery/no-trigger\n $.when($(addToBagLink).trigger('updateAddToCartFormData', content)).done(() => {\n // eslint-disable-next-line jquery/no-trigger\n $('body').trigger('product:afterAddToCart', content);\n });\n }\n }\n }\n};\n\nconst closeAddToBagOverlay = async (overlay) => {\n if (overlay) {\n const tile = overlay.closest(SELECTORS.TILE);\n const imageVeiled = overlay.closest(SELECTORS.TILE_IMAGE_CONTAINER);\n\n overlay.remove();\n\n imageVeiled.classList.remove('veiled');\n imageVeiled.style.position = null;\n imageVeiled.classList.remove(CLASSES.TILE_IMAGE_CONTAINER_OVERLAY_SHOWN);\n\n dispatchAddToBagOverlayEvent(tile, false);\n }\n};\n\nconst handleAddToBagActions = () => {\n let lastClickedButton = null;\n\n $(document).on('updateAddToCartFormData', (e, data) => {\n const button = e.target;\n\n data.pid = button.dataset.pid;\n data.quantity = button.dataset.minQuantity || data.quantity;\n\n lastClickedButton = button;\n }).on('product:afterAddToCart', () => {\n if (lastClickedButton) {\n const overlay = lastClickedButton.closest(SELECTORS.ADD_TO_BAG_OVERLAY);\n\n closeAddToBagOverlay(overlay);\n\n lastClickedButton = null;\n }\n });\n\n document.addEventListener(EVENTS.SWATCH_CHANGE, (e) => {\n const overlay = e.detail.tile.querySelector(SELECTORS.ADD_TO_BAG_OVERLAY);\n closeAddToBagOverlay(overlay);\n });\n};\n\nconst handleStickers = (tile, swatch) => {\n const { selectable } = swatch.dataset;\n tile.classList.remove(CLASSES.OUT_OF_STOCK);\n if (selectable !== 'true') {\n tile.classList.add(CLASSES.OUT_OF_STOCK);\n }\n};\n\nexport const colorSwatches = () => {\n $(document).on('click', SELECTORS.SWATCH, (e) => {\n e.preventDefault();\n\n const swatch = e.currentTarget;\n const tile = swatch.closest(SELECTORS.TILE);\n const showAltImgonPLP = tile.getAttribute('data-showaltimg');\n\n updateTileElements(tile, swatch);\n if (showAltImgonPLP !== null) {\n updateTileElementsforAlternateImage(tile, swatch);\n }\n handleSwatchSelection(swatch);\n handleStickers(tile, swatch);\n dispatchColorChangeEvent(tile, swatch);\n });\n};\n\nexport const quickAddToBag = () => {\n onEvent(document, 'click', SELECTORS.ADD_TO_BAG_LINK, async (e) => {\n e.preventDefault();\n\n if (!e.delegateTarget.classList.contains('disabled')) {\n displayAddToBagOverlay(e.delegateTarget);\n }\n });\n\n onEvent(document, 'click', SELECTORS.ADD_TO_BAG_OVERLAY_CLOSE, async (e) => {\n e.preventDefault();\n\n const overlay = e.delegateTarget.closest(SELECTORS.ADD_TO_BAG_OVERLAY);\n\n closeAddToBagOverlay(overlay);\n });\n\n handleAddToBagActions();\n};\n\nexport const addSearchSuggestionPhraseParam = () => {\n onEvent(document, 'click', SELECTORS.SUGGESTIONS_LINK, (e) => {\n let searchPhrase;\n const linkToPdp = e.delegateTarget;\n const searchInputs = document.querySelectorAll('.search-field');\n\n searchInputs.forEach((searchField) => {\n if (searchField.value !== '') {\n searchPhrase = searchField.value;\n }\n });\n\n if (searchPhrase) {\n e.preventDefault();\n window.location.href = appendToUrl(linkToPdp.href, { q: searchPhrase });\n }\n });\n};\n\nexport const preOrderVarient = () => {\n onEvent(document, 'click', '.product-tile__add-overlay-size', (e) => {\n const preOrderData = JSON.parse(e.srcElement.getAttribute('data-preOrderData'));\n const preOrderMessageContainer = e.srcElement.closest('.product-tile__add-overlay-sizes-container').querySelector('.product-tile__add-overlay-pre-order');\n const preOrderMessage = e.srcElement.closest('.product-tile__add-overlay-sizes-container').querySelector('.product-tile__add-overlay-pre-order-availability-message');\n if (preOrderData) {\n preOrderMessage.innerText = preOrderData.preorderAvailabilityMessage;\n if (preOrderMessageContainer.classList.contains('d-none')) {\n preOrderMessageContainer.classList.remove('d-none');\n }\n } else if (!preOrderMessageContainer.classList.contains('d-none')) {\n preOrderMessageContainer.classList.add('d-none');\n }\n });\n};\n\nexport const enableSlideonPLPAltImg = () => {\n if ($('.carousel').length > 0) {\n $('.carousel').on('touchstart', function (event) {\n const xClick = event.originalEvent.touches[0].pageX;\n $(this).one('touchmove', function (e) {\n const xMove = e.originalEvent.touches[0].pageX;\n const sensitivityInPx = 5;\n\n if (Math.floor(xClick - xMove) > sensitivityInPx) {\n $(this).carousel('next');\n } else if (Math.floor(xClick - xMove) < -sensitivityInPx) {\n $(this).carousel('prev');\n }\n });\n $(this).on('touchend', function () {\n $(this).off('touchmove');\n });\n });\n }\n};\n\ndocument.addEventListener('tile:overlay-toggle', () => {\n enableSlideonPLPAltImg();\n});\n\n$(document).on('click', '.bestprice .price-label, .bestprice-close-btn', (e) => {\n e.preventDefault();\n if ($('#bestprice').hasClass('d-none')) {\n $('.price-label').addClass('active');\n $('#bestprice').removeClass('d-none');\n // eslint-disable-next-line jquery/no-css\n $('.price-label').css('textDecoration', 'none');\n } else {\n $('#bestprice').addClass('d-none');\n $('.price-label').removeClass('active');\n // eslint-disable-next-line jquery/no-css\n $('.price-label').css('textDecoration', 'underline');\n }\n if ($('.bestprice-close-btn').hasClass('d-none')) {\n $('.bestprice-close-btn').removeClass('d-none');\n } else {\n $('.bestprice-close-btn').addClass('d-none');\n }\n});\n","import $ from 'jquery';\nimport { find, findFormFields, visible } from '../../util/domutils';\n\nexport const COLLAPSE_EVENTS = {\n FORMS_STATE_CHANGED: 'collapse:forms:change',\n};\n\nconst SELECTORS = {\n COLLAPSE: '.collapse',\n TABS: '[data-toggle=\"tab\"]',\n};\n\n/**\n * Sets the enabled/disabled state of all form elements found inside the element(s)\n * represented by the selector\n *\n * @param {Element[]} rootEls The elements to toggle the fields in\n * @param {boolean} enabled Whether to enable or disable the form fields\n */\nfunction toggleFormElementsState(rootEls, enabled) {\n rootEls.forEach((root) => {\n findFormFields(root).forEach((el) => {\n const parent = el.closest('div');\n const hiddenInput = el.type === 'hidden';\n const label = document.querySelector(`[for=\"${el.id}\"]`);\n const activeHiddenInput = hiddenInput && visible(parent);\n const activeToggle = label && visible(label);\n\n const elVisible = visible(el) || el.dataset.choice || activeHiddenInput || activeToggle;\n\n el.disabled = !el.dataset.forceEnabled && (!elVisible || !enabled);\n });\n\n if (enabled) {\n // Handle nested collapse and tab elements\n find(SELECTORS.TABS, root).forEach(el => toggleTabPanelFormElementsState.call(el));\n find(SELECTORS.COLLAPSE, root).forEach(el => toggleCollapseFormElementsState.call(el));\n }\n });\n}\n\n/**\n * Sets the enabled/disabled state of all form elements found inside the\n * tabpanel of the Bootstrap tab element passed in as a calling context\n *\n * @this {Element} el The element in whose tabpanel to toggle the fields in\n */\nfunction toggleTabPanelFormElementsState() {\n const targets = document.querySelectorAll(this.hash);\n const targetsArr = Array.prototype.slice.call(targets);\n\n toggleFormElementsState(targetsArr, this.classList.contains('active'));\n}\n\n/**\n * Sets the enabled/disabled state of all form elements found inside the\n * Bootstrap collapse element passed in as a calling context\n *\n * @this {Element} The element to toggle the fields in\n */\nfunction toggleCollapseFormElementsState() {\n toggleFormElementsState([this], this.classList.contains('show'));\n}\n\n/**\n * Finds all elements that correspond to the passed in selector\n * and calls the provided callback for each of them\n *\n * @param {string} selector The selector to use\n * @param {Function} callback The callback to execute\n */\nfunction handleExistingElements(selector, callback) {\n // Reversing the selected elements is the cheapest way to ensure that nested\n // tabs and collapses are handled depth-first\n Array.from(document.querySelectorAll(selector)).reverse().forEach(el => callback.call(el));\n\n document.dispatchEvent(new CustomEvent(COLLAPSE_EVENTS.FORMS_STATE_CHANGED));\n}\n\n/**\n * Initializes listeners that handle the state of form elements inside\n * Bootstrap collapse elements or tab panels\n *\n * @param {string} type The type of Bootstrap element to handle\n */\nfunction initElements(type) {\n let selector;\n let callback;\n\n switch (type) {\n case 'tab':\n selector = SELECTORS.TABS;\n callback = toggleTabPanelFormElementsState;\n break;\n\n case 'collapse':\n selector = SELECTORS.COLLAPSE;\n callback = toggleCollapseFormElementsState;\n break;\n\n default:\n }\n\n if (selector && callback) {\n // Handle elements currently on the page\n handleExistingElements(selector, callback);\n\n // Listen for the type's toggle events from user interaction\n $(document).on(`shown.bs.${type} hidden.bs.${type}`, selector, function () {\n callback.call(this);\n\n document.dispatchEvent(new CustomEvent(COLLAPSE_EVENTS.FORMS_STATE_CHANGED));\n });\n\n // Handle elements that get added as a result of AJAX calls\n const observer = new MutationObserver(handleExistingElements.bind(null, selector, callback));\n observer.observe(document, {\n childList: true,\n subtree: true,\n });\n }\n}\n\n/**\n * Initializes listeners that handle the state of form elements inside Bootstrap tab panel elements\n */\nfunction initTabs() {\n initElements('tab', SELECTORS.TABS, toggleTabPanelFormElementsState);\n}\n\n/**\n * Initializes listeners that handle the state of form elements inside Bootstrap collapse elements\n */\nfunction initCollapse() {\n initElements('collapse', SELECTORS.COLLAPSE, toggleCollapseFormElementsState);\n}\n\n/**\n * Ensure that any form elements inside collapse or tabpanel containers\n * get disabled when their parents get hidden and vice-versa\n */\nexport const toggleFormElementStates = () => {\n initTabs();\n initCollapse();\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","/**\n * This module represents a compatibility layer between the project and base code.\n *\n * The project code must be written using ES6 modules to meet the coding guidelines,\n * however, since its version 6, Babel has removed the compatibility for\n * require-ing ES6 modules, even if they only have a default export:\n * https://github.com/babel/babel/issues/2212\n *\n * This results in all calls to require that resolve to ES6 modules\n * (due to the dependency chain injection) returning an object with a 'default' field,\n * which contains the actual public export of the module.\n *\n * Normally this would be resolved with a Babel plugin:\n * https://www.npmjs.com/package/babel-plugin-add-module-exports\n *\n * However, the plugin requires that the used Babel preset be confiugured to use CommonJS modules.\n * Changing that setting would break the Webpack chunks, so what is done instead is that\n * the base cartridge's modules are transpiled to ES6 before the project code is introduced.\n * This leaves the only remaining hurdle to full compatibility being the processInclude function,\n * since the __webpack_exports__ function returns a Module instance in some cases, which has\n * a default field, containing the module's default export. Attempts to treat it as an\n * iterable object resolve in that 'default' field, which is not usable for this method.\n */\n\nimport base from '~base';\n\n/**\n * Intercepts processInclude calls to the base module,\n * and if the passed-in module is an ES6 module with a default export,\n * processes that default export instead of the exported module itself\n *\n * @param {Object} include The module to process\n */\nexport default function (include) {\n if (typeof include === 'object' && include.default) {\n base(include.default);\n } else {\n base(include);\n }\n}\n","const domParser = new DOMParser();\n\n/**\n * Get JSON data from a data-attribute\n *\n * @param el the DOM element that contains the data attribute\n * @param name the name of the data-attriute (without data- prefix)\n * @param defaultValue the default value\n *\n * @returns the parsed data\n */\nexport const getJSONData = (el, name, defaultValue) => {\n let result = defaultValue;\n const strData = el.dataset[name];\n if (strData) {\n try {\n const data = JSON.parse(strData);\n if (Array.isArray(data)) {\n result = data;\n } else {\n result = {\n ...defaultValue,\n ...data,\n };\n }\n } catch (ignore) {\n // ignore\n }\n }\n return result;\n};\n\n/**\n * Parses a string containing HTML and returns an array of the created elements.\n *\n * @param str the markup text\n *\n * @return the created elements as array\n */\nexport const parseHTMLString = str => Array.from(domParser.parseFromString(str, 'text/html').body.children);\n\n/**\n * Creates an element from the given string.\n *\n * @param str the markup text\n *\n * @returns the created element\n */\nexport const createElementFromString = (str) => {\n const parsed = parseHTMLString(str);\n let res;\n if (parsed.length) {\n res = parsed[0]; // eslint-disable-line prefer-destructuring\n }\n return res;\n};\n\n/**\n * Appends elements parsed from a string to an element.\n *\n * @param el the element to append\n * @param str the markup text\n * @param clear clear child elements before (default false)\n */\nexport const setElementHTML = (el, str, clear = false) => {\n if (clear) {\n el.innerHTML = '';\n }\n parseHTMLString(str).forEach((newEl) => {\n el.appendChild(newEl);\n });\n};\n\n/**\n * Event delegation.\n *\n * @param element the DOM element\n * @param eventName the event\n * @param selector selector for sub elements\n * @param fn the event handler function\n */\nexport const onEvent = (element, eventName, selector, fn) => {\n element.addEventListener(eventName, (e) => {\n let node = e.target || e.srcElement;\n for (; node && node !== element; node = node.parentNode) {\n if (node.matches(selector)) {\n e.delegateTarget = node;\n fn(e);\n }\n }\n });\n};\n\n/**\n * Gets the style property as rendered via any means (style sheets, inline, etc) but does *not* compute values\n * @param domNode - the node to get properties for\n * @param properties - Can be a single property to fetch or an array of properties to fetch\n */\nexport const getFinalStyle = (domNode, properties) => {\n if (!(properties instanceof Array)) {\n properties = [properties]; // eslint-disable-line no-param-reassign\n }\n\n const parent = domNode.parentNode;\n let originalDisplay;\n if (parent) {\n originalDisplay = parent.style.display;\n parent.style.display = 'none';\n }\n const computedStyles = getComputedStyle(domNode);\n\n const result = {};\n properties.forEach((prop) => {\n result[prop] = computedStyles[prop];\n });\n\n if (parent) {\n parent.style.display = originalDisplay;\n }\n\n return result;\n};\n\n/**\n * Get scroll top of document.\n */\nexport const getScrollTop = () => (document.documentElement ? document.documentElement.scrollTop : 0)\n || document.body.scrollTop;\n\n/**\n * Get the outer width with margin of an element.\n *\n * @param el the DOM element\n */\nexport const outerWidthWithMargin = (el) => {\n let width = el.offsetWidth;\n const style = getComputedStyle(el);\n\n width += parseInt(style.marginLeft, 10) + parseInt(style.marginRight, 10);\n return width;\n};\n\n/**\n * Get the outer height with margin of an element.\n *\n * @param el the DOM element\n */\nexport const outerHeightWithMargin = (el) => {\n let height = el.offsetHeight;\n const style = getComputedStyle(el);\n\n height += parseInt(style.marginTop, 10) + parseInt(style.marginBottom, 10);\n return height;\n};\n\n/**\n * Get sibling elements of the given element.\n *\n * @param el the DOM element\n * @param filter a filter function\n */\nexport const getSiblings = (el, filter) => {\n const siblings = [];\n el = el.parentNode.firstChild; // eslint-disable-line no-param-reassign\n do { // eslint-disable-line no-cond-assign\n if (!filter || filter(el)) siblings.push(el);\n } while (el = el.nextSibling); // eslint-disable-line no-param-reassign\n return siblings;\n};\n\n/**\n * Adds a class if not set.\n * @param element the element\n * @param className the class to add\n */\nexport const addClassIfNeeded = (element, className) => {\n const addNeeded = element && !element.classList.contains(className);\n if (addNeeded) {\n element.classList.add(className);\n }\n return addNeeded;\n};\n\n/**\n * Removes a class if set.\n * @param element the element\n * @param className the class to remove\n */\nexport const removeClassIfNeeded = (element, className) => {\n const removeNeeded = element && element.classList.contains(className);\n if (removeNeeded) {\n element.classList.remove(className);\n }\n return removeNeeded;\n};\n\n/**\n * Adds or removes a class if needed.\n * @param element the element\n * @param className the class to add or remove\n * @param add add or remove the class?\n */\nexport const addOrRemoveClassIfNeeded = (element, className, add) => (\n add ? addClassIfNeeded : removeClassIfNeeded)(element, className);\n","import { loadContent, CONTENT_TYPES } from './fetchutils';\n\n/**\n * Utility function to execute a selector lookup on the document,\n * an element or an array of elements\n *\n * @param {string} selector The selector to find\n * @param {Element|Element[]} [el=document] The element(s) relative to which to execute the lookup.\n * -If no parameter is provided, the page document is used.\n * If an array is provided, the query is executed on each of them,\n * and the results are flattened.\n * @return {Node[]} The nodes found by the query\n */\nexport const find = (selector, el) => {\n let safeEl = el;\n let childrenArr = [];\n\n if (!safeEl) {\n safeEl = document;\n } else if (typeof safeEl === 'string') {\n safeEl = Array.prototype.slice.call(document.querySelectorAll(safeEl));\n }\n\n if (Array.isArray(safeEl)) {\n childrenArr = safeEl\n .map(parentEl => parentEl.querySelectorAll(selector))\n .reduce((acc, children) => acc.concat(Array.prototype.slice.call(children)), []);\n } else {\n childrenArr = Array.prototype.slice.call(safeEl.querySelectorAll(selector));\n }\n\n return childrenArr;\n};\n\n/**\n * Convenience function to find all form fields in an element.\n *\n * @see find\n * @param {Element|Element[]} [el] The element(s) relative to which to execute the lookup.\n * @return {Node[]} The form field nodes found by the query\n */\nexport const findFormFields = el => find('input, select, textarea, output', el);\n\n/**\n * Determines whether a form element should ne included in its values hash\n *\n * @param {Element} element The element to check\n * @return {boolean} True if it should be included\n */\nconst useElement = (element) => {\n const { disabled, checked } = element;\n const selection = element.type === 'radio' || element.type === 'checkbox';\n\n return !disabled && (!selection || checked);\n};\n\n/**\n * Retrieves input data from a form and returns it as a JSON object.\n * @param {HTMLFormControlsCollection} elements the form elements\n * @return {Object} form data as an object literal\n */\nexport const getFormValuesObject = parent => findFormFields(parent).reduce((data, element) => {\n if (useElement(element)) {\n data[element.name] = element.value;\n }\n return data;\n}, {});\n\n\n/**\n * Populates the input attribute values of the form fields in the provided parent\n * so that they match their respective property values\n *\n * @param {HTMLFormControlsCollection} parent The parent of the elements to refresh\n */\nexport const refreshAttributes = (parent) => {\n findFormFields(parent).forEach((field) => {\n if (field.tagName.toLowerCase() === 'select') {\n const { value } = field;\n const selectedOption = Array.from(field.options).find(option => option.getAttribute('selected'));\n const valueOption = Array.from(field.options).find(option => option.value === value);\n\n if (selectedOption) {\n selectedOption.removeAttribute('selected');\n }\n\n if (valueOption) {\n valueOption.setAttribute('selected', 'selected');\n }\n } else {\n field.setAttribute('value', field.value);\n }\n\n if (field.checked) {\n field.setAttribute('checked', 'checked');\n } else {\n field.removeAttribute('checked');\n }\n\n if (field.disabled) {\n field.setAttribute('disabled', 'disabled');\n } else {\n field.removeAttribute('disabled');\n }\n });\n};\n\n/**\n * Loads in any remote includes that were returned in content in JSON responses as 'wainclude'\n */\nexport const populateRemoteIncludes = async () => {\n const remoteIncludes = Array.from(document.querySelectorAll('wainclude'));\n\n const operations = remoteIncludes.map(remoteInclude => loadContent(remoteInclude));\n const results = await Promise.all(operations);\n\n results.forEach((result, i) => {\n const { content, type } = result;\n\n if (type === CONTENT_TYPES.TEXT) {\n remoteIncludes[i].outerHTML = content;\n }\n });\n};\n\nexport const visible = el => el && !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);\n\n/**\n * Replaces the passed in component with the updated content\n *\n * @param {string} selector Selector for the element to replace\n * @param {string} content The HTML content to update the element with\n */\nexport const updateComponent = async (selector, content) => {\n const components = Array.from(document.querySelectorAll(selector));\n\n const operations = components.map((component) => {\n if (component && visible(component)) {\n if (content && content.length) {\n component.outerHTML = content;\n\n return populateRemoteIncludes();\n }\n\n component.remove();\n }\n\n return Promise.resolve();\n });\n\n await Promise.all(operations);\n};\n\n/**\n * Creates an event listener using the provided values, removing and potential duplicates beforehan\n *\n * @param {EventTarget} el The target to add a listener to\n * @param {string} evt The event to listen for\n * @param {Function} handler The event handler to attach\n */\nexport const addUniqueEventListener = (el, evt, handler) => {\n el.removeEventListener(evt, handler);\n el.addEventListener(evt, handler);\n};\n\n/**\n * Checks whether the current window width puts the user in the MD style breakpoint\n *\n * @return {boolean} True if MD\n */\nexport const isMD = () => window.matchMedia('(min-width: 769px)').matches;\n\n/**\n * Checks whether the current window width puts the user in the LG style breakpoint\n *\n * @return {boolean} True if LG\n */\nexport const isLG = () => window.matchMedia('(min-width: 992px)').matches;\n\n/**\n * Checks whether the current window width puts the user in the XL style breakpoint\n *\n * @return {boolean} True if XL\n */\nexport const isXL = () => window.matchMedia('(min-width: 1200px)').matches;\n\nexport const isIOS = () => navigator.userAgent.match(/(iPhone|iPod|iPad)/i);\n\nexport const innerHeight = (el) => {\n const style = window.getComputedStyle(el);\n\n const height = parseInt(style.height, 10) || 0;\n const paddingTop = parseInt(style.paddingTop, 10) || 0;\n const paddingBottom = parseInt(style.paddingBottom, 10) || 0;\n const borderTopWidth = parseInt(style.borderTopWidth, 10) || 0;\n const borderBottomWidth = parseInt(style.borderBottomWidth, 10) || 0;\n\n return height - paddingTop - paddingBottom - borderTopWidth - borderBottomWidth;\n};\n\n/**\n * Determines if the current page was navigated to via back or forward navigation\n *\n * @return {boolean} True if back/forward was used\n */\nexport const isBackForwardNavigation = () => {\n const LEGACY_BACKFW_TYPE = window.PerformanceNavigation && window.PerformanceNavigation.TYPE_BACK_FORWARD;\n\n const perf = window.performance;\n const legacyNavType = perf && perf.navigation && perf.navigation.type;\n const navEntry = perf && perf.getEntriesByType && perf.getEntriesByType('navigation')[0];\n\n const navEntryBackFw = navEntry && navEntry.type === 'back_forward';\n const legacyNavBackFw = legacyNavType && legacyNavType === LEGACY_BACKFW_TYPE;\n\n return !!(navEntryBackFw || legacyNavBackFw);\n};\n\n/**\n * @typedef {Object} ElementOffsets\n * @property {number} top The top offset\n * @property {number} left The left offset\n */\n/**\n * Calculates the offsets of the provided element from the document edges\n *\n * @param {Element} el The element to calculate for\n * @return {ElementOffsets}\n */\nexport const getElementOffset = (el) => {\n let top = 0;\n let left = 0;\n let element = el;\n\n do {\n top += element.offsetTop || 0;\n left += element.offsetLeft || 0;\n element = element.offsetParent;\n } while (element);\n\n return {\n top,\n left,\n };\n};\n\nexport * from '~base';\n","// URL manipulation\n// ================\n\nconst DUMMY_HOST_PROTOCOL = 'http://dummy';\n\nconst prepareURL = (url) => {\n let theURL;\n try {\n theURL = new URL(url);\n } catch (e) {\n if (url.indexOf('/') === 0) {\n theURL = new URL(url, DUMMY_HOST_PROTOCOL);\n } else {\n throw e;\n }\n }\n return theURL;\n};\n\nconst prepareURLString = (url) => {\n let urlString = url.toString();\n if (urlString.indexOf(`${DUMMY_HOST_PROTOCOL}/`) === 0) {\n urlString = urlString.substring(DUMMY_HOST_PROTOCOL.length);\n }\n return urlString;\n};\n\n/**\n * Attach object data to an existing URL.\n *\n * @param url the URL\n * @param data the data to attach\n */\nconst attachDataToURL = (url, data) => {\n const theURL = prepareURL(url);\n const searchParams = new URLSearchParams(theURL.search);\n Object.keys(data).forEach((key) => {\n let value = data[key];\n if (value === null || value === undefined) {\n value = '';\n }\n searchParams.set(key, value);\n });\n theURL.search = searchParams.toString();\n return prepareURLString(theURL);\n};\n\n/**\n * Remove parameters from the given URL.\n *\n * @param url the URL\n * @param paramsToRemove the params to remove\n */\nconst removeParamsFromURL = (url, paramsToRemove) => {\n const theURL = prepareURL(url);\n const searchParams = new URLSearchParams(theURL.search);\n paramsToRemove.forEach((param) => {\n searchParams.delete(param);\n });\n theURL.search = searchParams.toString();\n return prepareURLString(theURL);\n};\n\n\n// Preparation of form data\n// ========================\n\n/**\n * Create a new container for form data (can be FormData or URLSearchParams) and add an object to it.\n * @param object the object containing ghe data to add\n * @param FormDataContainer the form data container type\n */\nconst objToFormDataContainer = (object, FormDataContainer) => Object.keys(object).reduce((formData, key) => {\n formData.append(key, object[key]);\n return formData;\n}, new FormDataContainer());\n\n/**\n * Create a FormData object using an object.\n * @param object the object containing ghe data to add\n */\nconst getFormData = object => objToFormDataContainer(object, FormData);\n\n/**\n * Create a URLSearchParams object using an object.\n * @param object the object containing ghe data to add\n */\nconst getURLSearchParams = object => objToFormDataContainer(object, URLSearchParams);\n\n\n// Request preparation\n// ===================\n\n/**\n * General options for all types of fetch requests.\n */\nconst fetchGeneral = {\n credentials: 'same-origin',\n};\n\n/**\n * General headers for all types of fetch requests.\n */\nconst fetchHeadersGeneral = {\n 'X-Requested-With': 'XMLHttpRequest',\n};\n\n/**\n * Generate options for fetch requests.\n * This contains general options and headers.\n * @param options (optional) options for the request merged with the general options\n * @param additionalHeaders (optional) additional headers for the request merged with the general headers\n */\nconst fetchOptionsGeneral = (options = {}, additionalHeaders = {}) => ({\n ...fetchGeneral,\n headers: {\n ...fetchHeadersGeneral,\n ...additionalHeaders,\n },\n ...options,\n});\n\n/**\n * Generate options for GET requests.\n * This contains general options and headers.\n * @param options (optional) options for the request merged with the general options\n * @param additionalHeaders (optional) additional headers for the request merged with the general headers\n */\nconst fetchOptionsGet = (options = {}, additionalHeaders = {}) => fetchOptionsGeneral({\n method: 'GET',\n ...options,\n}, additionalHeaders);\n\n/**\n * Generate options for general POST requests.\n * This contains general options and headers.\n * @param body the body for the POST request\n * @param options (optional) options for the request merged with the general options\n * @param additionalHeaders (optional) additional headers for the request merged with the general headers\n */\nconst fetchOptionsPost = (body, options = {}, additionalHeaders = {}) => fetchOptionsGeneral({\n method: 'POST',\n body,\n ...options,\n}, additionalHeaders);\n\n// Exports\n// =======\n\nexport {\n attachDataToURL,\n removeParamsFromURL,\n getFormData,\n getURLSearchParams,\n fetchOptionsGeneral,\n fetchOptionsGet,\n fetchOptionsPost,\n};\n","import $ from 'jquery';\nimport { getFormValuesObject } from './domutils'; // eslint-disable-line import/named\nimport {\n fetchOptionsGet, fetchOptionsPost, getFormData, getURLSearchParams,\n} from '~base'; // eslint-disable-line import/named\n\nexport const CONTENT_TYPES = {\n TEXT: 'TEXT',\n JSON: 'JSON',\n};\n\nexport const CONTENT_TYPES_MAPS = {\n [CONTENT_TYPES.TEXT]: ['text/html', 'text/plain'],\n [CONTENT_TYPES.JSON]: ['text/json', 'application/json'],\n};\n\nconst isType = (typeParts, contentType) => typeParts.some(part => contentType.indexOf(part) >= 0);\n\nconst getResponseType = (response) => {\n let type = null;\n\n if (response) {\n const contentTypeHeader = response.headers.get('content-type') || '';\n const contentType = contentTypeHeader.toLowerCase();\n\n if (isType(CONTENT_TYPES_MAPS[CONTENT_TYPES.JSON], contentType)) {\n type = CONTENT_TYPES.JSON;\n } else if (isType(CONTENT_TYPES_MAPS[CONTENT_TYPES.TEXT], contentType)) {\n type = CONTENT_TYPES.TEXT;\n }\n }\n\n return type;\n};\n\nconst getResponseContent = async (response, type) => {\n let content;\n\n switch (type) {\n case CONTENT_TYPES.JSON:\n content = await response.json();\n break;\n\n case CONTENT_TYPES.TEXT:\n content = await response.text();\n break;\n\n default:\n content = null;\n }\n\n return content;\n};\n\nconst getUrl = (item) => {\n let url = item.href || item.action || item.dataset.action || item.getAttribute('url');\n\n if (url && url.indexOf('http') !== 0) {\n url = `${window.location.protocol}//${window.location.host}${url}`;\n }\n\n return url;\n};\n\nconst startSpinner = (urlSource) => {\n let spinnerContainer;\n const supportedTags = ['form', 'div', 'span', 'ul'];\n\n if (urlSource) {\n spinnerContainer = urlSource.closest('[data-spinner-target]');\n\n if (!spinnerContainer && supportedTags.indexOf(urlSource.tagName.toLowerCase()) >= 0) {\n spinnerContainer = urlSource;\n }\n }\n\n if (!spinnerContainer) {\n spinnerContainer = document.body;\n }\n\n $(spinnerContainer).spinner().start();\n\n return spinnerContainer;\n};\n\nexport const loadContent = async (trigger, loadUrl = null, additionalData = null, showSpinner = true) => {\n const urlSource = getUrl(trigger) ? trigger : trigger.form;\n\n let url = loadUrl || getUrl(urlSource);\n const method = (urlSource && (urlSource.method || urlSource.dataset.method)) || 'get';\n\n let options;\n let formValues = getFormValuesObject(urlSource);\n\n if (urlSource && urlSource.name && urlSource.tagName && urlSource.tagName.toLowerCase() === 'input') {\n let { value } = urlSource;\n\n if (urlSource.type === 'radio' || urlSource.type === 'checkbox') {\n value = urlSource.checked;\n }\n\n formValues = Object.assign({}, { [urlSource.name]: value }, formValues);\n }\n\n if (typeof additionalData === 'object') {\n formValues = Object.assign({}, additionalData, formValues);\n }\n\n if (method === 'post') {\n const formData = getFormData(formValues);\n\n options = fetchOptionsPost(formData);\n } else {\n const urlObject = new URL(url);\n const urlParams = new URLSearchParams(urlObject.search);\n const formUrlParams = getURLSearchParams(formValues);\n\n // eslint-disable-next-line no-restricted-syntax\n for (const formUrlParamName of formUrlParams.keys()) {\n urlParams.set(formUrlParamName, formUrlParams.get(formUrlParamName));\n }\n\n urlObject.search = urlParams.toString();\n url = urlObject.toString();\n\n options = fetchOptionsGet();\n }\n\n let spinner = null;\n if (showSpinner) {\n spinner = startSpinner(urlSource);\n }\n\n const response = await fetch(url, options);\n const type = getResponseType(response);\n const content = await getResponseContent(response, type);\n if (showSpinner) {\n $(spinner).spinner().stop();\n }\n\n return { url, type, content };\n};\n\nexport * from '~base';\n","import { getElementOffset, isLG } from './domutils';\n\n/**\n * Allows for consistently scrolling the viewport to a specified element\n *\n * @param {string|Element|number} targetSelector Selector for the element or Y offset to scroll to\n */\nexport default (targetSelector, smooth = true) => {\n let scrollTarget = targetSelector;\n\n if (typeof targetSelector === 'string') {\n scrollTarget = document.querySelector(targetSelector);\n }\n\n if (scrollTarget && scrollTarget instanceof Element) {\n let top = getElementOffset(scrollTarget).top - 100;\n if (isLG()) {\n top = getElementOffset(scrollTarget).top - 175;\n }\n\n window.scroll({\n top,\n behavior: smooth ? 'smooth' : 'auto',\n });\n }\n\n if (typeof scrollTarget === 'number' && !Number.isNaN(scrollTarget)) {\n window.scroll({\n top: scrollTarget,\n behavior: smooth ? 'smooth' : 'auto',\n });\n }\n};\n","const safeDecodeURIComponent = (value) => {\n let decodedValue = value;\n\n try {\n decodedValue = decodeURIComponent(value);\n } catch (e) {\n // Contains a non-decodable symbol, which means it's already decoded\n }\n\n return decodedValue;\n};\n\nexport const appendToUrl = (url, params) => {\n let newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(\n key => `${key}=${encodeURIComponent(params[key])}`,\n ).join('&');\n\n return newUrl;\n};\n\nexport const parseQueryString = (queryStringUrl) => {\n const queryString = queryStringUrl.split(/[#?]/)[1] || queryStringUrl;\n const params = queryString.split('&').reduce((acc, pair) => {\n const pairParts = pair.split('=');\n const [paramName, paramValue] = pairParts;\n\n if (paramName && paramValue) {\n const decodeSafeValue = paramValue.replace(/\\+/g, '%20');\n\n return Object.assign(acc, {\n [paramName]: safeDecodeURIComponent(decodeSafeValue),\n });\n }\n\n return acc;\n }, {});\n\n return params;\n};\n\nexport const removeParamsFromUrl = (url, params) => {\n const [baseUrl, qs] = url.split('?');\n const modifiedQs = (qs || '')\n .split('&')\n .filter(qsPair => params.indexOf(qsPair.split('=')[0]) < 0)\n .join('&');\n\n return baseUrl + (modifiedQs ? `?${modifiedQs}` : '');\n};\n","'use strict';\n\nfunction handleSizeConversion(baseSize, defaultSizes, countrySizes, zeroPrefix, countryPrefix) {\n let convertedSize = baseSize;\n let numericSize;\n if (baseSize.indexOf('.') > -1) {\n numericSize = parseFloat(baseSize, 10);\n } else {\n numericSize = parseInt(baseSize, 10);\n }\n const sizeIndex = defaultSizes.indexOf(numericSize);\n\n if (sizeIndex >= 0) {\n const currentCountrySize = countrySizes[sizeIndex];\n\n if (typeof currentCountrySize !== 'undefined') {\n convertedSize = currentCountrySize;\n\n if (zeroPrefix && convertedSize.toString().length === 1 && convertedSize.toString().length !== '0') {\n convertedSize = '0' + convertedSize;\n }\n }\n }\n\n if (countryPrefix) {\n convertedSize = countryPrefix + ' ' + convertedSize;\n }\n\n return convertedSize;\n}\n\nmodule.exports = {\n handleSizeConversion: handleSizeConversion,\n};\n","/* eslint-disable */ export default (projectScripts) => {\n if (projectScripts) {\n projectScripts.forEach((file) => {\n switch (file) {\n case 'appointments':\n import(/* webpackChunkName: \"js/appointments\" */'../chunks/appointments');\n break;\n case 'contactUs':\n import(/* webpackChunkName: \"js/contactUs\" */'../chunks/contactUs');\n break;\n case 'globaleAnalytics':\n import(/* webpackChunkName: \"js/globaleAnalytics\" */'../chunks/globaleAnalytics');\n break;\n case 'hubbox.val':\n import(/* webpackChunkName: \"js/hubbox.val\" */'../../../../../../int_hubbox_sfra_tfg/cartridge/client/default/js/chunks/hubbox.val');\n break;\n case 'paypalCreditFinancingOptions.val':\n import(/* webpackChunkName: \"js/paypalCreditFinancingOptions.val\" */'../../../../../../int_paypal_sfra_tfg/cartridge/client/default/js/chunks/paypalCreditFinancingOptions.val');\n break;\n case 'paypalMFRA.val':\n import(/* webpackChunkName: \"js/paypalMFRA.val\" */'../../../../../../int_paypal_sfra_tfg/cartridge/client/default/js/chunks/paypalMFRA.val');\n break;\n case 'paypalUtils.val':\n import(/* webpackChunkName: \"js/paypalUtils.val\" */'../../../../../../int_paypal_sfra_tfg/cartridge/client/default/js/chunks/paypalUtils.val');\n break;\n case 'newsletter':\n import(/* webpackChunkName: \"js/newsletter\" */'../../../../../../plugin_newsletter_tfg/cartridge/client/default/js/chunks/newsletter');\n break;\n case 'wishlist':\n import(/* webpackChunkName: \"js/wishlist\" */'../../../../../../plugin_wishlists_tfg/cartridge/client/default/js/chunks/wishlist');\n break;\n default:\n if (process.env.NODE_ENV !== 'production') {\n console.error(`Unknown chunk \"${file}\".`); // eslint-disable-line no-console\n }\n }\n });\n }\n}; // eslint-disable-line eol-last","/**\n * Get the storefront config provided via script tag.\n *\n * Depending on the configuration it uses Redux or read it directly\n */\nlet app;\nif (ENABLE_REDUX) {\n app = require('./appConfig.redux').default; // eslint-disable-line global-require\n} else {\n app = require('./appConfig.plain').default; // eslint-disable-line global-require\n}\n\nconst appConfig = app;\nexport default appConfig;\n","export default (additionalScripts) => {\n if (additionalScripts) {\n additionalScripts.forEach((file) => {\n switch (file) {\n case 'addressBook':\n import(/* webpackChunkName: \"js/addressBook\" */'storefront/sfra/addressBook');\n break;\n case 'cart':\n import(/* webpackChunkName: \"js/cart\" */'storefront/sfra/cart');\n break;\n case 'checkout':\n import(/* webpackChunkName: \"js/checkout\" */'storefront/sfra/checkout');\n break;\n case 'checkoutRegistration':\n import(/* webpackChunkName: \"js/checkoutRegistration\" */'storefront/sfra/checkoutRegistration');\n break;\n case 'login':\n import(/* webpackChunkName: \"js/login\" */'storefront/sfra/login');\n break;\n case 'orderHistory':\n import(/* webpackChunkName: \"js/orderHistory\" */'storefront/sfra/orderHistory');\n break;\n case 'paymentInstruments':\n import(/* webpackChunkName: \"js/paymentInstruments\" */'storefront/sfra/paymentInstruments');\n break;\n case 'productDetail':\n import(/* webpackChunkName: \"js/productDetail\" */'storefront/sfra/productDetail');\n break;\n case 'productTile':\n import(/* webpackChunkName: \"js/productTile\" */'storefront/sfra/productTile');\n break;\n case 'profile':\n import(/* webpackChunkName: \"js/profile\" */'storefront/sfra/profile');\n break;\n case 'search':\n import(/* webpackChunkName: \"js/search\" */'storefront/sfra/search');\n break;\n case 'storeLocator':\n import(/* webpackChunkName: \"js/storeLocator\" */'storefront/sfra/storeLocator');\n break;\n default:\n if (process.env.NODE_ENV !== 'production') {\n console.error(`Unknown chunk \"${file}\".`); // eslint-disable-line no-console\n }\n }\n });\n }\n}; // eslint-disable-line eol-last","/**\n * Initializes the application.\n *\n * Sets the publicPath for Webpack and provides the loadChunks function to load the needed client side scripts.\n */\nimport loadChunksVal from './util/loadChunks.val';\nimport appConfig from './internal/appConfig';\n\nconst { basePath } = appConfig;\n\n// set public path if needed. If webpack-dev-server is running this has a value assigned.\nif (!__webpack_public_path__ && basePath) { // eslint-disable-line camelcase\n __webpack_public_path__ = basePath; // eslint-disable-line camelcase\n}\n\n/**\n * Loads the needed scripts provided via the additionalScripts config.\n */\nexport function loadChunks() { // eslint-disable-line import/prefer-default-export\n const { additionalScripts } = appConfig;\n if (additionalScripts) {\n loadChunksVal(additionalScripts);\n }\n}\n","import loadProjectChunksVal from './util/loadProjectChunks.val';\nimport appConfig from './internal/appConfig';\n\n/**\n * Loads the needed scripts provided via the projectScripts config.\n */\nexport function loadProjectChunks() { // eslint-disable-line import/prefer-default-export\n const { projectScripts } = appConfig;\n if (projectScripts) {\n loadProjectChunksVal(projectScripts);\n }\n}\n\nexport * from '~base';\n","/* eslint-disable no-undef */\n/* eslint-disable prefer-template */\n/* eslint-disable prefer-arrow-callback */\n/* eslint-disable jquery/no-data */\n/* eslint-disable jquery/no-each */\n/**\n * This is the main entry point for the brand.\n */\n\nimport $ from 'jquery';\n\nwindow.renderCloudinaryGalleryWidget = function () {\n let imgUrls;\n let galleryOptions;\n const $cldEl = $('.cloudinary-data-container');\n const cloudinaryObj = $cldEl.data('cloudinary');\n\n if (cloudinaryObj) {\n if (cloudinaryObj.galleryEnabled && typeof cloudinary !== 'undefined') {\n galleryOptions = cloudinaryObj.images.galleryWidget.options;\n window.cldGallery = cloudinary.galleryWidget(galleryOptions); // eslint-disable-line no-undef\n cldGallery.render(); // eslint-disable-line no-undef\n } else if (cloudinaryObj.images && cloudinaryObj.images.imageURLs) {\n imgUrls = cloudinaryObj.images.imageURLs || '';\n }\n }\n\n // removing custom code below as feature was introduced to the Gallery base code in the last v1.1.34\n\n // $(document).on('click', '#cld-gallery', function (event) {\n // setTimeout(() => {\n // let tryAgain = false; // Retry checking is the zoom-in rendered\n // // Avoiding the mutationObserver due to the DOM complexity\n // // eslint-disable-next-line no-restricted-syntax\n // for (const el of document.getElementsByClassName(event.target.className)) {\n // if (el.style && el.style.cursor === 'zoom-in') {\n // el.dispatchEvent(new PointerEvent('pointerdown'));\n // el.dispatchEvent(new PointerEvent('pointerup'));\n // return;\n // }\n // if (el.style && el.style.cursor === 'zoom-out') {\n // tryAgain = true;\n // }\n // } // for\n // if (tryAgain) {\n // event.target.click();\n // }\n // }, 50); // setTimeout\n // });\n\n return imgUrls;\n};\n\nwindow.renderCloudinarySetGalleryWidgets = function () {\n let cldObj;\n let cldSetImages;\n\n $('.cloudinary-set-data-container').each(function () {\n cldObj = $(this).data('cloudinary');\n cldSetImages = $(this).data('cloudinary-set-images');\n\n if (cldObj && cldObj.isEnabled && cldSetImages && cldSetImages.galleryWidget\n && cldObj.galleryEnabled && typeof cloudinary !== 'undefined') {\n window.cldGallery = cloudinary.galleryWidget(cldSetImages.galleryWidget.options); // eslint-disable-line no-undef\n cldGallery.render(); // eslint-disable-line no-undef\n }\n });\n};\n\nwindow.renderCloudinaryVideoPlayer = function () {\n let videoPlayerID;\n let cldObj;\n let cld;\n let player;\n const cldURLs = [];\n\n $('.cloudinary-data-container').each(function () {\n cldObj = $(this).data('cloudinary');\n videoPlayerID = $(this).data('cloudinary-video-player-id');\n\n if (cldObj && cldObj.video && cldObj.video.videoURL\n && cldObj.video.videoURL !== '' && cldObj.video.videoURL !== 'null') {\n if (cldObj.videoPlayerEnabled && typeof cloudinary !== 'undefined') {\n cld = cloudinary.Cloudinary.new({ cloud_name: cldObj.cloudName }); // eslint-disable-line no-undef\n player = cld.videoPlayer('cld-video-player' + (videoPlayerID ? '-' + videoPlayerID : ''),\n cldObj.video.widgetOptions);\n player.source(cldObj.video.videoURL, {}).play();\n player.transformation(cldObj.video.widgetOptions.transformations);\n } else {\n cldURLs.push(cldObj.video.videoURL);\n }\n }\n });\n return cldURLs;\n};\n\nwindow.makeCloudinaryImagesResponsive = function () {\n const $cldResponsiveImgTags = $('.cld-responsive');\n if (typeof cloudinary !== 'undefined') {\n if ($cldResponsiveImgTags && $cldResponsiveImgTags.length > 0) {\n window.cldObj = window.cldObj || cloudinary.Cloudinary.new(); // eslint-disable-line no-undef\n window.cldObj.responsive(); // eslint-disable-line no-undef\n }\n }\n};\n\nexport default () => {\n $(document).ready(function () {\n window.renderCloudinaryGalleryWidget();\n window.renderCloudinaryVideoPlayer();\n window.renderCloudinarySetGalleryWidgets();\n window.makeCloudinaryImagesResponsive();\n });\n $(document).on('product:afterAttributeSelect', function () {\n window.makeCloudinaryImagesResponsive();\n });\n $(document).on('click', '.product-tile__swatch', function () {\n // eslint-disable-next-line jquery/no-closest\n const tile = $(this).closest('.product-tile');\n // eslint-disable-next-line jquery/no-find\n const img = $(tile).find('.tile-image');\n // eslint-disable-next-line jquery/no-attr\n $(img).attr('src', $(this).data('image'));\n $(img).attr('srcset', $(this).data('srcset'));\n $(img).attr('sizes', $(this).data('sizes'));\n window.makeCloudinaryImagesResponsive();\n });\n};\n","import $ from 'jquery';\nimport processInclude from './util';\nimport cloudinaryWidget from './components/cloudinaryWidgets';\n\nimport '~base';\n\n// eslint-disable-next-line no-undef\n$(document).ready(() => {\n processInclude(cloudinaryWidget);\n});\n","/**\n * Load the main stylesheet.\n *\n * Stylesheet will be built and extracted to CSS using Webpack.\n */\nimport style from '../scss/style.scss';\n// import style from '../less/style.less';\n\nexport default style;\n","/**\n * This is the main entry point for the application.\n */\n\n// eslint-disable-next-line import/named\nimport { loadChunks, loadProjectChunks } from './initApp'; // Initialize the application\nimport './sfra/main'; // call the main module\n/*\n * Load the main stylesheet.\n *\n * Stylesheet will be built and extracted to CSS using Webpack.\n */\nimport './mainStyle';\n\nloadChunks(); // load additional needed chunks\nloadProjectChunks(); // load additional needed chunks\nfilterCookieValue();\n\nfunction contentEventInitData() {\n const element = document.querySelectorAll('.content-block-event');\n element.forEach((ele) => {\n if (ele.getAttribute('data-listener') !== 'true') {\n ele.setAttribute('data-listener', 'true');\n ele.addEventListener('click', () => {\n const indx = Array.from(document.getElementsByClassName('content-block-event')).indexOf(ele);\n const contentSlotId = `home-content-${indx + 1}`;\n const clickEventData = {\n event: 'contentBlockClick',\n contentBlockId: contentSlotId,\n };\n window.dataLayer.push(clickEventData);\n });\n }\n });\n}\n\nfunction filterCookieValue() {\n const decodedCookie = decodeURIComponent(document.cookie);\n const cookieArray = decodedCookie.split(';');\n for (let i = 0; i < cookieArray.length; i++) {\n let cookieItem = cookieArray[i];\n while (cookieItem.charAt(0) === ' ') {\n cookieItem = cookieItem.substring(1);\n }\n const cookiePair = cookieItem.split('=');\n\n // filter the cookie value to remove script tags\n if (cookiePair[1].indexOf('script') > -1) {\n const filteredValue = cookiePair[1].replace(/)<[^<]*)*<\\/script\\s*>/gi, '');\n // eslint-disable-next-line prefer-template\n document.cookie = cookiePair[0] + '=' + filteredValue + '; path=/';\n }\n }\n}\n\ndocument.addEventListener('DOMContentLoaded', contentEventInitData);\ndocument.addEventListener('product:carousel-init', contentEventInitData);\n","/**\n * This is the main entry point for the brand.\n */\n\nimport '~base'; // call the main module\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"breakpoint-sm-max\":\"767px\",\"breakpoint-md-min\":\"768px\",\"breakpoint-md-max\":\"991px\",\"breakpoint-lg-min\":\"992px\",\"breakpoint-lg-max\":\"1199px\",\"breakpoint-xl-min\":\"1200px\"};","'use strict';\n\nmodule.exports = function () {\n // Custom Start: Make cart product images responsive //\n $('.minicart').bind('DOMSubtreeModified', function (e) {\n if (e.target.innerHTML.length > 0) {\n if (typeof window.makeCloudinaryImagesResponsive !== 'undefined') {\n window.makeCloudinaryImagesResponsive();\n }\n }\n });\n // Custom End: Make cart product images responsive //\n};\n","'use strict';\n\nimport base from '~base';\n\nmodule.exports = function () {\n base();\n // Custom Start: Make suggested product images responsive //\n $('.suggestions-wrapper').bind('DOMSubtreeModified', function (e) {\n if (e.target.innerHTML.length > 0) {\n if (typeof window.makeCloudinaryImagesResponsive !== 'undefined') {\n window.makeCloudinaryImagesResponsive();\n }\n }\n });\n // Custom End: Make suggested product images responsive //\n};\n","'use strict';\n\n// eslint-disable-next-line\n// window.jQuery = window.$ = require('jquery');\nvar processInclude = require('base/util');\n\nimport '~base';\n\n$(document).ready(function () {\n processInclude(require('./components/search'));\n processInclude(require('./components/cloudinaryMiniCart'));\n});\n","'use strict';\n\n// var cart = require('base/cart/cart');\n/* eslint-disable no-undef */\n\nmodule.exports = function () {\n // cart();\n $('.minicart').on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal);\n }\n });\n\n $('.minicart').off('mouseenter focusin touchstart').on('mouseenter focusin touchstart', function (event) {\n if ($('.search:visible').length === 0) {\n return;\n }\n var url = $('.minicart').data('action-url');\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n $('.minicart .popover').addClass('show');\n $('.minicart .popover').spinner().start();\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n\n var isPaypalEnabled = !!($('#paypal_enabled').length > 0 && document.getElementById('paypal_enabled').value === 'true');\n var isGooglePayEnabled = !!($('#isGooglePayEnabled').length > 0 && $('#isGooglePayEnabled').val() === 'true');\n\n if (isPaypalEnabled) {\n paypalhelper.paypalMini();\n }\n if (isGooglePayEnabled) {\n onGooglePayLoaded();\n }\n\n $.spinner().stop();\n });\n }\n event.stopImmediatePropagation();\n });\n $('body').on('touchstart click', function (e) {\n if ($('.minicart').has(e.target).length <= 0) {\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n }\n });\n\n $('.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 if (!($(document).find('.paypal-checkout-sandbox').length > 0)) {\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n }\n\n event.stopImmediatePropagation();\n });\n $('body').on('change', '.minicart .quantity', function () {\n if ($(this).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n // eslint-disable-next-line\n location.reload();\n }\n });\n};\n","'use strict';\n\n// eslint-disable-next-line\n// window.jQuery = window.$ = require('jquery');\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('base/main'));\n processInclude(require('./components/CSminiCart'));\n});\n","import base from '~base';\n\nconst baseInvalid = base.invalid;\n\nbase.invalid = () => {\n baseInvalid.call(this);\n\n document.querySelectorAll('form input, form select').forEach((field) => {\n field.addEventListener('invalid', function (e) {\n e.preventDefault();\n if (!this.validity.valid) {\n const dataLayer = window[window.googleAnalytics.DATA_LAYER_NAME];\n if (dataLayer) {\n const event = {\n message: this.closest('.form-group').querySelector('.invalid-feedback').innerText,\n };\n dataLayer.push(event);\n }\n }\n });\n });\n};\n\nexport default base;\n","import { functions as ajax } from '../components/ajax';\n\n/**\n * When the GTM events are pushed with the value 'beacon' in the field 'transport',\n * the dataLayer library will attempt to use the Beacon API,\n * so events can be tracked despite of the user navigating away form the page;\n *\n * However, it is not supported by all browsers that are still in use:\n * https://caniuse.com/#feat=beacon\n *\n * This function polyfills the sendBeacon method of the window's navigator\n * with a synchrnouse XMLHttpRequest, to guarantee correct tracking\n *\n * Source: Polyfill Service (https://github.com/Financial-Times/polyfill-service)\n */\nexport const polyfillBeaconAPI = () => {\n window.navigator.sendBeacon = window.navigator.sendBeacon || function (url, data) {\n const xhr = ('XMLHttpRequest' in window) ? new XMLHttpRequest() : new window.ActiveXObject('Microsoft.XMLHTTP');\n\n xhr.open('POST', url, false);\n xhr.setRequestHeader('Accept', '*/*');\n\n if (typeof data === 'string') {\n xhr.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');\n xhr.responseType = 'text/plain';\n } else if (Object.prototype.toString.call(data) === '[object Blob]') {\n if (data.type) {\n xhr.setRequestHeader('Content-Type', data.type);\n }\n }\n\n xhr.send(data);\n\n return true;\n };\n};\n\n/**\n * Removes old data from the DataLayer when it needs to be replaced\n */\n\nconst replaceDataLayerProperty = (event) => {\n const gtm = window.google_tag_manager[window.googleAnalytics.CONTAINER_ID];\n\n if (gtm) {\n Object.keys(event.replace).forEach((propKey) => {\n gtm.dataLayer.set(propKey, undefined);\n event[propKey] = event.replace[propKey];\n });\n }\n\n delete event.replace;\n\n return event;\n};\n\n/**\n * Checks the results of all AJAX requests for JSON,\n * containing analytics events, and pushes them to the data layer, if any\n */\nconst handleAjaxEvents = (dataLayer, responseText) => {\n let events = [];\n\n try {\n // Handle JSON repsponses\n const response = JSON.parse(responseText);\n\n events = response[window.googleAnalytics.ANALYTICS_EVENTS_KEY];\n } catch (ex) {\n if (typeof responseText === 'object') {\n events = responseText[window.googleAnalytics.ANALYTICS_EVENTS_KEY];\n } else if (typeof responseText === 'string') {\n // Handle HTML responses using the GTM events decorator template\n const contentEl = document.createElement('div');\n\n contentEl.innerHTML = responseText;\n contentEl.querySelectorAll('[name=\"analytics-events\"]').forEach((input) => {\n events = events.concat(JSON.parse(input.value));\n });\n }\n }\n\n if (events && events.length) {\n for (let i = 0; i < events.length; i++) {\n if (events[i].replace) {\n events[i] = replaceDataLayerProperty(events[i]);\n }\n\n dataLayer.push(events[i]);\n }\n }\n\n return responseText;\n};\n\n/**\n * Extend the AJAX mechanisms that get used to allow for tracking any events in their responses\n */\nexport const installAjaxHandlers = () => {\n const dataLayer = window[window.googleAnalytics.DATA_LAYER_NAME];\n\n // Don't attach the listener if GTM or GA are not enabled\n if (!dataLayer) {\n return;\n }\n\n ajax.onComplete(handleAjaxEvents.bind(null, dataLayer));\n};\n\n/**\n * Checks the page for partial remote include templates,\n * containing analytics events, and pushes them to the data layer, if any\n */\nexport const pushRemoteIncludeEvents = () => {\n let events = [];\n const dataLayer = window[window.googleAnalytics.DATA_LAYER_NAME];\n\n // Don't query the DOM if GTM or GA are not enabled\n if (!dataLayer) {\n return;\n }\n document.querySelectorAll('[name=\"analytics-events\"]').forEach((input) => {\n events = events.concat(JSON.parse(input.value));\n });\n\n if (events && events.length) {\n for (let i = 0; i < events.length; i++) {\n dataLayer.push(events[i]);\n }\n }\n};\n","import { onEvent, getJSONData } from '../util/domutils';\n\nconst getDataLayer = () => {\n let dataLayer = [];\n\n if (window.googleAnalytics && window[window.googleAnalytics.DATA_LAYER_NAME]) {\n dataLayer = window[window.googleAnalytics.DATA_LAYER_NAME];\n }\n\n return dataLayer;\n};\n\nconst getCurrency = (dataLayer) => {\n const currencyEvt = dataLayer.find(evt => evt.currency);\n\n if (currencyEvt) {\n return currencyEvt.currency;\n }\n\n return null;\n};\n\nconst getProductList = (trigger) => {\n const listContainers = {\n 'recommendation - CTL': '#looksGreatWith',\n 'recommendation - YMAL': '#recommendations',\n PDP: '[data-action=\"Product-Show\"]',\n 'PLP - category': '[data-action=\"Search-Show\"][data-querystring*=\"cgid=\"]',\n 'PLP - search results': '[data-action=\"Search-Show\"][data-querystring*=\"q=\"]',\n 'PLP - other': '[data-action=\"Search-Show\"]',\n 'Recently viewed': '.product-detail__recently-viewed',\n 'cart - wishlist': '.cart-wishlist-section',\n wishlist: '[data-action=\"Wishlist-Show\"]',\n };\n\n return Object.keys(listContainers).find(listName => trigger.closest(listContainers[listName])) || 'other';\n};\n\nconst getProductObject = (trigger) => {\n const trackingEl = trigger.closest('[data-tracking]');\n\n if (trackingEl) {\n return getJSONData(trackingEl, 'tracking', null);\n }\n\n return null;\n};\n\n// eslint-disable-next-line import/prefer-default-export\nexport const productClick = () => {\n ['click', 'auxclick'].forEach((evt) => {\n onEvent(document, evt, '.product-tile .link', (e) => {\n const dataLayer = getDataLayer();\n const productObj = getProductObject(e.delegateTarget);\n // Only a standard left click needs to be aborted and handled with a callback;\n // Scroll/Middle button clicks open a new tab, so they will be tracked by the current tab; same for Ctrl + Click\n // Right clicks must open a context menu, so no way to track those\n const standardClick = evt === 'click' && e.button === 0 && !e.ctrlClick;\n const auxilliaryClick = evt === 'auxclick' && e.button >= 2;\n\n if (auxilliaryClick) {\n // Auxilliary buttons usually don't interact with links, so no need to track them\n return;\n }\n\n if (productObj) {\n try {\n const payload = {\n event: 'eec.productClick',\n ecommerce: {\n currencyCode: getCurrency(dataLayer),\n click: {\n actionField: {\n list: getProductList(e.delegateTarget),\n },\n products: [productObj],\n },\n },\n };\n\n if (standardClick) {\n payload.eventCallback = () => { window.location.href = e.delegateTarget.href; };\n payload.eventTimeout = 300;\n }\n\n dataLayer.push(payload);\n } catch {\n return;\n }\n\n if (standardClick) {\n e.preventDefault();\n\n setTimeout(() => {\n window.location.href = e.delegateTarget.href;\n }, 1000);\n }\n }\n });\n });\n};\n","import $ from 'jquery';\nimport { clearAllBodyScrollLocks, disableBodyScroll } from 'body-scroll-lock';\nimport { EVENTS as FLYOUT_EVENTS } from './flyoutUnderHeader';\n\nconst disableBodyScrollModalWrapper = (e) => {\n disableBodyScroll(e.target);\n};\n\nconst disableBodyScrollFlyoutWrapper = (e) => {\n let target = null;\n\n if (e.detail) {\n if (e.detail.noScrollLock) {\n return;\n }\n\n if (e.detail.content) {\n target = e.detail.content; // Generic flyouts\n } else if (e.detail.flyout) {\n target = e.detail.flyout; // Menu flyout\n }\n }\n\n if (target) {\n disableBodyScroll(target, {\n allowTouchMove: (el) => {\n if (target.contains(el)) {\n let currentEl = el;\n\n while (currentEl && currentEl !== target) {\n if (currentEl.scrollHeight > currentEl.clientHeight) {\n return true;\n }\n\n currentEl = currentEl.parentNode;\n }\n }\n\n return false;\n },\n });\n }\n};\n\nexport default () => {\n $(document)\n .on('show.bs.modal', disableBodyScrollModalWrapper)\n .on('hidden.bs.modal', clearAllBodyScrollLocks);\n\n document.addEventListener(FLYOUT_EVENTS.FLYOUT_OPEN, disableBodyScrollFlyoutWrapper);\n document.addEventListener(FLYOUT_EVENTS.FLYOUT_CLOSE, clearAllBodyScrollLocks);\n};\n","/* global grecaptcha */\n\nconst SELECTORS = {\n RECAPTCHA_ELEMENT: '.g-recaptcha-key',\n};\n\n\nexport default() => {\n const placeholder = document.querySelector(SELECTORS.RECAPTCHA_ELEMENT);\n\n if (placeholder) {\n const form = placeholder.closest('form');\n if (form) {\n const btn = form.querySelector('[data-action=submit_captcha]');\n btn.disabled = true;\n const { sitekey } = placeholder.dataset;\n grecaptcha.ready(() => {\n grecaptcha.execute(sitekey, { action: 'submit_captcha' }).then((token) => {\n btn.disabled = false;\n form.querySelector('.g-recaptcha-response').value = token;\n });\n });\n }\n }\n};\n","/* eslint-disable jquery/no-ajax */\n/* eslint-disable jquery/no-trigger */\n/* eslint-disable jquery/no-html */\n/* eslint-disable jquery/no-class */\n/* eslint-disable no-console */\n/* eslint-disable no-alert */\nimport $ from 'jquery';\n\nconst SELECTORS = {\n ALP_SIZE_LINK: '.intelligent-reach-section .size-link',\n ALP_SIZE_LINK_SPAN: '.intelligent-reach-section .size_inner_space_new',\n ALP_ADD_TO_CART: '.intelligent-reach-section .basket_btn',\n};\n\n// ALP Events\nconst removeSelectedClass = () => {\n const searchInputs = document.querySelectorAll('.intelligent-reach-section .size-link');\n\n searchInputs.forEach((searchField) => {\n searchField.classList.remove('sizeSelected');\n searchField.classList.remove('product-detail__attribute__value--current');\n });\n};\n\nexport const alpProductLoad = () => {\n $(document).on('click', SELECTORS.ALP_SIZE_LINK, (e) => {\n const sizelink = e.target;\n const basketButton = document.querySelector(SELECTORS.ALP_ADD_TO_CART);\n const sizelinkObj = sizelink.classList.contains('size_inner_space_new') ? sizelink.parentElement : sizelink;\n\n if (!sizelinkObj.classList.contains('out_of_stock')) {\n removeSelectedClass();\n sizelinkObj.classList.add('sizeSelected');\n sizelinkObj.classList.add('product-detail__attribute__value--current');\n basketButton.dataset.pid = sizelinkObj.dataset.id;\n if ($('.intelligent-reach-section .size_new').hasClass('product-detail__attribute--error')) {\n $('.intelligent-reach-section .size_new').removeClass('product-detail__attribute--error');\n $('.product-detail__attribute__error').html('');\n }\n // basketButton.disabled = false;\n } else {\n // basketButton.disabled = true;\n }\n });\n\n $(document).on('click', SELECTORS.ALP_ADD_TO_CART, (e) => {\n let execute = true;\n const buttonObj = e.target;\n const searchInputs = document.querySelectorAll('.intelligent-reach-section .size-link.sizeSelected');\n if (searchInputs.length === 0) {\n $('.intelligent-reach-section .size_new').addClass('product-detail__attribute--error');\n $('.product-detail__attribute__error').html('Please select your size');\n execute = false;\n }\n if (execute) {\n const productId = buttonObj.dataset.pid;\n const qty = buttonObj.dataset.minQuantity;\n const addToCartAjexUrl = buttonObj.dataset.addToCartUrl;\n\n const dataObj = {\n pid: productId,\n quantity: qty,\n };\n\n if (addToCartAjexUrl) {\n $.ajax({\n url: addToCartAjexUrl,\n method: 'POST',\n data: dataObj,\n success: function success(data) {\n $('.minicart').trigger('count:update', data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n },\n error: function error() {\n $.spinner().stop();\n },\n });\n }\n }\n });\n};\n\nexport default () => {\n if ($('.intelligent-reach-section').length > 0) {\n alpProductLoad();\n }\n};\n","import $ from 'jquery';\n\nexport default() => {\n $(document).on('change keyup', '.inputValidate', function () {\n // eslint-disable-next-line no-useless-escape\n const regex = /[^\\w\\s`!@#$£%^&*()+\\-=\\[\\]{};':\"\\\\|,.<>\\/?~]/g;\n $(this).val($(this).val().replace(regex, '')); // eslint-disable-line jquery/no-val\n });\n\n function isValidURL(url) {\n try {\n // eslint-disable-next-line no-new\n new URL(url); // URL constructor will throw an error if invalid\n return true;\n } catch {\n return false;\n }\n }\n\n $(document).on('change', '.validateName', function () {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n // eslint-disable-next-line jquery/no-val\n if (emailRegex.test($(this).val()) || isValidURL($(this).val())) {\n // eslint-disable-next-line jquery/no-val\n $(this).val('');\n }\n const urlPattern = /(www|=|:|\\.|https|https:\\/\\/|\\/|#|\\?)/g;\n $(this).val($(this).val().replace(urlPattern, '')); // eslint-disable-line jquery/no-val\n });\n};\n\n$(document).on('invalid', '#phoneNumber, #phone', function () {\n let newText = this.validationMessage;\n if (this.validity.tooShort && !this.validity.patternMismatch) {\n // eslint-disable-next-line jquery/no-data\n const oldText = $('#phoneNumber, #phone').data('range-error');\n // eslint-disable-next-line jquery/no-val\n const charLen = $(this).val().length;\n newText = oldText.replace('X', charLen);\n // eslint-disable-next-line jquery/no-attr\n $('#phoneNumber, #phone').attr('data-range-error', newText);\n }\n // eslint-disable-next-line jquery/no-text\n $('#phoneNumber, #phone').siblings('.invalid-feedback').text(newText);\n});\n","/* eslint-disable jquery/no-val */\n/* eslint-disable jquery/no-parent */\n/* eslint-disable jquery/no-find */\n/* eslint-disable jquery/no-closest */\n/* eslint-disable jquery/no-class */\n/* eslint-disable jquery/no-data */\nimport $ from 'jquery';\nimport Glide from '@glidejs/glide';\n\nconst SELECTORS = {\n MODAL: '#ATBRecommendationsModal',\n CONTAINER: '.ATBRecommendations-content',\n CAROUSEL_ANCHOR: '.addToBagOverlay-product-recommendations',\n CAROUSEL_ANCHOR_LOW_ASP: '.addToBagOverlay-product-recommendations-lowASP',\n NAVIGATORS: {\n ARROWS: '.glide__arrows',\n },\n};\n\nconst CustomLength = function (glide, Components, Events) {\n const addToBagCarouselEvents = {\n handleSlider() {\n if (Components.Sizes.length <= glide.settings.perView) {\n glide.disable();\n Components.Html.root.querySelector(SELECTORS.NAVIGATORS.ARROWS).classList.add('d-none');\n } else {\n glide.enable();\n Components.Html.root.querySelector(SELECTORS.NAVIGATORS.ARROWS).classList.remove('d-none');\n }\n },\n mount() {\n this.handleSlider();\n },\n };\n Events.on('resize', () => {\n addToBagCarouselEvents.handleSlider();\n });\n return addToBagCarouselEvents;\n};\n\nconst addToBagCarouselInit = function () {\n let slidesCount = 5;\n if ($('.ATBOverlayEnable').length > 0 && parseInt($('.ATBOverlayEnable').data('slides-perview'), 10) > 0) {\n slidesCount = parseInt($('.ATBOverlayEnable').data('slides-perview'), 10);\n }\n if ($(SELECTORS.CAROUSEL_ANCHOR).length > 0) {\n new Glide(SELECTORS.CAROUSEL_ANCHOR, {\n type: 'slider',\n perView: slidesCount,\n gap: 10,\n rewind: false,\n bound: true,\n peek: { before: 0, after: 0 },\n breakpoints: {\n 1400: {\n perView: slidesCount,\n peek: { before: 0, after: 0 },\n },\n 1200: {\n perView: 4,\n peek: { before: 0, after: 0 },\n },\n 992: {\n perView: 3,\n peek: { before: 0, after: 0 },\n },\n 768: {\n perView: 3,\n peek: { before: 0, after: 0 },\n },\n 576: {\n perView: 1,\n peek: { before: 0, after: 150 },\n },\n 375: {\n perView: 1,\n peek: { before: 0, after: 150 },\n },\n },\n }).mount({ CustomLength });\n }\n};\n\nconst addToBagCarouselLowASPInit = function () {\n const slidesCount = 1;\n if ($(SELECTORS.CAROUSEL_ANCHOR_LOW_ASP).length > 0) {\n const lowASPRecommendations = document.querySelectorAll(SELECTORS.CAROUSEL_ANCHOR_LOW_ASP);\n for (let i = 0; i < lowASPRecommendations.length; i++) {\n new Glide(lowASPRecommendations[i], {\n type: 'slider',\n perView: slidesCount,\n gap: 16,\n rewind: false,\n bound: true,\n peek: { before: 0, after: 0 },\n breakpoints: {\n 1400: {\n perView: slidesCount,\n peek: { before: 0, after: 0 },\n },\n 1200: {\n perView: 1,\n peek: { before: 0, after: 0 },\n },\n 992: {\n perView: 1,\n peek: { before: 0, after: 0 },\n },\n 768: {\n perView: 1,\n peek: { before: 0, after: 0 },\n },\n 576: {\n perView: 1,\n peek: { before: 0, after: 0 },\n },\n 375: {\n perView: 1,\n peek: { before: 0, after: 0 },\n },\n },\n }).mount({ CustomLength });\n }\n }\n};\n\nexport default() => {\n let lastClickedButton = null;\n let lastAddedProductID = null;\n let isATBRecommendationsModalShown = null;\n\n if ($(SELECTORS.MODAL).length > 0) {\n const showATBOverlayModal = (pid, isModalShown) => {\n // eslint-disable-next-line jquery/no-data\n const url = $(SELECTORS.MODAL).data('action');\n if (!url || !pid) {\n return;\n }\n $.spinner().start();\n // eslint-disable-next-line jquery/no-ajax\n $.ajax({\n url,\n type: 'get',\n data: {\n pid,\n },\n success: (data) => {\n $(SELECTORS.CONTAINER).empty();\n // eslint-disable-next-line jquery/no-html\n $(SELECTORS.CONTAINER).html(data);\n document.querySelector(SELECTORS.MODAL).classList.remove('modalWithoutCarousel');\n if (isModalShown) {\n // eslint-disable-next-line jquery/no-hide\n $('.ATBRecommendationsContainer').hide();\n document.querySelector(SELECTORS.MODAL).classList.add('modalWithoutCarousel');\n }\n\n if ($(SELECTORS.CAROUSEL_ANCHOR).length > 0) {\n addToBagCarouselInit();\n }\n if ($(SELECTORS.CAROUSEL_ANCHOR_LOW_ASP).length > 0) {\n addToBagCarouselLowASPInit();\n }\n $.spinner().stop();\n },\n error() {\n $(SELECTORS.MODAL).modal('hide');\n $.spinner().stop();\n },\n });\n\n $(SELECTORS.MODAL).modal('show');\n };\n\n $(document).on('updateAddToCartFormData', (e, data) => {\n if (!data.error) {\n lastClickedButton = e.target;\n }\n }).on('product:afterAddToCart', async (e, data) => {\n if (data && !data.error && lastClickedButton && lastClickedButton.dataset.pid) {\n lastAddedProductID = lastClickedButton.dataset.pid;\n isATBRecommendationsModalShown = $('#ATBRecommendationsModal').hasClass('in')\n || $('#ATBRecommendationsModal').hasClass('show');\n showATBOverlayModal(lastAddedProductID, isATBRecommendationsModalShown);\n lastClickedButton = null;\n lastAddedProductID = null;\n isATBRecommendationsModalShown = null;\n }\n });\n }\n\n document.addEventListener('addToBag:carousel-init', addToBagCarouselInit);\n document.addEventListener('addToBagLowASP:carousel-init', addToBagCarouselLowASPInit);\n\n $(document).on('click', '.product-tile__add-overlay-size', function () {\n if ($('.wishlist.container .wishlist__products').length > 0\n && $(this).closest('.ATBRecommendationsContainer')\n && $(this).parent().find('.add-to-cart')\n && !$(this).parent().find('.add-to-cart').data('url')\n && $(this).parent().find('.add-to-cart-url')\n && $(this).parent().find('.add-to-cart-url').val()) {\n $(this).parent().find('.add-to-cart').data('url', $(this).parent().find('.add-to-cart-url').val());\n }\n });\n};\n","import 'jspolyfill-array.prototype.find';\nimport smoothscroll from 'smoothscroll-polyfill';\n\nimport $ from 'jquery';\nimport processInclude from './util';\n\nimport { installAjaxHandlers } from './components/ajax';\nimport * as header from './components/header';\nimport * as productTile from './search/productTile';\nimport * as initAddressForms from './components/addressForm';\nimport bodyScroll from './components/bodyScroll';\nimport backToTop from './components/backToTop';\nimport { initForms } from './components/forms';\nimport initRecaptcha from './components/recaptcha';\nimport * as intelligentReach from './search/intelligentReach';\nimport stickyHeaderScroll from './components/stickyHeaderScroll';\nimport validateInput from './components/validateInput';\nimport addToBagRecommendations from './components/addToBagRecommendation';\n\nimport '~base';\n\ninstallAjaxHandlers();\n\n$(document).ready(() => {\n processInclude(header);\n processInclude(productTile);\n processInclude(initAddressForms);\n processInclude(backToTop);\n processInclude(bodyScroll);\n processInclude(initForms);\n processInclude(initRecaptcha);\n processInclude(intelligentReach);\n processInclude(stickyHeaderScroll);\n processInclude(validateInput);\n processInclude(addToBagRecommendations);\n\n smoothscroll.polyfill();\n});\n","/**\n * @description Initializes the necessary interactions for Google Analytics tracking\n */\n\nimport $ from 'jquery';\nimport processInclude from './util';\nimport * as analyticsBase from './googleAnalytics/googleAnalytics';\nimport * as analyticsEvents from './googleAnalytics/clientSideEvents';\n\nimport '~base';\n\n$(document).ready(() => {\n processInclude(analyticsBase);\n processInclude(analyticsEvents);\n});\n","import { onEvent, updateComponent } from '../util/domutils'; // eslint-disable-line import/named\nimport { loadContent, CONTENT_TYPES } from '../util/fetchutils';\n\nexport const ADDRESS_FORM_EVENTS = {\n REFRESH: 'country-form:refresh',\n POPULATE: 'address-fields:populate',\n SUBMIT: 'country-form:submit',\n UPDATE: 'address-fields:update',\n};\n\nconst SELECTORS = {\n FIELDS: '.address-fields',\n ROW: '.address-fields__row',\n COUNTRY: '[name$=\"_country\"]',\n};\n\nexport const initAddressForms = () => {\n onEvent(document, 'change', SELECTORS.COUNTRY, async (e) => {\n const field = e.delegateTarget;\n const fieldRow = field.closest(SELECTORS.ROW);\n\n if (fieldRow && fieldRow.dataset.action) {\n const { content, type } = await loadContent(field.form, fieldRow.dataset.action);\n\n if (type === CONTENT_TYPES.JSON && content.csrfError) {\n window.location.href = content.redirectUrl;\n } else if (type === CONTENT_TYPES.TEXT) {\n await updateComponent(SELECTORS.FIELDS, content);\n }\n\n document.dispatchEvent(new CustomEvent(ADDRESS_FORM_EVENTS.REFRESH));\n }\n });\n};\n\nexport const handleUppercasedFields = () => {\n onEvent(document, 'keyup', '[data-uppercase=\"true\"]', (e) => {\n e.delegateTarget.value = e.delegateTarget.value.toUpperCase();\n });\n};\n","import { ADDRESS_FORM_EVENTS } from '~base';\nimport { NAV_EVENTS } from './clientSideNav';\nimport { EVENTS as CHECKOUT_EVENTS } from '../checkout/checkoutDom';\nimport { COLLAPSE_EVENTS } from '../thirdParty/bootstrap/toggleFormElementsStates';\nimport { onEvent, visible } from '../util/domutils';\n\nconst IDS = {\n LOOKUP: 'addressLookup',\n CUSTOM_LOOKUP: 'customAddressLookup',\n COUNTRY: 'country',\n ADDRESS_FIELDS: {\n LINE1: 'addressOne',\n LINE2: 'addressTwo',\n LINE3: 'addressThree',\n POSTAL_CODE: 'postalCode',\n CITY: 'city',\n STATE: 'stateCode',\n },\n};\n\nconst CLASSES = {\n ERROR: 'is-invalid',\n};\n\nconst SELECTORS = {\n LOOKUP: `#${IDS.LOOKUP}`,\n CUSTOM_LOOKUP: `.${IDS.CUSTOM_LOOKUP}`,\n COUNTRY: `#${IDS.COUNTRY}`,\n ADDRESS_FIELDS: `#${Object.keys(IDS.ADDRESS_FIELDS).map(key => IDS.ADDRESS_FIELDS[key]).join(', #')}`,\n TOGGLE: '.address-lookup__footer',\n SUBMIT_BUTTON: 'button[type=\"submit\"]',\n};\n\nconst showAddressFields = () => {\n document.querySelectorAll(SELECTORS.ADDRESS_FIELDS).forEach((el) => {\n el.disabled = false;\n el.parentElement.parentElement.classList.remove('d-none');\n });\n};\n\nconst showAddressFieldsOnReinit = () => {\n setTimeout(() => {\n const fields = Array.from(document.querySelectorAll(SELECTORS.ADDRESS_FIELDS));\n const hasValues = fields.some(field => !!field.value);\n const hasErrors = fields.some(field => field.classList.contains(CLASSES.ERROR));\n\n if (hasValues || hasErrors) {\n showAddressFields();\n }\n }, 1);\n};\n\nconst createControl = (lookupField, fields) => {\n const control = new window.pca.Address(fields, {\n key: lookupField.dataset.key,\n suppressAutocomplete: false,\n });\n control.listen('populate', (address) => {\n lookupField.value = address.Label.replace(/\\n/g, ' ');\n\n if (fields.length > 1) {\n showAddressFields();\n }\n\n document.dispatchEvent(new CustomEvent(ADDRESS_FORM_EVENTS.POPULATE));\n document.dispatchEvent(new CustomEvent(ADDRESS_FORM_EVENTS.UPDATE));\n document.dispatchEvent(new CustomEvent(ADDRESS_FORM_EVENTS.REFRESH));\n });\n\n return control;\n};\n\nconst initAddressSearch = () => {\n const lookupField = document.querySelector(SELECTORS.LOOKUP);\n const customLookupFields = document.querySelectorAll(SELECTORS.CUSTOM_LOOKUP);\n\n if (lookupField) {\n const fields = [\n { element: IDS.LOOKUP, field: '', mode: window.pca.fieldMode.SEARCH },\n { element: IDS.COUNTRY, field: 'Country', mode: window.pca.fieldMode.PRESERVE },\n { element: IDS.ADDRESS_FIELDS.LINE1, field: 'Line1', mode: window.pca.fieldMode.POPULATE },\n { element: IDS.ADDRESS_FIELDS.LINE2, field: 'Line2', mode: window.pca.fieldMode.POPULATE },\n { element: IDS.ADDRESS_FIELDS.LINE3, field: 'Line3', mode: window.pca.fieldMode.POPULATE },\n { element: IDS.ADDRESS_FIELDS.POSTAL_CODE, field: 'PostalCode', mode: window.pca.fieldMode.POPULATE },\n { element: IDS.ADDRESS_FIELDS.CITY, field: 'City', mode: window.pca.fieldMode.POPULATE },\n { element: IDS.ADDRESS_FIELDS.STATE, field: 'ProvinceName', mode: window.pca.fieldMode.POPULATE },\n ];\n\n const control = createControl(lookupField, fields);\n\n control.listen('load', () => {\n control.setCountry(document.querySelector(SELECTORS.COUNTRY).value);\n });\n\n\n control.load(); // Forces the 'load' event to be fired, it seems to be skipped on occasion\n }\n\n customLookupFields.forEach((customLookupField) => {\n const customFields = [\n { element: customLookupField, field: 'search', mode: window.pca.fieldMode.DEFAULT },\n ];\n\n createControl(customLookupField, customFields);\n });\n};\n\nexport const initLookup = () => {\n // Set an interval to make sure window.pca is defined\n const pcaInterval = setInterval(() => {\n if (window.pca) {\n clearInterval(pcaInterval);\n initAddressSearch();\n\n onEvent(document, 'click', SELECTORS.TOGGLE, () => {\n showAddressFields();\n });\n\n [\n COLLAPSE_EVENTS.FORMS_STATE_CHANGED,\n ].forEach((evt) => {\n document.addEventListener(evt, () => {\n document.querySelectorAll(SELECTORS.ADDRESS_FIELDS).forEach((el) => {\n const toggle = document.querySelector(SELECTORS.TOGGLE);\n\n if (visible(toggle)) {\n el.disabled = false;\n }\n });\n });\n });\n\n [\n ADDRESS_FORM_EVENTS.REFRESH,\n CHECKOUT_EVENTS.SAVED_ADDRESS.ADDRESS_SELECTED,\n CHECKOUT_EVENTS.BILLING.USE_SHIPPING_AS_BILLING_TOGGLED,\n NAV_EVENTS.NAV_CONTENT,\n NAV_EVENTS.NAV_BACK,\n ].forEach((evt) => {\n document.addEventListener(evt, (e) => {\n initAddressSearch();\n\n if (e.detail && e.detail.error) {\n showAddressFields();\n }\n });\n });\n\n document.addEventListener(ADDRESS_FORM_EVENTS.SUBMIT, showAddressFieldsOnReinit);\n\n showAddressFieldsOnReinit();\n }\n }, 100);\n};\n\nexport * from '~base';\n","import $ from 'jquery';\nimport { EVENTS as WISHLIST_EVENTS } from '../product/wishlist';\n\nconst SELECTORS = {\n HEADER_COUNTER: '.wishlist-quantity',\n};\n\nexport default () => {\n const wishlistEmpty = document.querySelector('.header-element__icon > .wishlist-empty');\n const wishlistFilled = document.querySelector('.header-element__icon > .wishlist-filled');\n const productCounter = document.querySelector(SELECTORS.HEADER_COUNTER);\n\n function unMarkWishlist() {\n if (wishlistFilled && parseInt(productCounter.innerHTML, 10) === 0) {\n if (wishlistFilled && !wishlistFilled.classList.contains('d-none')) {\n wishlistFilled.classList.add('d-none');\n }\n if (wishlistEmpty.classList.contains('d-none')) {\n wishlistEmpty.classList.remove('d-none');\n }\n }\n }\n\n function markWishlistFilled() {\n if (wishlistFilled) {\n if (wishlistFilled && wishlistFilled.classList.contains('d-none')) {\n wishlistFilled.classList.remove('d-none');\n }\n if (!wishlistEmpty.classList.contains('d-none')) {\n wishlistEmpty.classList.add('d-none');\n }\n }\n }\n\n $(document).on(WISHLIST_EVENTS.WISHLIST_ADD, () => {\n markWishlistFilled();\n if (productCounter) {\n productCounter.innerHTML = parseInt(productCounter.innerHTML, 10) + 1;\n }\n });\n\n $(document).on(WISHLIST_EVENTS.WISHLIST_REMOVE, () => {\n if (productCounter) {\n const newCount = parseInt(productCounter.innerHTML, 10) - 1;\n productCounter.innerHTML = newCount > 0 ? newCount : 0;\n }\n unMarkWishlist();\n });\n\n $(window).on('load', () => {\n if (productCounter && parseInt(productCounter.innerHTML, 10) > 0) {\n markWishlistFilled();\n } else {\n unMarkWishlist();\n }\n });\n};\n","import $ from 'jquery';\nimport processInclude from './util';\nimport * as productCount from './header/wishlist';\n\nimport '~base';\n\n$(document).ready(() => {\n processInclude(productCount);\n});\n","import $ from 'jquery';\nimport { onEvent } from '../util/domutils'; // eslint-disable-line import/named\n\nconst CLASSES = {\n INDICATOR_ACTIVE: 'wishlist__indicator--active',\n};\nexport const EVENTS = {\n WISHLIST_ADD: 'product:addedToWishlist',\n WISHLIST_REMOVE: 'product:removedFromWishlist',\n};\nconst SELECTORS = {\n WISHLIST_BUTTON: '.add-to-wish-list',\n INDICATORS: {\n ADDED: '.wishlist__indicator--added',\n REMOVED: '.wishlist__indicator--removed',\n },\n};\n\nconst addRemoveFromWishlist = async (delegateTarget, styleClass, toggleAttribute) => {\n const { urlAdd, urlRemove } = delegateTarget.dataset;\n const toggableStyleClass = styleClass || 'active';\n const pid = $(delegateTarget).closest('.product-detail').find('.product-id').html(); // eslint-disable-line\n let optionId = $(delegateTarget).closest('.product-detail').find('.product-option').attr('data-option-id'); // eslint-disable-line\n let optionVal = $(delegateTarget).closest('.product-detail').find('.options-select option:selected').attr('data-value-id'); // eslint-disable-line\n let url = urlAdd || delegateTarget.dataset.href;\n let indicator = document.querySelector(SELECTORS.INDICATORS.ADDED);\n let isAdd = true;\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n // init remove operation\n if (delegateTarget.classList.contains(toggableStyleClass)) {\n url = urlRemove;\n indicator = document.querySelector(SELECTORS.INDICATORS.REMOVED);\n isAdd = false;\n $.ajax({ // eslint-disable-line jquery/no-ajax\n url,\n type: 'get',\n dataType: 'json',\n data: {\n pid,\n optionId,\n optionVal,\n },\n });\n } else {\n url = urlAdd || delegateTarget.dataset.href;\n indicator = document.querySelector(SELECTORS.INDICATORS.ADDED);\n isAdd = true;\n $.ajax({ // eslint-disable-line jquery/no-ajax\n url,\n type: 'post',\n dataType: 'json',\n data: {\n pid,\n optionId,\n optionVal,\n },\n });\n }\n indicator.classList.add(CLASSES.INDICATOR_ACTIVE);\n delegateTarget.classList.toggle(toggableStyleClass);\n if (toggleAttribute) {\n delegateTarget.toggleAttribute(toggleAttribute, isAdd);\n }\n\n if (isAdd) {\n document.dispatchEvent(new CustomEvent(EVENTS.WISHLIST_ADD));\n } else {\n document.dispatchEvent(new CustomEvent(EVENTS.WISHLIST_REMOVE));\n }\n\n document.addEventListener('click', () => {\n indicator.classList.remove(CLASSES.INDICATOR_ACTIVE);\n }, { once: true });\n setTimeout(function () { // eslint-disable-line prefer-arrow-callback\n indicator.classList.remove(CLASSES.INDICATOR_ACTIVE);\n delegateTarget.blur();\n }, 5000);\n};\n\nexport const reinitWishlistOnVariantChange = () => {\n document.addEventListener('product:afterAttributeSelect', function () { // eslint-disable-line prefer-arrow-callback\n onEvent(document, 'click', SELECTORS.WISHLIST_BUTTON, async (e) => {\n addRemoveFromWishlist(e.delegateTarget, 'active');\n });\n });\n};\n\nexport const addToWishlist = () => true;\n\nexport default () => {\n onEvent(document, 'click', SELECTORS.WISHLIST_BUTTON, async (e) => {\n addRemoveFromWishlist(e.delegateTarget, 'active');\n });\n\n onEvent(document, 'click', '.product-tile__wishlist--link', async (e) => {\n addRemoveFromWishlist(e.delegateTarget, 'active');\n });\n};\n","/*!\n * Glide.js v3.6.0\n * (c) 2013-2022 Jędrzej Chałubek (https://github.com/jedrzejchalubek/)\n * Released under the MIT License.\n */\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (typeof call === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function _createSuperInternal() {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = _getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n}\n\nfunction _get() {\n if (typeof Reflect !== \"undefined\" && Reflect.get) {\n _get = Reflect.get;\n } else {\n _get = function _get(target, property, receiver) {\n var base = _superPropBase(target, property);\n\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(arguments.length < 3 ? target : receiver);\n }\n\n return desc.value;\n };\n }\n\n return _get.apply(this, arguments);\n}\n\nvar defaults = {\n /**\n * Type of the movement.\n *\n * Available types:\n * `slider` - Rewinds slider to the start/end when it reaches the first or last slide.\n * `carousel` - Changes slides without starting over when it reaches the first or last slide.\n *\n * @type {String}\n */\n type: 'slider',\n\n /**\n * Start at specific slide number defined with zero-based index.\n *\n * @type {Number}\n */\n startAt: 0,\n\n /**\n * A number of slides visible on the single viewport.\n *\n * @type {Number}\n */\n perView: 1,\n\n /**\n * Focus currently active slide at a specified position in the track.\n *\n * Available inputs:\n * `center` - Current slide will be always focused at the center of a track.\n * `0,1,2,3...` - Current slide will be focused on the specified zero-based index.\n *\n * @type {String|Number}\n */\n focusAt: 0,\n\n /**\n * A size of the gap added between slides.\n *\n * @type {Number}\n */\n gap: 10,\n\n /**\n * Change slides after a specified interval. Use `false` for turning off autoplay.\n *\n * @type {Number|Boolean}\n */\n autoplay: false,\n\n /**\n * Stop autoplay on mouseover event.\n *\n * @type {Boolean}\n */\n hoverpause: true,\n\n /**\n * Allow for changing slides with left and right keyboard arrows.\n *\n * @type {Boolean}\n */\n keyboard: true,\n\n /**\n * Stop running `perView` number of slides from the end. Use this\n * option if you don't want to have an empty space after\n * a slider. Works only with `slider` type and a\n * non-centered `focusAt` setting.\n *\n * @type {Boolean}\n */\n bound: false,\n\n /**\n * Minimal swipe distance needed to change the slide. Use `false` for turning off a swiping.\n *\n * @type {Number|Boolean}\n */\n swipeThreshold: 80,\n\n /**\n * Minimal mouse drag distance needed to change the slide. Use `false` for turning off a dragging.\n *\n * @type {Number|Boolean}\n */\n dragThreshold: 120,\n\n /**\n * A number of slides moved on single swipe.\n *\n * Available types:\n * `` - Moves slider by one slide per swipe\n * `|` - Moves slider between views per swipe (number of slides defined in `perView` options)\n *\n * @type {String}\n */\n perSwipe: '',\n\n /**\n * Moving distance ratio of the slides on a swiping and dragging.\n *\n * @type {Number}\n */\n touchRatio: 0.5,\n\n /**\n * Angle required to activate slides moving on swiping or dragging.\n *\n * @type {Number}\n */\n touchAngle: 45,\n\n /**\n * Duration of the animation in milliseconds.\n *\n * @type {Number}\n */\n animationDuration: 400,\n\n /**\n * Allows looping the `slider` type. Slider will rewind to the first/last slide when it's at the start/end.\n *\n * @type {Boolean}\n */\n rewind: true,\n\n /**\n * Duration of the rewinding animation of the `slider` type in milliseconds.\n *\n * @type {Number}\n */\n rewindDuration: 800,\n\n /**\n * Easing function for the animation.\n *\n * @type {String}\n */\n animationTimingFunc: 'cubic-bezier(.165, .840, .440, 1)',\n\n /**\n * Wait for the animation to finish until the next user input can be processed\n *\n * @type {boolean}\n */\n waitForTransition: true,\n\n /**\n * Throttle costly events at most once per every wait milliseconds.\n *\n * @type {Number}\n */\n throttle: 10,\n\n /**\n * Moving direction mode.\n *\n * Available inputs:\n * - 'ltr' - left to right movement,\n * - 'rtl' - right to left movement.\n *\n * @type {String}\n */\n direction: 'ltr',\n\n /**\n * The distance value of the next and previous viewports which\n * have to peek in the current view. Accepts number and\n * pixels as a string. Left and right peeking can be\n * set up separately with a directions object.\n *\n * For example:\n * `100` - Peek 100px on the both sides.\n * { before: 100, after: 50 }` - Peek 100px on the left side and 50px on the right side.\n *\n * @type {Number|String|Object}\n */\n peek: 0,\n\n /**\n * Defines how many clones of current viewport will be generated.\n *\n * @type {Number}\n */\n cloningRatio: 1,\n\n /**\n * Collection of options applied at specified media breakpoints.\n * For example: display two slides per view under 800px.\n * `{\n * '800px': {\n * perView: 2\n * }\n * }`\n */\n breakpoints: {},\n\n /**\n * Collection of internally used HTML classes.\n *\n * @todo Refactor `slider` and `carousel` properties to single `type: { slider: '', carousel: '' }` object\n * @type {Object}\n */\n classes: {\n swipeable: 'glide--swipeable',\n dragging: 'glide--dragging',\n direction: {\n ltr: 'glide--ltr',\n rtl: 'glide--rtl'\n },\n type: {\n slider: 'glide--slider',\n carousel: 'glide--carousel'\n },\n slide: {\n clone: 'glide__slide--clone',\n active: 'glide__slide--active'\n },\n arrow: {\n disabled: 'glide__arrow--disabled'\n },\n nav: {\n active: 'glide__bullet--active'\n }\n }\n};\n\n/**\n * Outputs warning message to the bowser console.\n *\n * @param {String} msg\n * @return {Void}\n */\nfunction warn(msg) {\n console.error(\"[Glide warn]: \".concat(msg));\n}\n\n/**\n * Converts value entered as number\n * or string to integer value.\n *\n * @param {String} value\n * @returns {Number}\n */\nfunction toInt(value) {\n return parseInt(value);\n}\n/**\n * Converts value entered as number\n * or string to flat value.\n *\n * @param {String} value\n * @returns {Number}\n */\n\nfunction toFloat(value) {\n return parseFloat(value);\n}\n/**\n * Indicates whether the specified value is a string.\n *\n * @param {*} value\n * @return {Boolean}\n */\n\nfunction isString(value) {\n return typeof value === 'string';\n}\n/**\n * Indicates whether the specified value is an object.\n *\n * @param {*} value\n * @return {Boolean}\n *\n * @see https://github.com/jashkenas/underscore\n */\n\nfunction isObject(value) {\n var type = _typeof(value);\n\n return type === 'function' || type === 'object' && !!value; // eslint-disable-line no-mixed-operators\n}\n/**\n * Indicates whether the specified value is a function.\n *\n * @param {*} value\n * @return {Boolean}\n */\n\nfunction isFunction(value) {\n return typeof value === 'function';\n}\n/**\n * Indicates whether the specified value is undefined.\n *\n * @param {*} value\n * @return {Boolean}\n */\n\nfunction isUndefined(value) {\n return typeof value === 'undefined';\n}\n/**\n * Indicates whether the specified value is an array.\n *\n * @param {*} value\n * @return {Boolean}\n */\n\nfunction isArray(value) {\n return value.constructor === Array;\n}\n\n/**\n * Creates and initializes specified collection of extensions.\n * Each extension receives access to instance of glide and rest of components.\n *\n * @param {Object} glide\n * @param {Object} extensions\n *\n * @returns {Object}\n */\n\nfunction mount(glide, extensions, events) {\n var components = {};\n\n for (var name in extensions) {\n if (isFunction(extensions[name])) {\n components[name] = extensions[name](glide, components, events);\n } else {\n warn('Extension must be a function');\n }\n }\n\n for (var _name in components) {\n if (isFunction(components[_name].mount)) {\n components[_name].mount();\n }\n }\n\n return components;\n}\n\n/**\n * Defines getter and setter property on the specified object.\n *\n * @param {Object} obj Object where property has to be defined.\n * @param {String} prop Name of the defined property.\n * @param {Object} definition Get and set definitions for the property.\n * @return {Void}\n */\nfunction define(obj, prop, definition) {\n Object.defineProperty(obj, prop, definition);\n}\n/**\n * Sorts aphabetically object keys.\n *\n * @param {Object} obj\n * @return {Object}\n */\n\nfunction sortKeys(obj) {\n return Object.keys(obj).sort().reduce(function (r, k) {\n r[k] = obj[k];\n return r[k], r;\n }, {});\n}\n/**\n * Merges passed settings object with default options.\n *\n * @param {Object} defaults\n * @param {Object} settings\n * @return {Object}\n */\n\nfunction mergeOptions(defaults, settings) {\n var options = Object.assign({}, defaults, settings); // `Object.assign` do not deeply merge objects, so we\n // have to do it manually for every nested object\n // in options. Although it does not look smart,\n // it's smaller and faster than some fancy\n // merging deep-merge algorithm script.\n\n if (settings.hasOwnProperty('classes')) {\n options.classes = Object.assign({}, defaults.classes, settings.classes);\n\n if (settings.classes.hasOwnProperty('direction')) {\n options.classes.direction = Object.assign({}, defaults.classes.direction, settings.classes.direction);\n }\n\n if (settings.classes.hasOwnProperty('type')) {\n options.classes.type = Object.assign({}, defaults.classes.type, settings.classes.type);\n }\n\n if (settings.classes.hasOwnProperty('slide')) {\n options.classes.slide = Object.assign({}, defaults.classes.slide, settings.classes.slide);\n }\n\n if (settings.classes.hasOwnProperty('arrow')) {\n options.classes.arrow = Object.assign({}, defaults.classes.arrow, settings.classes.arrow);\n }\n\n if (settings.classes.hasOwnProperty('nav')) {\n options.classes.nav = Object.assign({}, defaults.classes.nav, settings.classes.nav);\n }\n }\n\n if (settings.hasOwnProperty('breakpoints')) {\n options.breakpoints = Object.assign({}, defaults.breakpoints, settings.breakpoints);\n }\n\n return options;\n}\n\nvar EventsBus = /*#__PURE__*/function () {\n /**\n * Construct a EventBus instance.\n *\n * @param {Object} events\n */\n function EventsBus() {\n var events = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n _classCallCheck(this, EventsBus);\n\n this.events = events;\n this.hop = events.hasOwnProperty;\n }\n /**\n * Adds listener to the specifed event.\n *\n * @param {String|Array} event\n * @param {Function} handler\n */\n\n\n _createClass(EventsBus, [{\n key: \"on\",\n value: function on(event, handler) {\n if (isArray(event)) {\n for (var i = 0; i < event.length; i++) {\n this.on(event[i], handler);\n }\n\n return;\n } // Create the event's object if not yet created\n\n\n if (!this.hop.call(this.events, event)) {\n this.events[event] = [];\n } // Add the handler to queue\n\n\n var index = this.events[event].push(handler) - 1; // Provide handle back for removal of event\n\n return {\n remove: function remove() {\n delete this.events[event][index];\n }\n };\n }\n /**\n * Runs registered handlers for specified event.\n *\n * @param {String|Array} event\n * @param {Object=} context\n */\n\n }, {\n key: \"emit\",\n value: function emit(event, context) {\n if (isArray(event)) {\n for (var i = 0; i < event.length; i++) {\n this.emit(event[i], context);\n }\n\n return;\n } // If the event doesn't exist, or there's no handlers in queue, just leave\n\n\n if (!this.hop.call(this.events, event)) {\n return;\n } // Cycle through events queue, fire!\n\n\n this.events[event].forEach(function (item) {\n item(context || {});\n });\n }\n }]);\n\n return EventsBus;\n}();\n\nvar Glide$1 = /*#__PURE__*/function () {\n /**\r\n * Construct glide.\r\n *\r\n * @param {String} selector\r\n * @param {Object} options\r\n */\n function Glide(selector) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n _classCallCheck(this, Glide);\n\n this._c = {};\n this._t = [];\n this._e = new EventsBus();\n this.disabled = false;\n this.selector = selector;\n this.settings = mergeOptions(defaults, options);\n this.index = this.settings.startAt;\n }\n /**\r\n * Initializes glide.\r\n *\r\n * @param {Object} extensions Collection of extensions to initialize.\r\n * @return {Glide}\r\n */\n\n\n _createClass(Glide, [{\n key: \"mount\",\n value: function mount$1() {\n var extensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n this._e.emit('mount.before');\n\n if (isObject(extensions)) {\n this._c = mount(this, extensions, this._e);\n } else {\n warn('You need to provide a object on `mount()`');\n }\n\n this._e.emit('mount.after');\n\n return this;\n }\n /**\r\n * Collects an instance `translate` transformers.\r\n *\r\n * @param {Array} transformers Collection of transformers.\r\n * @return {Void}\r\n */\n\n }, {\n key: \"mutate\",\n value: function mutate() {\n var transformers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n if (isArray(transformers)) {\n this._t = transformers;\n } else {\n warn('You need to provide a array on `mutate()`');\n }\n\n return this;\n }\n /**\r\n * Updates glide with specified settings.\r\n *\r\n * @param {Object} settings\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"update\",\n value: function update() {\n var settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n this.settings = mergeOptions(this.settings, settings);\n\n if (settings.hasOwnProperty('startAt')) {\n this.index = settings.startAt;\n }\n\n this._e.emit('update');\n\n return this;\n }\n /**\r\n * Change slide with specified pattern. A pattern must be in the special format:\r\n * `>` - Move one forward\r\n * `<` - Move one backward\r\n * `={i}` - Go to {i} zero-based slide (eq. '=1', will go to second slide)\r\n * `>>` - Rewinds to end (last slide)\r\n * `<<` - Rewinds to start (first slide)\r\n * `|>` - Move one viewport forward\r\n * `|<` - Move one viewport backward\r\n *\r\n * @param {String} pattern\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"go\",\n value: function go(pattern) {\n this._c.Run.make(pattern);\n\n return this;\n }\n /**\r\n * Move track by specified distance.\r\n *\r\n * @param {String} distance\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"move\",\n value: function move(distance) {\n this._c.Transition.disable();\n\n this._c.Move.make(distance);\n\n return this;\n }\n /**\r\n * Destroy instance and revert all changes done by this._c.\r\n *\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"destroy\",\n value: function destroy() {\n this._e.emit('destroy');\n\n return this;\n }\n /**\r\n * Start instance autoplaying.\r\n *\r\n * @param {Boolean|Number} interval Run autoplaying with passed interval regardless of `autoplay` settings\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"play\",\n value: function play() {\n var interval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n if (interval) {\n this.settings.autoplay = interval;\n }\n\n this._e.emit('play');\n\n return this;\n }\n /**\r\n * Stop instance autoplaying.\r\n *\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"pause\",\n value: function pause() {\n this._e.emit('pause');\n\n return this;\n }\n /**\r\n * Sets glide into a idle status.\r\n *\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"disable\",\n value: function disable() {\n this.disabled = true;\n return this;\n }\n /**\r\n * Sets glide into a active status.\r\n *\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"enable\",\n value: function enable() {\n this.disabled = false;\n return this;\n }\n /**\r\n * Adds cuutom event listener with handler.\r\n *\r\n * @param {String|Array} event\r\n * @param {Function} handler\r\n * @return {Glide}\r\n */\n\n }, {\n key: \"on\",\n value: function on(event, handler) {\n this._e.on(event, handler);\n\n return this;\n }\n /**\r\n * Checks if glide is a precised type.\r\n *\r\n * @param {String} name\r\n * @return {Boolean}\r\n */\n\n }, {\n key: \"isType\",\n value: function isType(name) {\n return this.settings.type === name;\n }\n /**\r\n * Gets value of the core options.\r\n *\r\n * @return {Object}\r\n */\n\n }, {\n key: \"settings\",\n get: function get() {\n return this._o;\n }\n /**\r\n * Sets value of the core options.\r\n *\r\n * @param {Object} o\r\n * @return {Void}\r\n */\n ,\n set: function set(o) {\n if (isObject(o)) {\n this._o = o;\n } else {\n warn('Options must be an `object` instance.');\n }\n }\n /**\r\n * Gets current index of the slider.\r\n *\r\n * @return {Object}\r\n */\n\n }, {\n key: \"index\",\n get: function get() {\n return this._i;\n }\n /**\r\n * Sets current index a slider.\r\n *\r\n * @return {Object}\r\n */\n ,\n set: function set(i) {\n this._i = toInt(i);\n }\n /**\r\n * Gets type name of the slider.\r\n *\r\n * @return {String}\r\n */\n\n }, {\n key: \"type\",\n get: function get() {\n return this.settings.type;\n }\n /**\r\n * Gets value of the idle status.\r\n *\r\n * @return {Boolean}\r\n */\n\n }, {\n key: \"disabled\",\n get: function get() {\n return this._d;\n }\n /**\r\n * Sets value of the idle status.\r\n *\r\n * @return {Boolean}\r\n */\n ,\n set: function set(status) {\n this._d = !!status;\n }\n }]);\n\n return Glide;\n}();\n\nfunction Run (Glide, Components, Events) {\n var Run = {\n /**\n * Initializes autorunning of the glide.\n *\n * @return {Void}\n */\n mount: function mount() {\n this._o = false;\n },\n\n /**\n * Makes glides running based on the passed moving schema.\n *\n * @param {String} move\n */\n make: function make(move) {\n var _this = this;\n\n if (!Glide.disabled) {\n !Glide.settings.waitForTransition || Glide.disable();\n this.move = move;\n Events.emit('run.before', this.move);\n this.calculate();\n Events.emit('run', this.move);\n Components.Transition.after(function () {\n if (_this.isStart()) {\n Events.emit('run.start', _this.move);\n }\n\n if (_this.isEnd()) {\n Events.emit('run.end', _this.move);\n }\n\n if (_this.isOffset()) {\n _this._o = false;\n Events.emit('run.offset', _this.move);\n }\n\n Events.emit('run.after', _this.move);\n Glide.enable();\n });\n }\n },\n\n /**\n * Calculates current index based on defined move.\n *\n * @return {Number|Undefined}\n */\n calculate: function calculate() {\n var move = this.move,\n length = this.length;\n var steps = move.steps,\n direction = move.direction; // By default assume that size of view is equal to one slide\n\n var viewSize = 1; // While direction is `=` we want jump to\n // a specified index described in steps.\n\n if (direction === '=') {\n // Check if bound is true, \n // as we want to avoid whitespaces.\n if (Glide.settings.bound && toInt(steps) > length) {\n Glide.index = length;\n return;\n }\n\n Glide.index = steps;\n return;\n } // When pattern is equal to `>>` we want\n // fast forward to the last slide.\n\n\n if (direction === '>' && steps === '>') {\n Glide.index = length;\n return;\n } // When pattern is equal to `<<` we want\n // fast forward to the first slide.\n\n\n if (direction === '<' && steps === '<') {\n Glide.index = 0;\n return;\n } // pagination movement\n\n\n if (direction === '|') {\n viewSize = Glide.settings.perView || 1;\n } // we are moving forward\n\n\n if (direction === '>' || direction === '|' && steps === '>') {\n var index = calculateForwardIndex(viewSize);\n\n if (index > length) {\n this._o = true;\n }\n\n Glide.index = normalizeForwardIndex(index, viewSize);\n return;\n } // we are moving backward\n\n\n if (direction === '<' || direction === '|' && steps === '<') {\n var _index = calculateBackwardIndex(viewSize);\n\n if (_index < 0) {\n this._o = true;\n }\n\n Glide.index = normalizeBackwardIndex(_index, viewSize);\n return;\n }\n\n warn(\"Invalid direction pattern [\".concat(direction).concat(steps, \"] has been used\"));\n },\n\n /**\n * Checks if we are on the first slide.\n *\n * @return {Boolean}\n */\n isStart: function isStart() {\n return Glide.index <= 0;\n },\n\n /**\n * Checks if we are on the last slide.\n *\n * @return {Boolean}\n */\n isEnd: function isEnd() {\n return Glide.index >= this.length;\n },\n\n /**\n * Checks if we are making a offset run.\n *\n * @param {String} direction\n * @return {Boolean}\n */\n isOffset: function isOffset() {\n var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;\n\n if (!direction) {\n return this._o;\n }\n\n if (!this._o) {\n return false;\n } // did we view to the right?\n\n\n if (direction === '|>') {\n return this.move.direction === '|' && this.move.steps === '>';\n } // did we view to the left?\n\n\n if (direction === '|<') {\n return this.move.direction === '|' && this.move.steps === '<';\n }\n\n return this.move.direction === direction;\n },\n\n /**\n * Checks if bound mode is active\n *\n * @return {Boolean}\n */\n isBound: function isBound() {\n return Glide.isType('slider') && Glide.settings.focusAt !== 'center' && Glide.settings.bound;\n }\n };\n /**\n * Returns index value to move forward/to the right\n *\n * @param viewSize\n * @returns {Number}\n */\n\n function calculateForwardIndex(viewSize) {\n var index = Glide.index;\n\n if (Glide.isType('carousel')) {\n return index + viewSize;\n }\n\n return index + (viewSize - index % viewSize);\n }\n /**\n * Normalizes the given forward index based on glide settings, preventing it to exceed certain boundaries\n *\n * @param index\n * @param length\n * @param viewSize\n * @returns {Number}\n */\n\n\n function normalizeForwardIndex(index, viewSize) {\n var length = Run.length;\n\n if (index <= length) {\n return index;\n }\n\n if (Glide.isType('carousel')) {\n return index - (length + 1);\n }\n\n if (Glide.settings.rewind) {\n // bound does funny things with the length, therefor we have to be certain\n // that we are on the last possible index value given by bound\n if (Run.isBound() && !Run.isEnd()) {\n return length;\n }\n\n return 0;\n }\n\n if (Run.isBound()) {\n return length;\n }\n\n return Math.floor(length / viewSize) * viewSize;\n }\n /**\n * Calculates index value to move backward/to the left\n *\n * @param viewSize\n * @returns {Number}\n */\n\n\n function calculateBackwardIndex(viewSize) {\n var index = Glide.index;\n\n if (Glide.isType('carousel')) {\n return index - viewSize;\n } // ensure our back navigation results in the same index as a forward navigation\n // to experience a homogeneous paging\n\n\n var view = Math.ceil(index / viewSize);\n return (view - 1) * viewSize;\n }\n /**\n * Normalizes the given backward index based on glide settings, preventing it to exceed certain boundaries\n *\n * @param index\n * @param length\n * @param viewSize\n * @returns {*}\n */\n\n\n function normalizeBackwardIndex(index, viewSize) {\n var length = Run.length;\n\n if (index >= 0) {\n return index;\n }\n\n if (Glide.isType('carousel')) {\n return index + (length + 1);\n }\n\n if (Glide.settings.rewind) {\n // bound does funny things with the length, therefor we have to be certain\n // that we are on first possible index value before we to rewind to the length given by bound\n if (Run.isBound() && Run.isStart()) {\n return length;\n }\n\n return Math.floor(length / viewSize) * viewSize;\n }\n\n return 0;\n }\n\n define(Run, 'move', {\n /**\n * Gets value of the move schema.\n *\n * @returns {Object}\n */\n get: function get() {\n return this._m;\n },\n\n /**\n * Sets value of the move schema.\n *\n * @returns {Object}\n */\n set: function set(value) {\n var step = value.substr(1);\n this._m = {\n direction: value.substr(0, 1),\n steps: step ? toInt(step) ? toInt(step) : step : 0\n };\n }\n });\n define(Run, 'length', {\n /**\n * Gets value of the running distance based\n * on zero-indexing number of slides.\n *\n * @return {Number}\n */\n get: function get() {\n var settings = Glide.settings;\n var length = Components.Html.slides.length; // If the `bound` option is active, a maximum running distance should be\n // reduced by `perView` and `focusAt` settings. Running distance\n // should end before creating an empty space after instance.\n\n if (this.isBound()) {\n return length - 1 - (toInt(settings.perView) - 1) + toInt(settings.focusAt);\n }\n\n return length - 1;\n }\n });\n define(Run, 'offset', {\n /**\n * Gets status of the offsetting flag.\n *\n * @return {Boolean}\n */\n get: function get() {\n return this._o;\n }\n });\n return Run;\n}\n\n/**\n * Returns a current time.\n *\n * @return {Number}\n */\nfunction now() {\n return new Date().getTime();\n}\n\n/**\n * Returns a function, that, when invoked, will only be triggered\n * at most once during a given window of time.\n *\n * @param {Function} func\n * @param {Number} wait\n * @param {Object=} options\n * @return {Function}\n *\n * @see https://github.com/jashkenas/underscore\n */\n\nfunction throttle(func, wait, options) {\n var timeout, context, args, result;\n var previous = 0;\n if (!options) options = {};\n\n var later = function later() {\n previous = options.leading === false ? 0 : now();\n timeout = null;\n result = func.apply(context, args);\n if (!timeout) context = args = null;\n };\n\n var throttled = function throttled() {\n var at = now();\n if (!previous && options.leading === false) previous = at;\n var remaining = wait - (at - previous);\n context = this;\n args = arguments;\n\n if (remaining <= 0 || remaining > wait) {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n\n previous = at;\n result = func.apply(context, args);\n if (!timeout) context = args = null;\n } else if (!timeout && options.trailing !== false) {\n timeout = setTimeout(later, remaining);\n }\n\n return result;\n };\n\n throttled.cancel = function () {\n clearTimeout(timeout);\n previous = 0;\n timeout = context = args = null;\n };\n\n return throttled;\n}\n\nvar MARGIN_TYPE = {\n ltr: ['marginLeft', 'marginRight'],\n rtl: ['marginRight', 'marginLeft']\n};\nfunction Gaps (Glide, Components, Events) {\n var Gaps = {\n /**\n * Applies gaps between slides. First and last\n * slides do not receive it's edge margins.\n *\n * @param {HTMLCollection} slides\n * @return {Void}\n */\n apply: function apply(slides) {\n for (var i = 0, len = slides.length; i < len; i++) {\n var style = slides[i].style;\n var direction = Components.Direction.value;\n\n if (i !== 0) {\n style[MARGIN_TYPE[direction][0]] = \"\".concat(this.value / 2, \"px\");\n } else {\n style[MARGIN_TYPE[direction][0]] = '';\n }\n\n if (i !== slides.length - 1) {\n style[MARGIN_TYPE[direction][1]] = \"\".concat(this.value / 2, \"px\");\n } else {\n style[MARGIN_TYPE[direction][1]] = '';\n }\n }\n },\n\n /**\n * Removes gaps from the slides.\n *\n * @param {HTMLCollection} slides\n * @returns {Void}\n */\n remove: function remove(slides) {\n for (var i = 0, len = slides.length; i < len; i++) {\n var style = slides[i].style;\n style.marginLeft = '';\n style.marginRight = '';\n }\n }\n };\n define(Gaps, 'value', {\n /**\n * Gets value of the gap.\n *\n * @returns {Number}\n */\n get: function get() {\n return toInt(Glide.settings.gap);\n }\n });\n define(Gaps, 'grow', {\n /**\n * Gets additional dimensions value caused by gaps.\n * Used to increase width of the slides wrapper.\n *\n * @returns {Number}\n */\n get: function get() {\n return Gaps.value * Components.Sizes.length;\n }\n });\n define(Gaps, 'reductor', {\n /**\n * Gets reduction value caused by gaps.\n * Used to subtract width of the slides.\n *\n * @returns {Number}\n */\n get: function get() {\n var perView = Glide.settings.perView;\n return Gaps.value * (perView - 1) / perView;\n }\n });\n /**\n * Apply calculated gaps:\n * - after building, so slides (including clones) will receive proper margins\n * - on updating via API, to recalculate gaps with new options\n */\n\n Events.on(['build.after', 'update'], throttle(function () {\n Gaps.apply(Components.Html.wrapper.children);\n }, 30));\n /**\n * Remove gaps:\n * - on destroying to bring markup to its inital state\n */\n\n Events.on('destroy', function () {\n Gaps.remove(Components.Html.wrapper.children);\n });\n return Gaps;\n}\n\n/**\n * Finds siblings nodes of the passed node.\n *\n * @param {Element} node\n * @return {Array}\n */\nfunction siblings(node) {\n if (node && node.parentNode) {\n var n = node.parentNode.firstChild;\n var matched = [];\n\n for (; n; n = n.nextSibling) {\n if (n.nodeType === 1 && n !== node) {\n matched.push(n);\n }\n }\n\n return matched;\n }\n\n return [];\n}\n/**\n * Checks if passed node exist and is a valid element.\n *\n * @param {Element} node\n * @return {Boolean}\n */\n\nfunction exist(node) {\n if (node && node instanceof window.HTMLElement) {\n return true;\n }\n\n return false;\n}\n/**\n * Coerces a NodeList to an Array.\n *\n * @param {NodeList} nodeList\n * @return {Array}\n */\n\nfunction toArray(nodeList) {\n return Array.prototype.slice.call(nodeList);\n}\n\nvar TRACK_SELECTOR = '[data-glide-el=\"track\"]';\nfunction Html (Glide, Components, Events) {\n var Html = {\n /**\n * Setup slider HTML nodes.\n *\n * @param {Glide} glide\n */\n mount: function mount() {\n this.root = Glide.selector;\n this.track = this.root.querySelector(TRACK_SELECTOR);\n this.collectSlides();\n },\n\n /**\n * Collect slides\n */\n collectSlides: function collectSlides() {\n this.slides = toArray(this.wrapper.children).filter(function (slide) {\n return !slide.classList.contains(Glide.settings.classes.slide.clone);\n });\n }\n };\n define(Html, 'root', {\n /**\n * Gets node of the glide main element.\n *\n * @return {Object}\n */\n get: function get() {\n return Html._r;\n },\n\n /**\n * Sets node of the glide main element.\n *\n * @return {Object}\n */\n set: function set(r) {\n if (isString(r)) {\n r = document.querySelector(r);\n }\n\n if (exist(r)) {\n Html._r = r;\n } else {\n warn('Root element must be a existing Html node');\n }\n }\n });\n define(Html, 'track', {\n /**\n * Gets node of the glide track with slides.\n *\n * @return {Object}\n */\n get: function get() {\n return Html._t;\n },\n\n /**\n * Sets node of the glide track with slides.\n *\n * @return {Object}\n */\n set: function set(t) {\n if (exist(t)) {\n Html._t = t;\n } else {\n warn(\"Could not find track element. Please use \".concat(TRACK_SELECTOR, \" attribute.\"));\n }\n }\n });\n define(Html, 'wrapper', {\n /**\n * Gets node of the slides wrapper.\n *\n * @return {Object}\n */\n get: function get() {\n return Html.track.children[0];\n }\n });\n /**\n * Add/remove/reorder dynamic slides\n */\n\n Events.on('update', function () {\n Html.collectSlides();\n });\n return Html;\n}\n\nfunction Peek (Glide, Components, Events) {\n var Peek = {\n /**\n * Setups how much to peek based on settings.\n *\n * @return {Void}\n */\n mount: function mount() {\n this.value = Glide.settings.peek;\n }\n };\n define(Peek, 'value', {\n /**\n * Gets value of the peek.\n *\n * @returns {Number|Object}\n */\n get: function get() {\n return Peek._v;\n },\n\n /**\n * Sets value of the peek.\n *\n * @param {Number|Object} value\n * @return {Void}\n */\n set: function set(value) {\n if (isObject(value)) {\n value.before = toInt(value.before);\n value.after = toInt(value.after);\n } else {\n value = toInt(value);\n }\n\n Peek._v = value;\n }\n });\n define(Peek, 'reductor', {\n /**\n * Gets reduction value caused by peek.\n *\n * @returns {Number}\n */\n get: function get() {\n var value = Peek.value;\n var perView = Glide.settings.perView;\n\n if (isObject(value)) {\n return value.before / perView + value.after / perView;\n }\n\n return value * 2 / perView;\n }\n });\n /**\n * Recalculate peeking sizes on:\n * - when resizing window to update to proper percents\n */\n\n Events.on(['resize', 'update'], function () {\n Peek.mount();\n });\n return Peek;\n}\n\nfunction Move (Glide, Components, Events) {\n var Move = {\n /**\n * Constructs move component.\n *\n * @returns {Void}\n */\n mount: function mount() {\n this._o = 0;\n },\n\n /**\n * Calculates a movement value based on passed offset and currently active index.\n *\n * @param {Number} offset\n * @return {Void}\n */\n make: function make() {\n var _this = this;\n\n var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n this.offset = offset;\n Events.emit('move', {\n movement: this.value\n });\n Components.Transition.after(function () {\n Events.emit('move.after', {\n movement: _this.value\n });\n });\n }\n };\n define(Move, 'offset', {\n /**\n * Gets an offset value used to modify current translate.\n *\n * @return {Object}\n */\n get: function get() {\n return Move._o;\n },\n\n /**\n * Sets an offset value used to modify current translate.\n *\n * @return {Object}\n */\n set: function set(value) {\n Move._o = !isUndefined(value) ? toInt(value) : 0;\n }\n });\n define(Move, 'translate', {\n /**\n * Gets a raw movement value.\n *\n * @return {Number}\n */\n get: function get() {\n return Components.Sizes.slideWidth * Glide.index;\n }\n });\n define(Move, 'value', {\n /**\n * Gets an actual movement value corrected by offset.\n *\n * @return {Number}\n */\n get: function get() {\n var offset = this.offset;\n var translate = this.translate;\n\n if (Components.Direction.is('rtl')) {\n return translate + offset;\n }\n\n return translate - offset;\n }\n });\n /**\n * Make movement to proper slide on:\n * - before build, so glide will start at `startAt` index\n * - on each standard run to move to newly calculated index\n */\n\n Events.on(['build.before', 'run'], function () {\n Move.make();\n });\n return Move;\n}\n\nfunction Sizes (Glide, Components, Events) {\n var Sizes = {\n /**\n * Setups dimensions of slides.\n *\n * @return {Void}\n */\n setupSlides: function setupSlides() {\n var width = \"\".concat(this.slideWidth, \"px\");\n var slides = Components.Html.slides;\n\n for (var i = 0; i < slides.length; i++) {\n slides[i].style.width = width;\n }\n },\n\n /**\n * Setups dimensions of slides wrapper.\n *\n * @return {Void}\n */\n setupWrapper: function setupWrapper() {\n Components.Html.wrapper.style.width = \"\".concat(this.wrapperSize, \"px\");\n },\n\n /**\n * Removes applied styles from HTML elements.\n *\n * @returns {Void}\n */\n remove: function remove() {\n var slides = Components.Html.slides;\n\n for (var i = 0; i < slides.length; i++) {\n slides[i].style.width = '';\n }\n\n Components.Html.wrapper.style.width = '';\n }\n };\n define(Sizes, 'length', {\n /**\n * Gets count number of the slides.\n *\n * @return {Number}\n */\n get: function get() {\n return Components.Html.slides.length;\n }\n });\n define(Sizes, 'width', {\n /**\n * Gets width value of the slider (visible area).\n *\n * @return {Number}\n */\n get: function get() {\n return Components.Html.track.offsetWidth;\n }\n });\n define(Sizes, 'wrapperSize', {\n /**\n * Gets size of the slides wrapper.\n *\n * @return {Number}\n */\n get: function get() {\n return Sizes.slideWidth * Sizes.length + Components.Gaps.grow + Components.Clones.grow;\n }\n });\n define(Sizes, 'slideWidth', {\n /**\n * Gets width value of a single slide.\n *\n * @return {Number}\n */\n get: function get() {\n return Sizes.width / Glide.settings.perView - Components.Peek.reductor - Components.Gaps.reductor;\n }\n });\n /**\n * Apply calculated glide's dimensions:\n * - before building, so other dimensions (e.g. translate) will be calculated propertly\n * - when resizing window to recalculate sildes dimensions\n * - on updating via API, to calculate dimensions based on new options\n */\n\n Events.on(['build.before', 'resize', 'update'], function () {\n Sizes.setupSlides();\n Sizes.setupWrapper();\n });\n /**\n * Remove calculated glide's dimensions:\n * - on destoting to bring markup to its inital state\n */\n\n Events.on('destroy', function () {\n Sizes.remove();\n });\n return Sizes;\n}\n\nfunction Build (Glide, Components, Events) {\n var Build = {\n /**\n * Init glide building. Adds classes, sets\n * dimensions and setups initial state.\n *\n * @return {Void}\n */\n mount: function mount() {\n Events.emit('build.before');\n this.typeClass();\n this.activeClass();\n Events.emit('build.after');\n },\n\n /**\n * Adds `type` class to the glide element.\n *\n * @return {Void}\n */\n typeClass: function typeClass() {\n Components.Html.root.classList.add(Glide.settings.classes.type[Glide.settings.type]);\n },\n\n /**\n * Sets active class to current slide.\n *\n * @return {Void}\n */\n activeClass: function activeClass() {\n var classes = Glide.settings.classes;\n var slide = Components.Html.slides[Glide.index];\n\n if (slide) {\n slide.classList.add(classes.slide.active);\n siblings(slide).forEach(function (sibling) {\n sibling.classList.remove(classes.slide.active);\n });\n }\n },\n\n /**\n * Removes HTML classes applied at building.\n *\n * @return {Void}\n */\n removeClasses: function removeClasses() {\n var _Glide$settings$class = Glide.settings.classes,\n type = _Glide$settings$class.type,\n slide = _Glide$settings$class.slide;\n Components.Html.root.classList.remove(type[Glide.settings.type]);\n Components.Html.slides.forEach(function (sibling) {\n sibling.classList.remove(slide.active);\n });\n }\n };\n /**\n * Clear building classes:\n * - on destroying to bring HTML to its initial state\n * - on updating to remove classes before remounting component\n */\n\n Events.on(['destroy', 'update'], function () {\n Build.removeClasses();\n });\n /**\n * Remount component:\n * - on resizing of the window to calculate new dimensions\n * - on updating settings via API\n */\n\n Events.on(['resize', 'update'], function () {\n Build.mount();\n });\n /**\n * Swap active class of current slide:\n * - after each move to the new index\n */\n\n Events.on('move.after', function () {\n Build.activeClass();\n });\n return Build;\n}\n\nfunction Clones (Glide, Components, Events) {\n var Clones = {\n /**\n * Create pattern map and collect slides to be cloned.\n */\n mount: function mount() {\n this.items = [];\n\n if (Glide.isType('carousel')) {\n this.items = this.collect();\n }\n },\n\n /**\n * Collect clones with pattern.\n *\n * @return {[]}\n */\n collect: function collect() {\n var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var slides = Components.Html.slides;\n var _Glide$settings = Glide.settings,\n perView = _Glide$settings.perView,\n classes = _Glide$settings.classes,\n cloningRatio = _Glide$settings.cloningRatio;\n\n if (slides.length !== 0) {\n var peekIncrementer = +!!Glide.settings.peek;\n var cloneCount = perView + peekIncrementer + Math.round(perView / 2);\n var append = slides.slice(0, cloneCount).reverse();\n var prepend = slides.slice(cloneCount * -1);\n\n for (var r = 0; r < Math.max(cloningRatio, Math.floor(perView / slides.length)); r++) {\n for (var i = 0; i < append.length; i++) {\n var clone = append[i].cloneNode(true);\n clone.classList.add(classes.slide.clone);\n items.push(clone);\n }\n\n for (var _i = 0; _i < prepend.length; _i++) {\n var _clone = prepend[_i].cloneNode(true);\n\n _clone.classList.add(classes.slide.clone);\n\n items.unshift(_clone);\n }\n }\n }\n\n return items;\n },\n\n /**\n * Append cloned slides with generated pattern.\n *\n * @return {Void}\n */\n append: function append() {\n var items = this.items;\n var _Components$Html = Components.Html,\n wrapper = _Components$Html.wrapper,\n slides = _Components$Html.slides;\n var half = Math.floor(items.length / 2);\n var prepend = items.slice(0, half).reverse();\n var append = items.slice(half * -1).reverse();\n var width = \"\".concat(Components.Sizes.slideWidth, \"px\");\n\n for (var i = 0; i < append.length; i++) {\n wrapper.appendChild(append[i]);\n }\n\n for (var _i2 = 0; _i2 < prepend.length; _i2++) {\n wrapper.insertBefore(prepend[_i2], slides[0]);\n }\n\n for (var _i3 = 0; _i3 < items.length; _i3++) {\n items[_i3].style.width = width;\n }\n },\n\n /**\n * Remove all cloned slides.\n *\n * @return {Void}\n */\n remove: function remove() {\n var items = this.items;\n\n for (var i = 0; i < items.length; i++) {\n Components.Html.wrapper.removeChild(items[i]);\n }\n }\n };\n define(Clones, 'grow', {\n /**\n * Gets additional dimensions value caused by clones.\n *\n * @return {Number}\n */\n get: function get() {\n return (Components.Sizes.slideWidth + Components.Gaps.value) * Clones.items.length;\n }\n });\n /**\n * Append additional slide's clones:\n * - while glide's type is `carousel`\n */\n\n Events.on('update', function () {\n Clones.remove();\n Clones.mount();\n Clones.append();\n });\n /**\n * Append additional slide's clones:\n * - while glide's type is `carousel`\n */\n\n Events.on('build.before', function () {\n if (Glide.isType('carousel')) {\n Clones.append();\n }\n });\n /**\n * Remove clones HTMLElements:\n * - on destroying, to bring HTML to its initial state\n */\n\n Events.on('destroy', function () {\n Clones.remove();\n });\n return Clones;\n}\n\nvar EventsBinder = /*#__PURE__*/function () {\n /**\n * Construct a EventsBinder instance.\n */\n function EventsBinder() {\n var listeners = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n _classCallCheck(this, EventsBinder);\n\n this.listeners = listeners;\n }\n /**\n * Adds events listeners to arrows HTML elements.\n *\n * @param {String|Array} events\n * @param {Element|Window|Document} el\n * @param {Function} closure\n * @param {Boolean|Object} capture\n * @return {Void}\n */\n\n\n _createClass(EventsBinder, [{\n key: \"on\",\n value: function on(events, el, closure) {\n var capture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n\n if (isString(events)) {\n events = [events];\n }\n\n for (var i = 0; i < events.length; i++) {\n this.listeners[events[i]] = closure;\n el.addEventListener(events[i], this.listeners[events[i]], capture);\n }\n }\n /**\n * Removes event listeners from arrows HTML elements.\n *\n * @param {String|Array} events\n * @param {Element|Window|Document} el\n * @param {Boolean|Object} capture\n * @return {Void}\n */\n\n }, {\n key: \"off\",\n value: function off(events, el) {\n var capture = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (isString(events)) {\n events = [events];\n }\n\n for (var i = 0; i < events.length; i++) {\n el.removeEventListener(events[i], this.listeners[events[i]], capture);\n }\n }\n /**\n * Destroy collected listeners.\n *\n * @returns {Void}\n */\n\n }, {\n key: \"destroy\",\n value: function destroy() {\n delete this.listeners;\n }\n }]);\n\n return EventsBinder;\n}();\n\nfunction Resize (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n var Resize = {\n /**\n * Initializes window bindings.\n */\n mount: function mount() {\n this.bind();\n },\n\n /**\n * Binds `rezsize` listener to the window.\n * It's a costly event, so we are debouncing it.\n *\n * @return {Void}\n */\n bind: function bind() {\n Binder.on('resize', window, throttle(function () {\n Events.emit('resize');\n }, Glide.settings.throttle));\n },\n\n /**\n * Unbinds listeners from the window.\n *\n * @return {Void}\n */\n unbind: function unbind() {\n Binder.off('resize', window);\n }\n };\n /**\n * Remove bindings from window:\n * - on destroying, to remove added EventListener\n */\n\n Events.on('destroy', function () {\n Resize.unbind();\n Binder.destroy();\n });\n return Resize;\n}\n\nvar VALID_DIRECTIONS = ['ltr', 'rtl'];\nvar FLIPED_MOVEMENTS = {\n '>': '<',\n '<': '>',\n '=': '='\n};\nfunction Direction (Glide, Components, Events) {\n var Direction = {\n /**\n * Setups gap value based on settings.\n *\n * @return {Void}\n */\n mount: function mount() {\n this.value = Glide.settings.direction;\n },\n\n /**\n * Resolves pattern based on direction value\n *\n * @param {String} pattern\n * @returns {String}\n */\n resolve: function resolve(pattern) {\n var token = pattern.slice(0, 1);\n\n if (this.is('rtl')) {\n return pattern.split(token).join(FLIPED_MOVEMENTS[token]);\n }\n\n return pattern;\n },\n\n /**\n * Checks value of direction mode.\n *\n * @param {String} direction\n * @returns {Boolean}\n */\n is: function is(direction) {\n return this.value === direction;\n },\n\n /**\n * Applies direction class to the root HTML element.\n *\n * @return {Void}\n */\n addClass: function addClass() {\n Components.Html.root.classList.add(Glide.settings.classes.direction[this.value]);\n },\n\n /**\n * Removes direction class from the root HTML element.\n *\n * @return {Void}\n */\n removeClass: function removeClass() {\n Components.Html.root.classList.remove(Glide.settings.classes.direction[this.value]);\n }\n };\n define(Direction, 'value', {\n /**\n * Gets value of the direction.\n *\n * @returns {Number}\n */\n get: function get() {\n return Direction._v;\n },\n\n /**\n * Sets value of the direction.\n *\n * @param {String} value\n * @return {Void}\n */\n set: function set(value) {\n if (VALID_DIRECTIONS.indexOf(value) > -1) {\n Direction._v = value;\n } else {\n warn('Direction value must be `ltr` or `rtl`');\n }\n }\n });\n /**\n * Clear direction class:\n * - on destroy to bring HTML to its initial state\n * - on update to remove class before reappling bellow\n */\n\n Events.on(['destroy', 'update'], function () {\n Direction.removeClass();\n });\n /**\n * Remount component:\n * - on update to reflect changes in direction value\n */\n\n Events.on('update', function () {\n Direction.mount();\n });\n /**\n * Apply direction class:\n * - before building to apply class for the first time\n * - on updating to reapply direction class that may changed\n */\n\n Events.on(['build.before', 'update'], function () {\n Direction.addClass();\n });\n return Direction;\n}\n\n/**\n * Reflects value of glide movement.\n *\n * @param {Object} Glide\n * @param {Object} Components\n * @return {Object}\n */\nfunction Rtl (Glide, Components) {\n return {\n /**\n * Negates the passed translate if glide is in RTL option.\n *\n * @param {Number} translate\n * @return {Number}\n */\n modify: function modify(translate) {\n if (Components.Direction.is('rtl')) {\n return -translate;\n }\n\n return translate;\n }\n };\n}\n\n/**\n * Updates glide movement with a `gap` settings.\n *\n * @param {Object} Glide\n * @param {Object} Components\n * @return {Object}\n */\nfunction Gap (Glide, Components) {\n return {\n /**\n * Modifies passed translate value with number in the `gap` settings.\n *\n * @param {Number} translate\n * @return {Number}\n */\n modify: function modify(translate) {\n var multiplier = Math.floor(translate / Components.Sizes.slideWidth);\n return translate + Components.Gaps.value * multiplier;\n }\n };\n}\n\n/**\n * Updates glide movement with width of additional clones width.\n *\n * @param {Object} Glide\n * @param {Object} Components\n * @return {Object}\n */\nfunction Grow (Glide, Components) {\n return {\n /**\n * Adds to the passed translate width of the half of clones.\n *\n * @param {Number} translate\n * @return {Number}\n */\n modify: function modify(translate) {\n return translate + Components.Clones.grow / 2;\n }\n };\n}\n\n/**\n * Updates glide movement with a `peek` settings.\n *\n * @param {Object} Glide\n * @param {Object} Components\n * @return {Object}\n */\n\nfunction Peeking (Glide, Components) {\n return {\n /**\n * Modifies passed translate value with a `peek` setting.\n *\n * @param {Number} translate\n * @return {Number}\n */\n modify: function modify(translate) {\n if (Glide.settings.focusAt >= 0) {\n var peek = Components.Peek.value;\n\n if (isObject(peek)) {\n return translate - peek.before;\n }\n\n return translate - peek;\n }\n\n return translate;\n }\n };\n}\n\n/**\n * Updates glide movement with a `focusAt` settings.\n *\n * @param {Object} Glide\n * @param {Object} Components\n * @return {Object}\n */\nfunction Focusing (Glide, Components) {\n return {\n /**\n * Modifies passed translate value with index in the `focusAt` setting.\n *\n * @param {Number} translate\n * @return {Number}\n */\n modify: function modify(translate) {\n var gap = Components.Gaps.value;\n var width = Components.Sizes.width;\n var focusAt = Glide.settings.focusAt;\n var slideWidth = Components.Sizes.slideWidth;\n\n if (focusAt === 'center') {\n return translate - (width / 2 - slideWidth / 2);\n }\n\n return translate - slideWidth * focusAt - gap * focusAt;\n }\n };\n}\n\n/**\n * Applies diffrent transformers on translate value.\n *\n * @param {Object} Glide\n * @param {Object} Components\n * @return {Object}\n */\n\nfunction mutator (Glide, Components, Events) {\n /**\n * Merge instance transformers with collection of default transformers.\n * It's important that the Rtl component be last on the list,\n * so it reflects all previous transformations.\n *\n * @type {Array}\n */\n var TRANSFORMERS = [Gap, Grow, Peeking, Focusing].concat(Glide._t, [Rtl]);\n return {\n /**\n * Piplines translate value with registered transformers.\n *\n * @param {Number} translate\n * @return {Number}\n */\n mutate: function mutate(translate) {\n for (var i = 0; i < TRANSFORMERS.length; i++) {\n var transformer = TRANSFORMERS[i];\n\n if (isFunction(transformer) && isFunction(transformer().modify)) {\n translate = transformer(Glide, Components, Events).modify(translate);\n } else {\n warn('Transformer should be a function that returns an object with `modify()` method');\n }\n }\n\n return translate;\n }\n };\n}\n\nfunction Translate (Glide, Components, Events) {\n var Translate = {\n /**\n * Sets value of translate on HTML element.\n *\n * @param {Number} value\n * @return {Void}\n */\n set: function set(value) {\n var transform = mutator(Glide, Components).mutate(value);\n var translate3d = \"translate3d(\".concat(-1 * transform, \"px, 0px, 0px)\");\n Components.Html.wrapper.style.mozTransform = translate3d; // needed for supported Firefox 10-15\n\n Components.Html.wrapper.style.webkitTransform = translate3d; // needed for supported Chrome 10-35, Safari 5.1-8, and Opera 15-22\n\n Components.Html.wrapper.style.transform = translate3d;\n },\n\n /**\n * Removes value of translate from HTML element.\n *\n * @return {Void}\n */\n remove: function remove() {\n Components.Html.wrapper.style.transform = '';\n },\n\n /**\n * @return {number}\n */\n getStartIndex: function getStartIndex() {\n var length = Components.Sizes.length;\n var index = Glide.index;\n var perView = Glide.settings.perView;\n\n if (Components.Run.isOffset('>') || Components.Run.isOffset('|>')) {\n return length + (index - perView);\n } // \"modulo length\" converts an index that equals length to zero\n\n\n return (index + perView) % length;\n },\n\n /**\n * @return {number}\n */\n getTravelDistance: function getTravelDistance() {\n var travelDistance = Components.Sizes.slideWidth * Glide.settings.perView;\n\n if (Components.Run.isOffset('>') || Components.Run.isOffset('|>')) {\n // reverse travel distance so that we don't have to change subtract operations\n return travelDistance * -1;\n }\n\n return travelDistance;\n }\n };\n /**\n * Set new translate value:\n * - on move to reflect index change\n * - on updating via API to reflect possible changes in options\n */\n\n Events.on('move', function (context) {\n if (!Glide.isType('carousel') || !Components.Run.isOffset()) {\n return Translate.set(context.movement);\n }\n\n Components.Transition.after(function () {\n Events.emit('translate.jump');\n Translate.set(Components.Sizes.slideWidth * Glide.index);\n });\n var startWidth = Components.Sizes.slideWidth * Components.Translate.getStartIndex();\n return Translate.set(startWidth - Components.Translate.getTravelDistance());\n });\n /**\n * Remove translate:\n * - on destroying to bring markup to its inital state\n */\n\n Events.on('destroy', function () {\n Translate.remove();\n });\n return Translate;\n}\n\nfunction Transition (Glide, Components, Events) {\n /**\n * Holds inactivity status of transition.\n * When true transition is not applied.\n *\n * @type {Boolean}\n */\n var disabled = false;\n var Transition = {\n /**\n * Composes string of the CSS transition.\n *\n * @param {String} property\n * @return {String}\n */\n compose: function compose(property) {\n var settings = Glide.settings;\n\n if (!disabled) {\n return \"\".concat(property, \" \").concat(this.duration, \"ms \").concat(settings.animationTimingFunc);\n }\n\n return \"\".concat(property, \" 0ms \").concat(settings.animationTimingFunc);\n },\n\n /**\n * Sets value of transition on HTML element.\n *\n * @param {String=} property\n * @return {Void}\n */\n set: function set() {\n var property = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transform';\n Components.Html.wrapper.style.transition = this.compose(property);\n },\n\n /**\n * Removes value of transition from HTML element.\n *\n * @return {Void}\n */\n remove: function remove() {\n Components.Html.wrapper.style.transition = '';\n },\n\n /**\n * Runs callback after animation.\n *\n * @param {Function} callback\n * @return {Void}\n */\n after: function after(callback) {\n setTimeout(function () {\n callback();\n }, this.duration);\n },\n\n /**\n * Enable transition.\n *\n * @return {Void}\n */\n enable: function enable() {\n disabled = false;\n this.set();\n },\n\n /**\n * Disable transition.\n *\n * @return {Void}\n */\n disable: function disable() {\n disabled = true;\n this.set();\n }\n };\n define(Transition, 'duration', {\n /**\n * Gets duration of the transition based\n * on currently running animation type.\n *\n * @return {Number}\n */\n get: function get() {\n var settings = Glide.settings;\n\n if (Glide.isType('slider') && Components.Run.offset) {\n return settings.rewindDuration;\n }\n\n return settings.animationDuration;\n }\n });\n /**\n * Set transition `style` value:\n * - on each moving, because it may be cleared by offset move\n */\n\n Events.on('move', function () {\n Transition.set();\n });\n /**\n * Disable transition:\n * - before initial build to avoid transitioning from `0` to `startAt` index\n * - while resizing window and recalculating dimensions\n * - on jumping from offset transition at start and end edges in `carousel` type\n */\n\n Events.on(['build.before', 'resize', 'translate.jump'], function () {\n Transition.disable();\n });\n /**\n * Enable transition:\n * - on each running, because it may be disabled by offset move\n */\n\n Events.on('run', function () {\n Transition.enable();\n });\n /**\n * Remove transition:\n * - on destroying to bring markup to its inital state\n */\n\n Events.on('destroy', function () {\n Transition.remove();\n });\n return Transition;\n}\n\n/**\n * Test via a getter in the options object to see\n * if the passive property is accessed.\n *\n * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection\n */\nvar supportsPassive = false;\n\ntry {\n var opts = Object.defineProperty({}, 'passive', {\n get: function get() {\n supportsPassive = true;\n }\n });\n window.addEventListener('testPassive', null, opts);\n window.removeEventListener('testPassive', null, opts);\n} catch (e) {}\n\nvar supportsPassive$1 = supportsPassive;\n\nvar START_EVENTS = ['touchstart', 'mousedown'];\nvar MOVE_EVENTS = ['touchmove', 'mousemove'];\nvar END_EVENTS = ['touchend', 'touchcancel', 'mouseup', 'mouseleave'];\nvar MOUSE_EVENTS = ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];\nfunction Swipe (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n var swipeSin = 0;\n var swipeStartX = 0;\n var swipeStartY = 0;\n var disabled = false;\n var capture = supportsPassive$1 ? {\n passive: true\n } : false;\n var Swipe = {\n /**\n * Initializes swipe bindings.\n *\n * @return {Void}\n */\n mount: function mount() {\n this.bindSwipeStart();\n },\n\n /**\n * Handler for `swipestart` event. Calculates entry points of the user's tap.\n *\n * @param {Object} event\n * @return {Void}\n */\n start: function start(event) {\n if (!disabled && !Glide.disabled) {\n this.disable();\n var swipe = this.touches(event);\n swipeSin = null;\n swipeStartX = toInt(swipe.pageX);\n swipeStartY = toInt(swipe.pageY);\n this.bindSwipeMove();\n this.bindSwipeEnd();\n Events.emit('swipe.start');\n }\n },\n\n /**\n * Handler for `swipemove` event. Calculates user's tap angle and distance.\n *\n * @param {Object} event\n */\n move: function move(event) {\n if (!Glide.disabled) {\n var _Glide$settings = Glide.settings,\n touchAngle = _Glide$settings.touchAngle,\n touchRatio = _Glide$settings.touchRatio,\n classes = _Glide$settings.classes;\n var swipe = this.touches(event);\n var subExSx = toInt(swipe.pageX) - swipeStartX;\n var subEySy = toInt(swipe.pageY) - swipeStartY;\n var powEX = Math.abs(subExSx << 2);\n var powEY = Math.abs(subEySy << 2);\n var swipeHypotenuse = Math.sqrt(powEX + powEY);\n var swipeCathetus = Math.sqrt(powEY);\n swipeSin = Math.asin(swipeCathetus / swipeHypotenuse);\n\n if (swipeSin * 180 / Math.PI < touchAngle) {\n event.stopPropagation();\n Components.Move.make(subExSx * toFloat(touchRatio));\n Components.Html.root.classList.add(classes.dragging);\n Events.emit('swipe.move');\n } else {\n return false;\n }\n }\n },\n\n /**\n * Handler for `swipeend` event. Finitializes user's tap and decides about glide move.\n *\n * @param {Object} event\n * @return {Void}\n */\n end: function end(event) {\n if (!Glide.disabled) {\n var _Glide$settings2 = Glide.settings,\n perSwipe = _Glide$settings2.perSwipe,\n touchAngle = _Glide$settings2.touchAngle,\n classes = _Glide$settings2.classes;\n var swipe = this.touches(event);\n var threshold = this.threshold(event);\n var swipeDistance = swipe.pageX - swipeStartX;\n var swipeDeg = swipeSin * 180 / Math.PI;\n this.enable();\n\n if (swipeDistance > threshold && swipeDeg < touchAngle) {\n Components.Run.make(Components.Direction.resolve(\"\".concat(perSwipe, \"<\")));\n } else if (swipeDistance < -threshold && swipeDeg < touchAngle) {\n Components.Run.make(Components.Direction.resolve(\"\".concat(perSwipe, \">\")));\n } else {\n // While swipe don't reach distance apply previous transform.\n Components.Move.make();\n }\n\n Components.Html.root.classList.remove(classes.dragging);\n this.unbindSwipeMove();\n this.unbindSwipeEnd();\n Events.emit('swipe.end');\n }\n },\n\n /**\n * Binds swipe's starting event.\n *\n * @return {Void}\n */\n bindSwipeStart: function bindSwipeStart() {\n var _this = this;\n\n var _Glide$settings3 = Glide.settings,\n swipeThreshold = _Glide$settings3.swipeThreshold,\n dragThreshold = _Glide$settings3.dragThreshold;\n\n if (swipeThreshold) {\n Binder.on(START_EVENTS[0], Components.Html.wrapper, function (event) {\n _this.start(event);\n }, capture);\n }\n\n if (dragThreshold) {\n Binder.on(START_EVENTS[1], Components.Html.wrapper, function (event) {\n _this.start(event);\n }, capture);\n }\n },\n\n /**\n * Unbinds swipe's starting event.\n *\n * @return {Void}\n */\n unbindSwipeStart: function unbindSwipeStart() {\n Binder.off(START_EVENTS[0], Components.Html.wrapper, capture);\n Binder.off(START_EVENTS[1], Components.Html.wrapper, capture);\n },\n\n /**\n * Binds swipe's moving event.\n *\n * @return {Void}\n */\n bindSwipeMove: function bindSwipeMove() {\n var _this2 = this;\n\n Binder.on(MOVE_EVENTS, Components.Html.wrapper, throttle(function (event) {\n _this2.move(event);\n }, Glide.settings.throttle), capture);\n },\n\n /**\n * Unbinds swipe's moving event.\n *\n * @return {Void}\n */\n unbindSwipeMove: function unbindSwipeMove() {\n Binder.off(MOVE_EVENTS, Components.Html.wrapper, capture);\n },\n\n /**\n * Binds swipe's ending event.\n *\n * @return {Void}\n */\n bindSwipeEnd: function bindSwipeEnd() {\n var _this3 = this;\n\n Binder.on(END_EVENTS, Components.Html.wrapper, function (event) {\n _this3.end(event);\n });\n },\n\n /**\n * Unbinds swipe's ending event.\n *\n * @return {Void}\n */\n unbindSwipeEnd: function unbindSwipeEnd() {\n Binder.off(END_EVENTS, Components.Html.wrapper);\n },\n\n /**\n * Normalizes event touches points accorting to different types.\n *\n * @param {Object} event\n */\n touches: function touches(event) {\n if (MOUSE_EVENTS.indexOf(event.type) > -1) {\n return event;\n }\n\n return event.touches[0] || event.changedTouches[0];\n },\n\n /**\n * Gets value of minimum swipe distance settings based on event type.\n *\n * @return {Number}\n */\n threshold: function threshold(event) {\n var settings = Glide.settings;\n\n if (MOUSE_EVENTS.indexOf(event.type) > -1) {\n return settings.dragThreshold;\n }\n\n return settings.swipeThreshold;\n },\n\n /**\n * Enables swipe event.\n *\n * @return {self}\n */\n enable: function enable() {\n disabled = false;\n Components.Transition.enable();\n return this;\n },\n\n /**\n * Disables swipe event.\n *\n * @return {self}\n */\n disable: function disable() {\n disabled = true;\n Components.Transition.disable();\n return this;\n }\n };\n /**\n * Add component class:\n * - after initial building\n */\n\n Events.on('build.after', function () {\n Components.Html.root.classList.add(Glide.settings.classes.swipeable);\n });\n /**\n * Remove swiping bindings:\n * - on destroying, to remove added EventListeners\n */\n\n Events.on('destroy', function () {\n Swipe.unbindSwipeStart();\n Swipe.unbindSwipeMove();\n Swipe.unbindSwipeEnd();\n Binder.destroy();\n });\n return Swipe;\n}\n\nfunction Images (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n var Images = {\n /**\n * Binds listener to glide wrapper.\n *\n * @return {Void}\n */\n mount: function mount() {\n this.bind();\n },\n\n /**\n * Binds `dragstart` event on wrapper to prevent dragging images.\n *\n * @return {Void}\n */\n bind: function bind() {\n Binder.on('dragstart', Components.Html.wrapper, this.dragstart);\n },\n\n /**\n * Unbinds `dragstart` event on wrapper.\n *\n * @return {Void}\n */\n unbind: function unbind() {\n Binder.off('dragstart', Components.Html.wrapper);\n },\n\n /**\n * Event handler. Prevents dragging.\n *\n * @return {Void}\n */\n dragstart: function dragstart(event) {\n event.preventDefault();\n }\n };\n /**\n * Remove bindings from images:\n * - on destroying, to remove added EventListeners\n */\n\n Events.on('destroy', function () {\n Images.unbind();\n Binder.destroy();\n });\n return Images;\n}\n\nfunction Anchors (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n /**\n * Holds detaching status of anchors.\n * Prevents detaching of already detached anchors.\n *\n * @private\n * @type {Boolean}\n */\n\n var detached = false;\n /**\n * Holds preventing status of anchors.\n * If `true` redirection after click will be disabled.\n *\n * @private\n * @type {Boolean}\n */\n\n var prevented = false;\n var Anchors = {\n /**\n * Setups a initial state of anchors component.\n *\n * @returns {Void}\n */\n mount: function mount() {\n /**\n * Holds collection of anchors elements.\n *\n * @private\n * @type {HTMLCollection}\n */\n this._a = Components.Html.wrapper.querySelectorAll('a');\n this.bind();\n },\n\n /**\n * Binds events to anchors inside a track.\n *\n * @return {Void}\n */\n bind: function bind() {\n Binder.on('click', Components.Html.wrapper, this.click);\n },\n\n /**\n * Unbinds events attached to anchors inside a track.\n *\n * @return {Void}\n */\n unbind: function unbind() {\n Binder.off('click', Components.Html.wrapper);\n },\n\n /**\n * Handler for click event. Prevents clicks when glide is in `prevent` status.\n *\n * @param {Object} event\n * @return {Void}\n */\n click: function click(event) {\n if (prevented) {\n event.stopPropagation();\n event.preventDefault();\n }\n },\n\n /**\n * Detaches anchors click event inside glide.\n *\n * @return {self}\n */\n detach: function detach() {\n prevented = true;\n\n if (!detached) {\n for (var i = 0; i < this.items.length; i++) {\n this.items[i].draggable = false;\n }\n\n detached = true;\n }\n\n return this;\n },\n\n /**\n * Attaches anchors click events inside glide.\n *\n * @return {self}\n */\n attach: function attach() {\n prevented = false;\n\n if (detached) {\n for (var i = 0; i < this.items.length; i++) {\n this.items[i].draggable = true;\n }\n\n detached = false;\n }\n\n return this;\n }\n };\n define(Anchors, 'items', {\n /**\n * Gets collection of the arrows HTML elements.\n *\n * @return {HTMLElement[]}\n */\n get: function get() {\n return Anchors._a;\n }\n });\n /**\n * Detach anchors inside slides:\n * - on swiping, so they won't redirect to its `href` attributes\n */\n\n Events.on('swipe.move', function () {\n Anchors.detach();\n });\n /**\n * Attach anchors inside slides:\n * - after swiping and transitions ends, so they can redirect after click again\n */\n\n Events.on('swipe.end', function () {\n Components.Transition.after(function () {\n Anchors.attach();\n });\n });\n /**\n * Unbind anchors inside slides:\n * - on destroying, to bring anchors to its initial state\n */\n\n Events.on('destroy', function () {\n Anchors.attach();\n Anchors.unbind();\n Binder.destroy();\n });\n return Anchors;\n}\n\nvar NAV_SELECTOR = '[data-glide-el=\"controls[nav]\"]';\nvar CONTROLS_SELECTOR = '[data-glide-el^=\"controls\"]';\nvar PREVIOUS_CONTROLS_SELECTOR = \"\".concat(CONTROLS_SELECTOR, \" [data-glide-dir*=\\\"<\\\"]\");\nvar NEXT_CONTROLS_SELECTOR = \"\".concat(CONTROLS_SELECTOR, \" [data-glide-dir*=\\\">\\\"]\");\nfunction Controls (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n var capture = supportsPassive$1 ? {\n passive: true\n } : false;\n var Controls = {\n /**\n * Inits arrows. Binds events listeners\n * to the arrows HTML elements.\n *\n * @return {Void}\n */\n mount: function mount() {\n /**\n * Collection of navigation HTML elements.\n *\n * @private\n * @type {HTMLCollection}\n */\n this._n = Components.Html.root.querySelectorAll(NAV_SELECTOR);\n /**\n * Collection of controls HTML elements.\n *\n * @private\n * @type {HTMLCollection}\n */\n\n this._c = Components.Html.root.querySelectorAll(CONTROLS_SELECTOR);\n /**\n * Collection of arrow control HTML elements.\n *\n * @private\n * @type {Object}\n */\n\n this._arrowControls = {\n previous: Components.Html.root.querySelectorAll(PREVIOUS_CONTROLS_SELECTOR),\n next: Components.Html.root.querySelectorAll(NEXT_CONTROLS_SELECTOR)\n };\n this.addBindings();\n },\n\n /**\n * Sets active class to current slide.\n *\n * @return {Void}\n */\n setActive: function setActive() {\n for (var i = 0; i < this._n.length; i++) {\n this.addClass(this._n[i].children);\n }\n },\n\n /**\n * Removes active class to current slide.\n *\n * @return {Void}\n */\n removeActive: function removeActive() {\n for (var i = 0; i < this._n.length; i++) {\n this.removeClass(this._n[i].children);\n }\n },\n\n /**\n * Toggles active class on items inside navigation.\n *\n * @param {HTMLElement} controls\n * @return {Void}\n */\n addClass: function addClass(controls) {\n var settings = Glide.settings;\n var item = controls[Glide.index];\n\n if (!item) {\n return;\n }\n\n if (item) {\n item.classList.add(settings.classes.nav.active);\n siblings(item).forEach(function (sibling) {\n sibling.classList.remove(settings.classes.nav.active);\n });\n }\n },\n\n /**\n * Removes active class from active control.\n *\n * @param {HTMLElement} controls\n * @return {Void}\n */\n removeClass: function removeClass(controls) {\n var item = controls[Glide.index];\n\n if (item) {\n item.classList.remove(Glide.settings.classes.nav.active);\n }\n },\n\n /**\n * Calculates, removes or adds `Glide.settings.classes.disabledArrow` class on the control arrows\n */\n setArrowState: function setArrowState() {\n if (Glide.settings.rewind) {\n return;\n }\n\n var next = Controls._arrowControls.next;\n var previous = Controls._arrowControls.previous;\n this.resetArrowState(next, previous);\n\n if (Glide.index === 0) {\n this.disableArrow(previous);\n }\n\n if (Glide.index === Components.Run.length) {\n this.disableArrow(next);\n }\n },\n\n /**\n * Removes `Glide.settings.classes.disabledArrow` from given NodeList elements\n *\n * @param {NodeList[]} lists\n */\n resetArrowState: function resetArrowState() {\n var settings = Glide.settings;\n\n for (var _len = arguments.length, lists = new Array(_len), _key = 0; _key < _len; _key++) {\n lists[_key] = arguments[_key];\n }\n\n lists.forEach(function (list) {\n toArray(list).forEach(function (element) {\n element.classList.remove(settings.classes.arrow.disabled);\n });\n });\n },\n\n /**\n * Adds `Glide.settings.classes.disabledArrow` to given NodeList elements\n *\n * @param {NodeList[]} lists\n */\n disableArrow: function disableArrow() {\n var settings = Glide.settings;\n\n for (var _len2 = arguments.length, lists = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n lists[_key2] = arguments[_key2];\n }\n\n lists.forEach(function (list) {\n toArray(list).forEach(function (element) {\n element.classList.add(settings.classes.arrow.disabled);\n });\n });\n },\n\n /**\n * Adds handles to the each group of controls.\n *\n * @return {Void}\n */\n addBindings: function addBindings() {\n for (var i = 0; i < this._c.length; i++) {\n this.bind(this._c[i].children);\n }\n },\n\n /**\n * Removes handles from the each group of controls.\n *\n * @return {Void}\n */\n removeBindings: function removeBindings() {\n for (var i = 0; i < this._c.length; i++) {\n this.unbind(this._c[i].children);\n }\n },\n\n /**\n * Binds events to arrows HTML elements.\n *\n * @param {HTMLCollection} elements\n * @return {Void}\n */\n bind: function bind(elements) {\n for (var i = 0; i < elements.length; i++) {\n Binder.on('click', elements[i], this.click);\n Binder.on('touchstart', elements[i], this.click, capture);\n }\n },\n\n /**\n * Unbinds events binded to the arrows HTML elements.\n *\n * @param {HTMLCollection} elements\n * @return {Void}\n */\n unbind: function unbind(elements) {\n for (var i = 0; i < elements.length; i++) {\n Binder.off(['click', 'touchstart'], elements[i]);\n }\n },\n\n /**\n * Handles `click` event on the arrows HTML elements.\n * Moves slider in direction given via the\n * `data-glide-dir` attribute.\n *\n * @param {Object} event\n * @return {void}\n */\n click: function click(event) {\n if (!supportsPassive$1 && event.type === 'touchstart') {\n event.preventDefault();\n }\n\n var direction = event.currentTarget.getAttribute('data-glide-dir');\n Components.Run.make(Components.Direction.resolve(direction));\n }\n };\n define(Controls, 'items', {\n /**\n * Gets collection of the controls HTML elements.\n *\n * @return {HTMLElement[]}\n */\n get: function get() {\n return Controls._c;\n }\n });\n /**\n * Swap active class of current navigation item:\n * - after mounting to set it to initial index\n * - after each move to the new index\n */\n\n Events.on(['mount.after', 'move.after'], function () {\n Controls.setActive();\n });\n /**\n * Add or remove disabled class of arrow elements\n */\n\n Events.on(['mount.after', 'run'], function () {\n Controls.setArrowState();\n });\n /**\n * Remove bindings and HTML Classes:\n * - on destroying, to bring markup to its initial state\n */\n\n Events.on('destroy', function () {\n Controls.removeBindings();\n Controls.removeActive();\n Binder.destroy();\n });\n return Controls;\n}\n\nfunction Keyboard (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n var Keyboard = {\n /**\n * Binds keyboard events on component mount.\n *\n * @return {Void}\n */\n mount: function mount() {\n if (Glide.settings.keyboard) {\n this.bind();\n }\n },\n\n /**\n * Adds keyboard press events.\n *\n * @return {Void}\n */\n bind: function bind() {\n Binder.on('keyup', document, this.press);\n },\n\n /**\n * Removes keyboard press events.\n *\n * @return {Void}\n */\n unbind: function unbind() {\n Binder.off('keyup', document);\n },\n\n /**\n * Handles keyboard's arrows press and moving glide foward and backward.\n *\n * @param {Object} event\n * @return {Void}\n */\n press: function press(event) {\n var perSwipe = Glide.settings.perSwipe;\n\n if (event.code === 'ArrowRight') {\n Components.Run.make(Components.Direction.resolve(\"\".concat(perSwipe, \">\")));\n }\n\n if (event.code === 'ArrowLeft') {\n Components.Run.make(Components.Direction.resolve(\"\".concat(perSwipe, \"<\")));\n }\n }\n };\n /**\n * Remove bindings from keyboard:\n * - on destroying to remove added events\n * - on updating to remove events before remounting\n */\n\n Events.on(['destroy', 'update'], function () {\n Keyboard.unbind();\n });\n /**\n * Remount component\n * - on updating to reflect potential changes in settings\n */\n\n Events.on('update', function () {\n Keyboard.mount();\n });\n /**\n * Destroy binder:\n * - on destroying to remove listeners\n */\n\n Events.on('destroy', function () {\n Binder.destroy();\n });\n return Keyboard;\n}\n\nfunction Autoplay (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n var Autoplay = {\n /**\n * Initializes autoplaying and events.\n *\n * @return {Void}\n */\n mount: function mount() {\n this.enable();\n this.start();\n\n if (Glide.settings.hoverpause) {\n this.bind();\n }\n },\n\n /**\n * Enables autoplaying\n *\n * @returns {Void}\n */\n enable: function enable() {\n this._e = true;\n },\n\n /**\n * Disables autoplaying.\n *\n * @returns {Void}\n */\n disable: function disable() {\n this._e = false;\n },\n\n /**\n * Starts autoplaying in configured interval.\n *\n * @param {Boolean|Number} force Run autoplaying with passed interval regardless of `autoplay` settings\n * @return {Void}\n */\n start: function start() {\n var _this = this;\n\n if (!this._e) {\n return;\n }\n\n this.enable();\n\n if (Glide.settings.autoplay) {\n if (isUndefined(this._i)) {\n this._i = setInterval(function () {\n _this.stop();\n\n Components.Run.make('>');\n\n _this.start();\n\n Events.emit('autoplay');\n }, this.time);\n }\n }\n },\n\n /**\n * Stops autorunning of the glide.\n *\n * @return {Void}\n */\n stop: function stop() {\n this._i = clearInterval(this._i);\n },\n\n /**\n * Stops autoplaying while mouse is over glide's area.\n *\n * @return {Void}\n */\n bind: function bind() {\n var _this2 = this;\n\n Binder.on('mouseover', Components.Html.root, function () {\n if (_this2._e) {\n _this2.stop();\n }\n });\n Binder.on('mouseout', Components.Html.root, function () {\n if (_this2._e) {\n _this2.start();\n }\n });\n },\n\n /**\n * Unbind mouseover events.\n *\n * @returns {Void}\n */\n unbind: function unbind() {\n Binder.off(['mouseover', 'mouseout'], Components.Html.root);\n }\n };\n define(Autoplay, 'time', {\n /**\n * Gets time period value for the autoplay interval. Prioritizes\n * times in `data-glide-autoplay` attrubutes over options.\n *\n * @return {Number}\n */\n get: function get() {\n var autoplay = Components.Html.slides[Glide.index].getAttribute('data-glide-autoplay');\n\n if (autoplay) {\n return toInt(autoplay);\n }\n\n return toInt(Glide.settings.autoplay);\n }\n });\n /**\n * Stop autoplaying and unbind events:\n * - on destroying, to clear defined interval\n * - on updating via API to reset interval that may changed\n */\n\n Events.on(['destroy', 'update'], function () {\n Autoplay.unbind();\n });\n /**\n * Stop autoplaying:\n * - before each run, to restart autoplaying\n * - on pausing via API\n * - on destroying, to clear defined interval\n * - while starting a swipe\n * - on updating via API to reset interval that may changed\n */\n\n Events.on(['run.before', 'swipe.start', 'update'], function () {\n Autoplay.stop();\n });\n Events.on(['pause', 'destroy'], function () {\n Autoplay.disable();\n Autoplay.stop();\n });\n /**\n * Start autoplaying:\n * - after each run, to restart autoplaying\n * - on playing via API\n * - while ending a swipe\n */\n\n Events.on(['run.after', 'swipe.end'], function () {\n Autoplay.start();\n });\n /**\n * Start autoplaying:\n * - after each run, to restart autoplaying\n * - on playing via API\n * - while ending a swipe\n */\n\n Events.on(['play'], function () {\n Autoplay.enable();\n Autoplay.start();\n });\n /**\n * Remount autoplaying:\n * - on updating via API to reset interval that may changed\n */\n\n Events.on('update', function () {\n Autoplay.mount();\n });\n /**\n * Destroy a binder:\n * - on destroying glide instance to clearup listeners\n */\n\n Events.on('destroy', function () {\n Binder.destroy();\n });\n return Autoplay;\n}\n\n/**\n * Sorts keys of breakpoint object so they will be ordered from lower to bigger.\n *\n * @param {Object} points\n * @returns {Object}\n */\n\nfunction sortBreakpoints(points) {\n if (isObject(points)) {\n return sortKeys(points);\n } else {\n warn(\"Breakpoints option must be an object\");\n }\n\n return {};\n}\n\nfunction Breakpoints (Glide, Components, Events) {\n /**\n * Instance of the binder for DOM Events.\n *\n * @type {EventsBinder}\n */\n var Binder = new EventsBinder();\n /**\n * Holds reference to settings.\n *\n * @type {Object}\n */\n\n var settings = Glide.settings;\n /**\n * Holds reference to breakpoints object in settings. Sorts breakpoints\n * from smaller to larger. It is required in order to proper\n * matching currently active breakpoint settings.\n *\n * @type {Object}\n */\n\n var points = sortBreakpoints(settings.breakpoints);\n /**\n * Cache initial settings before overwritting.\n *\n * @type {Object}\n */\n\n var defaults = Object.assign({}, settings);\n var Breakpoints = {\n /**\n * Matches settings for currectly matching media breakpoint.\n *\n * @param {Object} points\n * @returns {Object}\n */\n match: function match(points) {\n if (typeof window.matchMedia !== 'undefined') {\n for (var point in points) {\n if (points.hasOwnProperty(point)) {\n if (window.matchMedia(\"(max-width: \".concat(point, \"px)\")).matches) {\n return points[point];\n }\n }\n }\n }\n\n return defaults;\n }\n };\n /**\n * Overwrite instance settings with currently matching breakpoint settings.\n * This happens right after component initialization.\n */\n\n Object.assign(settings, Breakpoints.match(points));\n /**\n * Update glide with settings of matched brekpoint:\n * - window resize to update slider\n */\n\n Binder.on('resize', window, throttle(function () {\n Glide.settings = mergeOptions(settings, Breakpoints.match(points));\n }, Glide.settings.throttle));\n /**\n * Resort and update default settings:\n * - on reinit via API, so breakpoint matching will be performed with options\n */\n\n Events.on('update', function () {\n points = sortBreakpoints(points);\n defaults = Object.assign({}, settings);\n });\n /**\n * Unbind resize listener:\n * - on destroying, to bring markup to its initial state\n */\n\n Events.on('destroy', function () {\n Binder.off('resize', window);\n });\n return Breakpoints;\n}\n\nvar COMPONENTS = {\n // Required\n Html: Html,\n Translate: Translate,\n Transition: Transition,\n Direction: Direction,\n Peek: Peek,\n Sizes: Sizes,\n Gaps: Gaps,\n Move: Move,\n Clones: Clones,\n Resize: Resize,\n Build: Build,\n Run: Run,\n // Optional\n Swipe: Swipe,\n Images: Images,\n Anchors: Anchors,\n Controls: Controls,\n Keyboard: Keyboard,\n Autoplay: Autoplay,\n Breakpoints: Breakpoints\n};\n\nvar Glide = /*#__PURE__*/function (_Core) {\n _inherits(Glide, _Core);\n\n var _super = _createSuper(Glide);\n\n function Glide() {\n _classCallCheck(this, Glide);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Glide, [{\n key: \"mount\",\n value: function mount() {\n var extensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return _get(_getPrototypeOf(Glide.prototype), \"mount\", this).call(this, Object.assign({}, COMPONENTS, extensions));\n }\n }]);\n\n return Glide;\n}(Glide$1);\n\nexport { Glide as default };\n","'use strict'\n\nexports.byteLength = byteLength\nexports.toByteArray = toByteArray\nexports.fromByteArray = fromByteArray\n\nvar lookup = []\nvar revLookup = []\nvar Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array\n\nvar code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'\nfor (var i = 0, len = code.length; i < len; ++i) {\n lookup[i] = code[i]\n revLookup[code.charCodeAt(i)] = i\n}\n\n// Support decoding URL-safe base64 strings, as Node.js does.\n// See: https://en.wikipedia.org/wiki/Base64#URL_applications\nrevLookup['-'.charCodeAt(0)] = 62\nrevLookup['_'.charCodeAt(0)] = 63\n\nfunction getLens (b64) {\n var len = b64.length\n\n if (len % 4 > 0) {\n throw new Error('Invalid string. Length must be a multiple of 4')\n }\n\n // Trim off extra bytes after placeholder bytes are found\n // See: https://github.com/beatgammit/base64-js/issues/42\n var validLen = b64.indexOf('=')\n if (validLen === -1) validLen = len\n\n var placeHoldersLen = validLen === len\n ? 0\n : 4 - (validLen % 4)\n\n return [validLen, placeHoldersLen]\n}\n\n// base64 is 4/3 + up to two characters of the original data\nfunction byteLength (b64) {\n var lens = getLens(b64)\n var validLen = lens[0]\n var placeHoldersLen = lens[1]\n return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen\n}\n\nfunction _byteLength (b64, validLen, placeHoldersLen) {\n return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen\n}\n\nfunction toByteArray (b64) {\n var tmp\n var lens = getLens(b64)\n var validLen = lens[0]\n var placeHoldersLen = lens[1]\n\n var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen))\n\n var curByte = 0\n\n // if there are placeholders, only get up to the last complete 4 chars\n var len = placeHoldersLen > 0\n ? validLen - 4\n : validLen\n\n for (var i = 0; i < len; i += 4) {\n tmp =\n (revLookup[b64.charCodeAt(i)] << 18) |\n (revLookup[b64.charCodeAt(i + 1)] << 12) |\n (revLookup[b64.charCodeAt(i + 2)] << 6) |\n revLookup[b64.charCodeAt(i + 3)]\n arr[curByte++] = (tmp >> 16) & 0xFF\n arr[curByte++] = (tmp >> 8) & 0xFF\n arr[curByte++] = tmp & 0xFF\n }\n\n if (placeHoldersLen === 2) {\n tmp =\n (revLookup[b64.charCodeAt(i)] << 2) |\n (revLookup[b64.charCodeAt(i + 1)] >> 4)\n arr[curByte++] = tmp & 0xFF\n }\n\n if (placeHoldersLen === 1) {\n tmp =\n (revLookup[b64.charCodeAt(i)] << 10) |\n (revLookup[b64.charCodeAt(i + 1)] << 4) |\n (revLookup[b64.charCodeAt(i + 2)] >> 2)\n arr[curByte++] = (tmp >> 8) & 0xFF\n arr[curByte++] = tmp & 0xFF\n }\n\n return arr\n}\n\nfunction tripletToBase64 (num) {\n return lookup[num >> 18 & 0x3F] +\n lookup[num >> 12 & 0x3F] +\n lookup[num >> 6 & 0x3F] +\n lookup[num & 0x3F]\n}\n\nfunction encodeChunk (uint8, start, end) {\n var tmp\n var output = []\n for (var i = start; i < end; i += 3) {\n tmp =\n ((uint8[i] << 16) & 0xFF0000) +\n ((uint8[i + 1] << 8) & 0xFF00) +\n (uint8[i + 2] & 0xFF)\n output.push(tripletToBase64(tmp))\n }\n return output.join('')\n}\n\nfunction fromByteArray (uint8) {\n var tmp\n var len = uint8.length\n var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes\n var parts = []\n var maxChunkLength = 16383 // must be multiple of 3\n\n // go through the array every three bytes, we'll deal with trailing stuff later\n for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {\n parts.push(encodeChunk(\n uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength)\n ))\n }\n\n // pad the end with zeros, but make sure to not forget the extra bytes\n if (extraBytes === 1) {\n tmp = uint8[len - 1]\n parts.push(\n lookup[tmp >> 2] +\n lookup[(tmp << 4) & 0x3F] +\n '=='\n )\n } else if (extraBytes === 2) {\n tmp = (uint8[len - 2] << 8) + uint8[len - 1]\n parts.push(\n lookup[tmp >> 10] +\n lookup[(tmp >> 4) & 0x3F] +\n lookup[(tmp << 2) & 0x3F] +\n '='\n )\n }\n\n return parts.join('')\n}\n","!function(e,t){if(\"function\"==typeof define&&define.amd)define([\"exports\"],t);else if(\"undefined\"!=typeof exports)t(exports);else{var o={};t(o),e.bodyScrollLock=o}}(this,function(exports){\"use strict\";function r(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'alert'\n const VERSION = '4.1.3'\n const DATA_KEY = 'bs.alert'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n }\n\n const Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n let rootElement = this._element\n if (element) {\n rootElement = this._getRootElement(element)\n }\n\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n const transitionDuration = Util.getTransitionDurationFromElement(element)\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(transitionDuration)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n )\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Alert._jQueryInterface\n $.fn[NAME].Constructor = Alert\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n }\n\n return Alert\n})($)\n\nexport default Alert\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.1.3): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Carousel = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'carousel'\n const VERSION = '4.1.3'\n const DATA_KEY = 'bs.carousel'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\n const ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\n const TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\n const Default = {\n interval : 5000,\n keyboard : true,\n slide : false,\n pause : 'hover',\n wrap : true\n }\n\n const DefaultType = {\n interval : '(number|boolean)',\n keyboard : 'boolean',\n slide : '(boolean|string)',\n pause : '(string|boolean)',\n wrap : 'boolean'\n }\n\n const Direction = {\n NEXT : 'next',\n PREV : 'prev',\n LEFT : 'left',\n RIGHT : 'right'\n }\n\n const Event = {\n SLIDE : `slide${EVENT_KEY}`,\n SLID : `slid${EVENT_KEY}`,\n KEYDOWN : `keydown${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`,\n TOUCHEND : `touchend${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n CAROUSEL : 'carousel',\n ACTIVE : 'active',\n SLIDE : 'slide',\n RIGHT : 'carousel-item-right',\n LEFT : 'carousel-item-left',\n NEXT : 'carousel-item-next',\n PREV : 'carousel-item-prev',\n ITEM : 'carousel-item'\n }\n\n const Selector = {\n ACTIVE : '.active',\n ACTIVE_ITEM : '.active.carousel-item',\n ITEM : '.carousel-item',\n NEXT_PREV : '.carousel-item-next, .carousel-item-prev',\n INDICATORS : '.carousel-indicators',\n DATA_SLIDE : '[data-slide], [data-slide-to]',\n DATA_RIDE : '[data-ride=\"carousel\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n\n this._isPaused = false\n this._isSliding = false\n\n this.touchTimeout = null\n\n this._config = this._getConfig(config)\n this._element = $(element)[0]\n this._indicatorsElement = this._element.querySelector(Selector.INDICATORS)\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n next() {\n if (!this._isSliding) {\n this._slide(Direction.NEXT)\n }\n }\n\n nextWhenVisible() {\n // 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 ($(this._element).is(':visible') && $(this._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._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = this._element.querySelector(Selector.ACTIVE_ITEM)\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(Event.SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex\n ? Direction.NEXT\n : Direction.PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element)\n .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 if ('ontouchstart' in document.documentElement) {\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 $(this._element).on(Event.TOUCHEND, () => {\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n this.touchTimeout = setTimeout((event) => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n })\n }\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)\n .removeClass(ClassName.ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(ClassName.ACTIVE)\n }\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 = ClassName.LEFT\n orderClassName = ClassName.NEXT\n eventDirectionName = Direction.LEFT\n } else {\n directionalClassName = ClassName.RIGHT\n orderClassName = ClassName.PREV\n eventDirectionName = Direction.RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(ClassName.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\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(ClassName.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(ClassName.ACTIVE)\n\n $(activeElement).removeClass(`${ClassName.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(ClassName.ACTIVE)\n $(nextElement).addClass(ClassName.ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n data[action]()\n } else if (_config.interval) {\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(ClassName.CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler)\n\n $(window).on(Event.LOAD_DATA_API, () => {\n const carousels = [].slice.call(document.querySelectorAll(Selector.DATA_RIDE))\n for (let i = 0, len = carousels.length; i < len; i++) {\n const $carousel = $(carousels[i])\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n }\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Carousel._jQueryInterface\n $.fn[NAME].Constructor = Carousel\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n }\n\n return Carousel\n})($)\n\nexport default Carousel\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.1.3): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Collapse = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'collapse'\n const VERSION = '4.1.3'\n const DATA_KEY = 'bs.collapse'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Default = {\n toggle : true,\n parent : ''\n }\n\n const DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n }\n\n const Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n }\n\n const Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n }\n\n const Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = $.makeArray(document.querySelectorAll(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n const toggleList = [].slice.call(document.querySelectorAll(Selector.DATA_TOGGLE))\n for (let i = 0, len = toggleList.length; i < len; i++) {\n const elem = toggleList[i]\n const selector = Util.getSelectorFromElement(elem)\n const filterElement = [].slice.call(document.querySelectorAll(selector))\n .filter((foundElem) => foundElem === element)\n\n if (selector !== null && filterElement.length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = [].slice.call(this._parent.querySelectorAll(Selector.ACTIVES))\n .filter((elem) => elem.getAttribute('data-parent') === this._config.parent)\n\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n const triggerArrayLength = this._triggerArray.length\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n if (selector !== null) {\n const $elem = $([].slice.call(document.querySelectorAll(selector)))\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent = null\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = document.querySelector(this._config.parent)\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n const children = [].slice.call(parent.querySelectorAll(selector))\n $(children).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n if (element) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? document.querySelector(selector) : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n const selectors = [].slice.call(document.querySelectorAll(selector))\n $(selectors).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Collapse._jQueryInterface\n $.fn[NAME].Constructor = Collapse\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n }\n\n return Collapse\n})($)\n\nexport default Collapse\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.1.3): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Modal = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'modal'\n const VERSION = '4.1.3'\n const DATA_KEY = 'bs.modal'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\n const Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n }\n\n const DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DIALOG : '.modal-dialog',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class 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._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isTransitioning || this._isShown) {\n return\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n $(document.body).addClass(ClassName.OPEN)\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._isTransitioning || !this._isShown) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(transitionDuration)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n $(window, document, this._element, this._backdrop).off(EVENT_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._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.scrollTop = 0\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n this._backdrop.classList.add(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!animate) {\n callback()\n return\n }\n\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(ClassName.FADE)) {\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n const stickyContent = [].slice.call(document.querySelectorAll(Selector.STICKY_CONTENT))\n\n // Adjust fixed content padding\n $(fixedContent).each((index, element) => {\n const actualPadding = element.style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(stickyContent).each((index, element) => {\n const actualMargin = element.style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element)\n .data('margin-right', actualMargin)\n .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $(document.body).css('padding-right')\n $(document.body)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n const fixedContent = [].slice.call(document.querySelectorAll(Selector.FIXED_CONTENT))\n $(fixedContent).each((index, element) => {\n const padding = $(element).data('padding-right')\n $(element).removeData('padding-right')\n element.style.paddingRight = padding ? padding : ''\n })\n\n // Restore sticky content\n const elements = [].slice.call(document.querySelectorAll(`${Selector.STICKY_CONTENT}`))\n $(elements).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $(document.body).data('padding-right')\n $(document.body).removeData('padding-right')\n document.body.style.paddingRight = padding ? padding : ''\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Default,\n ...$(this).data(),\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = document.querySelector(selector)\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Modal._jQueryInterface\n $.fn[NAME].Constructor = Modal\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n }\n\n return Modal\n})($)\n\nexport default Modal\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.1.3): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst ScrollSpy = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'scrollspy'\n const VERSION = '4.1.3'\n const DATA_KEY = 'bs.scrollspy'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Default = {\n offset : 10,\n method : 'auto',\n target : ''\n }\n\n const DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n }\n\n const Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n }\n\n const Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n }\n\n const OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = [].slice.call(document.querySelectorAll(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = document.querySelector(targetSelector)\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...typeof config === 'object' && config ? config : {}\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n const offsetLength = this._offsets.length\n for (let i = offsetLength; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n let queries = this._selector.split(',')\n // eslint-disable-next-line arrow-body-style\n queries = queries.map((selector) => {\n return `${selector}[data-target=\"${target}\"],` +\n `${selector}[href=\"${target}\"]`\n })\n\n const $link = $([].slice.call(document.querySelectorAll(queries.join(','))))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both